@charset "UTF-8";
/*
  Foundation for Sites components:
  Import the building blocks you need for your project.
  Reducing the number of imported components will optimize page speed.
  ---------------------------------------------------------------------
  The Foundation framework is built by Zurb
  Licensed under MIT Open Source
*/
/* SCSS VARIABLES (also keep the same in _settings.scss)
====================================================================================================================== */
/* Global Colours Variables - job dependant. */
/* Global Colours Variables generic. */
/* ZAMIA GREEN. */
/* ZAMIA GREY. */
/* ZAMIA BROWN. */
/* ZAMIA RED. */
/* ZAMIA BEIGE. */
/* ZAMIA ORANGE. */
/* 5% GREY. */
/* 10% GREY. */
/* 15% GREY. */
/* MEDIUM GREY. */
/*
$grid-column-gutter: (
  small: 20px,
  medium: 30px,
);
*/
/**
 * Foundation for Sites by ZURB
 * Version 6.2.0
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
#wpadminbar {
  position: fixed !important; }

body.admin-bar.f-topbar-fixed .sticky.fixed {
  margin-top: 2rem; }

.wp-caption > figcaption {
  max-width: 100%;
  font-size: 0.8rem;
  color: #999;
  padding: 0.25rem 0; }

p.wp-caption-text {
  font-size: 90%;
  color: #666;
  padding: 0.625rem 0; }

.alignleft {
  float: left;
  padding-right: 1rem;
  margin: 0; }

.alignright {
  float: right;
  padding-left: 1rem;
  margin: 0; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.5.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-credit-card-alt:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-pause-circle-o:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stop-circle-o:before {
  content: ""; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS and IE text size adjust after device orientation change,
   *    without disabling user zoom.
   */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
   * Remove default margin.
   */
body {
  margin: 0; }

/* HTML5 display definitions
     ========================================================================== */
/**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
   */
[hidden],
template {
  display: none; }

/* Links
     ========================================================================== */
/**
   * Remove the gray background color from active links in IE 10.
   */
a {
  background-color: transparent; }

/**
   * Improve readability of focused elements when they are also in an
   * active/hover state.
   */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
     ========================================================================== */
/**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
abbr[title] {
  border-bottom: 1px dotted; }

/**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
b,
strong {
  font-weight: bold; }

/**
   * Address styling not present in Safari and Chrome.
   */
dfn {
  font-style: italic; }

/**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
   * Address styling not present in IE 8/9.
   */
mark {
  background: #ff0;
  color: #000; }

/**
   * Address inconsistent and variable font size in all browsers.
   */
small {
  font-size: 80%; }

/**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
     ========================================================================== */
/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
  border: 0; }

/**
   * Correct overflow not hidden in IE 9/10/11.
   */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
     ========================================================================== */
/**
   * Address margin not present in IE 8/9 and Safari.
   */
figure {
  margin: 1em 40px; }

/**
   * Address differences between Firefox and other browsers.
   */
hr {
  box-sizing: content-box;
  height: 0; }

/**
   * Contain overflow in all browsers.
   */
pre {
  overflow: auto; }

/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
     ========================================================================== */
/**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
/**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
button {
  overflow: visible; }

/**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
button,
select {
  text-transform: none; }

/**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
   * Re-set default cursor for disabled elements.
   */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
   * Remove inner padding and border in Firefox 4+.
   */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
input {
  line-height: normal; }

/**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
   */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
   * Define consistent border, margin, and padding.
   * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
   */
/* fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  } */
/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
textarea {
  overflow: auto; }

/**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
optgroup {
  font-weight: bold; }

/* Tables
     ========================================================================== */
/**
   * Remove most spacing between table cells.
   */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

.foundation-mq {
  font-family: "small=0em&medium=48.0625em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
  font-size: 100%;
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #333333;
  background: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  width: 100%;
  border-radius: 0; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

.row {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  .row::before, .row::after {
    content: ' ';
    display: table;
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row .row {
    margin-left: -0.625rem;
    margin-right: -0.625rem; }
    @media screen and (min-width: 48.0625em) {
      .row .row {
        margin-left: -0.9375rem;
        margin-right: -0.9375rem; } }
    .row .row.collapse {
      margin-left: 0;
      margin-right: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-left: auto;
      margin-right: auto; }

.column, .columns {
  width: 100%;
  float: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem; }
  @media screen and (min-width: 48.0625em) {
    .column, .columns {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem; } }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }
  .row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.33333%;
  float: left; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.66667%;
  float: left; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.28571%;
  float: left; }
  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left; }
  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.small-collapse .row {
  margin-left: 0;
  margin-right: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem; }

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left; }

@media screen and (min-width: 48.0625em) {
  .medium-1 {
    width: 8.33333%; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%; }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%; }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    width: 25%; }
  .medium-push-3 {
    position: relative;
    left: 25%; }
  .medium-pull-3 {
    position: relative;
    left: -25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%; }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%; }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%; }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    width: 75%; }
  .medium-push-9 {
    position: relative;
    left: 75%; }
  .medium-pull-9 {
    position: relative;
    left: -75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%; }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%; }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
      float: left; }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
      float: left; }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
      float: left; }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left; }
    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
      float: left; }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
      float: left; }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
      float: left; }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
      float: left; }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
      float: left; }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }
  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }
  .large-push-1 {
    position: relative;
    left: 8.33333%; }
  .large-pull-1 {
    position: relative;
    left: -8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    width: 16.66667%; }
  .large-push-2 {
    position: relative;
    left: 16.66667%; }
  .large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    width: 25%; }
  .large-push-3 {
    position: relative;
    left: 25%; }
  .large-pull-3 {
    position: relative;
    left: -25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    width: 33.33333%; }
  .large-push-4 {
    position: relative;
    left: 33.33333%; }
  .large-pull-4 {
    position: relative;
    left: -33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    width: 41.66667%; }
  .large-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-pull-5 {
    position: relative;
    left: -41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    width: 58.33333%; }
  .large-push-7 {
    position: relative;
    left: 58.33333%; }
  .large-pull-7 {
    position: relative;
    left: -58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    width: 66.66667%; }
  .large-push-8 {
    position: relative;
    left: 66.66667%; }
  .large-pull-8 {
    position: relative;
    left: -66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    width: 75%; }
  .large-push-9 {
    position: relative;
    left: 75%; }
  .large-pull-9 {
    position: relative;
    left: -75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    width: 83.33333%; }
  .large-push-10 {
    position: relative;
    left: 83.33333%; }
  .large-pull-10 {
    position: relative;
    left: -83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    width: 91.66667%; }
  .large-push-11 {
    position: relative;
    left: 91.66667%; }
  .large-pull-11 {
    position: relative;
    left: -91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
      float: left; }
  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
      float: left; }
  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
      float: left; }
  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
      float: left; }
  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
      float: left; }
  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
      float: left; }
  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
      float: left; }
  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
      float: left; }
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }
  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  font-size: inherit;
  line-height: 1.6;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.4; }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    color: #cacaca;
    line-height: 0; }

h1 {
  font-size: 1.5rem; }

h2 {
  font-size: 1.25rem; }

h3 {
  font-size: 1.1875rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.0625rem; }

h6 {
  font-size: 1rem; }

@media screen and (min-width: 48.0625em) {
  h1 {
    font-size: 3rem; }
  h2 {
    font-size: 2.5rem; }
  h3 {
    font-size: 1.9375rem; }
  h4 {
    font-size: 1.5625rem; }
  h5 {
    font-size: 1.25rem; }
  h6 {
    font-size: 1rem; } }

a {
  color: #2199e8;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer; }
  a:hover, a:focus {
    color: #1585cf; }
  a img {
    border: 0; }

hr {
  max-width: 75rem;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
  margin: 1.25rem auto;
  clear: both; }

ul,
ol,
dl {
  line-height: 1.6;
  margin-bottom: 1rem;
  list-style-position: outside; }

li {
  font-size: inherit; }

ul {
  list-style-type: disc;
  margin-left: 1.25rem; }

ol {
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca; }
  blockquote, blockquote p {
    line-height: 1.6;
    color: #8a8a8a; }

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a; }
  cite:before {
    content: '\2014 \0020'; }

abbr {
  color: #333333;
  cursor: help;
  border-bottom: 1px dotted black; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: black;
  background-color: #e6e6e6;
  border: 1px solid #cacaca;
  padding: 0.125rem 0.3125rem 0.0625rem; }

kbd {
  padding: 0.125rem 0.25rem 0;
  margin: 0;
  background-color: #e6e6e6;
  color: black;
  font-family: Consolas, "Liberation Mono", Courier, monospace; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a; }

.lead {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

.no-bullet {
  margin-left: 0;
  list-style: none; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

@media screen and (min-width: 48.0625em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

.button {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 0 1rem 0;
  font-size: 0.9rem;
  background-color: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    background-color: #1583cc;
    color: #fff; }
  .button.tiny {
    font-size: 0.6rem; }
  .button.small {
    font-size: 0.75rem; }
  .button.large {
    font-size: 1.25rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .button.primary {
    background-color: #2199e8;
    color: #fff; }
    .button.primary:hover, .button.primary:focus {
      background-color: #147cc0;
      color: #fff; }
  .button.secondary {
    background-color: #777;
    color: #fff; }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #5f5f5f;
      color: #fff; }
  .button.success {
    background-color: #3adb76;
    color: #fff; }
    .button.success:hover, .button.success:focus {
      background-color: #22bb5b;
      color: #fff; }
  .button.warning {
    background-color: #ffae00;
    color: #fff; }
    .button.warning:hover, .button.warning:focus {
      background-color: #cc8b00;
      color: #fff; }
  .button.alert {
    background-color: #ec5840;
    color: #fff; }
    .button.alert:hover, .button.alert:focus {
      background-color: #da3116;
      color: #fff; }
  .button.hollow {
    border: 1px solid #2199e8;
    color: #2199e8; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #0c4d78;
      color: #0c4d78; }
    .button.hollow.primary {
      border: 1px solid #2199e8;
      color: #2199e8; }
      .button.hollow.primary:hover, .button.hollow.primary:focus {
        border-color: #0c4d78;
        color: #0c4d78; }
    .button.hollow.secondary {
      border: 1px solid #777;
      color: #777; }
      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
        border-color: #3c3c3c;
        color: #3c3c3c; }
    .button.hollow.success {
      border: 1px solid #3adb76;
      color: #3adb76; }
      .button.hollow.success:hover, .button.hollow.success:focus {
        border-color: #157539;
        color: #157539; }
    .button.hollow.warning {
      border: 1px solid #ffae00;
      color: #ffae00; }
      .button.hollow.warning:hover, .button.hollow.warning:focus {
        border-color: #805700;
        color: #805700; }
    .button.hollow.alert {
      border: 1px solid #ec5840;
      color: #ec5840; }
      .button.hollow.alert:hover, .button.hollow.alert:focus {
        border-color: #881f0e;
        color: #881f0e; }
  .button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed;
    pointer-events: none; }
  .button.dropdown::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    border-color: white transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: relative;
    top: 0.4em;
    float: right;
    margin-left: 1em;
    display: inline-block; }
  .button.arrow-only::after {
    margin-left: 0;
    float: none;
    top: -0.1em; }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: black;
  background-color: white;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    border: 1px solid #8a8a8a;
    background-color: white;
    outline: none;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cacaca; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #cacaca; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #cacaca; }

input::placeholder,
textarea::placeholder {
  color: #cacaca; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: default; }

[type='submit'],
[type='button'] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type='search'] {
  box-sizing: border-box; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.5rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: black; }
  label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0; }

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #333; }

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem; }
  .input-group > :first-child {
    border-radius: 0 0 0 0; }
  .input-group > :last-child > * {
    border-radius: 0 0 0 0; }

.input-group-label, .input-group-field, .input-group-button {
  margin: 0;
  display: table-cell;
  vertical-align: middle; }

.input-group-label {
  text-align: center;
  padding: 0 1rem;
  background: #e6e6e6;
  color: black;
  border: 1px solid #cacaca;
  white-space: nowrap;
  width: 1%;
  height: 100%; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  height: 2.5rem; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  height: 100%;
  width: 1%; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button {
    margin: 0; }

.input-group .input-group-button {
  display: table-cell; }

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

legend {
  margin-bottom: 0.5rem;
  max-width: 100%; }

.fieldset {
  border: 1px solid #cacaca;
  padding: 1.25rem;
  margin: 1.125rem 0; }
  .fieldset legend {
    background: white;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem; }

select {
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-family: inherit;
  line-height: normal;
  color: black;
  background-color: white;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%2851, 51, 51%29"></polygon></svg>');
  background-size: 9px 6px;
  background-position: right center;
  background-origin: content-box;
  background-repeat: no-repeat; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:disabled {
    background-color: #e6e6e6;
    cursor: default; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto; }

.is-invalid-input:not(:focus) {
  background-color: rgba(236, 88, 64, 0.1);
  border-color: #ec5840; }

.is-invalid-label {
  color: #ec5840; }

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ec5840; }
  .form-error.is-visible {
    display: block; }

.flex-video {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  margin-bottom: 1rem;
  overflow: hidden; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .flex-video.widescreen {
    padding-bottom: 56.25%; }
  .flex-video.vimeo {
    padding-top: 0; }

.menu {
  margin: 0;
  list-style-type: none; }
  .menu > li {
    display: table-cell;
    vertical-align: middle; }
    [data-whatinput='mouse'] .menu > li {
      outline: 0; }
  .menu > li > a {
    display: block;
    padding: 0.7rem 1rem;
    line-height: 1; }
  .menu input,
  .menu a,
  .menu button {
    margin-bottom: 0; }
  .menu > li > a img,
  .menu > li > a i {
    vertical-align: middle; }
  .menu > li > a i + span,
  .menu > li > a img + span {
    vertical-align: middle; }
  .menu > li > a img,
  .menu > li > a i {
    margin-right: 0.25rem;
    display: inline-block; }
  .menu > li {
    display: table-cell; }
  .menu.vertical > li {
    display: block; }
  @media screen and (min-width: 48.0625em) {
    .menu.medium-horizontal > li {
      display: table-cell; }
    .menu.medium-vertical > li {
      display: block; } }
  @media screen and (min-width: 64em) {
    .menu.large-horizontal > li {
      display: table-cell; }
    .menu.large-vertical > li {
      display: block; } }
  .menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 1rem; }
  .menu.simple a {
    padding: 0; }
  .menu.align-right::before, .menu.align-right::after {
    content: ' ';
    display: table;
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .menu.align-right::after {
    clear: both; }
  .menu.align-right > li {
    float: right; }
  .menu.expanded {
    width: 100%;
    display: table;
    table-layout: fixed; }
    .menu.expanded > li:first-child:last-child {
      width: 100%; }
  .menu.icon-top > li > a {
    text-align: center; }
    .menu.icon-top > li > a img,
    .menu.icon-top > li > a i {
      display: block;
      margin: 0 auto 0.25rem; }
  .menu.nested {
    margin-left: 1rem; }
  .menu .active > a {
    color: white;
    background: #121212; }

.menu-text {
  font-weight: bold;
  color: inherit;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.7rem 1rem; }

.menu-centered {
  text-align: center; }
  .menu-centered > .menu {
    display: inline-block; }

.no-js [data-responsive-menu] ul {
  display: none; }

html,
body {
  height: 100%; }

.off-canvas-wrapper {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-overflow-scrolling: auto; }

.off-canvas-wrapper-inner {
  position: relative;
  width: 100%;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease; }
  .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
    content: ' ';
    display: table;
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .off-canvas-wrapper-inner::after {
    clear: both; }

.off-canvas-content,
.off-canvas-content {
  min-height: 100%;
  background: white;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  padding-bottom: 0.1px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); }

.js-off-canvas-exit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.35);
  cursor: pointer;
  transition: background 0.4s ease; }

.off-canvas {
  position: absolute;
  background: #333333;
  z-index: -1;
  max-height: 100%;
  overflow-y: auto;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }
  [data-whatinput='mouse'] .off-canvas {
    outline: 0; }
  .off-canvas.position-left {
    left: -250px;
    top: 0;
    width: 250px; }
    .is-open-left {
      -webkit-transform: translateX(250px);
          -ms-transform: translateX(250px);
              transform: translateX(250px); }
  .off-canvas.position-right {
    right: -250px;
    top: 0;
    width: 250px; }
    .is-open-right {
      -webkit-transform: translateX(-250px);
          -ms-transform: translateX(-250px);
              transform: translateX(-250px); }

@media screen and (min-width: 48.0625em) {
  .position-left.reveal-for-medium {
    left: 0;
    z-index: auto;
    position: fixed; }
    .position-left.reveal-for-medium ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-medium {
    right: 0;
    z-index: auto;
    position: fixed; }
    .position-right.reveal-for-medium ~ .off-canvas-content {
      margin-right: 250px; } }

@media screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    left: 0;
    z-index: auto;
    position: fixed; }
    .position-left.reveal-for-large ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-large {
    right: 0;
    z-index: auto;
    position: fixed; }
    .position-right.reveal-for-large ~ .off-canvas-content {
      margin-right: 250px; } }

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0; }
  table thead,
  table tbody,
  table tfoot {
    border: 1px solid #f2f2f2;
    background-color: white; }
  table caption {
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem; }
  table thead,
  table tfoot {
    background: #f9f9f9;
    color: #333333; }
    table thead tr,
    table tfoot tr {
      background: transparent; }
    table thead th,
    table thead td,
    table tfoot th,
    table tfoot td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-weight: bold;
      text-align: left; }
  table tbody tr:nth-child(even) {
    background-color: #f2f2f2; }
  table tbody th,
  table tbody td {
    padding: 0.5rem 0.625rem 0.625rem; }

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover tr:hover {
  background-color: #fafafa; }

table.hover tr:nth-of-type(even):hover {
  background-color: #ededed; }

.table-scroll {
  overflow-x: auto; }
  .table-scroll table {
    width: auto; }

.title-bar {
  background: #333333;
  color: white;
  padding: 0.5rem; }
  .title-bar::before, .title-bar::after {
    content: ' ';
    display: table;
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .title-bar::after {
    clear: both; }
  .title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.5rem; }

.title-bar-left {
  float: left; }

.title-bar-right {
  float: right;
  text-align: right; }

.title-bar-title {
  font-weight: bold;
  vertical-align: middle;
  display: inline-block; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }
  .menu-icon.dark::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: black;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 black, 0 14px 0 black; }
  .menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.top-bar {
  padding: 0; }
  .top-bar::before, .top-bar::after {
    content: ' ';
    display: table;
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .top-bar::after {
    clear: both; }
  .top-bar,
  .top-bar ul {
    background-color: #333333; }
  .top-bar input {
    width: 200px;
    margin-right: 1rem; }
  .top-bar .input-group-field {
    width: 100%;
    margin-right: 0; }
  .top-bar input.button {
    width: auto; }

@media screen and (max-width: 48em) {
  .stacked-for-small .top-bar-left,
  .stacked-for-small .top-bar-right {
    width: 100%; } }

@media screen and (max-width: 63.9375em) {
  .stacked-for-medium .top-bar-left,
  .stacked-for-medium .top-bar-right {
    width: 100%; } }

@media screen and (max-width: 74.9375em) {
  .stacked-for-large .top-bar-left,
  .stacked-for-large .top-bar-right {
    width: 100%; } }

.top-bar-left,
.top-bar-right {
  width: 100%; }

@media screen and (min-width: 48.0625em) {
  .top-bar-left,
  .top-bar-right {
    width: auto; } }

.top-bar-title {
  float: left;
  margin-right: 1rem; }

.top-bar-left {
  float: left; }

.top-bar-right {
  float: right; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: 48em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 48.0625em) {
  .show-for-small-only {
    display: none !important; } }

@media screen and (min-width: 48.0625em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 48em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 48em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.clearfix::before, .clearfix::after {
  content: ' ';
  display: table;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.clearfix::after {
  clear: both; }

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }
  .menu-icon::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: white;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 white, 0 14px 0 white; }
  .menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }
  .menu-icon.dark::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: black;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 black, 0 14px 0 black; }
  .menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

/*
  My custom styles:
  Add your scss files below to structure your project styles
*/
/* Navigation breakpoints */
@media screen and (max-width: 48em) {
  .desktop-menu, .top-bar-left {
    display: none !important; } }

@media screen and (min-width: 48.0625em) {
  #mobile-menu, .title-bar {
    display: none !important; } }

/* Mobile menu */
.off-canvas > ul.menu {
  height: 100vh;
  padding: 1rem; }

.title-bar-title a {
  font-size: 1rem;
  color: #B9B9B9; }

/* Tablet and desktop menu */
.top-bar .menu .home a {
  font-size: 1rem;
  color: #B9B9B9; }

.top-bar .menu a {
  height: 45px;
  line-height: 45px;
  color: #e6e6e6;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1; }
  .top-bar .menu a:hover:not(.button) {
    background-color: #2a2a2a; }

.top-bar .menu > li:not(.menu-text) > a {
  padding: 1rem; }

.top-bar .menu li:not(:last-child) {
  border-right: 1px solid #4e4e4e; }

.top-bar .dropdown.menu .submenu {
  background-color: #121212;
  color: #e6e6e6;
  border: 0; }

.top-bar .dropdown.menu .has-submenu.is-down-arrow a {
  padding-right: 1rem; }

.top-bar .dropdown.menu .has-submenu.is-down-arrow > a::after {
  border: 0; }

.top-bar .dropdown.menu:first-child >
li.is-dropdown-submenu-parent >
a::after {
  display: none; }

#footer-container {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  margin-top: 3.75rem; }
  #footer-container #footer {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    padding: 1.875rem 0; }
    #footer-container #footer::before, #footer-container #footer::after {
      content: ' ';
      display: table;
      -webkit-flex-basis: 0;
          -ms-flex-preferred-size: 0;
              flex-basis: 0;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; }
    #footer-container #footer::after {
      clear: both; }
    #footer-container #footer ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }

.sites-button {
  background: #FF6908;
  font-size: 1.25rem;
  font-weight: bold;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
  border-radius: 3px;
  border: none; }

#featured-hero {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 0 2rem;
  position: relative;
  height: 12.5rem; }

.no-featured-image-set {
  height: 1rem !important; }

@media screen and (min-width: 48.0625em) {
  #featured-hero {
    height: 25rem; } }

.dotted {
  border-style: dashed;
  margin: 2rem 0; }

/* Apply outline styles only when input method is keyboard
 * remove :focus style via What Input using progressive enhancement
 * so :focus isn't left broken if JavaScript fails
 */
[data-whatinput="mouse"] a:focus, button:focus
[data-whatinput="touch"] a:focus, button:focus {
  outline: none; }

/* ===================================================================================================================
   ===================================================================================================================
   ADDITIONS/CHANGES ONLY BELOW HERE. NOTE CHANGES MADE ABOVE HERE:
   Commented out a few components/ modules, templates etc not required above.	
   ===================================================================================================================
   =================================================================================================================== */
/* ===================================================================================================================
   * Responsive styles in addition to base foundation.scss (v.6.2.0 as of 05.04.2016)
   * Version to be found: components/foundation-sites/bower.json
   * Author: otti@ottimoto.com.au
   * Autor URL: http://www.ottimoto.com.au
   =================================================================================================================== */
/* ===================================================================================================================
Title: HTML5 Responsive Master styleswith SASS - design dependent
   =================================================================================================================== */
/* OWN CSS FILES
====================================================================================================================== */
/* v1.0.6 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 600px;
  height: 400px;
  position: relative;
  direction: ltr; }

.royalSlider > * {
  float: left; }

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden; }

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none; }

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: transparent; }

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: transparent; }

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0; }

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent; }

.rsArrow,
.rsThumbsArrow {
  cursor: pointer; }

.rsThumb {
  float: left;
  position: relative; }

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  transition: opacity 0.3s linear; }

.rsHidden {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0.3s,opacity 0.3s linear; }

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center; }

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important; }

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  transition: 0s;
  display: none; }

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto; }

.rsContent {
  width: 100%;
  height: 100%;
  position: relative; }

.rsPreloader {
  position: absolute;
  z-index: 0; }

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); }

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22; }

.rsTabs {
  float: left;
  background: none !important; }

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; }

.rsVideoContainer {
  width: auto;
  height: auto;
  line-height: 0;
  position: relative; }

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s; }

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1; }

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  box-sizing: border-box;
  padding-right: 44px; }

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15; }

img.rsImg {
  max-width: none; }

.grab-cursor {
  cursor: url(grab.png) 8 8, move; }

.grabbing-cursor {
  cursor: url(grabbing.png) 8 8, move; }

.rsNoDrag {
  cursor: auto; }

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(blank.gif); }

/* Royal Slider */
/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
  background: transparent; }

/***************
*
*  1. Arrows
*
****************/
.rsDefault .rsArrow {
  height: 100%;
  width: 44px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21; }

.rsDefault.rsVer .rsArrow {
  width: 100%;
  height: 44px; }

.rsDefault.rsVer .rsArrowLeft {
  top: 0;
  left: 0; }

.rsDefault.rsVer .rsArrowRight {
  bottom: 0;
  left: 0; }

.rsDefault.rsHor .rsArrowLeft {
  left: 0;
  top: 0; }

.rsDefault.rsHor .rsArrowRight {
  right: 0;
  top: 0; }

.rsDefault .rsArrowIcn {
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  position: absolute;
  cursor: pointer;
  background: url("../images/rs-default.png");
  background-color: #9a723b;
  /* ZAMIA BROWN. */
  background-color: rgba(154, 114, 59, 0.9);
  /* ZAMIA BROWN. */
  *background-color: #9a723b;
  /* ZAMIA BROWN. */
  border-radius: 32px; }

.rsDefault .rsArrowIcn:hover {
  background-color: rgba(154, 114, 59, 0.6);
  /* ZAMIA BROWN. */ }

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
  background-position: -64px -32px; }

.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
  background-position: -64px -64px; }

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
  background-position: -96px -32px; }

.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
  background-position: -96px -64px; }

.rsDefault .rsArrowDisabled .rsArrowIcn {
  opacity: .2;
  filter: alpha(opacity=20);
  *display: none; }

/***************
*
*  2. Bullets
*
****************/
.rsDefault .rsBullets {
  position: absolute;
  z-index: 35;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  text-align: center;
  line-height: 8px;
  overflow: hidden; }

.rsDefault .rsBullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 6px 5px 6px; }

.rsDefault .rsBullet span {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #777;
  background: rgba(255, 255, 255, 0.5); }

.rsDefault .rsBullet.rsNavSelected span {
  background-color: #FFF; }

/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
  position: absolute;
  float: none;
  bottom: 6px;
  left: 6px;
  text-align: left;
  background: black;
  background: rgba(0, 0, 0, 0.75);
  color: #FFF;
  padding: 2px 8px;
  width: auto;
  font-size: 12px;
  border-radius: 2px; }

/* Royal Slider default skin. */
/* SCSS VARIABLES (also keep the same in _settings.scss)
====================================================================================================================== */
/* Global Colours Variables - job dependant. */
/* Global Colours Variables generic. */
/* ZAMIA GREEN. */
/* ZAMIA GREY. */
/* ZAMIA BROWN. */
/* ZAMIA RED. */
/* ZAMIA BEIGE. */
/* ZAMIA ORANGE. */
/* 5% GREY. */
/* 10% GREY. */
/* 15% GREY. */
/* MEDIUM GREY. */
/* SCSS MIXINS
====================================================================================================================== */
/* GLOBAL MIXINS. */
/* Mixin: Standard definition for rounded corners. Class panel to be applied in HTML. */
/* FONTS
====================================================================================================================== */
/* Default fonts set in foundation.css as "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
Override fonts here and test with Courier first. */
/* TTF = Screen, EOT = IE5-8, WOFF = IE9, FF3.6, Chrome 5, SVG = IOS. */
/* Create font-face declarations that defines the embedded font name and source file. 
Creates arbitrary name for the font and associates it with the a direct link to the font itself. */
@font-face {
  font-family: 'caviar_dreamsregular';
  src: url("../project-fonts/CaviarDreams-webfont.eot");
  /* IE6–8 */
  src: url("../project-fonts/CaviarDreams-webfont.eot?#iefix") format("embedded-opentype"), url("../project-fonts/CaviarDreams-webfont.woff") format("woff"), url("../project-fonts/CaviarDreams-webfont.ttf") format("truetype"), url("../project-fonts/CaviarDreams-webfont.svg#caviar_dreamsregular") format("svg");
  /* iOS devices */
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'open_sansregular';
  src: url("../project-fonts/OpenSans-Regular-webfont.eot");
  src: url("../project-fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../project-fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../project-fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../project-fonts/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'open_sansitalic';
  src: url("../project-fonts/OpenSans-Italic-webfont.eot");
  src: url("../project-fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../project-fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../project-fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../project-fonts/OpenSans-Italic-webfont.svg#open_sansitalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'open_sanssemibold';
  src: url("../project-fonts/OpenSans-Semibold-webfont.eot");
  src: url("../project-fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../project-fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../project-fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../project-fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Apply new font to certain definitions: 
Fallback to font declarations made here as _settimgs.scss default does not seem to apply as fallback. 
Font weight not bold for bold font. */
h1, h2, .top-bar .menu a, .sliderAward .sliderHeadingOne, .sliderAward .sliderText, .menuButton, .menuButton p {
  font-family: 'caviar_dreamsregular', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal; }

p, ul, .emailForm #contact_form2 label, .emailForm input {
  font-family: 'open_sansregular', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal; }

em {
  font-family: 'open_sansitalic', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal; }

h3, h4, h5, h6 {
  font-family: 'open_sanssemibold', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal; }

/* TYPOGRAPHY
====================================================================================================================== */
/* Default browser font-size is 16px -> html & body font-size in foundation.css is set to 100%. Therefore 1em equals 16px.
Then foundation sets all font sizes to rem's (not em's anymore!).
rem (relative to root to overcome the compounding problem for nested items). 
Fallback would only be relevant for not compatible browsers IE8 and down. Modern browsers are perfectly resizable now with rem's. 
Line-height as per foundation.css. 
Calculation: 34px : 16px = 2.125rem or 2.125rem*16px = 34px */
/* SCSS MIXINS
====================================================================================================================== */
/* TYPOGRAPHY FUNCTIONS< MIXINS & VARIABLES. */
/* Zero out margins and lin-height for all headings. */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: 1; }

/* Mobile first: Headings h1 and h2 on all pages to be in uppercase and green. */
h1, h2, h3 {
  text-transform: uppercase;
  color: #747c02;
  /* ZAMIA GREEN. */ }

h4 {
  text-transform: uppercase;
  color: #ba1435;
  /* ZAMIA RED. */ }

p {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 0.5em; }

h1 {
  font-size: 23px;
  font-size: 1.4375rem;
  line-height: 1.5; }

h2 {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 0.4em; }

figure.effect-sadie h2 {
  font-size: 20px;
  font-size: 1.25rem;
  padding-top: 0.3em;
  /* Add padding top and a bit less padding bottom to give distance to border top and bottom. */
  padding-bottom: 0.3em; }

h3 {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0.2em; }

h4 {
  font-size: 20px;
  font-size: 1.25rem; }

h5 {
  font-size: 18px;
  font-size: 1.125rem; }

h6 {
  font-size: 16px;
  font-size: 1rem; }

em {
  font-size: 16px;
  font-size: 1rem; }

#cont29 p, #cont58 p, #cont29 em, #cont58 em {
  font-size: 12px;
  font-size: 0.75rem; }

#cont29 h2, #cont58 h2 {
  font-size: 17px;
  font-size: 1.0625rem;
  margin-bottom: 0.7em; }

#cont29 h3, #cont58 h3 {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0.4em; }

#cont29 h4, #cont58 h4 {
  font-size: 17px;
  font-size: 1.0625rem;
  margin-bottom: 0.4em; }

/* Text links for menus - menu buttons.  */
.menuButton, .menuButton p {
  font-size: 12px;
  font-size: 0.75rem; }

.top-bar .menu a {
  font-size: 20px;
  font-size: 1.25rem; }

.sliderAward .sliderHeadingOne {
  font-size: 16px;
  font-size: 1rem; }

.sliderAward .sliderText {
  font-size: 15px;
  font-size: 0.9375rem; }

footer h3 {
  margin-top: 1em;
  margin-bottom: 0.5em; }

footer p, footer li {
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: 0.5em; }

footer .credentials p {
  padding-top: 2em;
  font-size: 11px;
  font-size: 0.6875rem; }

.emailForm #contact_form2 .button.submit_btn-reservations, .button.submit_btn-contact {
  font-size: 16px;
  font-size: 1rem; }

.emailForm .reqText {
  font-size: 13px;
  font-size: 0.8125rem; }

/* LINKS
====================================================================================================================== */
/* LVHA. Change, if required from default in foundation.css. */
a, a:visited {
  color: #9a723b; }

/* Hover and active links. */
a:hover, a:active, a:focus {
  color: #ef753f; }

/* NOTICE WHEN JAVASCRIPT IS OFF
====================================================================================================================== */
/* Paragraph with id in HTML. If JS is on -> do not display. If JS is off -> Modernizr adds .no-js class to html tag -> display text. */
.js #jsnotice {
  display: none; }

.no-js #jsnotice {
  display: block;
  padding: 10px;
  color: red;
  background-color: white;
  border: 1px dotted #ba1435;
  margin-left: 30px;
  margin-right: 30px; }

/* Navigation - Top bar and Off Canvas
====================================================================================================================== */
/* LOGO. */
/* Logo as part of the top bar navigation. The logo is alos inserted inside the off-canvas part template. */
.top-bar .top-bar-left .menu > li:not(.menu-text) > a {
  text-indent: -999999px;
  background-image: url(../images/zamia-cafe-logo-white.png);
  width: 148px;
  height: 176px;
  margin-top: 12px;
  margin-left: 25px; }

/* OFF CANVAS. */
.off-canvas .menu a {
  color: white; }

.off-canvas .offCanvasLogo img {
  margin-left: 51px; }

/* Just for aria validation give button a name in HTML and move text away. */
button.menu-icon {
  text-indent: -99999px; }

/* Both. */
.menu a:hover {
  background-color: #747c02; }

/* Background color to be removed and green underline instead. */
.menu .active > a {
  background: transparent;
  border-bottom: 2px solid #747c02; }

/* TOP BAR. */
/* Fix padding all around in navigation.scss for top bar only -> only left and right. No need to have it as media query since top-bar is only visible above breakpoint.  */
.top-bar .menu > li:not(.menu-text) > a {
  padding-top: 0rem;
  padding-right: 1rem;
  padding-bottom: 0rem;
  padding-left: 1rem; }

/* Top bar whole menu (left and right) to be tall and have white text. */
.top-bar {
  height: 200px;
  color: white; }

/* Move right top bar (ul) down accordingly. */
.top-bar-right {
  padding-top: 143px;
  /* 200px header height - 45px "top-bar menu a" height - 12px gap between bottom and logo left. */ }

/* Ensure links in top-bar are white colour text and change line height to move text down further to green line. */
.top-bar .menu a {
  color: white;
  line-height: 3; }

/* Remove border on right hand side. */
.top-bar .menu li:not(:last-child) {
  border-right-width: 0px; }

.top-bar .menu a:hover:not(.button) {
  background-color: #747c02; }

.top-bar .top-bar-left .menu a:hover:not(.button) {
  background-color: transparent; }

/* FEATURED FOREGROUND IMAGE - edited parts php file for featured image as well
====================================================================================================================== */
/* Ensure if feature image is used as foreground image to use responsive images in WP, that that image stretches full width. */
.th.wp-post-image {
  width: 100%; }

/* PAGE HEADER
====================================================================================================================== */
#header {
  /* Not required. */ }

/* Slider with its container and header-feature image
====================================================================================================================== */
/* Mobile first: First do not show on very small devices. Set height for zero section containing the slider. Later media query for medium and large with more height. */
.zeroSlider {
  display: none;
  min-height: 100px; }

/* Mobile first: Container around slider with loader. Relative positioned to allow loading gif (in html) to be positioned absolute. 
Loading gif used in html since it loads earlier in comparison to an background image in css. 
Later media query for medium and large with more height. */
.relContainer {
  position: relative;
  min-height: 100px; }

.absLoader {
  /* Inline styles in hmtl used. */ }

/* Extra id to container to set width of slider (overwrite what's in .royalSlider). */
#full-width-slider, #full-width-slider img {
  width: 100%; }

/* Border bottom on whole slider. */
#full-width-slider {
  border-bottom: 2px #9a723b solid; }

/* Set royal slider to not display first. It will show preloader placed in outer container (relContainer) 
until window load has finished (i.e. rest of page is loaded). */
.royalSlider {
  display: none; }

/* Mobile first: Box Award Winner on some slider images. Combine both css rules in order to overwrote. */
.sliderAward.rsABlock {
  position: absolute;
  top: 5%;
  left: 5%;
  background: rgba(255, 255, 255, 0.85);
  /* WHITE with transparency. */
  overflow: hidden; }

/* Mobile first: Then format text appropriately. -> later media query for larger distances. */
span.sliderAward.rsABlock {
  color: white;
  /* WHITE. */
  padding: 0.7em 1em 0.5em 1em;
  margin-bottom: 0;
  margin-top: 8px;
  line-height: 24px; }

/* Text for slider/image overlay. */
.sliderAward .sliderHeadingOne {
  color: #747c02; }

.sliderAward .sliderText {
  color: black; }

/* No margin bottom for paras inside slider/header-feature image. */
p.sliderAward {
  margin-bottom: 0; }

/* Hide bullets (squares) on mobiles first. -> later bring them back again. */
.rsDefault .rsBullets {
  display: none; }

/* Smaller sliders on other pages. */
#menu-slider.royalSlider, #functions-catering-slider.royalSlider {
  margin: 0 auto;
  width: 100%; }

/* Remove slider p bottom coming form WP. */
#menu-slider p, #functions-catering-slider p {
  margin-bottom: 0; }

/* RULES
====================================================================================================================== */
/* Standard horizontal rule. */
hr {
  border: solid #333333;
  /* ZAMIA GREY. */
  border-width: 1px 0 0;
  margin: 1.25em 0 1.1875em; }

/* Mobile first: Short, green horizontal rule. Later media query with different margin left and right. */
hr.shortGreen {
  border: solid #747c02;
  /* ZAMIA GREEN. */
  border-width: 2px 0 0;
  margin: 1em 4em 1.5em 4em; }

/* PRIMARY CONTENT (LEFT COLUMN) AS SECTION
====================================================================================================================== */
/* Static image assigned through WP featured image on page. Class of page id assigned inside featured image part template. */
.heroFeature {
  position: relative; }

/* Mobile first: Overlay on static images first to be not shown for very small devices. */
.heroFeature .cont29, .heroFeature .cont58, .heroFeature .cont60 {
  display: none; }

/* Row with columns - might vary page or device dependant. */
section#primaryContent {
  /* Not required. */ }

/* Mobile first: First section container with padding top and bottom. */
.first {
  padding-top: 35px;
  padding-bottom: 20px;
  background-color: white; }

/* Mobile first: Specials container on Home page. Also small slider container on other pages. */
.specials, .small-slider, .quick-links {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #fdfcfb;
  background-image: url(../images/zamia-leaves-bg.png);
  background-position: center center;
  background-repeat: no-repeat; }

.topPadding {
  padding-top: 0.7em; }

.margBottom {
  margin-bottom: 1em; }

/* Mobile first: Menu buttons container on Menus page. */
.menuButtons {
  padding-top: 0px;
  padding-bottom: 30px; }

/* Menu button links built from sprite png, using span for hover part of the image. Use transitions and opacity. */
/* Less margin bottom for paras used inside menu button link setup. */
.menuButton, .menuButton p {
  margin-bottom: 0.5em;
  text-transform: uppercase; }

/* The button with the first sprite part, followed by the second sprite part inside the span. */
/* Unfortunately 2 links inside WP. */
.menuButton .imageLink {
  text-indent: -999999px;
  /* Move the text to the side. */
  /* Safari3-4, iOS 1-3.2, Android ≤1.6 */
  /* FF1-3.6 */
  /* Linux */
  border-radius: 70px;
  /* Standard CSS3 syntax for Opera 10.5, IE9, Safari5, Chrome, FF4, iOS 4, Android 2.1+ */
  /* useful if you don't want a bg color from leaking outside the border: */
  background-clip: padding-box;
  width: 70px;
  height: 70px;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  background-image: url(../images/zamia-menu-links.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-top: 10px;
  margin-bottom: 10px; }

.menuButton .imageLink span {
  /* Safari3-4, iOS 1-3.2, Android ≤1.6 */
  /* FF1-3.6 */
  /* Linux */
  border-radius: 70px;
  /* Standard CSS3 syntax for Opera 10.5, IE9, Safari5, Chrome, FF4, iOS 4, Android 2.1+ */
  /* useful if you don't want a bg color from leaking outside the border: */
  background-clip: padding-box;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url(../images/zamia-menu-links.png);
  background-repeat: no-repeat;
  background-position: 0px -70px;
  opacity: 0;
  transition: opacity 0.5s; }

.menuButton .imageLink:hover span, .menuButton .imageLink:focus span {
  opacity: 1;
  padding: 10px;
  box-shadow: 0 0 0 5px white, 0 0 0 8px #ef753f; }

/* THE FOLLOWING ARE REDUNDANT AFTER CHANGE OF CODE TO VALIDATE CORRECTLY IN WP. */
.menuButtonImage {
  /* Safari3-4, iOS 1-3.2, Android ≤1.6 */
  /* FF1-3.6 */
  /* Linux */
  border-radius: 70px;
  /* Standard CSS3 syntax for Opera 10.5, IE9, Safari5, Chrome, FF4, iOS 4, Android 2.1+ */
  /* useful if you don't want a bg color from leaking outside the border: */
  background-clip: padding-box;
  width: 70px;
  height: 70px;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  background-image: url(../images/zamia-menu-links.png);
  background-repeat: no-repeat;
  background-position: 0px 0px; }

.menuButtonImage span {
  /* Safari3-4, iOS 1-3.2, Android ≤1.6 */
  /* FF1-3.6 */
  /* Linux */
  border-radius: 70px;
  /* Standard CSS3 syntax for Opera 10.5, IE9, Safari5, Chrome, FF4, iOS 4, Android 2.1+ */
  /* useful if you don't want a bg color from leaking outside the border: */
  background-clip: padding-box;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url(../images/zamia-menu-links.png);
  background-repeat: no-repeat;
  background-position: 0px -70px;
  opacity: 0;
  transition: opacity 0.5s; }

.menuButtonImage:hover span, .menuButtonImage:focus span {
  opacity: 1;
  padding: 10px;
  box-shadow: 0 0 0 5px white, 0 0 0 8px #ef753f; }

/* END - THE FOLLOWING ARE REDUNDANT AFTER CHANGE OF CODE TO VALIDATE CORRECTLY IN WP. */
/* Mobile first: Text to be indented left and right. Later media query with more padding. */
.first .entry-content p {
  padding-left: 30px;
  padding-right: 30px; }

/* Remove for menu buttons and for 2-columns on contact page. */
.first .entry-content .menuButtons, .first .entry-content .menuButtons p, .page-template-ZC-reservations .first .entry-content p, .page-template-ZC-location-contact .first .entry-content p {
  padding-left: 0px;
  padding-right: 0px; }

/* PARALLAX SECTIONS. */
/* ID number 29 is Menus page. ID number 58 is Functions & Catering page. */
/* Large screens only: Create section in HTML for parallax. Set height of container and ensure placed background-image is at least double the height of the container -> here 1600 x 850px.
http://blog.fraser-hart.co.uk/jquery-parallax-scrolling/
Background-size cover first commented out to fill container completely whilst having scrolling starting point set in js file. Center the image.
Later media query (from 1441px onwards) with background-size cover to allow the bg image to stretch over full screen WIDTH on very large screens.
Negative number added in js for parallax to offset the image initially - will not be seen as it is further down. This avoids that the image appears too short. Might differ on pages due to content length. */
#cont22, #cont29, #cont58 {
  min-height: 250px;
  width: 100%;
  height: 100%;
  /* background-color: $zamiaRed; */ }

/* Background images - 640 x 850px. */
#cont22 {
  background-image: url(../images/background-images/small/zamia-bg-home-small.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  position: relative; }

#cont29 {
  background-image: url(../images/background-images/small/zamia-bg-menus-small.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  position: relative; }

#cont58 {
  background-image: url(../images/background-images/small/zamia-bg-functions-small.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  position: relative; }

/* Mobile first: Hide the menu excerpts first for very small devices. Center the content inside the container horizontally with translate 2d. */
#cont22 .content, #cont29 .content, #cont58 .content {
  display: none; }

/* LANDING PAGES QUICK LINKS
====================================================================================================================== */
/* The button at the bottom of the quick link moves a bit out of the box (only possible since figure has overflow hidden taken off). Make smaller in width and center. 
Higher z-index then figcaption a (the link which is hidden and responsible for the whole thing acting as link). */
.button.landingQLBut {
  position: absolute;
  bottom: -17px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  z-index: 2000; }

/* Mobile first: Common quick link style. Position relative to be able to position absolut on top later. Set max width and height etc. Later float left and no auto margin left and right. */
figure {
  position: relative;
  overflow: hidden;
  max-width: 340px;
  max-height: 220px;
  text-align: center;
  cursor: pointer;
  margin: 0 auto;
  margin-bottom: 1em; }

figure img {
  position: relative;
  display: block;
  opacity: 1; }

/* White text for all inside figcaption. */
figure figcaption {
  /* padding: 0.3em; */
  color: white;
  /* WHITE. */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

figure figcaption::before,
figure figcaption::after {
  pointer-events: none; }

figure figcaption,
figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0; }

/***** Mobile first: Sadie *****/
figure.effect-sadie figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Mobile first: Distance from top first set to 0. */
figure.effect-sadie h2 {
  position: absolute;
  top: 0%;
  /* was 50% for middle. */
  left: 0;
  width: 100%;
  color: #9a723b;
  /* ZAMIA BROWN. */
  text-transform: uppercase;
  border-top: 1px solid #9a723b;
  /* ZAMIA BROWN. */
  border-bottom: 1px solid #9a723b;
  /* ZAMIA BROWN. */
  background-color: rgba(255, 255, 255, 0.85);
  /* WHITE with 85% transparency. */
  transition: color 0.35s, -webkit-transform 0.35s;
  transition: transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate(0, 0%);
  /* was -50% for middle. */
  -ms-transform: translate(0, 0%);
      transform: translate(0, 0%);
  /* was -50% for middle. */ }

/* Mobile first: On mobiles move the heading up by only 10% (not 50%) as the heading would creep out on top of the quick link image. */
figure.effect-sadie:hover h2 {
  color: #9a723b;
  /* ZAMIA BROWN. */
  -webkit-transform: translate(0, 70%);
  -ms-transform: translate(0, 70%);
      transform: translate(0, 70%); }

/* FOOTER
====================================================================================================================== */
/* Overwrite larger margin on top of footer. */
#footer-container {
  margin-top: 0em; }

/* Footer. Padding top and bottom. */
footer {
  background-color: #333333;
  padding-top: 30px;
  padding-bottom: 30px; }

/* All text inside footer to be white. */
footer {
  color: white; }

/* Remove bullets on lists and replace with Font Awesome. also remove margin left. */
footer ul {
  list-style-type: none;
  margin-left: 0;
  line-height: 1.6; }

/* Use Font Awesome to add icons to specific address details and format accordingly. */
footer ul li:before {
  font-family: 'FontAwesome';
  font-size: 12px;
  padding-right: 10px;
  vertical-align: middle;
  display: inline-block;
  width: 10px; }

footer ul li#footerPhone:before {
  content: "\f095"; }

footer ul li#footerEmail:before {
  content: "\f003"; }

footer ul li#footerAddress:before {
  content: "\f124"; }

footer ul li#footerParking:before {
  content: "\f1b9"; }

footer ul li#footerWheelchair:before {
  content: "\f193"; }

/* Asterisk to have different font size and vertical align. */
footer ul li.footerAsterisk:before {
  font-size: 7px;
  vertical-align: 4px;
  content: "\f069"; }

/* Do the following to have correct wrapping - not under bullet.  */
footer ul {
  margin-left: 22px; }

footer ul li {
  text-indent: -10px; }

/* Social networks in footer
====================================================================================================================== */
/* Social network logos themselves. Load image (only one image each - as only transparency change), set width and height and display relative and move text out. */
#social-footer a.socials {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url(../images/social-logos-zamia.png);
  background-repeat: no-repeat;
  text-indent: -99999px;
  margin-left: 12px;
  margin-right: 12px;
  -webkit-backface-visibility: hidden;
  /* Avoid flickering in Safari due to translate/transform in quick links above footer. */ }

/* Then load sprite image again into span. This time absolute, invisible with 0 opacity and set transition. */
#social-footer a.socials span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url(../images/social-logos-zamia.png);
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  -moz-transition: opacity 0.35s;
  -o-transition: opacity 0.35s; }

#social-footer {
  margin-bottom: 12px; }

/* Then position sprites in grey version first for the normal state of each social network. 
Then position the coloured version shown on hover inside the span with correct coordinates. 
Finally set the hover state of the coloured version inside the span to full opacity. */
.social-footer a.socials.facebook {
  background-position: 0px 0px; }

#social-footer a.socials.facebook span {
  background-position: -50px 0px; }

#social-footer a.socials.instagram {
  background-position: 0px -50px; }

#social-footer a.socials.instagram span {
  background-position: -50px -50px; }

#social-footer a:hover.socials.facebook span,
#social-footer a:hover.socials.instagram span {
  opacity: 0.5; }

/* Form - Register your interest
====================================================================================================================== */
/* Message above contact form. */
#contactMessage {
  padding-top: 0px; }

/* Larger button defined in button area as .sendEnquiry. */
/* Labels above input fields in black text. */
.emailForm #contact_form2 label {
  color: #333333;
  margin-top: 0.5em;
  margin-bottom: 0; }

.emailForm #contact_form2 label .required {
  color: #ba1435; }

/* Remove border and box shadow from input fields (normal and focus). allow for bg colour transition on focus. 
Set colour to black and margin top for all states. */
.emailForm input[type="text"], .emailForm input[type="password"], .emailForm input[type="date"],
.emailForm input[type="datetime"], .emailForm input[type="datetime-local"], .emailForm input[type="month"],
.emailForm input[type="week"], .emailForm input[type="email"], .emailForm input[type="number"], .emailForm input[type="search"],
.emailForm input[type="tel"], .emailForm input[type="time"], .emailForm input[type="url"], .emailForm textarea {
  background-color: whitesmoke;
  border: 1px solid #e2e2e2;
  height: 2.5em;
  margin-top: 0;
  margin-bottom: 0.8em;
  color: #333333;
  margin-bottom: 1.3em;
  transition: background-color 150ms ease-out; }

.emailForm textarea {
  height: 5em; }

.emailForm input[type="text"]:active, .emailForm input[type="password"]:active, .emailForm input[type="date"]:active,
.emailForm input[type="datetime"]:active, .emailForm input[type="datetime-local"]:active,
.emailForm input[type="month"]:active, .emailForm input[type="week"]:active, .emailForm input[type="email"]:active,
.emailForm input[type="number"]:active, .emailForm input[type="search"]:active, .emailForm input[type="tel"]:active,
.emailForm input[type="time"]:active, .emailForm input[type="url"]:active, .emailForm textarea:active {
  background: white; }

.emailForm input[type="text"]:focus, .emailForm input[type="password"]:focus, .emailForm input[type="date"]:focus,
.emailForm input[type="datetime"]:focus, .emailForm input[type="datetime-local"]:focus,
.emailForm input[type="month"]:focus, .emailForm input[type="week"]:focus, .emailForm input[type="email"]:focus,
.emailForm input[type="number"]:focus, .emailForm input[type="search"]:focus, .emailForm input[type="tel"]:focus,
.emailForm input[type="time"]:focus, .emailForm input[type="url"]:focus, .emailForm textarea:focus {
  border: 1px solid #008687;
  /* GREEN. */
  box-shadow: none;
  margin-top: 0em;
  margin-bottom: 1.3em;
  color: #333333;
  background: white; }

/* Creates anchor for user in field (Standard Browsers). Also remove blue border around (FF etc). */
input:focus, select:focus {
  outline: none;
  border-width: 0px;
  box-shadow: none; }

/* Select fields also with white background. */
select {
  background-color: whitesmoke;
  border: 1px solid #e2e2e2;
  color: #787878; }

/* Distance above required text and button. */
.emailForm .submission {
  margin-top: 1em;
  margin-bottom: 1em; }

.emailForm ::-webkit-input-placeholder {
  color: #787878;
  /* overwrite browser. */ }

.emailForm :-moz-placeholder {
  /* Firefox 18- */
  color: #787878;
  /* overwrite browser. */ }

.emailForm ::-moz-placeholder {
  /* Firefox 19+ */
  color: #787878;
  /* overwrite browser. */ }

.emailForm :-ms-input-placeholder {
  color: #787878;
  /* overwrite browser. */ }

/* Whole row for submission: required text and button. Move down. */
.emailForm .submission {
  padding-top: 10px;
  clear: both;
  margin-top: 0;
  margin-bottom: 0; }

/* General defined with generic button. Set width to 100%. Here more details and changes. */
.emailForm #contact_form2 .button.submit_btn2, .emailForm #contact_form2 .button.submit_btn2:visited,
.emailForm #contact_form2 .button.submit_btn-reservations, .emailForm #contact_form2 .button.submit_btn-reservations:visited,
.emailForm #contact_form2 .button.submit_btn-contact, .emailForm #contact_form2 .button.submit_btn-contact:visited {
  margin-top: 0em;
  margin-right: 0;
  float: right;
  margin-bottom: 0rem;
  background-color: #9a723b;
  color: white; }

.emailForm #contact_form2 .button.submit_btn2:hover, .emailForm #contact_form2 .button.submit_btn2:focus, .emailForm #contact_form2 .button.submit_btn2:active,
.emailForm #contact_form2 .button.submit_btn-reservations:hover, .emailForm #contact_form2 .button.submit_btn-reservations:focus, .emailForm #contact_form2 .button.submit_btn-reservations:active,
.emailForm #contact_form2 .button.submit_btn-contact:hover, .emailForm #contact_form2 .button.submit_btn-contact:focus, .emailForm #contact_form2 .button.submit_btn-contact:active {
  background-color: #ef753f; }

/* Mobile first: Align required text to the left and colour red -> later align to right for larger screens. */
.emailForm .reqText {
  text-align: left;
  color: #ba1435; }

.emailForm .success {
  background: #7fc2c2;
  /* GREEN - 50%. */
  padding: 5px 10px 5px 10px;
  margin: 5px 30px 20px 0px;
  border: none;
  color: #008687;
  /* GREEN. */
  border-left: 2px solid #008687;
  /* GREEN. */ }

.emailForm .error {
  background: #ba1435;
  padding: 10px 10px 10px 10px;
  margin: 20px 0px 10px 0px;
  border: none;
  color: white;
  border-left: 0.5em solid #9a723b;
  border-right: 0.5em solid #9a723b; }

/* Datepicker styles. */
.ui-datepicker-header {
  background-color: white; }

.ui-datepicker-title {
  background-color: #e2e2e2;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px; }

.ui-datepicker-prev, .ui-datepicker-next {
  font-family: 'FontAwesome';
  padding-top: 5px; }

.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon {
  display: none; }

.ui-datepicker-prev {
  float: left;
  padding-left: 10px; }

.ui-datepicker-next {
  float: right;
  padding-right: 10px; }

.ui-datepicker-prev:before {
  content: "\f0a8"; }

.ui-datepicker-next:after {
  content: "\f0a9"; }

td.ui-datepicker-current-day {
  text-decoration: underline; }

/* GOOGLE MAP -> not required
====================================================================================================================== */
/* If JavaScript is off -> Modernizr adds .no-js class to html tag -> show static image of Google Map. */
/* Link for full google map page. */
.relMapLink {
  position: relative; }

.absMapLink {
  position: absolute;
  left: 110px;
  top: 11px;
  z-index: 10;
  background: white;
  padding: 3px 8px 3px 8px; }

/* Back to top button
====================================================================================================================== */
#scrollup {
  background-image: url(../images/back-to-top.png);
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: none;
  text-indent: -9999px;
  opacity: 0.7; }

#scrollup:hover {
  opacity: 0.9; }

/* VIDEO 
====================================================================================================================== */
/* In order to avoid not validating frame border for iframes, set them to zero here. */
.flex-video iframe {
  border: none; }

/* SKIPLINKS 508 REQUIREMENTS - ACCESSIBILITY
====================================================================================================================== */
.skiplist {
  margin: 0;
  padding: 0; }

.skip {
  display: none;
  text-align: left;
  margin: 0;
  padding: 0;
  position: absolute; }

/*All incl Opera*/
/* * html */
.skip {
  display: block; }

/*Seen by IE*/
.skip {
  display: block; }

/*Seen by Moz, FF and Safari*/
.skip a {
  padding: 0 0.5em;
  display: inline;
  z-index: 2;
  text-decoration: none;
  position: absolute;
  width: 14em;
  left: -200em; }

.skip a:focus, .skip a:active {
  position: absolute;
  left: 0.5em; }

.skip a:hover {
  cursor: default; }

/* Media Queries
====================================================================================================================== */
/* All above is mobile first. */
/* 
320px = 20em
480px = 30em
640px = 40em
768px = 48em
940px = 58.75em
1024px = 64em
1440px = 90em
1920px = 120em
*/
/* Small screens: 320px - 480px (20.0625em - 30em). HERE FROM 320px included to show on iPhone 3 & 4. */
@media only screen and (min-width: 20em) {
  /* ------------ FONT SIZES. ------------ */
  p {
    font-size: 14px;
    font-size: 0.875rem; }
  /* Text links for menus - menu buttons.  */
  .menuButton, .menuButton p {
    font-size: 14px;
    font-size: 0.875rem; }
  /* ------------ END FONT SIZES. ------------ */
  /* ------------ SLIDER. ------------ */
  /* Mobile first: First do not show on very small devices. Set height for zero section containing the slider. Later media query for medium and large with more height. */
  .zeroSlider {
    display: block;
    min-height: 100px; }
  /* ------------ END SLIDER. ------------ */
  /* ------------ PRIMARY CONTENT. ------------ */
  /* Mobile first: Overlay on static images first to be not shown for very small devices. */
  .heroFeature .cont29, .heroFeature .cont58, .heroFeature .cont60 {
    display: block;
    position: absolute;
    left: 5%;
    bottom: 7%;
    right: 5%;
    background: rgba(255, 255, 255, 0.85);
    /* WHITE with transparency. */
    padding: 0.3em 0.3em 0.3em 0.3em; }
  /* Mobile first: Hide the menu excerpts first for very small devices. Center the content inside the container horizontally with translate 2d. */
  #cont22 .content, #cont29 .content {
    display: block;
    background-color: rgba(255, 255, 255, 0.85);
    /* WHITE with transparency. */
    position: absolute;
    top: 50%;
    left: 5%;
    right: 5%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 15px;
    padding-right: 15px; }
  /* Hide Functions & Catering overlay. */
  #cont58 .content {
    display: none; }
  #cont22 {
    min-height: 400px; }
  #cont29, #cont58 {
    min-height: 450px; }
  /* ------------ END PRIMARY CONTENT. ------------ */ }

/* XSmall screens: 481px - 640px (30.0625em - 40em) */
@media only screen and (min-width: 30.0625em) {
  /* ------------ FONT SIZES. ------------ */
  p {
    font-size: 15px;
    font-size: 0.9375rem; }
  .sliderAward .sliderHeadingOne {
    font-size: 18px;
    font-size: 1.125rem; }
  #cont29 p, #cont58 p, #cont29 em, #cont58 em {
    font-size: 13px;
    font-size: 0.8125rem; }
  #cont29 h2, #cont58 h2 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 0.7em; }
  #cont29 h3, #cont58 h3 {
    font-size: 15px;
    font-size: 0.9375rem;
    margin-bottom: 0.4em; }
  #cont29 h4, #cont58 h4 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 0.4em; }
  /* ------------ END FONT SIZES. ------------ */
  /* ------------ PRIMARY CONTENT. ------------ */
  /* Mobile first: Overlay on static images first to be not shown for very small devices. */
  .heroFeature .cont29, .heroFeature .cont58, .heroFeature .cont60 {
    left: 5%;
    bottom: 10%;
    right: auto;
    padding: 0.5em 1em 0.5em 1em; }
  /* PARALLAX SECTIONS. Less height. */
  #cont22 {
    min-height: 400px; }
  #cont29, #cont58 {
    min-height: 450px; }
  /* Background images - 1024 x 850px. */
  #cont22 {
    background-image: url(../images/background-images/medium/zamia-bg-home-medium.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    position: relative; }
  #cont29 {
    background-image: url(../images/background-images/medium/zamia-bg-menus-medium.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    position: relative; }
  #cont58 {
    background-image: url(../images/background-images/medium/zamia-bg-functions-medium.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    position: relative; }
  /* ------------ END PRIMARY CONTENT. ------------ */ }

/* Medium screens: 641px - 768px (40.063em - 48em) */
@media only screen and (min-width: 40.063em) {
  /* ------------ FONT SIZES. ------------ */
  /* Text links for menus - menu buttons.  */
  .menuButton, .menuButton p {
    font-size: 17px;
    font-size: 1.0625rem; }
  /* ------------ END FONT SIZES. ------------ */
  /* ------------ RULES. ------------ */
  /* Short, green horizontal rule with more margin left and right. */
  hr.shortGreen {
    margin: 1.5em 12em 2em 12em; }
  /* ------------ END RULES. ------------ */ }

/* XMedium screens: 769px - 940px (48.0625em - 58.75em) */
@media only screen and (min-width: 48.0625em) {
  /* ------------ FONT SIZES. ------------ */
  p {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0.7em; }
  h1 {
    font-size: 26px;
    font-size: 1.625rem; }
  h2 {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 0.6em; }
  figure.effect-sadie h2 {
    font-size: 16px;
    font-size: 1rem;
    padding-top: 0.5em;
    /* Add padding top and a bit less padding bottom to give distance to border top and bottom. */
    padding-bottom: 0.5em; }
  /* Text links for menus - menu buttons.  */
  .menuButton, .menuButton p {
    font-size: 17px;
    font-size: 1.0625rem; }
  .top-bar .menu a {
    font-size: 15px;
    font-size: 0.9375rem; }
  .sliderAward .sliderHeadingOne {
    font-size: 26px;
    font-size: 1.625rem; }
  .sliderAward .sliderText {
    font-size: 16px;
    font-size: 1rem; }
  /* ------------ END FONT SIZES. ------------ */
  /* ------------ NAVIGATION. ------------ */
  /* Change line height to move text down further to green line. */
  .top-bar .menu a {
    line-height: 3.4; }
  .top-bar .menu > li:not(.menu-text) > a {
    padding-left: 1em;
    padding-right: 1em; }
  /* ------------ END NAVIGATION. ------------ */
  /* ------------ SLIDER. ------------ */
  /* Mobile first: Box Award Winner on some slider images. Combine both css rules in order to overwrite. */
  .sliderAward.rsABlock {
    top: 50%;
    left: 10%; }
  /* ------------ END SLIDER. ------------ */
  /* ------------ RULES. ------------ */
  /* Short, green horizontal rule with more margin left and right. */
  hr.shortGreen {
    margin: 1.5em 15em 2em 15em; }
  /* ------------ END RULES. ------------ */
  /* ------------ PRIMARY CONTENT. ------------ */
  /* First section container with more padding. */
  .first {
    padding-top: 50px;
    padding-bottom: 35px; }
  /* Specials container on home page. More padding. . Also small slider container on other pages. */
  .specials, .small-slider, .quick-links {
    padding-top: 50px;
    padding-bottom: 50px; }
  /* Text to be indented left and right -> more padding. */
  .first .entry-content p {
    padding-left: 50px;
    padding-right: 50px; }
  /* Remove for menu buttons and for 2-columns on contact page. */
  .first .entry-content .menuButtons, .first .entry-content .menuButtons p, .page-template-ZC-reservations .first .entry-content p, .page-template-ZC-location-contact .first .entry-content p {
    padding-left: 0px;
    padding-right: 0px; }
  /* ------------ END PRIMARY CONTENT. ------------ */
  /* ------------ LANDING PAGES QUICK LINKS. ------------ */
  /* Float left and no auto margin left and right. */
  figure {
    float: left;
    margin: 0; }
  /* ------------ END LANDING PAGES QUICK LINKS. ------------ */
  /* ------------ FOOTER. ------------ */
  #social-footer a.socials {
    margin-left: 0; }
  /* ------------ END FOOTER. ------------ */ }

/* XXMedium screens: 941px - 1024px (58.8124em - 64em)*/
@media only screen and (min-width: 58.8125em) {
  /* ------------ FONT SIZES. ------------ */
  h1 {
    font-size: 28px;
    font-size: 1.75rem; }
  h2 {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 0.8em; }
  figure.effect-sadie h2 {
    font-size: 20px;
    font-size: 1.25rem; }
  h3 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 0.4em; }
  h4 {
    font-size: 24px;
    font-size: 1.5rem; }
  /* Text links for menus - menu buttons.  */
  .menuButton, .menuButton p {
    font-size: 21px;
    font-size: 1.3125rem; }
  .top-bar .menu a {
    font-size: 18px;
    font-size: 1.125rem; }
  .sliderAward .sliderHeadingOne {
    font-size: 30px;
    font-size: 1.875rem; }
  /* ------------ END FONT SIZES. ------------ */
  /* ------------ NAVIGATION. ------------ */
  /* Change line height to move text down further to green line. */
  .top-bar .menu a {
    line-height: 2.7; }
  .top-bar .menu > li:not(.menu-text) > a {
    padding-left: 1.2em;
    padding-right: 1.2em; }
  /* ------------ END NAVIGATION. ------------ */
  /* ------------ RULES. ------------ */
  /* Short, green horizontal rule with more margin left and right. */
  hr.shortGreen {
    margin: 1.5em 20em 2em 20em; }
  /* ------------ END RULES. ------------ */
  /* ------------ PRIMARY CONTENT. ------------ */
  /* PARALLAX SECTIONS. Again less height. */
  #cont22 {
    min-height: 380px; }
  #cont29, #cont58 {
    min-height: 420px; }
  /* Mobile first: Center the content inside the container horizontally with translate 2d. */
  #cont22 .content, #cont29 .content, #cont58 .content {
    left: 15%;
    right: 15%;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 20px;
    padding-right: 20px; }
  /* ------------ END PRIMARY CONTENT. ------------ */ }

/* Large screens: 1025px - 1440px (64.0625em - 90em)*/
@media only screen and (min-width: 64.0625em) {
  /* ------------ FONT SIZES. ------------ */
  p {
    font-size: 17px;
    font-size: 1.0625rem;
    margin-bottom: 0.9em; }
  h1 {
    font-size: 35px;
    font-size: 2.1875rem; }
  h2 {
    font-size: 28px;
    font-size: 1.75rem; }
  h3 {
    font-size: 20px;
    font-size: 1.25rem; }
  h4 {
    font-size: 28px;
    font-size: 1.75rem; }
  /* Text links for menus. */
  .menuButton, .menuButton p {
    font-size: 17px;
    font-size: 1.0625rem; }
  .top-bar .menu a {
    font-size: 20px;
    font-size: 1.25rem; }
  .sliderAward .sliderHeadingOne {
    font-size: 40px;
    font-size: 2.5rem; }
  /* ------------ END FONT SIZES. ------------ */
  /* ------------ NAVIGATION. ------------ */
  /* Change line height to move text down further to green line. */
  .top-bar .menu a {
    line-height: 2.2; }
  .top-bar .menu > li:not(.menu-text) > a {
    padding-left: 1.3em;
    padding-right: 1.3em; }
  /* ------------ END NAVIGATION. ------------ */
  /* ------------ SLIDER. ------------ */
  /* Mobile first: Box Award Winner on some slider images. Combine both css rules in order to overwrite. */
  .sliderAward.rsABlock {
    top: 60%;
    left: 10%; }
  /* Mobile first: Then format text appropriately. -> later media query for larger distances. */
  span.sliderAward.rsABlock {
    padding: 1em 1.2em 1em 1.2em; }
  /* ------------ END SLIDER. ------------ */
  /* ------------ RULES. ------------ */
  /* Short, green horizontal rule with more margin left and right. */
  hr.shortGreen {
    margin: 1.5em 22em 2em 22em; }
  /* ------------ END RULES. ------------ */
  /* ------------ PRIMARY CONTENT. ------------ */
  /* Text to be indented left and right -> more padding. */
  .first .entry-content p {
    padding-left: 90px;
    padding-right: 90px; }
  /* Remove for menu buttons and for 2-columns on contact page. */
  .first .entry-content .menuButtons, .first .entry-content .menuButtons p, .page-template-ZC-reservations .first .entry-content p, .page-template-ZC-location-contact .first .entry-content p {
    padding-right: 0px; }
  /* Background images - 1600 x 850px. */
  #cont22 {
    background-image: url(../images/background-images/large/zamia-bg-home.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    position: relative; }
  #cont29 {
    background-image: url(../images/background-images/large/zamia-bg-menus.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    position: relative; }
  #cont58 {
    background-image: url(../images/background-images/large/zamia-bg-functions.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    position: relative; }
  /* ------------ END PRIMARY CONTENT. ------------ */
  /* ------------ FORMS. ------------ */
  /* The additional middle column without padding left and right on larger screens where 3 cols are next to each other in order to fit it in. */
  .columns.timeCol {
    padding-left: 0;
    padding-right: 0; }
  .columns.dateCol {
    padding-right: 1em; }
  .columns.guestsCol {
    padding-left: 1em; }
  /* ------------ END FORMS. ------------ */ }

/* XLarge screens: 1441px - 1920px (90.0625em - 120em) */
@media only screen and (min-width: 90.0625em) {
  /* ------------ FONT SIZES. ------------ */
  figure.effect-sadie h2 {
    font-size: 22px;
    font-size: 1.375rem;
    padding-top: 0.7em;
    /* Add padding top and a bit less padding bottom to give distance to border top and bottom. */
    padding-bottom: 0.7em; }
  /* Text links for menus. */
  .menuButton, .menuButton p {
    font-size: 20px;
    font-size: 1.25rem; }
  /* ------------ END FONT SIZES. ------------ */
  /* ------------ SLIDER. ------------ */
  /* Mobile first: Box Award Winner on some slider images. Combine both css rules in order to overwrite. */
  .sliderAward.rsABlock {
    top: 70%;
    left: 10%; }
  /* ------------ END SLIDER. ------------ */
  /* ------------ RULES. ------------ */
  /* Short, green horizontal rule with more margin left and right. */
  hr.shortGreen {
    margin: 1.5em 26em 2em 26em; }
  /* ------------ END RULES. ------------ */
  /* ------------ PRIMARY CONTENT. ------------ */
  /* Mobile first: Center the content inside the container horizontally with translate 2d. */
  #cont22 .content, #cont29 .content, #cont58 .content {
    left: 20%;
    right: 20%;
    padding-left: 25px;
    padding-right: 25px; }
  /* Media query with background-size cover to allow the bg image to stretch over full screen WIDTH on very large screens. */
  #cont22, #cont29, #cont58 {
    background-size: cover; }
  /* ------------ END PRIMARY CONTENT. ------------ */ }

/* XXLarge screens: 1921px (120.0625em) */
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
/* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
/* Landscape displays. */
/* Portrait displays. */
/* Top bar: Only other em size in width for top-bar. */
/* Override print style: Remove printed link name in brackets behind link. */
@media print {
  a[href]:after {
    content: ""; } }

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