/** NEAT-VARS **/
/*
$visual-grid-index: front;
$visual-grid-opacity: .4;
$visual-grid-color: #666;
$grid-columns: 12;
$gutter: 6px; 
$max-width: 100%;
$visual-grid: false;
*/
/** NEAT-IMPORTS **/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/** WUI MIXINS **/
/** WUI FONTS / COLORS **/
@font-face {
  font-family: Harabara;
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Harabara/harabara.eot");
  src: url("../fonts/Harabara/harabara.eot?#iefix") format("embedded-opentype"), url("../fonts/Harabara/harabara.woff") format("woff"), url("../fonts/Harabara/harabara.ttf") format("truetype"), url("../fonts/Harabara/harabara.svg#Harabara") format("svg"); }

/** Media-SET-UP **/
/** WUI IMPORTS **/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

img {
  vertical-align: middle; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

#intros {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden; }

@media screen and (min-width: 640px) {
  .gai-home #intros {
    display: block !important; } }
.gai-home #boxes {
  border: none; }

#intro-placeholder {
  height: 100%;
  position: relative;
  z-index: 0;
  width: 100%; }
  @media screen and (max-width: 840px) {
    #intro-placeholder {
      display: none !important; } }

#experience-intro,
#conserve-intro {
  height: 100%;
  cursor: pointer;
  z-index: 1; }
  #experience-intro .intro-label,
  #conserve-intro .intro-label {
    text-align: center;
    margin-top: 80px;
    width: 100%;
    z-index: 1; }
    #experience-intro .intro-label.white-text p,
    #conserve-intro .intro-label.white-text p {
      color: white; }
    #experience-intro .intro-label.black-text p,
    #conserve-intro .intro-label.black-text p {
      color: black; }
    #experience-intro .intro-label .title,
    #conserve-intro .intro-label .title {
      font: normal normal 700 14px/19px "Open Sans", helvetica, arial, sans-serif;
      font-size: 48px;
      letter-spacing: 4px;
      line-height: 37px;
      margin-bottom: 20px;
      text-shadow: 0 0 15px #000;
      text-transform: uppercase; }
    #experience-intro .intro-label .subtitle,
    #conserve-intro .intro-label .subtitle {
      font-family: normal normal 400 14px/19px "Open Sans", helvetica, arial, sans-serif;
      font-size: 20px;
      font-style: italic; }
    @media screen and (max-width: 840px) {
      #experience-intro .intro-label,
      #conserve-intro .intro-label {
        display: none !important; } }
  #experience-intro .intro-content,
  #conserve-intro .intro-content {
    cursor: initial;
    margin-top: 80px;
    width: 425px;
    z-index: 1; }
    #experience-intro .intro-content.white-text p,
    #conserve-intro .intro-content.white-text p {
      color: white; }
    #experience-intro .intro-content.black-text p,
    #conserve-intro .intro-content.black-text p {
      color: black; }
    #experience-intro .intro-content .title,
    #conserve-intro .intro-content .title {
      font: normal normal 700 14px/19px "Open Sans", helvetica, arial, sans-serif;
      font-size: 34px;
      line-height: 42px;
      margin-bottom: 20px;
      text-transform: uppercase; }
      @media screen and (max-width: 479px) {
        #experience-intro .intro-content .title,
        #conserve-intro .intro-content .title {
          font-size: 22px;
          line-height: 27px; } }
      @media screen and (max-width: 360px) {
        #experience-intro .intro-content .title,
        #conserve-intro .intro-content .title {
          font-size: 18px;
          line-height: 23px;
          margin-bottom: 0; } }
    #experience-intro .intro-content .text,
    #conserve-intro .intro-content .text {
      font-style: italic;
      line-height: 28px;
      margin-bottom: 20px; }
      @media screen and (max-width: 479px) {
        #experience-intro .intro-content .text,
        #conserve-intro .intro-content .text {
          font-size: 18px;
          line-height: 23px; } }
      @media screen and (max-width: 360px) {
        #experience-intro .intro-content .text,
        #conserve-intro .intro-content .text {
          font-size: 14px;
          line-height: 17px;
          margin-bottom: 10px; } }
    @media screen and (max-width: 840px) {
      #experience-intro .intro-content,
      #conserve-intro .intro-content {
        margin-top: 10px !important;
        width: 100% !important; } }
  #experience-intro.open,
  #conserve-intro.open {
    z-index: 0; }
  #experience-intro.closed,
  #conserve-intro.closed {
    z-index: 1; }

#experience-intro {
  position: absolute;
  top: 0px;
  left: 0px;
  float: left;
  width: 50%;
  background: white url("../img/experienceintro.jpg") no-repeat 0 0;
  height: 100%;
  overflow: hidden; }
  #experience-intro .introback {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    max-width: none;
    width: auto; }
    @media screen and (max-width: 840px) {
      #experience-intro .introback {
        height: auto;
        position: relative;
        width: 100%; } }
  #experience-intro .intro-label {
    position: absolute;
    top: 0px;
    left: 0px; }
  #experience-intro .intro-content {
    position: absolute;
    top: 0px;
    right: -425px; }
    @media screen and (max-width: 840px) {
      #experience-intro .intro-content {
        right: auto;
        left: 0;
        padding: 0 10px; } }
  #experience-intro.closed {
    box-shadow: 2px 0 10px black; }
  @media screen and (max-width: 840px) {
    #experience-intro {
      position: relative !important;
      width: 100% !important; } }

#conserve-intro {
  position: absolute;
  top: 0px;
  right: 0px;
  float: left;
  width: 50%;
  background: white url("../img/conserveintro.jpg") no-repeat 0 0;
  height: 100%;
  overflow: hidden; }
  #conserve-intro .introback {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    max-width: none;
    width: auto; }
    @media screen and (max-width: 840px) {
      #conserve-intro .introback {
        height: auto;
        position: relative;
        width: 100%; } }
  #conserve-intro .intro-label {
    position: absolute;
    top: 0px;
    left: 0px; }
  #conserve-intro .intro-content {
    position: absolute;
    top: 0px;
    left: -425px; }
    @media screen and (max-width: 840px) {
      #conserve-intro .intro-content {
        left: auto !important;
        right: 0 !important;
        padding: 0 10px !important; } }
  #conserve-intro.closed {
    box-shadow: -2px 0 10px black; }
  @media screen and (max-width: 840px) {
    #conserve-intro {
      position: relative !important;
      width: 100% !important; } }

#animalslide {
  display: none;
  height: 75%;
  z-index: 2; }
  @media screen and (max-width: 840px) {
    #animalslide {
      display: none !important; } }

.mobile-menu-trigger {
  position: absolute;
  top: 22px;
  right: 15px;
  background: transparent url("../img/mobile-menu.png") no-repeat 0 0;
  cursor: pointer;
  height: 19px;
  width: 26px; }

#page-slider {
  float: left;
  position: relative;
  width: 100%; }
  #page-slider object {
    background: #1f1f1f;
    display: block; }
  #page-slider embed {
    display: block;
    height: 450px;
    margin: 0 auto;
    width: 800px; }
    @media screen and (min-width: 640px) and (max-width: 840px) {
      #page-slider embed {
        height: 338px;
        width: 600px; } }
    @media screen and (min-width: 480px) and (max-width: 639px) {
      #page-slider embed {
        width: 420px;
        height: 236px; } }
    @media screen and (max-width: 479px) {
      #page-slider embed {
        width: 300px;
        height: 169px; } }
  #page-slider .slider-content {
    position: absolute;
    top: 40px;
    left: 40px;
    float: left;
    width: 50%;
    color: white; }
    #page-slider .slider-content.black-text {
      color: black; }
    #page-slider .slider-content.text-right {
      position: absolute;
      top: 40px;
      right: 40px; }
    #page-slider .slider-content p {
      font-family: normal normal 400 14px/19px "Open Sans", helvetica, arial, sans-serif;
      font-size: 20px;
      font-style: italic;
      letter-spacing: 1px;
      line-height: 30px;
      margin-bottom: 30px; }
      @media screen and (min-width: 640px) and (max-width: 840px) {
        #page-slider .slider-content p {
          margin-bottom: 20px; } }
      @media screen and (min-width: 480px) and (max-width: 639px) {
        #page-slider .slider-content p {
          display: none; } }
      @media screen and (max-width: 479px) {
        #page-slider .slider-content p {
          display: none; } }
      @media screen and (max-width: 360px) {
        #page-slider .slider-content p {
          display: none; } }
    #page-slider .slider-content .title {
      font: normal normal 700 14px/19px "Open Sans", helvetica, arial, sans-serif;
      font-size: 43px;
      font-style: normal;
      letter-spacing: normal;
      line-height: 50px;
      margin-bottom: 0;
      text-transform: uppercase; }
      @media screen and (min-width: 640px) and (max-width: 840px) {
        #page-slider .slider-content .title {
          font-size: 33px;
          line-height: 42px; } }
      @media screen and (min-width: 480px) and (max-width: 639px) {
        #page-slider .slider-content .title {
          display: block;
          font-size: 33px;
          line-height: 42px;
          margin-bottom: 20px; } }
      @media screen and (max-width: 479px) {
        #page-slider .slider-content .title {
          display: block;
          font-size: 25px;
          line-height: 32px;
          margin-bottom: 20px; } }
      @media screen and (max-width: 360px) {
        #page-slider .slider-content .title {
          display: block;
          font-size: 25px;
          line-height: 32px;
          margin-bottom: 20px; } }
    @media screen and (min-width: 640px) and (max-width: 840px) {
      #page-slider .slider-content {
        position: absolute;
        top: 20px;
        left: 20px;
        float: left;
        width: 75%; } }
    @media screen and (min-width: 480px) and (max-width: 639px) {
      #page-slider .slider-content {
        position: absolute;
        top: 20px;
        left: 20px;
        float: left;
        width: 75%; } }
    @media screen and (max-width: 479px) {
      #page-slider .slider-content {
        position: absolute;
        top: 10px;
        left: 10px;
        float: left;
        width: 83.33333%; } }
    @media screen and (max-width: 360px) {
      #page-slider .slider-content {
        position: absolute;
        top: 10px;
        left: 10px;
        float: left;
        width: 83.33333%; } }

#page-type,
#mobile-page-type {
  float: left;
  width: 100%;
  background: #53b9f7;
  height: 60px;
  position: relative; }
  @media screen and (max-width: 840px) {
    #page-type,
    #mobile-page-type {
      height: auto; } }

#mobile-page-type {
  height: auto; }

#page-type-info {
  float: left;
  width: 83.33333%; }
  @media screen and (max-width: 840px) {
    #page-type-info {
      float: left;
      width: 100%; } }

#type-container {
  color: white;
  float: left;
  width: auto; }
  @media screen and (max-width: 840px) {
    #type-container {
      width: 100%;
      border-bottom: 1px solid white; } }

.type-options {
  float: left;
  width: 83.33333%;
  height: 60px; }
  @media screen and (max-width: 840px) {
    .type-options {
      float: left;
      width: 100%;
      height: auto; } }

.type-back a {
  color: white !important; }

#boxes .type-back a#back {
  color: white !important; }

#page-menu,
.footer-page-menu,
.mobile-side-bar,
#mobile-type-back {
  float: left;
  width: 100%;
  background: white; }
  #page-menu li,
  .footer-page-menu li,
  .mobile-side-bar li,
  #mobile-type-back li {
    float: left;
    width: 16.66667%;
    border-right: 1px #D2D3D5 solid;
    border-top: 3px transparent solid;
    display: block;
    height: 60px; }
    #page-menu li:hover,
    .footer-page-menu li:hover,
    .mobile-side-bar li:hover,
    #mobile-type-back li:hover {
      border-top-color: #fb8129; }
  #page-menu a,
  .footer-page-menu a,
  .mobile-side-bar a,
  #mobile-type-back a {
    color: #414042 !important;
    display: block;
    font-size: 14px;
    height: 100%;
    line-height: 17px;
    padding: 10px;
    text-decoration: none;
    width: 100%; }

#page-menu a {
  font-weight: 600; }

.footer-page-menu,
.mobile-side-bar,
#mobile-type-back {
  background: white; }
  .footer-page-menu li,
  .mobile-side-bar li,
  #mobile-type-back li {
    float: left;
    width: 100%;
    border-right: none;
    height: auto;
    padding: 0 10px; }
    .footer-page-menu li:hover,
    .mobile-side-bar li:hover,
    #mobile-type-back li:hover {
      border-top-color: transparent; }
  .footer-page-menu .has-children li,
  .mobile-side-bar .has-children li,
  #mobile-type-back .has-children li {
    padding: 0; }
  .footer-page-menu .has-children a,
  .mobile-side-bar .has-children a,
  #mobile-type-back .has-children a {
    background: transparent url("../img/mobile_submenu.png") no-repeat 98% 14px; }
    .footer-page-menu .has-children a.active,
    .mobile-side-bar .has-children a.active,
    #mobile-type-back .has-children a.active {
      background-position: 98% -100px; }
      .footer-page-menu .has-children a.active ul.children,
      .mobile-side-bar .has-children a.active ul.children,
      #mobile-type-back .has-children a.active ul.children {
        display: block; }
  .footer-page-menu ul.children,
  .mobile-side-bar ul.children,
  #mobile-type-back ul.children {
    display: none; }
    .footer-page-menu ul.children.open,
    .mobile-side-bar ul.children.open,
    #mobile-type-back ul.children.open {
      display: block; }
    .footer-page-menu ul.children a,
    .mobile-side-bar ul.children a,
    #mobile-type-back ul.children a {
      background: none;
      display: block;
      padding-left: 20px; }
  .footer-page-menu a,
  .mobile-side-bar a,
  #mobile-type-back a {
    border-bottom: 1px #0c2849 solid;
    color: #0c2849;
    padding: 10px 0; }

#mobile-type-back {
  padding: 0 10px; }

.page-image {
  height: auto;
  width: 100%; }

#page-triggers {
  float: left;
  width: 100%;
  background: white;
  border-bottom: 1px #BDBEC1 solid;
  height: 75px; }
  #page-triggers #previous {
    border-right: 1px #BDBEC1 solid;
    display: block;
    float: left;
    height: 75px;
    width: 160px; }
    #page-triggers #previous a {
      background: transparent url("../img/prev_next_page.png") no-repeat 10px 19px;
      display: block;
      padding: 10px 10px 10px 42px; }
  #page-triggers #next {
    border-left: 1px #BDBEC1 solid;
    display: block;
    float: right;
    height: 75px;
    width: 160px; }
    #page-triggers #next a {
      background: transparent url("../img/prev_next_page.png") no-repeat 135px -63px;
      display: block;
      padding: 10px 42px 10px 10px; }
  #page-triggers a {
    color: #0c2849;
    font-size: 14px;
    height: 100%;
    line-height: 17px;
    text-decoration: none; }

div.shareaholic-mobile-panel.shareaholic-ui {
  visibility: hidden !important; }

/** NEAT-IMPORTS **/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/** WUI MIXINS **/
.type-title {
  float: left;
  font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
  font-size: 32px;
  letter-spacing: 3px;
  line-height: 60px !important;
  padding: 0px 10px;
  text-transform: uppercase;
  width: 100%; }

.type-back {
  float: left;
  width: 16.66667%;
  border-left: 1px white solid;
  display: table;
  float: right; }
  .type-back a {
    display: table-cell;
    font: normal normal 700 14px/19px "Open Sans", helvetica, arial, sans-serif;
    height: 60px;
    padding-left: 10px;
    text-decoration: none;
    vertical-align: middle;
    width: 100%; }
    .type-back a span {
      display: block;
      font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif; }

.faq-item {
  border-top: 1px #b6bec8 solid;
  float: left;
  width: 100%; }
  .faq-item:last-child {
    border-bottom: 1px #b6bec8 solid; }

.faq-question {
  background: transparent url("../img/faq-icons.png") no-repeat 98% -66px;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 10px 6% 10px 0; }

.faq-question.open {
  display: block;
  background-position: 98% 20px; }

.faq-answer {
  display: block; }

.ticket-wrap {
  border-bottom: 1px #b6bec8 solid;
  float: left;
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 30px; }

.ticket-img {
  float: left;
  width: 25%; }

.ticket-info {
  float: left;
  width: 75%; }
  .ticket-info p {
    margin-bottom: 15px !important; }

.pop-up-text {
  display: none; }
  .pop-up-text.active {
    position: fixed;
    top: 20px;
    left: 50%;
    background: white;
    display: block;
    margin-left: -30%;
    padding: 10px;
    width: 60%;
    z-index: 101; }
    @media screen and (min-width: 841px) and (max-width: 959px) {
      .pop-up-text.active {
        margin-left: -40%;
        width: 80%; } }
    @media screen and (max-width: 840px) {
      .pop-up-text.active {
        margin-left: -49%;
        width: 98%; } }

.cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100; }

.animal-search {
  float: left; }
  @media screen and (max-width: 840px) {
    .animal-search {
      width: 100%; } }
  .animal-search .select-mirror-container {
    position: relative;
    width: auto;
    z-index: 6; }
    .animal-search .select-mirror-container .arrow {
      position: absolute;
      top: 23px;
      right: 10px;
      cursor: pointer;
      height: 16px;
      transition: 0.6s;
      transform-style: preserve-3d;
      width: 30px; }
      .animal-search .select-mirror-container .arrow svg {
        height: 16px;
        width: 30px; }
        @media screen and (max-width: 840px) {
          .animal-search .select-mirror-container .arrow svg {
            -webkit-transform: scale(0.6);
            -moz-transform: scale(0.6);
            -ms-transform: scale(0.6);
            -o-transform: scale(0.6);
            transform: scale(0.6); } }
      .animal-search .select-mirror-container .arrow .down-arrow {
        fill: white; }
      @media screen and (max-width: 840px) {
        .animal-search .select-mirror-container .arrow {
          height: 16px;
          background-position: 0 16px;
          top: 13px;
          transform: scale(0.6); } }
  .animal-search .select-mirror {
    background: none;
    border: 1px white solid;
    border-bottom: none;
    border-top: none;
    cursor: pointer;
    font: normal normal 100 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 0 !important;
    padding: 10px 100px 10px 10px;
    position: relative;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
    .animal-search .select-mirror.open {
      background: white; }
    .animal-search .select-mirror div {
      color: white;
      margin-bottom: 0 !important; }
    .animal-search .select-mirror.open div {
      color: #53b9f7; }
    .animal-search .select-mirror.open + .arrow {
      transform: rotateX(180deg) scale(0.6); }
      .animal-search .select-mirror.open + .arrow .down-arrow {
        fill: #53b9f7; }
    @media screen and (max-width: 840px) {
      .animal-search .select-mirror {
        border: none;
        font-size: 14px;
        line-height: 20px; } }
  .animal-search .select-options {
    position: absolute;
    top: 100%;
    left: 0px;
    background: white;
    border: none;
    border-bottom: 1px #BDBEC1 solid;
    cursor: pointer;
    display: none;
    font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 28px;
    line-height: 38px;
    max-height: 309px;
    overflow-x: scroll;
    white-space: nowrap;
    width: auto;
    z-index: 1; }
    .animal-search .select-options .option {
      border-left: 1px #BDBEC1 solid;
      border-right: 1px #BDBEC1 solid;
      color: #0c2849;
      padding: 3px 10px;
      padding-right: 100px; }
      .animal-search .select-options .option:hover {
        background: #fb8129;
        color: white; }
    @media screen and (max-width: 840px) {
      .animal-search .select-options {
        font-size: 14px;
        line-height: 20px;
        width: 100%; } }

.conserve .quadruple,
.gai-conserve .quadruple {
  border-top: 6px white solid; }
  .conserve .quadruple:first-child,
  .gai-conserve .quadruple:first-child {
    border: none; }
.conserve #boxes,
.conserve .boxes,
.gai-conserve #boxes,
.gai-conserve .boxes {
  border: none; }
  .conserve #boxes .box,
  .conserve .boxes .box,
  .gai-conserve #boxes .box,
  .gai-conserve .boxes .box {
    border-left: none;
    border-right: none; }
    .conserve #boxes .box:first-child,
    .conserve .boxes .box:first-child,
    .gai-conserve #boxes .box:first-child,
    .gai-conserve .boxes .box:first-child {
      border-top: none; }
  .conserve #boxes .hero-content,
  .conserve .boxes .hero-content,
  .gai-conserve #boxes .hero-content,
  .gai-conserve .boxes .hero-content {
    float: left;
    width: 58.33333%;
    color: white; }
    .conserve #boxes .hero-content p.hero-title,
    .conserve .boxes .hero-content p.hero-title,
    .gai-conserve #boxes .hero-content p.hero-title,
    .gai-conserve .boxes .hero-content p.hero-title {
      font-size: 48px;
      line-height: 52px;
      margin-bottom: 20px; }
      @media screen and (max-width: 840px) {
        .conserve #boxes .hero-content p.hero-title,
        .conserve .boxes .hero-content p.hero-title,
        .gai-conserve #boxes .hero-content p.hero-title,
        .gai-conserve .boxes .hero-content p.hero-title {
          display: block;
          font-size: 22px;
          line-height: 28px; } }
    .conserve #boxes .hero-content p.hero-text,
    .conserve .boxes .hero-content p.hero-text,
    .gai-conserve #boxes .hero-content p.hero-text,
    .gai-conserve .boxes .hero-content p.hero-text {
      font-family: normal normal 400 14px/19px "Open Sans", helvetica, arial, sans-serif;
      font-size: 20px;
      line-height: 30px; }
      @media screen and (min-width: 480px) and (max-width: 639px) {
        .conserve #boxes .hero-content p.hero-text,
        .conserve .boxes .hero-content p.hero-text,
        .gai-conserve #boxes .hero-content p.hero-text,
        .gai-conserve .boxes .hero-content p.hero-text {
          display: none; } }
      @media screen and (max-width: 479px) {
        .conserve #boxes .hero-content p.hero-text,
        .conserve .boxes .hero-content p.hero-text,
        .gai-conserve #boxes .hero-content p.hero-text,
        .gai-conserve .boxes .hero-content p.hero-text {
          display: none; } }
    .conserve #boxes .hero-content .button,
    .conserve .boxes .hero-content .button,
    .gai-conserve #boxes .hero-content .button,
    .gai-conserve .boxes .hero-content .button {
      bottom: auto;
      left: auto;
      position: relative; }
    @media screen and (min-width: 480px) and (max-width: 639px) {
      .conserve #boxes .hero-content,
      .conserve .boxes .hero-content,
      .gai-conserve #boxes .hero-content,
      .gai-conserve .boxes .hero-content {
        float: left;
        width: 75%; } }
    @media screen and (max-width: 479px) {
      .conserve #boxes .hero-content,
      .conserve .boxes .hero-content,
      .gai-conserve #boxes .hero-content,
      .gai-conserve .boxes .hero-content {
        float: left;
        width: 91.66667%;
        padding: 20px 10px; } }

.events #type-container,
.events-detail #type-container, .gai-events #type-container {
  float: left;
  width: 16.66667%; }
  @media screen and (max-width: 840px) {
    .events #type-container,
    .events-detail #type-container, .gai-events #type-container {
      float: left;
      width: 100%; } }
.events .quadruple,
.events-detail .quadruple, .gai-events .quadruple {
  z-index: 5; }

.events .current-month {
  height: 60px; }

.event-sidebar {
  font: normal normal 600 14px/19px "Open Sans", helvetica, arial, sans-serif; }
  .event-sidebar ul {
    background: transparent url("../img/event_icons.png") no-repeat 0 0;
    margin-bottom: 20px;
    padding-left: 30px; }
  .event-sidebar .event-location {
    background-position: 3px -190px;
    list-style-type: none !important; }
  .event-sidebar .share-option {
    background-position: 0 -380px;
    list-style-type: none !important;
    position: relative; }
  .event-sidebar .share-buttons {
    background: none;
    display: none;
    padding: 0;
    list-style-type: none !important;
    position: absolute;
    left: 10px;
    top: 20px;
    width: 200px; }
    .event-sidebar .share-buttons li {
      float: left; }

#boxes .has-side-bar .side-bar.event-sidebar li {
  margin-bottom: 10px; }

.event-date strong {
  display: none; }

#event-date {
  float: left;
  width: 50%;
  border-left: 1px white solid;
  float: left;
  position: relative; }
  #event-date .arrow {
    position: absolute;
    top: 23px;
    right: 10px;
    cursor: pointer;
    height: 16px;
    width: 30px; }
    #event-date .arrow svg {
      height: 16px;
      width: 30px; }
      @media screen and (max-width: 840px) {
        #event-date .arrow svg {
          -webkit-transform: scale(0.6);
          -moz-transform: scale(0.6);
          -ms-transform: scale(0.6);
          -o-transform: scale(0.6);
          transform: scale(0.6); } }
    #event-date .arrow .down-arrow {
      fill: white; }
    @media screen and (max-width: 840px) {
      #event-date .arrow {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
        top: 13px; } }
  #event-date p.open {
    background: white;
    color: #53b9f7; }
    #event-date p.open + .arrow {
      transform: rotateX(180deg); }
      #event-date p.open + .arrow .down-arrow {
        fill: #53b9f7; }
      @media screen and (max-width: 840px) {
        #event-date p.open + .arrow {
          -webkit-transform: scale(0.6) rotateX(180deg);
          -moz-transform: scale(0.6) rotateX(180deg);
          -ms-transform: scale(0.6) rotateX(180deg);
          -o-transform: scale(0.6) rotateX(180deg);
          transform: scale(0.6) rotateX(180deg); } }
    #event-date p.open div {
      color: #53b9f7; }
  #event-date p {
    color: white;
    float: left;
    font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 32px;
    line-height: 60px;
    padding: 0px 10px;
    position: relative;
    width: 100%; }
    #event-date p .arrow {
      position: absolute;
      top: 23px;
      right: 10px;
      cursor: pointer;
      height: 16px;
      transition: 0.6s;
      transform-style: preserve-3d;
      width: 30px; }
      #event-date p .arrow svg {
        height: 16px;
        width: 30px; }
        @media screen and (max-width: 840px) {
          #event-date p .arrow svg {
            -webkit-transform: scale(0.6);
            -moz-transform: scale(0.6);
            -ms-transform: scale(0.6);
            -o-transform: scale(0.6);
            transform: scale(0.6); } }
      #event-date p .arrow .down-arrow {
        fill: white; }
      @media screen and (max-width: 840px) {
        #event-date p .arrow {
          height: 16px;
          top: 13px; } }
    @media screen and (max-width: 840px) {
      #event-date p {
        font-size: 14px;
        line-height: 20px;
        padding: 10px; } }
  @media screen and (max-width: 840px) {
    #event-date {
      border-left: none; } }

#event-picker,
#mobile-event-picker {
  position: absolute;
  top: 100%;
  left: 0px;
  width: 100%;
  z-index: 6; }
  #event-picker .ui-widget-content,
  #mobile-event-picker .ui-widget-content {
    width: 100%; }
    @media screen and (max-width: 840px) {
      #event-picker .ui-widget-content,
      #mobile-event-picker .ui-widget-content {
        width: 100%; } }
    @media screen and (max-width: 479px) {
      #event-picker .ui-widget-content,
      #mobile-event-picker .ui-widget-content {
        width: 300px; } }

#boxes .box.event,
.boxes .box.event {
  padding-bottom: 20px;
  /** sitefinity changes to span **/ }
  #boxes .box.event span.event-title,
  .boxes .box.event span.event-title {
    font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 32px;
    line-height: 35px; }
    @media screen and (max-width: 840px) {
      #boxes .box.event span.event-title,
      .boxes .box.event span.event-title {
        font-size: 22px;
        line-height: 28px; } }
    @media screen and (max-width: 479px) {
      #boxes .box.event span.event-title,
      .boxes .box.event span.event-title {
        font-size: 18px;
        line-height: 21px; } }
    #boxes .box.event span.event-title .sfTxtContent,
    .boxes .box.event span.event-title .sfTxtContent {
      padding-left: 10px; }
  @media screen and (max-width: 479px) {
    #boxes .box.event .sfRTFContent,
    .boxes .box.event .sfRTFContent {
      display: none; } }
  #boxes .box.event p,
  .boxes .box.event p {
    margin-bottom: 0;
    padding: 0 10px 0 10px; }
    #boxes .box.event p.event-desc,
    .boxes .box.event p.event-desc {
      padding-bottom: 0;
      line-height: 22px; }
      @media screen and (max-width: 840px) {
        #boxes .box.event p.event-desc,
        .boxes .box.event p.event-desc {
          display: block; } }
      @media screen and (max-width: 479px) {
        #boxes .box.event p.event-desc,
        .boxes .box.event p.event-desc {
          display: none; } }
    #boxes .box.event p.event-title,
    .boxes .box.event p.event-title {
      font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
      font-size: 32px;
      line-height: 35px; }
      @media screen and (max-width: 840px) {
        #boxes .box.event p.event-title,
        .boxes .box.event p.event-title {
          font-size: 22px;
          line-height: 28px; } }
      @media screen and (max-width: 479px) {
        #boxes .box.event p.event-title,
        .boxes .box.event p.event-title {
          font-size: 18px;
          line-height: 21px; } }
    @media screen and (max-width: 840px) {
      #boxes .box.event p,
      .boxes .box.event p {
        display: block;
        font-size: 14px;
        line-height: 17px; } }
  @media screen and (max-width: 479px) {
    #boxes .box.event,
    .boxes .box.event {
      height: 305px; } }
  @media screen and (max-width: 360px) {
    #boxes .box.event,
    .boxes .box.event {
      height: 420px; } }

.event-month {
  float: left;
  width: 100%; }

.clearEvent {
  clear: both; }

.event-month-container {
  float: left;
  height: 61px;
  margin-bottom: 4px;
  width: 100%;
  z-index: 5; }
  .event-month-container p {
    background: white;
    border-bottom: 1px #0c2849 solid;
    border-top: 1px #0c2849 solid;
    color: #0c2849;
    font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 32px;
    line-height: 60px !important;
    margin-bottom: 0;
    text-align: center; }

.rcbList li {
  font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
  font-size: 28px !important;
  line-height: 38px !important; }
.rcbList .rcbHovered {
  background: #fb8129 !important;
  color: white !important; }

.rcbFocused .rcbReadOnly .rcbInput {
  background: white;
  color: #53b9f7 !important; }
.rcbFocused .rcbReadOnly .rcbArrowCellRight a {
  background: url("../img/up-down-arrow.png") 3px -12px no-repeat !important; }

.type-back {
  border: none; }
  .type-back .button {
    border: none;
    margin: 10px 0 0 10px; }

.RadComboBox_Default .rcbArrowCell {
  background: none !important;
  background-image: none !important; }

.submit-button {
  float: left;
  width: 16.66667%; }

#event-search {
  float: left;
  width: 50%; }
  #event-search .arrow, #event-search .RadComboBox .rcbReadOnly .rcbArrowCellRight {
    position: absolute;
    top: 23px;
    right: 10px;
    cursor: pointer;
    height: 16px;
    transition: 0.6s;
    transform-style: preserve-3d;
    width: 30px; }
    #event-search .arrow svg, #event-search .arrow a, #event-search .RadComboBox .rcbReadOnly .rcbArrowCellRight svg, #event-search .RadComboBox .rcbReadOnly .rcbArrowCellRight a {
      height: 16px;
      width: 30px; }
      @media screen and (max-width: 840px) {
        #event-search .arrow svg, #event-search .arrow a, #event-search .RadComboBox .rcbReadOnly .rcbArrowCellRight svg, #event-search .RadComboBox .rcbReadOnly .rcbArrowCellRight a {
          -webkit-transform: scale(0.6);
          -moz-transform: scale(0.6);
          -ms-transform: scale(0.6);
          -o-transform: scale(0.6);
          transform: scale(0.6); } }
    #event-search .arrow .down-arrow, #event-search .RadComboBox .rcbReadOnly .rcbArrowCellRight .down-arrow {
      fill: white; }
    @media screen and (max-width: 840px) {
      #event-search .arrow, #event-search .RadComboBox .rcbReadOnly .rcbArrowCellRight {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
        top: 13px; } }
  #event-search .RadComboBox .rcbReadOnly .rcbArrowCellRight {
    background: transparent; }
  #event-search .RadComboBox .rcbReadOnly .rcbArrowCellRight a {
    background: url("../img/up-down-arrow.png") 3px 4px no-repeat;
    width: 30px;
    height: 16px; }
  #event-search .select-mirror-container {
    position: relative;
    width: auto;
    z-index: 6; }
  #event-search .RadComboBox {
    border: 1px white solid;
    border-bottom: none;
    border-top: none;
    cursor: pointer;
    font-size: 28px !important;
    height: 60px !important;
    line-height: 38px !important;
    margin-bottom: 0 !important;
    position: relative;
    width: 100% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
    #event-search .RadComboBox table {
      height: 60px; }
  #event-search > div, #event-search .RadComboBox .rcbReadOnly .rcbInputCellLeft {
    background: none;
    cursor: pointer;
    line-height: 38px;
    margin-bottom: 0 !important;
    padding: 0;
    position: relative;
    width: 100% !important; }
    #event-search > div .RadComboBox, #event-search .RadComboBox .rcbReadOnly .rcbInputCellLeft .RadComboBox {
      width: 100% !important;
      border: 1px white solid;
      border-bottom: none;
      border-top: none;
      border-right: none; }
    #event-search > div .RadComboBox .rcbReadOnly .rcbInput, #event-search .RadComboBox .rcbReadOnly .rcbInputCellLeft .RadComboBox .rcbReadOnly .rcbInput {
      color: #fff;
      font: normal normal 100 14px/19px "Open Sans", helvetica, arial, sans-serif !important;
      font-size: 28px;
      height: 60px;
      padding: 10px 100px 10px 10px;
      cursor: pointer; }
  #event-search .rcbReadOnly .rcbInput {
    font: normal normal 100 14px/19px "Open Sans", helvetica, arial, sans-serif !important;
    height: 60px; }
  #event-search .RadComboBox .rcbReadOnly .rcbInput {
    color: white !important;
    font-size: 28px !important;
    line-height: 38px !important;
    padding: 10px 100px 10px 10px; }
  #event-search .rcbFocused .rcbReadOnly .rcbInput {
    background: white;
    color: #53b9f7 !important; }
  #event-search .rcbFocused .rcbReadOnly .rcbArrowCellRight a {
    background: url("../img/up-down-arrow.png") 3px -12px no-repeat !important; }
  #event-search .select-mirror {
    background: none;
    border: 1px white solid;
    border-bottom: none;
    border-top: none;
    border-right: none;
    cursor: pointer;
    font: normal normal 100 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 28px;
    height: 60px;
    line-height: 38px;
    margin-bottom: 0 !important;
    padding: 10px 100px 10px 10px;
    position: relative;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
    #event-search .select-mirror.open {
      background: white; }
    #event-search .select-mirror div {
      color: white;
      margin-bottom: 0 !important; }
    #event-search .select-mirror.open + .arrow {
      transform: rotateX(180deg); }
      #event-search .select-mirror.open + .arrow .down-arrow {
        fill: #53b9f7; }
      @media screen and (max-width: 840px) {
        #event-search .select-mirror.open + .arrow {
          -webkit-transform: scale(0.6) rotateX(180deg);
          -moz-transform: scale(0.6) rotateX(180deg);
          -ms-transform: scale(0.6) rotateX(180deg);
          -o-transform: scale(0.6) rotateX(180deg);
          transform: scale(0.6) rotateX(180deg); } }
    #event-search .select-mirror.open div {
      color: #53b9f7; }
    @media screen and (max-width: 840px) {
      #event-search .select-mirror {
        font-size: 14px;
        height: 40px;
        line-height: 20px;
        padding: 10px; } }
  #event-search .select-options {
    position: absolute;
    top: 100%;
    right: 0px;
    background: white;
    border: none;
    border-bottom: 1px #BDBEC1 solid;
    border-left: 1px #BDBEC1 solid;
    border-right: 1px #BDBEC1 solid;
    cursor: pointer;
    display: none;
    font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 28px;
    line-height: 38px;
    max-height: auto;
    overflow: auto;
    white-space: nowrap;
    width: 100%;
    z-index: 1; }
    #event-search .select-options .option {
      color: #0c2849;
      padding: 3px 10px;
      text-align: left; }
      #event-search .select-options .option:hover {
        background: #fb8129;
        color: white; }
      @media screen and (max-width: 840px) {
        #event-search .select-options .option {
          padding: 3px 10px; } }
    @media screen and (max-width: 840px) {
      #event-search .select-options {
        width: 100%; } }
    @media screen and (max-width: 479px) {
      #event-search .select-options {
        width: 300px; } }
  #event-search .RadComboBox_Default .rcbInputCell {
    background: none !important; }

/* event picker */
#event-picker .ui-widget-content {
  padding: 0; }

.ui-datepicker .ui-datepicker-header {
  background: #0c2849;
  border: none;
  border-radius: 0;
  color: white;
  font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
  font-size: 22px; }

.ui-state-default, .ui-widget-content .ui-state-default {
  background: none;
  border: none;
  color: #0c2849;
  text-align: center; }

.ui-widget-content {
  color: #0c2849;
  font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif; }

.ui-datepicker th {
  font-weight: 300; }

.ui-datepicker td a {
  margin: 0 auto;
  width: 50%; }
.ui-datepicker td:hover a, .ui-datepicker td.ui-datepicker-current-day a {
  background: #fb8129;
  color: white; }

.ui-widget-header .ui-icon {
  background-image: none; }

.ui-datepicker .ui-datepicker-next {
  background: transparent url("../img/calendar_arrows.png") no-repeat 23px -135px; }

.ui-datepicker .ui-datepicker-prev {
  background: transparent url("../img/calendar_arrows.png") no-repeat 5px 10px; }

.ui-datepicker .ui-datepicker-next-hover {
  border: none;
  cursor: pointer;
  right: 2px;
  top: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  border: none;
  cursor: pointer;
  left: 2px;
  top: 2px; }

.arrow .arrow-fb {
  background: url("../img/up-down-arrow.png") 0 0 no-repeat;
  width: 25px;
  height: 12px;
  margin: 0 auto;
  text-indent: -9999px;
  display: block; }

.open .arrow-fb {
  background: url("../img/up-down-arrow.png") 0 0 no-repeat; }

#boxes .box p,
.boxes .box p {
  margin-bottom: 30px; }
  #boxes .box p.title,
  .boxes .box p.title {
    font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 30px;
    line-height: 33px;
    margin-bottom: 10px; }
    @media screen and (min-width: 841px) and (max-width: 959px) {
      #boxes .box p.title,
      .boxes .box p.title {
        font-size: 28px;
        line-height: 32px; } }
    @media screen and (min-width: 640px) and (max-width: 840px) {
      #boxes .box p.title,
      .boxes .box p.title {
        font-size: 42px;
        line-height: 50px; } }
    @media screen and (max-width: 360px) {
      #boxes .box p.title,
      .boxes .box p.title {
        display: block;
        font-size: 24px;
        line-height: 30px; } }
  @media screen and (min-width: 640px) and (max-width: 840px) {
    #boxes .box p,
    .boxes .box p {
      font-size: 20px;
      line-height: 35px; } }
  @media screen and (max-width: 360px) {
    #boxes .box p,
    .boxes .box p {
      display: none; } }
#boxes .box.content p,
.boxes .box.content p {
  display: block;
  font-size: 14px;
  line-height: 22px; }
#boxes .box.weather .box-content,
.boxes .box.weather .box-content {
  padding-top: 20px; }
#boxes .box.weather .weather-box img,
.boxes .box.weather .weather-box img {
  height: auto;
  margin-bottom: 20px;
  padding: 0 40px;
  width: 100%; }
#boxes .box.weather .weather-box .weather-info,
.boxes .box.weather .weather-box .weather-info {
  float: left;
  width: 83.33333%;
  color: white;
  float: none;
  margin: 0 auto; }
  @media screen and (min-width: 640px) and (max-width: 840px) {
    #boxes .box.weather .weather-box .weather-info,
    .boxes .box.weather .weather-box .weather-info {
      float: left;
      width: 50%;
      float: none; } }
  @media screen and (max-width: 360px) {
    #boxes .box.weather .weather-box .weather-info,
    .boxes .box.weather .weather-box .weather-info {
      float: left;
      width: 91.66667%;
      float: none; } }
#boxes .box.weather .weather-box .current-temp,
.boxes .box.weather .weather-box .current-temp {
  float: left;
  width: 41.66667%;
  font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
  font-size: 48px;
  line-height: 51px; }
  @media screen and (min-width: 640px) and (max-width: 840px) {
    #boxes .box.weather .weather-box .current-temp,
    .boxes .box.weather .weather-box .current-temp {
      float: left;
      width: 41.66667%;
      font-size: 45px;
      line-height: 56px; } }
  @media screen and (min-width: 640px) and (max-width: 840px) {
    #boxes .box.weather .weather-box .current-temp,
    .boxes .box.weather .weather-box .current-temp {
      float: left;
      width: 41.66667%;
      font-size: 30px; } }
#boxes .box.weather .weather-box .weather-sub-info,
.boxes .box.weather .weather-box .weather-sub-info {
  float: left;
  width: 58.33333%;
  font-size: 14px;
  padding-top: 11px; }
  @media screen and (min-width: 640px) and (max-width: 840px) {
    #boxes .box.weather .weather-box .weather-sub-info,
    .boxes .box.weather .weather-box .weather-sub-info {
      float: left;
      width: 58.33333%;
      font-size: 15px;
      line-height: 18px;
      padding-top: 14px; } }
  @media screen and (min-width: 480px) and (max-width: 639px) {
    #boxes .box.weather .weather-box .weather-sub-info,
    .boxes .box.weather .weather-box .weather-sub-info {
      float: left;
      width: 58.33333%;
      font-size: 13px;
      line-height: 18px;
      padding-top: 14px; } }
  @media screen and (max-width: 360px) {
    #boxes .box.weather .weather-box .weather-sub-info,
    .boxes .box.weather .weather-box .weather-sub-info {
      float: left;
      width: 58.33333%;
      font-size: 9px;
      line-height: 12px;
      padding-top: 23px; } }
#boxes .box.weather .weather-box .humidity,
.boxes .box.weather .weather-box .humidity {
  background: transparent url("../img/water_drop.png") no-repeat 0 5px;
  padding-left: 6px; }
#boxes .box.center-text,
.boxes .box.center-text {
  display: block; }
  #boxes .box.center-text .box-content,
  .boxes .box.center-text .box-content {
    height: 100%;
    width: 100%; }
  #boxes .box.center-text p,
  .boxes .box.center-text p {
    margin-bottom: 0;
    text-align: center; }
    @media screen and (min-width: 1280px) {
      #boxes .box.center-text p.title,
      .boxes .box.center-text p.title {
        padding-top: 30px; } }
    @media screen and (min-width: 640px) and (max-width: 840px) {
      #boxes .box.center-text p.title,
      .boxes .box.center-text p.title {
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 20px;
        padding-top: 20px; } }
    @media screen and (min-width: 480px) and (max-width: 639px) {
      #boxes .box.center-text p.title,
      .boxes .box.center-text p.title {
        padding-top: 20px; } }
    @media screen and (min-width: 640px) and (max-width: 840px) {
      #boxes .box.center-text p,
      .boxes .box.center-text p {
        font-size: 30px;
        line-height: 35px; } }
#boxes .box.open-info,
.boxes .box.open-info {
  color: white; }
  @media screen and (max-width: 360px) {
    #boxes .box.open-info p,
    .boxes .box.open-info p {
      display: block; } }
  #boxes .box.open-info a,
  .boxes .box.open-info a {
    color: white; }
#boxes .box.quadruple.center-text p,
.boxes .box.quadruple.center-text p {
  float: left;
  width: 41.66667%;
  float: none;
  margin: 0 auto; }
  #boxes .box.quadruple.center-text p.title,
  .boxes .box.quadruple.center-text p.title {
    float: left;
    width: 50%;
    float: none;
    margin: 0 auto; }
    @media screen and (max-width: 840px) {
      #boxes .box.quadruple.center-text p.title,
      .boxes .box.quadruple.center-text p.title {
        float: left;
        width: 83.33333%;
        float: none; } }
  @media screen and (max-width: 840px) {
    #boxes .box.quadruple.center-text p,
    .boxes .box.quadruple.center-text p {
      float: left;
      width: 75%;
      float: none; } }
#boxes .box.bottom-text .box-content, #boxes .box.animated-camera .box-content,
.boxes .box.bottom-text .box-content,
.boxes .box.animated-camera .box-content {
  bottom: 0px;
  top: auto; }
#boxes .box.bottom-text p, #boxes .box.animated-camera p,
.boxes .box.bottom-text p,
.boxes .box.animated-camera p {
  color: white;
  font: normal normal 700 14px/19px "Open Sans", helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0;
  text-transform: uppercase; }
  @media screen and (max-width: 360px) {
    #boxes .box.bottom-text p, #boxes .box.animated-camera p,
    .boxes .box.bottom-text p,
    .boxes .box.animated-camera p {
      display: block; } }
#boxes .box.animated-camera .back,
.boxes .box.animated-camera .back {
  display: none; }
#boxes .box.animated-camera .animated-hover,
.boxes .box.animated-camera .animated-hover {
  display: block; }
#boxes .box.animated-camera:hover .back,
.boxes .box.animated-camera:hover .back {
  display: block; }
#boxes .box.animated-camera:hover .animated-hover,
.boxes .box.animated-camera:hover .animated-hover {
  display: none; }
#boxes .box.animated-camera p,
.boxes .box.animated-camera p {
  background: transparent url("../img/animated_icon.png") no-repeat 0 3px;
  color: white;
  margin-bottom: 0;
  padding-left: 20px;
  text-transform: uppercase; }
#boxes .box.split .box-content,
.boxes .box.split .box-content {
  float: left;
  width: 50%; }
#boxes .box.split .box-content.two,
.boxes .box.split .box-content.two {
  left: auto;
  right: 0px; }
#boxes .box.split p,
.boxes .box.split p {
  font-size: 14px; }
  @media screen and (min-width: 841px) and (max-width: 959px) {
    #boxes .box.split p,
    .boxes .box.split p {
      font-size: 12px;
      line-height: 18px; } }
  @media screen and (max-width: 840px) {
    #boxes .box.split p,
    .boxes .box.split p {
      font-size: 12px;
      line-height: 18px; } }
  #boxes .box.split p.title,
  .boxes .box.split p.title {
    font-size: 32px; }
    @media screen and (min-width: 841px) and (max-width: 959px) {
      #boxes .box.split p.title,
      .boxes .box.split p.title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 10px; } }
    @media screen and (max-width: 840px) {
      #boxes .box.split p.title,
      .boxes .box.split p.title {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 0; } }
#boxes .box.cta .cta-arrow,
.boxes .box.cta .cta-arrow {
  position: absolute;
  right: 10px;
  bottom: 10px; }
@media screen and (max-width: 840px) {
  #boxes .box.cta p,
  .boxes .box.cta p {
    font-size: 10px;
    line-height: 18px; }
    #boxes .box.cta p.title,
    .boxes .box.cta p.title {
      font-size: 21px;
      line-height: 28px;
      margin-bottom: 0; } }
@media screen and (min-width: 640px) and (max-width: 840px) {
  #boxes .box.cta p,
  .boxes .box.cta p {
    font-size: inherit;
    line-height: inherit; }
    #boxes .box.cta p.title,
    .boxes .box.cta p.title {
      font-size: 32px;
      line-height: 35px;
      margin-bottom: 30px; } }
#boxes .box.animal-guide,
.boxes .box.animal-guide {
  color: white !important; }
  #boxes .box.animal-guide .box-content,
  .boxes .box.animal-guide .box-content {
    float: left;
    width: 58.33333%; }
    #boxes .box.animal-guide .box-content p.title,
    .boxes .box.animal-guide .box-content p.title {
      font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
      font-size: 30px;
      line-height: 33px;
      margin-bottom: 10px; }
      @media screen and (min-width: 841px) and (max-width: 959px) {
        #boxes .box.animal-guide .box-content p.title,
        .boxes .box.animal-guide .box-content p.title {
          font-size: 28px;
          line-height: 32px; } }
      @media screen and (min-width: 640px) and (max-width: 840px) {
        #boxes .box.animal-guide .box-content p.title,
        .boxes .box.animal-guide .box-content p.title {
          font-size: 42px;
          line-height: 50px; } }
      @media screen and (max-width: 360px) {
        #boxes .box.animal-guide .box-content p.title,
        .boxes .box.animal-guide .box-content p.title {
          display: block;
          font-size: 24px;
          line-height: 33px; } }
    @media screen and (min-width: 640px) and (max-width: 840px) {
      #boxes .box.animal-guide .box-content p,
      .boxes .box.animal-guide .box-content p {
        font-size: 20px;
        line-height: 35px; } }
    @media screen and (max-width: 479px) {
      #boxes .box.animal-guide .box-content p,
      .boxes .box.animal-guide .box-content p {
        font-size: 15px;
        line-height: 22px; } }
    @media screen and (max-width: 360px) {
      #boxes .box.animal-guide .box-content,
      .boxes .box.animal-guide .box-content {
        float: left;
        width: 83.33333%; } }
#boxes .box.social-option .social,
.boxes .box.social-option .social {
  position: absolute;
  bottom: 0px;
  left: 10px; }
  #boxes .box.social-option .social li,
  .boxes .box.social-option .social li {
    float: left;
    margin-right: 8px;
    margin-bottom: 10px; }
  #boxes .box.social-option .social a,
  .boxes .box.social-option .social a {
    background: transparent url("../img/socialicons.png") no-repeat 0 0;
    display: block;
    float: left;
    height: 30px;
    text-indent: -999999px;
    width: 30px; }
    #boxes .box.social-option .social a.twitter,
    .boxes .box.social-option .social a.twitter {
      background-position: -63px 0; }
    #boxes .box.social-option .social a.googleplus,
    .boxes .box.social-option .social a.googleplus {
      background-position: -124px 0; }
    #boxes .box.social-option .social a.instagram,
    .boxes .box.social-option .social a.instagram {
      background-position: -186px 0; }
    #boxes .box.social-option .social a.vine,
    .boxes .box.social-option .social a.vine {
      background-position: -249px 0; }
    #boxes .box.social-option .social a.tumblr,
    .boxes .box.social-option .social a.tumblr {
      background-position: -311px 0; }
    #boxes .box.social-option .social a.pinterest,
    .boxes .box.social-option .social a.pinterest {
      background-position: 0 -60px; }
    #boxes .box.social-option .social a.youtube,
    .boxes .box.social-option .social a.youtube {
      background-position: -63px -60px; }
    #boxes .box.social-option .social a.blogger,
    .boxes .box.social-option .social a.blogger {
      background-position: -124px -60px; }
@media screen and (max-width: 840px) {
  #boxes .box.social-option p,
  .boxes .box.social-option p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0; }
    #boxes .box.social-option p.title,
    .boxes .box.social-option p.title {
      font-size: 22px;
      line-height: 28px;
      margin-bottom: 0; } }
@media screen and (min-width: 640px) and (max-width: 840px) {
  #boxes .box.social-option p,
  .boxes .box.social-option p {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 20px; }
    #boxes .box.social-option p.title,
    .boxes .box.social-option p.title {
      font-size: 32px;
      line-height: 35px;
      margin-bottom: 30px; } }
#boxes .box.social-promo .box-content img,
.boxes .box.social-promo .box-content img {
  height: auto;
  width: 100%; }
#boxes .box.social-promo .box-content p,
.boxes .box.social-promo .box-content p {
  color: #0c2849; }
  #boxes .box.social-promo .box-content p.title,
  .boxes .box.social-promo .box-content p.title {
    font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 30px;
    line-height: 33px;
    margin-bottom: 10px; }
    @media screen and (min-width: 841px) and (max-width: 959px) {
      #boxes .box.social-promo .box-content p.title,
      .boxes .box.social-promo .box-content p.title {
        font-size: 28px;
        line-height: 32px; } }
    @media screen and (min-width: 640px) and (max-width: 840px) {
      #boxes .box.social-promo .box-content p.title,
      .boxes .box.social-promo .box-content p.title {
        font-size: 42px;
        line-height: 50px; } }
    @media screen and (max-width: 360px) {
      #boxes .box.social-promo .box-content p.title,
      .boxes .box.social-promo .box-content p.title {
        font-size: 20px;
        line-height: 30px; } }
  @media screen and (min-width: 640px) and (max-width: 840px) {
    #boxes .box.social-promo .box-content p,
    .boxes .box.social-promo .box-content p {
      font-size: 20px;
      line-height: 35px; } }
#boxes .box.social-promo .button,
.boxes .box.social-promo .button {
  background: #0c2849;
  text-shadow: 1px 1px 5px black; }
  #boxes .box.social-promo .button:hover,
  .boxes .box.social-promo .button:hover {
    background: #081b30; }
#boxes .box.social-promo .left-triangle,
.boxes .box.social-promo .left-triangle {
  position: absolute;
  top: 50%;
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 15px;
  border-left-color: white;
  margin-top: -15px; }

.sfContentBlock .weather {
  width: 50% !important; }
.sfContentBlock .open-info {
  width: 50% !important; }
.sfContentBlock.double {
  float: left;
  width: 50%; }
  @media screen and (max-width: 840px) {
    .sfContentBlock.double {
      float: left;
      width: 100%; } }

.ticket-wrap {
  border-bottom: 1px #b6bec8 solid;
  float: left;
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 30px; }

.ticket-img {
  float: left;
  width: 25%; }

.ticket-info {
  float: left;
  width: 75%; }
  .ticket-info p {
    margin-bottom: 15px !important; }

.pop-up-text {
  display: none; }
  .pop-up-text.active {
    position: fixed;
    top: 20px;
    left: 50%;
    background: white;
    display: block;
    margin-left: -30%;
    padding: 10px;
    width: 60%;
    z-index: 101; }
    @media screen and (min-width: 841px) and (max-width: 959px) {
      .pop-up-text.active {
        margin-left: -40%;
        width: 80%; } }
    @media screen and (max-width: 840px) {
      .pop-up-text.active {
        margin-left: -49%;
        width: 98%; } }

.cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100; }

.faq-item {
  border-top: 1px #b6bec8 solid;
  float: left;
  width: 100%; }
  .faq-item:last-child {
    border-bottom: 1px #b6bec8 solid; }

.faq-question {
  background: transparent url("../img/faq-icons.png") no-repeat 98% -66px;
  cursor: pointer;
  display: block;
  margin: 0 !important;
  padding: 10px 6% 10px 0; }

.faq-question.open {
  display: block;
  background-position: 98% 20px; }

.faq-answer {
  display: none; }

#loc-container {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 10; }
  @media screen and (min-width: 640px) {
    #loc-container {
      display: none; } }

#loc-text {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  padding: 35px;
  text-align: center;
  width: 100%; }
  #loc-text p {
    color: white;
    margin-bottom: 12px; }
  #loc-text .title {
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase; }
  #loc-text .feet {
    font-size: 60px;
    font-weight: 600;
    line-height: 63px; }
    #loc-text .feet span {
      font-size: 20px;
      line-height: 23px;
      margin-left: -5px; }
  #loc-text .button {
    position: absolute;
    bottom: 20px;
    left: 3%;
    text-align: center;
    width: 94%; }

.wrap {
  float: left;
  width: 100%;
  padding: 10px; }

.row {
  float: left;
  width: 100%; }

.cms-wrap {
  float: left;
  position: relative;
  width: 100%; }

#boxes,
.boxes {
  border: 3px white solid;
  /* padding: .4%; */
  float: left;
  width: 100%; }
  #boxes a,
  #boxes .gs-webResult.gs-result a.gs-title:link b,
  .boxes a,
  .boxes .gs-webResult.gs-result a.gs-title:link b {
    color: #fb8129;
    text-decoration: none; }
    #boxes a.ui-state-default,
    #boxes .gs-webResult.gs-result a.gs-title:link b.ui-state-default,
    .boxes a.ui-state-default,
    .boxes .gs-webResult.gs-result a.gs-title:link b.ui-state-default {
      color: #0c2849; }
      #boxes a.ui-state-default.ui-state-highlight, #boxes a.ui-state-default.ui-state-active,
      #boxes .gs-webResult.gs-result a.gs-title:link b.ui-state-default.ui-state-highlight,
      #boxes .gs-webResult.gs-result a.gs-title:link b.ui-state-default.ui-state-active,
      .boxes a.ui-state-default.ui-state-highlight,
      .boxes a.ui-state-default.ui-state-active,
      .boxes .gs-webResult.gs-result a.gs-title:link b.ui-state-default.ui-state-highlight,
      .boxes .gs-webResult.gs-result a.gs-title:link b.ui-state-default.ui-state-active {
        color: white; }
  #boxes .ui-datepicker td:hover a.ui-state-default,
  .boxes .ui-datepicker td:hover a.ui-state-default {
    color: white; }
  #boxes .black-text,
  .boxes .black-text {
    color: black; }
  #boxes #intros a,
  .boxes #intros a {
    color: white !important; }
  #boxes .row .sfContentBlock,
  .boxes .row .sfContentBlock {
    float: left; }
    #boxes .row .sfContentBlock .box.weather,
    .boxes .row .sfContentBlock .box.weather {
      border: none;
      border-right: 3px white solid; }
    #boxes .row .sfContentBlock .box.open-info,
    .boxes .row .sfContentBlock .box.open-info {
      border: none;
      border-left: 3px white solid; }
  #boxes .box,
  .boxes .box {
    border: 3px white solid;
    /* padding: .4%; */
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0px;
    margin-right: 0px; }
    #boxes .box .button,
    .boxes .box .button {
      position: absolute;
      bottom: 10px;
      left: 10px; }
    #boxes .box.single,
    .boxes .box.single {
      float: left;
      width: 25%; }
      @media screen and (max-width: 840px) {
        #boxes .box.single,
        .boxes .box.single {
          float: left;
          width: 50%; } }
    #boxes .box.double,
    .boxes .box.double {
      float: left;
      width: 50%; }
      @media screen and (max-width: 840px) {
        #boxes .box.double,
        .boxes .box.double {
          float: left;
          width: 100%; } }
    #boxes .box.triple,
    .boxes .box.triple {
      float: left;
      width: 75%; }
      #boxes .box.triple .box-content,
      .boxes .box.triple .box-content {
        float: left;
        margin-bottom: 50px;
        position: static; }
      #boxes .box.triple .back,
      .boxes .box.triple .back {
        display: none; }
      @media screen and (max-width: 840px) {
        #boxes .box.triple,
        .boxes .box.triple {
          float: left;
          width: 100%; } }
    #boxes .box.quadruple,
    .boxes .box.quadruple {
      float: left;
      width: 100%; }
      #boxes .box.quadruple .box-content,
      .boxes .box.quadruple .box-content {
        float: left;
        margin-bottom: 50px;
        position: static;
        width: 100%; }
      #boxes .box.quadruple.content .back,
      .boxes .box.quadruple.content .back {
        display: none; }
    #boxes .box.switch,
    .boxes .box.switch {
      float: right; }
    #boxes .box .back,
    .boxes .box .back {
      height: auto;
      width: 100%; }
    #boxes .box .box-content,
    .boxes .box .box-content {
      position: absolute;
      top: 0px;
      left: 0px;
      padding: 10px;
      width: auto; }
      #boxes .box .box-content a,
      .boxes .box .box-content a {
        color: #fb8129;
        text-decoration: none; }
      #boxes .box .box-content img,
      .boxes .box .box-content img {
        padding: 10px 10px 10px 10px; }
      #boxes .box .box-content .alignleft,
      .boxes .box .box-content .alignleft {
        float: left; }
        #boxes .box .box-content .alignleft img,
        .boxes .box .box-content .alignleft img {
          padding: 10px 10px 10px 0; }
      #boxes .box .box-content .alignright,
      .boxes .box .box-content .alignright {
        float: right; }
        #boxes .box .box-content .alignright img,
        .boxes .box .box-content .alignright img {
          padding: 10px 0 10px 10px; }
      #boxes .box .box-content figure img,
      .boxes .box .box-content figure img {
        height: auto;
        width: 100%; }
      #boxes .box .box-content figure figcaption,
      .boxes .box .box-content figure figcaption {
        font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
        font-size: 10px;
        line-height: 13px;
        text-align: center; }
      #boxes .box .box-content.content-image,
      .boxes .box .box-content.content-image {
        padding: 0; }
  #boxes .nav,
  .boxes .nav {
    padding: 30px 0 0 10px; }
    #boxes .nav a,
    .boxes .nav a {
      color: #0c2849 !important;
      font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif !important;
      text-decoration: none; }
    #boxes .nav li,
    .boxes .nav li {
      margin-bottom: 20px; }
      #boxes .nav li ul,
      .boxes .nav li ul {
        display: none;
        list-style-image: url("../img/sidebar_dash.gif");
        margin-left: 30px;
        margin-top: 20px; }
        #boxes .nav li ul a,
        .boxes .nav li ul a {
          font-weight: 300; }
    #boxes .nav .active a,
    .boxes .nav .active a {
      font-weight: 700 !important; }
    #boxes .nav .active ul,
    .boxes .nav .active ul {
      display: block; }
    #boxes .nav .active li a,
    .boxes .nav .active li a {
      font-weight: 400 !important; }
  #boxes .content ul,
  .boxes .content ul {
    list-style-type: disc;
    margin: 0 0 30px 15px; }
  #boxes .content ol,
  .boxes .content ol {
    list-style-type: decimal;
    margin: 0 0 30px 15px; }
  #boxes .content li,
  .boxes .content li {
    font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif !important;
    line-height: 22px !important; }
  #boxes .content .button,
  .boxes .content .button {
    bottom: auto;
    left: auto;
    position: relative; }
  @media screen and (max-width: 840px) {
    #boxes .content,
    .boxes .content {
      background: white; } }
  #boxes .content .box-content,
  .boxes .content .box-content {
    padding: 30px 10px 10px 10px; }
    @media screen and (max-width: 840px) {
      #boxes .content .box-content,
      .boxes .content .box-content {
        position: relative;
        float: left;
        width: 100%; } }
  @media screen and (max-width: 840px) {
    #boxes .content .back,
    .boxes .content .back {
      display: none; } }
  #boxes .has-side-bar .side-bar,
  .boxes .has-side-bar .side-bar {
    float: left;
    width: 25%;
    list-style-type: none; }
    #boxes .has-side-bar .side-bar li,
    .boxes .has-side-bar .side-bar li {
      margin-bottom: 20px; }
    #boxes .has-side-bar .side-bar a,
    .boxes .has-side-bar .side-bar a {
      color: #0c2849 !important;
      font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif !important;
      text-decoration: none; }
  #boxes .has-side-bar .content,
  .boxes .has-side-bar .content {
    float: left;
    width: 66.66667%; }
    @media screen and (max-width: 840px) {
      #boxes .has-side-bar .content,
      .boxes .has-side-bar .content {
        float: left;
        width: 100%; } }
  #boxes p,
  .boxes p {
    line-height: 22px; }
    @media screen and (min-width: 841px) and (max-width: 959px) {
      #boxes p,
      .boxes p {
        margin-bottom: 20px; } }

.gai-events #boxes {
  border: none; }

body {
  background: white !important;
  font: normal normal 400 14px/19px "Open Sans", helvetica, arial, sans-serif;
  min-width: initial !important; }

.no-opacity body {
  min-width: 960px; }

h1 {
  display: block;
  font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif !important;
  font-size: 30px !important;
  line-height: 34px !important;
  margin-bottom: 20px !important; }
  @media screen and (min-width: 841px) and (max-width: 959px) {
    h1 {
      font-size: 28px !important;
      line-height: 32px !important;
      margin-bottom: 20px !important; } }

h2 {
  display: block !important;
  font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif !important;
  font-size: 22px !important;
  line-height: 32px !important;
  margin-bottom: 10px !important; }

p {
  font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif; }

sub {
  font-size: 50%;
  vertical-align: sub; }

/** used important to overwrite sitefinity **/
#footer-top a, #footer-top a:link {
  color: #fb8129 !important;
  text-decoration: none; }

strong,
b {
  font-weight: 700; }

.mobile-only {
  display: none !important; }
  @media screen and (max-width: 840px) {
    .mobile-only {
      display: block !important; } }

.no-mobile {
  display: block !important; }
  @media screen and (max-width: 840px) {
    .no-mobile {
      display: none !important; } }

/** BASIC FORM SETTINGS **/
input {
  font: normal normal 400 14px/19px "Open Sans", helvetica, arial, sans-serif; }
  input:focus {
    outline: none; }
  input[type="submit"], input[type="button"] {
    font: normal normal 400 14px/19px "Harabara", helvetica, arial, sans-serif !important;
    letter-spacing: 1px !important;
    text-transform: lowercase !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer !important; }

input[type="text"],
input[type="email"],
input[type="number"] {
  border: none;
  color: #0c2849;
  display: block;
  font: normal normal 400 14px/19px "Open Sans", helvetica, arial, sans-serif;
  margin: 0 0 10px 0;
  padding: 10px;
  vertical-align: top;
  width: 100%; }

::-webkit-input-placeholder {
  color: #53b9f7;
  font: normal normal 400 14px/19px "Open Sans", helvetica, arial, sans-serif;
  font-style: italic; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #53b9f7;
  font: normal normal 400 14px/19px "Open Sans", helvetica, arial, sans-serif;
  font-style: italic; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #53b9f7;
  font: normal normal 400 14px/19px "Open Sans", helvetica, arial, sans-serif;
  font-style: italic; }

:-ms-input-placeholder {
  color: #53b9f7;
  font: normal normal 400 14px/19px "Open Sans", helvetica, arial, sans-serif;
  font-style: italic; }

.button,
.box input[type="submit"],
.box input[type="button"],
#SubmitButton {
  background: #fb8129 !important;
  color: white !important;
  display: inline-block !important;
  font: normal normal 400 14px/19px "Harabara", helvetica, arial, sans-serif !important;
  font-style: normal !important;
  letter-spacing: 1px !important;
  padding: 10px 20px !important;
  text-shadow: 1px 1px 5px #b35e20 !important;
  text-transform: lowercase !important;
  border: none !important; }

.no-touch .button:hover {
  background: #ec6217 !important; }

.radio {
  padding-right: 5px; }

.nl-unsub {
  text-decoration: underline;
  margin: 0 30px;
  cursor: pointer;
  background: #fb8129 !important;
  color: white !important;
  display: inline-block !important;
  font: normal normal 400 14px/19px "Harabara", helvetica, arial, sans-serif !important;
  font-style: normal !important;
  letter-spacing: 1px !important;
  padding: 10px 20px !important;
  text-shadow: 1px 1px 5px #b35e20 !important;
  text-transform: lowercase !important;
  border: none !important;
   } 

/** HEADER **/
#header {
  background: #0c2849;
  float: left;
  padding: 0 10px;
  width: 100%; }

#logo,
#site-sections {
  float: left; }

#logo {
  height: 60px;
  margin-right: 2%;
  padding-top: 10px;
  width: 140px; }
  #logo .logo {
    height: 35px;
    width: 140px; }
    #logo .logo path {
      fill: white; }
    @media screen and (max-width: 840px) {
      #logo .logo {
        width: 70px; } }
  #logo .mobile-logo {
    -webkit-transform: translateX(0) scale(1);
    -moz-transform: translateX(0) scale(1);
    -ms-transform: translateX(0) scale(1);
    -o-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1); }
  @media screen and (max-width: 840px) {
    #logo {
      width: 70px; }
      #logo .letter {
        display: none; }
      #logo .mobile-logo {
        -webkit-transform: translateX(-46px) scale(1.2);
        -moz-transform: translateX(-46px) scale(1.2);
        -ms-transform: translateX(-46px) scale(1.2);
        -o-transform: translateX(-46px) scale(1.2);
        transform: translateX(-46px) scale(1.2); } }
  #logo img {
    height: auto;
    width: 100%; }
  @media screen and (max-width: 840px) {
    #logo {
      width: 63px; } }
  @media screen and (max-width: 840px) {
    #logo {
      padding-top: 15px; } }

.logos {
  background: transparent url("../img/logos.png") no-repeat 0 0;
  height: 60px;
  width: 100%; }
  @media screen and (max-width: 840px) {
    .logos {
      background-position: -34px -130px; } }

#site-sections {
  float: left;
  width: 41.66667%; }
  #site-sections a {
    color: white;
    display: block;
    float: left;
    font: normal normal 700 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 14px;
    height: 60px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 13px 6% 0 6%;
    text-decoration: none;
    text-transform: uppercase; }
    #site-sections a span {
      display: block;
      font-size: 9px;
      line-height: 15px;
      text-transform: none; }
      @media screen and (min-width: 841px) and (max-width: 959px) {
        #site-sections a span {
          font-size: 9px; } }
      @media screen and (max-width: 840px) {
        #site-sections a span {
          font-size: 8px; } }
    @media screen and (min-width: 841px) and (max-width: 959px) {
      #site-sections a {
        font-size: 16px;
        padding: 10px 2% 0 2%; } }
    @media screen and (max-width: 840px) {
      #site-sections a {
        font-size: 12px;
        padding: 10px 2% 0 2%; } }
  @media screen and (min-width: 841px) and (max-width: 959px) {
    #site-sections {
      float: left;
      width: 41.66667%; } }
  @media screen and (max-width: 840px) {
    #site-sections {
      width: 77%; } }

@-webkit-keyframes ringBell {
  0% {
    -webkit-transform: rotate(0deg); }

  25% {
    -webkit-transform: rotate(25deg); }

  50% {
    -webkit-transform: rotate(-25deg); }

  75% {
    -webkit-transform: rotate(25deg); }

  100% {
    -webkit-transform: rotate(0deg); } }

@-moz-keyframes ringBell {
  0% {
    -moz-transform: rotate(0deg); }

  25% {
    -moz-transform: rotate(25deg); }

  50% {
    -moz-transform: rotate(-25deg); }

  75% {
    -moz-transform: rotate(25deg); }

  100% {
    -moz-transform: rotate(0deg); } }

@-o-keyframes ringBell {
  0% {
    -o-transform: rotate(0deg); }

  25% {
    -o-transform: rotate(25deg); }

  50% {
    -o-transform: rotate(-25deg); }

  75% {
    -o-transform: rotate(25deg); }

  100% {
    -o-transform: rotate(0deg); } }

@keyframes ringBell {
  0% {
    transform: rotate(0deg); }

  25% {
    transform: rotate(25deg); }

  50% {
    transform: rotate(-25deg); }

  75% {
    transform: rotate(25deg); }

  100% {
    transform: rotate(0deg); } }

@-webkit-keyframes moveAnchor {
  0% {
    -webkit-transform: translateY(0) rotate(0); }

  50% {
    -webkit-transform: translateY(12px) rotate(0); }

  100% {
    -webkit-transform: translateY(12px) rotate(10deg); } }

@-moz-keyframes moveAnchor {
  0% {
    -moz-transform: translateY(0) rotate(0); }

  50% {
    -moz-transform: translateY(12px) rotate(0); }

  100% {
    -moz-transform: translateY(12px) rotate(10deg); } }

@-o-keyframes moveAnchor {
  0% {
    -o-transform: translateY(0) rotate(0); }

  50% {
    -o-transform: translateY(12px) rotate(0); }

  100% {
    -o-transform: translateY(12px) rotate(10deg); } }

@keyframes moveAnchor {
  0% {
    transform: translateY(0) rotate(0); }

  50% {
    transform: translateY(12px) rotate(0); }

  100% {
    transform: translateY(12px) rotate(10deg); } }

@-webkit-keyframes moveShine {
  0% {
    -webkit-transform: scale(1);
    opacity: 1; }

  25% {
    -webkit-transform: scale(0);
    opacity: 0; }

  50% {
    -webkit-transform: scale(2);
    opacity: 0; }

  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

@-moz-keyframes moveShine {
  0% {
    -moz-transform: scale(1);
    opacity: 1; }

  25% {
    -moz-transform: scale(0);
    opacity: 0; }

  50% {
    -moz-transform: scale(2);
    opacity: 0; }

  100% {
    -moz-transform: scale(1);
    opacity: 1; } }

@-o-keyframes moveShine {
  0% {
    -o-transform: scale(1);
    opacity: 1; }

  25% {
    -o-transform: scale(0);
    opacity: 0; }

  50% {
    -o-transform: scale(2);
    opacity: 0; }

  100% {
    -o-transform: scale(1);
    opacity: 1; } }

@keyframes moveShine {
  0% {
    transform: scale(1);
    opacity: 1; }

  25% {
    transform: scale(0);
    opacity: 0; }

  50% {
    transform: scale(2);
    opacity: 0; }

  100% {
    transform: scale(1);
    opacity: 1; } }

#util,
#mobile-util {
  float: right;
  width: 370px; }
  #util li,
  #mobile-util li {
    display: block;
    float: left; }
  #util span,
  #mobile-util span {
    color: white;
    display: block; }
  #util a,
  #mobile-util a {
    background: transparent url("../img/utilicons.png") no-repeat 35px 15px;
    color: #414042;
    display: block;
    float: left;
    font: normal normal 600 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 9px;
    height: 60px;
    line-height: 12px;
    padding: 30px 14px 0 14px;
    position: relative;
    text-align: center;
    text-decoration: none; }
    @media screen and (min-width: 841px) and (max-width: 959px) {
      #util a,
      #mobile-util a {
        padding: 30px 5px 0 5px;
        background-position: 25px 15px; } }
    @media screen and (max-width: 840px) {
      #util a,
      #mobile-util a {
        background-position: center 15px; } }
    #util a:hover span,
    #mobile-util a:hover span {
      color: #53b9f7; }
    #util a.tickets,
    #mobile-util a.tickets {
      background: none;
      padding-top: 10px; }
      #util a.tickets .ticket,
      #util a.tickets img,
      #mobile-util a.tickets .ticket,
      #mobile-util a.tickets img {
        height: 18px;
        overflow: hidden;
        width: 21px; }
      #util a.tickets .ticket-piece,
      #mobile-util a.tickets .ticket-piece {
        fill: #fb8129;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      #util a.tickets .ticket-fish,
      #mobile-util a.tickets .ticket-fish {
        fill: #0c2849; }
      #util a.tickets .ticket1,
      #mobile-util a.tickets .ticket1 {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
        margin-bottom: 4px; }
      #util a.tickets .ticket2,
      #mobile-util a.tickets .ticket2 {
        position: absolute;
        top: 12px;
        left: 29px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        @media screen and (min-width: 841px) and (max-width: 959px) {
          #util a.tickets .ticket2,
          #mobile-util a.tickets .ticket2 {
            position: absolute;
            top: 12px;
            left: 21px; } }
        @media screen and (max-width: 840px) {
          #util a.tickets .ticket2,
          #mobile-util a.tickets .ticket2 {
            position: absolute;
            top: 12px;
            left: 50%;
            margin-left: -9px; } }
      #util a.tickets span,
      #mobile-util a.tickets span {
        color: #fb8129; }
      #util a.tickets:hover .ticket1,
      #mobile-util a.tickets:hover .ticket1 {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      #util a.tickets:hover .ticket2,
      #mobile-util a.tickets:hover .ticket2 {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg); }
      #util a.tickets:hover .ticket-piece,
      #mobile-util a.tickets:hover .ticket-piece {
        fill: #fb8129; }
      #util a.tickets:hover .ticket-fish,
      #mobile-util a.tickets:hover .ticket-fish {
        fill: #0c2849; }
      #util a.tickets:hover #tickets-fb,
      #mobile-util a.tickets:hover #tickets-fb {
        background: url("../img/util_icons.png") 0 -38px no-repeat; }
      #util a.tickets #tickets-fb,
      #mobile-util a.tickets #tickets-fb {
        background: url("../img/util_icons.png") 0 0 no-repeat;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        margin: 0 auto; }
    #util a.events,
    #mobile-util a.events {
      background: none;
      padding-top: 10px;
      /*
      			background-position: 36px -54px;
      			@include media($smalldesktop){
      				background-position: 28px -54px;
      			}
      			@include media($allmobile){
      				background-position: center -54px;
      			}
      */ }
      #util a.events .bell,
      #util a.events img,
      #mobile-util a.events .bell,
      #mobile-util a.events img {
        height: 20px;
        overflow: hidden;
        width: 16px;
        margin-bottom: 2px; }
      #util a.events .bell-piece,
      #mobile-util a.events .bell-piece {
        fill: white;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      #util a.events:hover .bell,
      #mobile-util a.events:hover .bell {
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
        -o-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-animation: ringBell 1s;
        /* Safari 4+ */
        -moz-animation: ringBell 1s;
        /* Fx 5+ */
        -o-animation: ringBell 1s;
        /* Opera 12+ */
        animation: ringBell 1s;
        /* IE 10+, Fx 29+ */
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        -o-animation-iteration-count: 1;
        animation-iteration-count: 1; }
      #util a.events:hover path, #util a.events:hover polygon,
      #mobile-util a.events:hover path,
      #mobile-util a.events:hover polygon {
        fill: #53b9f7; }
      #util a.events:hover #events-fb,
      #mobile-util a.events:hover #events-fb {
        background: url("../img/util_icons.png") -76px -38px no-repeat; }
      #util a.events #events-fb,
      #mobile-util a.events #events-fb {
        background: url("../img/util_icons.png") -76px 0 no-repeat;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        margin: 0 auto; }
    #util a.support,
    #mobile-util a.support {
      background: none;
      padding-top: 10px; }
      #util a.support .anchor,
      #util a.support img,
      #mobile-util a.support .anchor,
      #mobile-util a.support img {
        height: 21px;
        overflow: hidden;
        width: 35px; }
      #util a.support .anchor-piece,
      #mobile-util a.support .anchor-piece {
        fill: white;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
        -webkit-transition-duration: 1s;
        -moz-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transform: translateY(0) rotate(0);
        -moz-transform: translateY(0) rotate(0);
        -ms-transform: translateY(0) rotate(0);
        -o-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0); }
      #util a.support:hover .anchor-piece,
      #mobile-util a.support:hover .anchor-piece {
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
        -o-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-animation: moveAnchor 1s;
        /* Safari 4+ */
        -moz-animation: moveAnchor 1s;
        /* Fx 5+ */
        -o-animation: moveAnchor 1s;
        /* Opera 12+ */
        animation: moveAnchor 1s;
        /* IE 10+, Fx 29+ */
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards; }
      #util a.support:hover path, #util a.support:hover polygon,
      #mobile-util a.support:hover path,
      #mobile-util a.support:hover polygon {
        fill: #53b9f7; }
      #util a.support:hover #support-fb,
      #mobile-util a.support:hover #support-fb {
        background: url("../img/util_icons.png") -153px -38px no-repeat; }
      #util a.support #support-fb,
      #mobile-util a.support #support-fb {
        background: url("../img/util_icons.png") -153px 0 no-repeat;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        margin: 0 auto; }
    #util a.webcams,
    #mobile-util a.webcams {
      background: none;
      padding-top: 10px;
      /*
      			background-position: 32px -195px;
      			@include media($smalldesktop){
      				background-position: 20px -195px;
      			}
      			@include media($allmobile){
      				background-position: center -195px;
      			}
      */ }
      #util a.webcams .portal,
      #mobile-util a.webcams .portal {
        border-radius: 100%;
        height: 21px;
        overflow: hidden;
        width: 21px;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
      #util a.webcams .portal-piece,
      #mobile-util a.webcams .portal-piece {
        fill: white;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      #util a.webcams .shine-small,
      #mobile-util a.webcams .shine-small {
        -webkit-transition-duration: 1s;
        -moz-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transform: translateY(0) rotate(0);
        -moz-transform: translateY(0) rotate(0);
        -ms-transform: translateY(0) rotate(0);
        -o-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0); }
      #util a.webcams .shine-large,
      #mobile-util a.webcams .shine-large {
        -webkit-transition-duration: 1s;
        -moz-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transform: translateY(0) rotate(0);
        -moz-transform: translateY(0) rotate(0);
        -ms-transform: translateY(0) rotate(0);
        -o-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0); }
      #util a.webcams:hover .shine-small,
      #mobile-util a.webcams:hover .shine-small {
        -webkit-animation: moveShine .75s;
        /* Safari 4+ */
        -moz-animation: moveShine .75s;
        /* Fx 5+ */
        -o-animation: moveShine .75s;
        /* Opera 12+ */
        animation: moveShine .75s;
        /* IE 10+, Fx 29+ */
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        -o-animation-iteration-count: 1;
        animation-iteration-count: 1; }
      #util a.webcams:hover .shine-large,
      #mobile-util a.webcams:hover .shine-large {
        -webkit-animation: moveShine .75s;
        /* Safari 4+ */
        -moz-animation: moveShine .75s;
        /* Fx 5+ */
        -o-animation: moveShine .75s;
        /* Opera 12+ */
        animation: moveShine .75s;
        /* IE 10+, Fx 29+ */
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        -o-animation-iteration-count: 1;
        animation-iteration-count: 1; }
      #util a.webcams:hover path, #util a.webcams:hover polygon,
      #mobile-util a.webcams:hover path,
      #mobile-util a.webcams:hover polygon {
        fill: #53b9f7; }
      #util a.webcams:hover #webcams-fb,
      #mobile-util a.webcams:hover #webcams-fb {
        background: url("../img/util_icons.png") -222px -38px no-repeat;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        margin: 0 auto; }
      #util a.webcams #webcams-fb,
      #mobile-util a.webcams #webcams-fb {
        background: url("../img/util_icons.png") -222px 0 no-repeat;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        margin: 0 auto; }
    #util a.search,
    #mobile-util a.search {
      background: none;
      padding-top: 10px;
      /*
      			background-position: 22px -265px;
      			&.active {
      				background-color: #6D6F71;
      				background-position: 22px -336px;
      				@include media($smalldesktop){
      					background-position: 10px -336px;
      				}
      			}
      			@include media($smalldesktop){
      				background-position: 10px -265px;
      			}
      */ }
      #util a.search .eyeglass,
      #mobile-util a.search .eyeglass {
        height: 20px;
        width: 26px; }
      #util a.search .eyeglass-piece,
      #mobile-util a.search .eyeglass-piece {
        fill: white;
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        transition: all 0.25s ease; }
      #util a.search .section-1,
      #mobile-util a.search .section-1 {
        -webkit-transform: translateX(5px) translateY(5px);
        -moz-transform: translateX(5px) translateY(5px);
        -ms-transform: translateX(5px) translateY(5px);
        -o-transform: translateX(5px) translateY(5px);
        transform: translateX(5px) translateY(5px); }
      #util a.search .section-2,
      #mobile-util a.search .section-2 {
        -webkit-transform: translateX(10px) translateY(10px);
        -moz-transform: translateX(10px) translateY(10px);
        -ms-transform: translateX(10px) translateY(10px);
        -o-transform: translateX(10px) translateY(10px);
        transform: translateX(10px) translateY(10px); }
      #util a.search:hover .section-1,
      #mobile-util a.search:hover .section-1 {
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0); }
      #util a.search:hover .section-2,
      #mobile-util a.search:hover .section-2 {
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0); }
      #util a.search:hover path, #util a.search:hover polygon,
      #mobile-util a.search:hover path,
      #mobile-util a.search:hover polygon {
        fill: #53b9f7; }
      #util a.search:hover #search-fb,
      #mobile-util a.search:hover #search-fb {
        background: url("../img/util_icons.png") -280px -38px no-repeat; }
      #util a.search.active .section-1,
      #mobile-util a.search.active .section-1 {
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0); }
      #util a.search.active .section-2,
      #mobile-util a.search.active .section-2 {
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0); }
      #util a.search.active path, #util a.search.active polygon,
      #mobile-util a.search.active path,
      #mobile-util a.search.active polygon {
        fill: #53b9f7; }
      #util a.search.active span,
      #mobile-util a.search.active span {
        color: #53b9f7; }
      #util a.search.active #search-fb,
      #mobile-util a.search.active #search-fb {
        background: url("../img/util_icons.png") -280px -38px no-repeat; }
      #util a.search #search-fb,
      #mobile-util a.search #search-fb {
        background: url("../img/util_icons.png") -280px 0 no-repeat;
        width: 30px;
        height: 25px;
        text-indent: -9999px;
        margin: 0 auto; }
  @media screen and (min-width: 841px) and (max-width: 959px) {
    #util,
    #mobile-util {
      width: 280px; } }

.no-svg #util {
  width: 400px; }

#mobile-util {
  background-color: #0c2849;
  width: 100%; }
  #mobile-util li {
    width: 25%; }
  #mobile-util li:last-child {
    float: none;
    width: 100%; }
  #mobile-util a {
    color: white;
    font: normal normal 600 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 8px;
    line-height: 10px;
    width: 100%; }
    #mobile-util a.search {
      display: none; }

#search-container,
.search-container,
#footer-search-container {
  background-color: #0c2849;
  display: none;
  float: left;
  padding: 5px;
  width: 100%; }
  #search-container form,
  #search-container .sfsearchBox,
  #search-container #header-search,
  .search-container form,
  .search-container .sfsearchBox,
  .search-container #header-search,
  #footer-search-container form,
  #footer-search-container .sfsearchBox,
  #footer-search-container #header-search {
    display: none;
    float: left;
    position: relative;
    width: 100%; }
    @media screen and (max-width: 840px) {
      #search-container form,
      #search-container .sfsearchBox,
      #search-container #header-search,
      .search-container form,
      .search-container .sfsearchBox,
      .search-container #header-search,
      #footer-search-container form,
      #footer-search-container .sfsearchBox,
      #footer-search-container #header-search {
        display: block; } }
  #search-container .search-type,
  .search-container .search-type,
  #footer-search-container .search-type {
    display: inline-block;
    float: left; }
  #search-container .search-input,
  .search-container .search-input,
  #footer-search-container .search-input {
    overflow: hidden;
    width: auto; }
  #search-container .input-container,
  .search-container .input-container,
  #footer-search-container .input-container {
    float: left;
    width: 100%; }
  #search-container input[type="text"],
  .search-container input[type="text"],
  #footer-search-container input[type="text"] {
    border: 1px #BDBEC1 solid;
    border-left: none;
    font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 28px;
    line-height: 38px;
    margin: 0;
    padding: 10px 60px 10px 10px;
    vertical-align: top;
    width: 100%; }
    @media screen and (max-width: 840px) {
      #search-container input[type="text"],
      .search-container input[type="text"],
      #footer-search-container input[type="text"] {
        font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
        font-size: 18px;
        line-height: 18px; } }
  #search-container ::-webkit-input-placeholder,
  .search-container ::-webkit-input-placeholder,
  #footer-search-container ::-webkit-input-placeholder {
    color: #53b9f7;
    font: normal normal 100 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 28px;
    font-style: italic;
    line-height: 38px; }
    @media screen and (max-width: 840px) {
      #search-container ::-webkit-input-placeholder,
      .search-container ::-webkit-input-placeholder,
      #footer-search-container ::-webkit-input-placeholder {
        font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
        font-size: 18px;
        font-style: italic;
        line-height: 22px;
        padding: 0 50px 5px 0; } }
  #search-container :-moz-placeholder,
  .search-container :-moz-placeholder,
  #footer-search-container :-moz-placeholder {
    /* Firefox 18- */
    color: #53b9f7;
    font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 28px;
    font-style: italic;
    line-height: 38px; }
    @media screen and (max-width: 840px) {
      #search-container :-moz-placeholder,
      .search-container :-moz-placeholder,
      #footer-search-container :-moz-placeholder {
        font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
        font-size: 18px;
        font-style: italic;
        line-height: 22px;
        padding: 0 50px 5px 0; } }
  #search-container ::-moz-placeholder,
  .search-container ::-moz-placeholder,
  #footer-search-container ::-moz-placeholder {
    /* Firefox 19+ */
    color: #53b9f7;
    font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 28px;
    font-style: italic;
    line-height: 38px; }
    @media screen and (max-width: 840px) {
      #search-container ::-moz-placeholder,
      .search-container ::-moz-placeholder,
      #footer-search-container ::-moz-placeholder {
        font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
        font-size: 18px;
        font-style: italic;
        line-height: 22px;
        padding: 0 50px 5px 0; } }
  #search-container :-ms-input-placeholder,
  .search-container :-ms-input-placeholder,
  #footer-search-container :-ms-input-placeholder {
    color: #53b9f7;
    font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 28px;
    font-style: italic;
    line-height: 38px; }
    @media screen and (max-width: 840px) {
      #search-container :-ms-input-placeholder,
      .search-container :-ms-input-placeholder,
      #footer-search-container :-ms-input-placeholder {
        font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
        font-size: 18px;
        font-style: italic;
        line-height: 22px;
        padding: 0 50px 5px 0; } }
  #search-container .submit,
  #search-container .sfsearchSubmit,
  #search-container input[type="submit"],
  .search-container .submit,
  .search-container .sfsearchSubmit,
  .search-container input[type="submit"],
  #footer-search-container .submit,
  #footer-search-container .sfsearchSubmit,
  #footer-search-container input[type="submit"] {
    position: absolute;
    top: 0px;
    right: 0px;
    background: transparent url("../img/searchbutton.png") no-repeat center center;
    border: none;
    cursor: pointer;
    height: 60px;
    text-indent: -999999px;
    width: 60px; }
    @media screen and (max-width: 840px) {
      #search-container .submit,
      #search-container .sfsearchSubmit,
      #search-container input[type="submit"],
      .search-container .submit,
      .search-container .sfsearchSubmit,
      .search-container input[type="submit"],
      #footer-search-container .submit,
      #footer-search-container .sfsearchSubmit,
      #footer-search-container input[type="submit"] {
        top: -10px; } }

.googlesearch iframe {
  height: 1200px !important;
  width: 100% !important; }

.gs-result .gs-title, .gs-result .gs-title * {
  text-decoration: none; }

#footer-search-container {
  display: block;
  position: relative; }

/** FOOTER **/
footer, #footer {
  float: left;
  width: 100%;
  background: #0c2849; }

#footer-top {
  width: 100%;
  background: white;
  float: left;
  padding: 20px 10px; }
  #footer-top a {
    font: normal normal 700 14px/19px "Open Sans", helvetica, arial, sans-serif; }
  #footer-top .box {
    float: left;
    width: 25%;
    border-left: 1px #939598 solid;
    font: normal normal 400 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 14px;
    height: 135px;
    line-height: 17px;
    padding: 0 10px; }
    #footer-top .box:first-child {
      border: none;
      padding-left: 0; }
    #footer-top .box p {
      color: #0c2849;
      font-size: 14px;
      line-height: 20px; }
    #footer-top .box .title {
      font: normal normal 400 14px/19px "Open Sans", helvetica, arial, sans-serif;
      font-size: 22px;
      line-height: 25px;
      margin-bottom: 10px;
      -webkit-font-smoothing: antialiased; }
    #footer-top .box li {
      margin-bottom: 10px;
      color: #0c2849; }
    #footer-top .box .directions {
      background: transparent url("../img/address_icon.png") no-repeat 0 0;
      padding-left: 20px; }
    @media screen and (min-width: 841px) and (max-width: 959px) {
      #footer-top .box {
        float: left;
        width: 50%;
        border: none; } }
    @media screen and (max-width: 840px) {
      #footer-top .box {
        float: left;
        width: 100%;
        border: none;
        border-bottom: 1px #0c2849 solid;
        height: auto;
        margin-bottom: 20px;
        padding: 0; } }
    @media screen and (min-width: 841px) and (max-width: 959px) {
      #footer-top .box:nth-child(even) {
        border-left: 1px #939598 solid;
        margin-bottom: 20px; } }
    @media screen and (max-width: 840px) {
      #footer-top .box:nth-child(even) {
        border: none;
        border-bottom: 1px #0c2849 solid; } }
    @media screen and (min-width: 841px) and (max-width: 959px) {
      #footer-top .box:nth-child(odd) {
        padding-left: 0; } }
    @media screen and (max-width: 840px) {
      #footer-top .box:nth-child(odd) {
        border: none;
        border-bottom: 1px #0c2849 solid; } }
    @media screen and (max-width: 840px) {
      #footer-top .box:last-child {
        margin-bottom: 0;
        border: none; } }
  #footer-top .social li {
    float: left;
    margin-right: 8px;
    margin-bottom: 10px; }
  #footer-top .social a {
    background: transparent url("../img/socialicons.png") no-repeat 0 0;
    display: block;
    float: left;
    height: 30px;
    text-indent: -999999px;
    width: 30px; }
    #footer-top .social a.twitter {
      background-position: -63px 0; }
    #footer-top .social a.googleplus {
      background-position: -124px 0; }
    #footer-top .social a.instagram {
      background-position: -186px 0; }
    #footer-top .social a.vine {
      background-position: -249px 0; }
    #footer-top .social a.tumblr {
      background-position: -311px 0; }
    #footer-top .social a.pinterest {
      background-position: 0 -60px; }
    #footer-top .social a.youtube {
      background-position: -63px -60px; }
    #footer-top .social a.blogger {
      background-position: -124px -60px; }
  #footer-top input[type="text"],
  #footer-top input[type="email"],
  #footer-top input[type="number"] {
    border: 1px #0c2849 solid;
    color: #0c2849;
    font-size: 14px;
    line-height: 17px; }
  #footer-top ::-webkit-input-placeholder {
    color: #53b9f7;
    font-size: 14px;
    font-style: italic;
    line-height: 17px; }
  #footer-top :-moz-placeholder {
    /* Firefox 18- */
    color: #53b9f7;
    font-size: 14px;
    font-style: italic;
    line-height: 17px; }
  #footer-top ::-moz-placeholder {
    /* Firefox 19+ */
    color: #53b9f7;
    font-size: 14px;
    font-style: italic;
    line-height: 17px; }
  #footer-top :-ms-input-placeholder {
    color: #53b9f7;
    font-size: 14px;
    font-style: italic;
    line-height: 17px; }
  #footer-top input[type="submit"] {
    background: #fb8129;
    border: none;
    color: white;
    font-size: 14px;
    line-height: 17px;
    padding: 10px;
    text-align: center;
    text-shadow: 1px 2px 1px #b35e20;
    width: 100%; }
    #footer-top input[type="submit"]:hover {
      background: #ec6217; }
  #footer-top .sfContentBlock ul {
    margin: 0;
    list-style-type: none;
    padding: 0; }

#footer-bottom {
  float: left;
  width: 100%; }
  #footer-bottom .sponsor-logo {
    float: left;
    width: 16.66667%;
    height: 80px; }
    #footer-bottom .sponsor-logo:nth-child(odd) {
      background: #999999; }
    #footer-bottom .sponsor-logo:nth-child(even) {
      background: #A7AAAC; }
    @media screen and (max-width: 840px) {
      #footer-bottom .sponsor-logo {
        width: 33.333%; } }

.sponsors {
  background: #0053a1;
  color: #fff;
  font: normal normal 400 14px/19px "Open Sans", helvetica, arial, sans-serif;
  text-align: center;
  letter-spacing: 1px;
  padding-top: 10px;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase; }

#sponsors {
  background: #0053a1;
 text-align: center; width: 100%; }
  #sponsors li {
    display: inline-block;
    padding: 20px 0;
    text-align: center;
    width: 14%;
    width: -webkit-calc(100%/7.1);
    width: calc(100%/7.1); }
    #sponsors li:first-child {
      text-align: left;
      padding-left: 10px; }
      @media screen and (max-width: 840px) {
        #sponsors li:first-child {
          text-align: center;
          padding-left: 0px; } }
    #sponsors li:last-child {
      text-align: right;
      padding-right: 10px; }
      @media screen and (max-width: 840px) {
        #sponsors li:last-child {
          text-align: center;
          width: 100%;
          padding-right: 0px; } }
    @media screen and (max-width: 840px) {
      #sponsors li {
        float: left;
        width: 33.33333%;
        display: block;
        height: 70px; } }
    @media screen and (max-width: 479px) {
      #sponsors li {
        width: 100%;
        height: auto;
        padding: 10px; } }

#footer-util {
  float: left;
  width: 100%;
  padding: 10px;
  text-align: center; }
  #footer-util ul {
    float: left;
    width: 100%;
    margin-bottom: 10px; }
  #footer-util li {
    border-left: 1px white solid;
    display: inline; }
    #footer-util li:first-child {
      border: none; }
  #footer-util a,
  #footer-util p {
    color: white;
    font-size: 11px;
    line-height: 11px;
    padding: 3px 10px;
    text-decoration: none; }
    @media screen and (max-width: 840px) {
      #footer-util a,
      #footer-util p {
        font-size: 10px; } }
  #footer-util #tagline {
    font: normal normal 400 14px/19px "Open Sans", helvetica, arial, sans-serif;
    margin-bottom: 10px;
    letter-spacing: 1px;
    font-size: 11px;
    line-height: 13px; }

/** SEARCH SELECT BOX **/
#search-container .select-mirror-container,
.search-container .select-mirror-container {
  position: relative;
  width: auto;
  z-index: 6; }
  #search-container .select-mirror-container .arrow,
  .search-container .select-mirror-container .arrow {
    position: absolute;
    top: 23px;
    right: 10px;
    cursor: pointer;
    height: 16px;
    width: 30px; }
    #search-container .select-mirror-container .arrow svg,
    .search-container .select-mirror-container .arrow svg {
      height: 16px;
      width: 30px; }
    #search-container .select-mirror-container .arrow .down-arrow,
    .search-container .select-mirror-container .arrow .down-arrow {
      fill: #0c2849; }
#search-container .select-mirror,
.search-container .select-mirror {
  background: white;
  border: 1px #BDBEC1 solid;
  cursor: pointer;
  font: normal normal 100 14px/19px "Open Sans", helvetica, arial, sans-serif;
  font-size: 28px;
  height: 60px;
  line-height: 38px;
  margin-bottom: 0 !important;
  padding: 10px 100px 10px 10px;
  position: relative;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }
  #search-container .select-mirror div,
  .search-container .select-mirror div {
    color: #414042;
    margin-bottom: 0 !important; }
  #search-container .select-mirror.open,
  .search-container .select-mirror.open {
    border-bottom: 1px white solid; }
    #search-container .select-mirror.open + .arrow,
    .search-container .select-mirror.open + .arrow {
      background-position: 0 -60px; }
#search-container .select-options,
.search-container .select-options {
  position: absolute;
  top: 100%;
  left: 0px;
  background: white;
  border: none;
  border-bottom: 1px #BDBEC1 solid;
  color: #0c2849;
  cursor: pointer;
  display: none;
  font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
  font-size: 28px;
  line-height: 38px;
  max-height: auto;
  overflow: auto;
  white-space: nowrap;
  width: auto;
  z-index: 5; }
  #search-container .select-options .option,
  .search-container .select-options .option {
    border-left: 1px #BDBEC1 solid;
    border-right: 1px #BDBEC1 solid;
    padding: 3px 10px;
    padding-right: 100px; }
    #search-container .select-options .option:hover,
    .search-container .select-options .option:hover {
      background: #fb8129;
      color: white; }

/** HERO **/
.hero-content {
  position: absolute;
  top: 100px;
  left: 40px;
  float: left;
  width: 50%; }
  .hero-content .hero-title {
    font: normal normal 700 14px/19px "Open Sans", helvetica, arial, sans-serif;
    font-size: 35px;
    line-height: 38px;
    margin-bottom: 20px; }
  .hero-content .hero-text {
    font-style: italic;
    line-height: 30px;
    margin-bottom: 30px; }
    @media screen and (max-width: 840px) {
      .hero-content .hero-text {
        display: none; } }
  @media screen and (max-width: 840px) {
    .hero-content {
      float: left;
      width: 100%;
      left: 0;
      top: 0;
      padding: 20px; } }

/* forms */
.contentForm p {
  display: block !important;
  margin-bottom: 0 !important; }
.contentForm .half-input {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 40.29137%; }
  .contentForm .half-input:last-child {
    margin-right: 0; }
  @media screen and (max-width: 840px) {
    .contentForm .half-input {
      width: 100%; } }
.contentForm .select-mirror-container {
  cursor: pointer;
  position: relative; }
.contentForm input[type="text"],
.contentForm .select-mirror,
.contentForm .select-options {
  border: 1px #0c2849 solid; }
.contentForm .select-mirror.open {
  border-bottom: none; }
.contentForm .selected-option {
  padding: 8px 10px;
  background: transparent url("/img/select_arrow.png") no-repeat 98% center; }
.contentForm .select-options {
  border-top: none;
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  background: #FFF;
  z-index: 1;
  max-height: 200px;
  overflow: auto; }
  .contentForm .select-options .option {
    padding: 5px 10px; }
    .contentForm .select-options .option:hover {
      background: #53b9f7;
      color: white; }
.contentForm .arrow {
  display: none; }
.contentForm .button {
  bottom: 0 !important;
  left: 0 !important;
  position: relative !important; }

.error-image img {
  height: auto !important;
  width: 100% !important; }

table {
  margin-bottom: 30px; }
  table td {
    font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif;
    line-height: 22px; }

.sfPageEditor #boxes .box.single,
.sfPageEditor .boxes .box.single {
  float: left;
  width: 25% !important; }
  @media screen and (max-width: 840px) {
    .sfPageEditor #boxes .box.single,
    .sfPageEditor .boxes .box.single {
      float: left;
      width: 50% !important; } }
.sfPageEditor #boxes .box.double,
.sfPageEditor .boxes .box.double {
  float: left;
  width: 50% !important; }
  @media screen and (max-width: 840px) {
    .sfPageEditor #boxes .box.double,
    .sfPageEditor .boxes .box.double {
      float: left;
      width: 100% !important; } }
.sfPageEditor #boxes .box.triple,
.sfPageEditor .boxes .box.triple {
  float: left;
  width: 75% !important; }
  @media screen and (max-width: 840px) {
    .sfPageEditor #boxes .box.triple,
    .sfPageEditor .boxes .box.triple {
      float: left;
      width: 100% !important; } }
.sfPageEditor #boxes .box.quadruple,
.sfPageEditor .boxes .box.quadruple {
  float: left;
  width: 100% !important; }
  .sfPageEditor #boxes .box.quadruple .box-content,
  .sfPageEditor .boxes .box.quadruple .box-content {
    float: left;
    margin-bottom: 50px;
    position: static; }
.sfPageEditor #boxes .sfContentBlock,
.sfPageEditor .boxes .sfContentBlock {
  float: left; }
  .sfPageEditor #boxes .sfContentBlock .box.weather,
  .sfPageEditor #boxes .sfContentBlock .box.open-info,
  .sfPageEditor .boxes .sfContentBlock .box.weather,
  .sfPageEditor .boxes .sfContentBlock .box.open-info {
    width: 50% !important; }
.sfPageEditor .cms-wrap.mobile-only {
  display: block !important; }

.sfsearchResultsWrp {
  border: 3px #FFF solid; }
  .sfsearchResultsWrp .sfsearchResultTitle {
    color: black !important;
    display: block !important;
    font: normal normal 300 14px/19px "Open Sans", helvetica, arial, sans-serif !important;
    font-size: 30px !important;
    line-height: 34px !important;
    margin-bottom: 20px !important; }

.sfsearchBox .k-autocomplete {
  display: block !important;
  width: 100% !important; }

.RadComboBox table td.rcbInputCell {
  padding: 0 !important; }
  #MainContentArea_C002_emailPrefs input {
      margin-right: 5px;
  }

.nobo {
    margin-right: 10px;
}