<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Include Base Sass */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after 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/11, Safari, and Firefox &lt; 22.
 */
[hidden],
template {
  display: none; }

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

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
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 {
  -moz-box-sizing: content-box;
  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;
  border: 0; }

/**
 * 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
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * 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.
 */
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; }

/* @function em($target, $context: $base__font-size) {
    @return ($target / $context) * 1em;
} */
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.col-offset-1 {
  margin-left: 6.25%;
  float: none; }

.col-offset-2 {
  margin-left: 12.5%;
  float: none; }

.col-offset-3 {
  margin-left: 18.75%;
  float: none; }

.col-offset-4 {
  margin-left: 25%;
  float: none; }

.col-offset-5 {
  margin-left: 31.25%;
  float: none; }

.col-offset-6 {
  margin-left: 37.5%;
  float: none; }

.col-offset-7 {
  margin-left: 43.75%;
  float: none; }

.col-offset-8 {
  margin-left: 50%;
  float: none; }

.col-offset-9 {
  margin-left: 56.25%;
  float: none; }

.col-offset-10 {
  margin-left: 62.5%;
  float: none; }

.col-offset-11 {
  margin-left: 68.75%;
  float: none; }

.col-offset-12 {
  margin-left: 75%;
  float: none; }

.col-offset-13 {
  margin-left: 81.25%;
  float: none; }

.col-offset-14 {
  margin-left: 87.5%;
  float: none; }

.col-offset-15 {
  margin-left: 93.75%;
  float: none; }

.col-offset-16 {
  margin-left: 100%;
  float: none; }

.wide-1 {
  width: 6.25%; }
  @media only screen and (max-width: 1024px) {
    .wide-1 {
      width: 100%; } }

.wide-2 {
  width: 12.5%; }
  @media only screen and (max-width: 1024px) {
    .wide-2 {
      width: 100%; } }

.wide-3 {
  width: 18.75%; }
  @media only screen and (max-width: 1024px) {
    .wide-3 {
      width: 100%; } }

.wide-4 {
  width: 25%; }
  @media only screen and (max-width: 1024px) {
    .wide-4 {
      width: 100%; } }

.wide-5 {
  width: 31.25%; }
  @media only screen and (max-width: 1024px) {
    .wide-5 {
      width: 100%; } }

.wide-6 {
  width: 37.5%; }
  @media only screen and (max-width: 1024px) {
    .wide-6 {
      width: 100%; } }

.wide-7 {
  width: 43.75%; }
  @media only screen and (max-width: 1024px) {
    .wide-7 {
      width: 100%; } }

.wide-8 {
  width: 50%; }
  @media only screen and (max-width: 1024px) {
    .wide-8 {
      width: 100%; } }

.wide-9 {
  width: 56.25%; }
  @media only screen and (max-width: 1024px) {
    .wide-9 {
      width: 100%; } }

.wide-10 {
  width: 62.5%; }
  @media only screen and (max-width: 1024px) {
    .wide-10 {
      width: 100%; } }

.wide-11 {
  width: 68.75%; }
  @media only screen and (max-width: 1024px) {
    .wide-11 {
      width: 100%; } }

.wide-12 {
  width: 75%; }
  @media only screen and (max-width: 1024px) {
    .wide-12 {
      width: 100%; } }

.wide-13 {
  width: 81.25%; }
  @media only screen and (max-width: 1024px) {
    .wide-13 {
      width: 100%; } }

.wide-14 {
  width: 87.5%; }
  @media only screen and (max-width: 1024px) {
    .wide-14 {
      width: 100%; } }

.wide-15 {
  width: 93.75%; }
  @media only screen and (max-width: 1024px) {
    .wide-15 {
      width: 100%; } }

.wide-16 {
  width: 100%; }
  @media only screen and (max-width: 1024px) {
    .wide-16 {
      width: 100%; } }

.padding-left-1 {
  padding-left: 6.25% !important; }

.padding-left-2 {
  padding-left: 12.5% !important; }

.padding-left-3 {
  padding-left: 18.75% !important; }

.padding-left-4 {
  padding-left: 25% !important; }

.padding-left-5 {
  padding-left: 31.25% !important; }

.padding-left-6 {
  padding-left: 37.5% !important; }

.padding-left-7 {
  padding-left: 43.75% !important; }

.padding-left-8 {
  padding-left: 50% !important; }

.padding-left-9 {
  padding-left: 56.25% !important; }

.padding-left-10 {
  padding-left: 62.5% !important; }

.padding-left-11 {
  padding-left: 68.75% !important; }

.padding-left-12 {
  padding-left: 75% !important; }

.padding-left-13 {
  padding-left: 81.25% !important; }

.padding-left-14 {
  padding-left: 87.5% !important; }

.padding-left-15 {
  padding-left: 93.75% !important; }

.padding-left-16 {
  padding-left: 100% !important; }

.padding-right-1 {
  padding-right: 6.25% !important; }

.padding-right-2 {
  padding-right: 12.5% !important; }

.padding-right-3 {
  padding-right: 18.75% !important; }

.padding-right-4 {
  padding-right: 25% !important; }

.padding-right-5 {
  padding-right: 31.25% !important; }

.padding-right-6 {
  padding-right: 37.5% !important; }

.padding-right-7 {
  padding-right: 43.75% !important; }

.padding-right-8 {
  padding-right: 50% !important; }

.padding-right-9 {
  padding-right: 56.25% !important; }

.padding-right-10 {
  padding-right: 62.5% !important; }

.padding-right-11 {
  padding-right: 68.75% !important; }

.padding-right-12 {
  padding-right: 75% !important; }

.padding-right-13 {
  padding-right: 81.25% !important; }

.padding-right-14 {
  padding-right: 87.5% !important; }

.padding-right-15 {
  padding-right: 93.75% !important; }

.padding-right-16 {
  padding-right: 100% !important; }

.pt-1 {
  padding-top: 10px !important; }
  @media only screen and (max-width: 767px) {
    .pt-1 {
      padding-top: 5px !important; } }

.pt-2 {
  padding-top: 20px !important; }
  @media only screen and (max-width: 767px) {
    .pt-2 {
      padding-top: 10px !important; } }

.pt-3 {
  padding-top: 30px !important; }
  @media only screen and (max-width: 767px) {
    .pt-3 {
      padding-top: 15px !important; } }

.pt-4 {
  padding-top: 40px !important; }
  @media only screen and (max-width: 767px) {
    .pt-4 {
      padding-top: 20px !important; } }

.pt-5 {
  padding-top: 50px !important; }
  @media only screen and (max-width: 767px) {
    .pt-5 {
      padding-top: 25px !important; } }

.pt-6 {
  padding-top: 60px !important; }
  @media only screen and (max-width: 767px) {
    .pt-6 {
      padding-top: 30px !important; } }

.pt-7 {
  padding-top: 70px !important; }
  @media only screen and (max-width: 767px) {
    .pt-7 {
      padding-top: 35px !important; } }

.pt-8 {
  padding-top: 80px !important; }
  @media only screen and (max-width: 767px) {
    .pt-8 {
      padding-top: 40px !important; } }

.pt-9 {
  padding-top: 90px !important; }
  @media only screen and (max-width: 767px) {
    .pt-9 {
      padding-top: 45px !important; } }

.pt-10 {
  padding-top: 100px !important; }
  @media only screen and (max-width: 767px) {
    .pt-10 {
      padding-top: 50px !important; } }

.pb-1 {
  padding-bottom: 10px !important; }
  @media only screen and (max-width: 767px) {
    .pb-1 {
      padding-bottom: 5px !important; } }

.pb-2 {
  padding-bottom: 20px !important; }
  @media only screen and (max-width: 767px) {
    .pb-2 {
      padding-bottom: 10px !important; } }

.pb-3 {
  padding-bottom: 30px !important; }
  @media only screen and (max-width: 767px) {
    .pb-3 {
      padding-bottom: 15px !important; } }

.pb-4 {
  padding-bottom: 40px !important; }
  @media only screen and (max-width: 767px) {
    .pb-4 {
      padding-bottom: 20px !important; } }

.pb-5 {
  padding-bottom: 50px !important; }
  @media only screen and (max-width: 767px) {
    .pb-5 {
      padding-bottom: 25px !important; } }

.pb-6 {
  padding-bottom: 60px !important; }
  @media only screen and (max-width: 767px) {
    .pb-6 {
      padding-bottom: 30px !important; } }

.pb-7 {
  padding-bottom: 70px !important; }
  @media only screen and (max-width: 767px) {
    .pb-7 {
      padding-bottom: 35px !important; } }

.pb-8 {
  padding-bottom: 80px !important; }
  @media only screen and (max-width: 767px) {
    .pb-8 {
      padding-bottom: 40px !important; } }

.pb-9 {
  padding-bottom: 90px !important; }
  @media only screen and (max-width: 767px) {
    .pb-9 {
      padding-bottom: 45px !important; } }

.pb-10 {
  padding-bottom: 100px !important; }
  @media only screen and (max-width: 767px) {
    .pb-10 {
      padding-bottom: 50px !important; } }

.mb-1 {
  margin-bottom: 10px !important; }
  @media only screen and (max-width: 767px) {
    .mb-1 {
      margin-bottom: 5px !important; } }

.mb-2 {
  margin-bottom: 20px !important; }
  @media only screen and (max-width: 767px) {
    .mb-2 {
      margin-bottom: 10px !important; } }

.mb-3 {
  margin-bottom: 30px !important; }
  @media only screen and (max-width: 767px) {
    .mb-3 {
      margin-bottom: 15px !important; } }

.mb-4 {
  margin-bottom: 40px !important; }
  @media only screen and (max-width: 767px) {
    .mb-4 {
      margin-bottom: 20px !important; } }

.mb-5 {
  margin-bottom: 50px !important; }
  @media only screen and (max-width: 767px) {
    .mb-5 {
      margin-bottom: 25px !important; } }

.mb-6 {
  margin-bottom: 60px !important; }
  @media only screen and (max-width: 767px) {
    .mb-6 {
      margin-bottom: 30px !important; } }

.mb-7 {
  margin-bottom: 70px !important; }
  @media only screen and (max-width: 767px) {
    .mb-7 {
      margin-bottom: 35px !important; } }

.mb-8 {
  margin-bottom: 80px !important; }
  @media only screen and (max-width: 767px) {
    .mb-8 {
      margin-bottom: 40px !important; } }

.mb-9 {
  margin-bottom: 90px !important; }
  @media only screen and (max-width: 767px) {
    .mb-9 {
      margin-bottom: 45px !important; } }

.mb-10 {
  margin-bottom: 100px !important; }
  @media only screen and (max-width: 767px) {
    .mb-10 {
      margin-bottom: 50px !important; } }

.mt-1 {
  margin-top: 10px !important; }
  @media only screen and (max-width: 767px) {
    .mt-1 {
      margin-top: 5px !important; } }

.mt-2 {
  margin-top: 20px !important; }
  @media only screen and (max-width: 767px) {
    .mt-2 {
      margin-top: 10px !important; } }

.mt-3 {
  margin-top: 30px !important; }
  @media only screen and (max-width: 767px) {
    .mt-3 {
      margin-top: 15px !important; } }

.mt-4 {
  margin-top: 40px !important; }
  @media only screen and (max-width: 767px) {
    .mt-4 {
      margin-top: 20px !important; } }

.mt-5 {
  margin-top: 50px !important; }
  @media only screen and (max-width: 767px) {
    .mt-5 {
      margin-top: 25px !important; } }

.mt-6 {
  margin-top: 60px !important; }
  @media only screen and (max-width: 767px) {
    .mt-6 {
      margin-top: 30px !important; } }

.mt-7 {
  margin-top: 70px !important; }
  @media only screen and (max-width: 767px) {
    .mt-7 {
      margin-top: 35px !important; } }

.mt-8 {
  margin-top: 80px !important; }
  @media only screen and (max-width: 767px) {
    .mt-8 {
      margin-top: 40px !important; } }

.mt-9 {
  margin-top: 90px !important; }
  @media only screen and (max-width: 767px) {
    .mt-9 {
      margin-top: 45px !important; } }

.mt-10 {
  margin-top: 100px !important; }
  @media only screen and (max-width: 767px) {
    .mt-10 {
      margin-top: 50px !important; } }

.opac-1 {
  opacity: 0.1; }

.opac-2 {
  opacity: 0.2; }

.opac-3 {
  opacity: 0.3; }

.opac-4 {
  opacity: 0.4; }

.opac-5 {
  opacity: 0.5; }

.opac-6 {
  opacity: 0.6; }

.opac-7 {
  opacity: 0.7; }

.opac-8 {
  opacity: 0.8; }

.opac-9 {
  opacity: 0.9; }

.opac-10 {
  opacity: 1; }

.text-center {
  text-align: center; }
.text-right {
  text-align: right; }
.text-left {
  text-align: left; }
.text-uppercase {
  text-transform: uppercase; }
.text-lead {
  font-size: 27px;
  line-height: 44px; }
.text-sml {
  font-size: 20px;
  line-height: 33px; }
.text-xsml {
  font-size: 17px;
  line-height: 22px;
  font-family: "proxima-nova-extra-condensed", sans-serif; }
.text-normal {
  font-weight: normal; }

.img-responsive {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block; }

.color-primary {
  color: #0ca2c6 !important; }
.color-secondary {
  color: #2c3e4b !important; }
.color-accent {
  color: #dc8e18 !important; }
.color-white {
  color: #ffffff !important; }
.color-grey {
  color: #555555 !important; }
.color-lgrey {
  color: #535353 !important; }

.bg-primary {
  background: #0ca2c6 !important;
  padding: 20px; }
  .bg-primary.alpha {
    background: rgba(12, 162, 198, 0.7) !important; }
    @media only screen and (max-width: 1024px) {
      .bg-primary.alpha {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&amp;0+0,1+100 */
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 75%) !important;
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 75%) !important;
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 75%) !important;
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } }
.bg-secondary {
  background: #2c3e4b !important;
  padding: 20px; }
.bg-accent {
  background: #dc8e18 !important;
  padding: 20px; }
.bg-white {
  background: #ffffff !important;
  padding: 20px; }
.bg-grey {
  background: #555555 !important;
  padding: 20px; }
.bg-black {
  background: #000000 !important;
  padding: 20px; }
  .bg-black.alpha {
    background: rgba(0, 0, 0, 0.4) !important; }
    @media only screen and (max-width: 1024px) {
      .bg-black.alpha {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&amp;0+0,1+100 */
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 75%) !important;
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 75%) !important;
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 75%) !important;
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } }

.positioning {
  position: absolute; }
  .positioning-top__10 {
    top: 10px; }
  .positioning-top__20 {
    top: 20px; }
  .positioning-top__30 {
    top: 30px; }
  .positioning-top__40 {
    top: 40px; }
  .positioning-top__50 {
    top: 50px; }
  .positioning-right__10 {
    right: 10px; }
  .positioning-right__20 {
    right: 20px; }
  .positioning-right__30 {
    right: 30px; }
  .positioning-right__40 {
    right: 40px; }
  .positioning-right__50 {
    right: 50px; }
  .positioning-left__10 {
    left: 10px; }
  .positioning-left__20 {
    left: 20px; }
  .positioning-left__30 {
    left: 30px; }
  .positioning-left__40 {
    left: 40px; }
  .positioning-left__50 {
    left: 50px; }
  .positioning-bottom__10 {
    bottom: 10px; }
  .positioning-bottom__20 {
    bottom: 20px; }
  .positioning-bottom__30 {
    bottom: 30px; }
  .positioning-bottom__40 {
    bottom: 40px; }
  .positioning-bottom__50 {
    bottom: 50px; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.pull-center {
  float: none !important;
  margin: auto; }

.valign-element {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }
  .valign-element-3 {
    top: 30%;
    transform: translateY(-30%); }

address {
  font-style: normal;
  font-size: 18px;
  font-weight: 400;
  font-size: 18px; }
  address p {
    font-size: 16px;
    line-height: 21px; }
  address.large {
    font-size: 22px; }

.cms-amend {
  height: 800px !important; }

.neg-margin-top {
  margin-top: -150px;
  position: relative;
  z-index: 3; }
  @media only screen and (max-width: 1024px) {
    .neg-margin-top {
      margin-top: 0; } }

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  min-width: 100%;
  z-index: 0 !important; }
  .overlay-primary {
    background: #0ca2c6;
    opacity: 0.8; }
  .overlay-secondary {
    background: #2c3e4b;
    opacity: 0.8; }
  .overlay-accent {
    background: #dc8e18;
    opacity: 0.8; }
  .overlay-tertiary {
    background: #a50235;
    opacity: 0.8; }

[data-icon]:before {
  font-family: 'fontawesome';
  content: attr(data-icon); }

@media only screen and (max-width: 667px) {
  .no-mobile {
    display: none; } }

.not-active {
  pointer-events: none;
  cursor: default; }

body {
  /* font-size: $base__font-size;
  line-height: ($base__line/$base__font-size); */
  font-family: "proxima-nova", sans-serif;
  color: #555555;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden; }

::selection {
  background: #dc8e18;
  color: #ffffff; }

::-moz-selection {
  background: #dc8e18;
  color: #ffffff; }

.grayscale {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%); }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  padding: 0px;
  margin: 0px; }

h1 {
  font-weight: 700;
  font-size: 53px;
  line-height: 66px; }
  @media only screen and (max-width: 670px) {
    h1 {
      font-size: 50px;
      line-height: 55px; } }
  @media only screen and (max-width: 400px) {
    h1 {
      font-size: 40px;
      line-height: 44px; } }
  h1.large {
    font-size: 90px;
    line-height: 99px; }
    @media only screen and (max-width: 1024px) {
      h1.large {
        font-size: 80px;
        line-height: 88px; } }
    @media only screen and (max-width: 767px) {
      h1.large {
        font-size: 70px;
        line-height: 77px; } }
    @media only screen and (max-width: 670px) {
      h1.large {
        font-size: 60px;
        line-height: 66px; } }
    @media only screen and (max-width: 400px) {
      h1.large {
        font-size: 50px;
        line-height: 55px; } }
    @media only screen and (max-width: 360px) {
      h1.large {
        font-size: 45px;
        line-height: 50px; } }

h2 {
  font-size: 43px;
  line-height: 54px;
  margin-bottom: 10px; }
  h2.large {
    font-size: 50px; }

h3 {
  font-size: 33px;
  line-height: 44px;
  margin-bottom: 20px; }

h4 {
  font-size: 26px;
  line-height: 38px;
  margin-bottom: 10px; }

h5 {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 10px; }

blockquote {
  padding: 0;
  margin: 0; }

a {
  text-decoration: none;
  color: #dc8e18;
  -webkit-transition: color, 0.2s, ease-out;
  -moz-transition: color, 0.2s, ease-out;
  -ms-transition: color, 0.2s, ease-out;
  -o-transition: color, 0.2s, ease-out;
  transition: color, 0.2s, ease-out; }
  a:hover {
    color: #c57f15; }

p {
  font-size: 22px;
  line-height: 33px;
  padding: 0px;
  margin: 0px;
  margin-bottom: 22px; }
  p:last-child {
    margin-bottom: 0px; }
  p.banner-lead {
    font-size: 30px;
    line-height: 44px; }
    @media only screen and (max-width: 1024px) {
      p.banner-lead {
        font-size: 36px;
        line-height: 38px; } }
    @media only screen and (max-width: 767px) {
      p.banner-lead {
        font-size: 22px;
        line-height: 33px; } }
    @media only screen and (max-width: 400px) {
      p.banner-lead {
        font-size: 20px;
        line-height: 28px; } }
  p a {
    display: inline; }
    p a:hover {
      color: #c57f15; }

.lead {
  font-size: 27px;
  line-height: 38px; }
  @media only screen and (max-width: 430px) {
    .lead {
      font-size: 25px;
      line-height: 33px; } }
  @media only screen and (max-width: 360px) {
    .lead {
      font-size: 22px;
      line-height: 33px; } }

ul {
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;
  font-size: 22px; }

*.none {
  -webkit-text-stroke: 0em transparent; }
*.has {
  -webkit-text-stroke: 0.025em rgba(51, 51, 51, 0.5); }

@keyframes yoda {
  0% {
    top: 0px; }
  50% {
    top: -30px; }
  100% {
    top: 0px; } }
.yoda {
  position: relative;
  animation-name: yoda;
  animation-duration: 3s;
  animation-iteration-count: infinite; }
  @media only screen and (max-width: 800px) {
    .yoda {
      font-size: 75px !important; } }

/* Include Layout Sass */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* ===========================
ClearFix rule 
-for containers with floated child elements
=========================== */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

/* ===========================
Row rule 
- Negative Margin Row, for nesting columns within other columns preventing double margins.
=========================== */
.row {
  margin-left: -10px;
  margin-right: -10px;
  position: relative; }

/* ===========================
Setup Columns 
- Floating all columns left. 
=========================== */
div[class*=col-],
section[class*=col-],
li[class*=col-],
a[class*=col-] {
  float: left;
  position: relative;
  padding: 0px 10px; }

div[class*=span-],
section[class*=span-],
li[class*=span-],
a[class*=span-] {
  float: left;
  position: relative;
  padding: 0px 10px; }

.col-third, .span-third {
  width: 33.3333337%; }

.col-fifth, .span-fifth {
  width: 20%; }

.no-gutter &gt; div, .no-gutter &gt; section, .no-gutter &gt; li, .no-gutter &gt; a {
  padding: 0px !important; }

.base {
  margin: auto;
  position: relative;
  width: 93%;
  max-width: 1260px; }
  @media only screen and (max-width: 700px) {
    .base {
      max-width: 90%; } }
  .base-sub {
    max-width: 1080px;
    margin: auto; }

.col-1, .span-1 {
  width: 6.25%; }

.col-2, .span-2 {
  width: 12.5%; }

.col-3, .span-3 {
  width: 18.75%; }

.col-4, .span-4 {
  width: 25%; }

.col-5, .span-5 {
  width: 31.25%; }

.col-6, .span-6 {
  width: 37.5%; }

.col-7, .span-7 {
  width: 43.75%; }

.col-8, .span-8 {
  width: 50%; }

.col-9, .span-9 {
  width: 56.25%; }

.col-10, .span-10 {
  width: 62.5%; }

.col-11, .span-11 {
  width: 68.75%; }

.col-12, .span-12 {
  width: 75%; }

.col-13, .span-13 {
  width: 81.25%; }

.col-14, .span-14 {
  width: 87.5%; }

.col-15, .span-15 {
  width: 93.75%; }

.col-16, .span-16 {
  width: 100%; }

@media only screen and (max-width: 800px) {
  .col-sm-third {
    width: 50%; } }
@media only screen and (max-width: 670px) {
  .col-sm-third {
    width: 100%; } }

@media only screen and (max-width: 950px) {
  .col-sm-fourth {
    width: 50%; } }
@media only screen and (max-width: 670px) {
  .col-sm-fourth {
    width: 100%; } }

.col-8-med {
  width: 50%; }

@media only screen and (max-width: 600px) {
  .col-8-med {
    width: 100%; } }
@media only screen and (max-width: 767px) {
  .col-8-sm, .col-6-sm {
    width: 100%; } }
.no-gutter &gt; [class*='col-'] {
  padding: 0px !important; }

.dsp-table {
  display: table;
  width: 100%; }
  .dsp-table.height-100 {
    height: 100%; }

.dsp-cell {
  display: table-cell;
  height: 100%; }
  .dsp-cell-bottom {
    vertical-align: bottom; }

@media only screen and (max-width: 1024px) {
  .swap-col {
    display: table; }
    .swap-col .t-header {
      display: table-header-group; }
    .swap-col .t-footer {
      display: table-footer-group; } }
/* Include Module Sass */
/*!
// Contents
// ------------------------------------------------

 1. Global Styles
 2. Mixins
 3. Typography
 4. Colours
 5. Sections
 6. Buttons
 7. Nav
 8. Tooltips
 9. Alerts
 10. Icons
 11. Forms
 12. Accordions
 13. Tabs
 14. Progress Bars
 15. Stats
 16. Breadcrumbs
 17. Pagination
 18. Icon Features
 19. Pricing Tables
 20. Page Titles
 21. Widgets
 22. Image Tiles
 23. Sliders
 24. Galleries
 25. Intros
 26. Shop
 27. Video
 28. Blog
 29. Image Blocks
 30. Portfolio
 31. Testimonials
 32. Countdown
 33. Maps
 34. Twitter
 35. Footers
 36. Spacing

/*!---------- 1. GLOBAL STYLES ----------*/
ul {
  list-style: none; }

ul.bullets {
  list-style: inside; }

.main-container {
  clear: both; }

hr {
  border: none;
  border-top: 1px solid #ccc;
  margin: 0 0 24px 0;
  width: 100%; }

hr.short-thick {
  max-width: 50px;
  border-top: 5px solid #ccc;
  opacity: 1 !important; }

.image-bg hr {
  border-color: #fff;
  opacity: .6; }

.image-bg.bg-light hr {
  border-color: #ccc;
  opacity: 1; }

.bg-dark hr {
  border-color: #555; }

.inline-block {
  display: inline-block; }

.list-inline {
  margin-left: 0; }

.list-inline &gt; li {
  padding: 0 8px; }

.list-inline &gt; li:last-child {
  padding-right: 0; }

.list-inline &gt; li:first-child {
  padding-left: 0; }

.bg-primary .list-inline i {
  color: #8ed3ab; }

.overflow-hidden {
  overflow: hidden; }

.display-block {
  display: block; }

.show-grid {
  border: 1px dashed rgba(255, 255, 255, 0);
  padding: 8px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  cursor: default; }

.show-grid:hover {
  border-color: #222; }

.right {
  right: 0; }

.relative {
  position: relative;
  z-index: 2; }

.clearboth {
  clear: both; }

.spread-children * {
  display: inline-block;
  margin-left: 12px;
  margin-right: 12px; }

.spread-children-large * {
  display: inline-block;
  margin-left: 24px;
  margin-right: 24px; }

.container {
  position: relative; }

.vnu {
  display: inline; }

.row-gapless &gt; div[class*='col-'], .row-gapless &gt; a[class*='col-'] {
  padding: 0; }

@media all and (max-width: 1100px) {
  .col-md-push-1 {
    left: 0; } }
@media all and (max-width: 768px) {
  .pull-left-sm {
    float: left !important; }

  .overflow-hidden-xs {
    overflow: hidden; } }
@media all and (max-width: 767px) {
  .spread-children * {
    margin-left: 6px;
    margin-right: 6px; } }
/*!---------- 2. MIXINS ----------*/
.v-align-children {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: row;
  -webkit-flex-direction: row; }

.v-align-children-column {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
  -webkit-flex-direction: column; }

.disable-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

@media all and (max-width: 990px) {
  .v-align-children {
    display: block !important; } }
.v-align-transform {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2; }

.align-bottom {
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 2; }

.align-top {
  position: absolute;
  top: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 2; }

.sub {
  font-size: 12px; }

a,
a:visited,
a:focus,
a:active,
a:hover {
  text-decoration: none;
  outline: none; }

a {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  cursor: pointer; }

.label {
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  letter-spacing: 1px;
  background: #47b475;
  border-radius: 0;
  padding: 6px 12px;
  font-size: 10px;
  vertical-align: middle; }

.number {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.columns-2 {
  column-count: 2;
  -webkit-column-count: 2; }

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

@media all and (max-width: 767px) {
  .text-left-xs {
    text-align: left !important; } }
/*!---------- 3.1. TYPOGRAPHY - LISTS ----------*/
ul[data-bullet] li {
  line-height: 32px; }

ul[data-bullet] li i:first-child {
  margin-right: 16px;
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  display: inline-block; }

ul.lead li {
  font-size: 16px;
  line-height: 40px; }

/*!---------- 5. SECTIONS ----------*/
.fullscreen {
  height: 100vh; }

.halfscreen {
  height: 60vh; }

.bg-dark h1,
nav.bg-dark h1,
footer.bg-dark h1,
.bg-primary h1,
.bg-dark h2,
nav.bg-dark h2,
footer.bg-dark h2,
.bg-primary h2,
.bg-dark h3,
nav.bg-dark h3,
footer.bg-dark h3,
.bg-primary h3,
.bg-dark h4,
nav.bg-dark h4,
footer.bg-dark h4,
.bg-primary h4,
.bg-dark h5,
nav.bg-dark h5,
footer.bg-dark h5,
.bg-primary h5,
.bg-dark h6,
nav.bg-dark h6,
footer.bg-dark h6,
.bg-primary h6 {
  color: #ffffff; }

.bg-dark p,
nav.bg-dark p,
footer.bg-dark p,
.bg-primary p,
.bg-dark span,
nav.bg-dark span,
footer.bg-dark span,
.bg-primary span,
.bg-dark li,
nav.bg-dark li,
footer.bg-dark li,
.bg-primary li {
  color: #fefefe; }

@media all and (max-width: 767px) {
  section {
    padding: 80px 0; } }
.overlay-heavy:before {
  opacity: .6; }

.bg-light.overlay:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffffff;
  opacity: 0.1;
  z-index: 2; }

.image-bg h1,
.image-bg h2,
.image-bg h3,
.image-bg h4,
.image-bg h5,
.image-bg h6 {
  color: #ffffff; }

.image-bg p,
.image-bg span,
.image-bg li {
  color: #ffffff; }

.image-bg .container,
.image-bg div[class*='col-'] {
  position: relative;
  z-index: 3; }

.container.image-bg .row {
  position: relative;
  z-index: 3; }

.background-image-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #292929;
  background-size: cover !important;
  background-position: 50% 50% !important;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0; }

.background-image-holder img {
  display: none; }

.background-multiply .background-image-holder {
  background-color: #47b475 !important;
  background-blend-mode: multiply; }

.background-image-holder.fadeIn {
  opacity: 1; }

.parallax &gt; .background-image-holder,
.parallax .slides li &gt; .background-image-holder {
  height: 100vh;
  top: -50vh;
  transition: all 0s ease !important;
  transition: opacity 0.3s ease !important;
  -webkit-transform-style: preserve-3d; }

.parallax:first-child .slides li &gt; .background-image-holder,
.parallax:first-child .background-image-holder {
  top: 0; }

.main-container &gt; a:first-child + .parallax .background-image-holder {
  top: 0; }

@media all and (max-width: 767px) {
  .parallax &gt; .background-image-holder,
  .parallax .slides li &gt; .background-image-holder {
    top: 0 !important;
    transform: none !important;
    -webkit-transform: none !important; } }
/*!---------- 6. BUTTONS ----------*/
/* .btn {
  border: 2px solid #47b475;
  text-transform: uppercase;
  border-radius: 0;
  color: #47b475;
  text-align: center;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.btn:last-child,
.btn:last-of-type {
  margin-right: 0;
}
.btn:hover {
  background: #47b475;
  color: #fff;
}
.btn-icon {
  width: 40px;
  height: 40px;
  font-size: 20px;
  min-width: 0;
  padding: 0;
  line-height: 38px;
}
.btn-lg {
  height: 50px;
  line-height: 46px;
  min-width: 200px;
}
.btn-icon.btn-lg {
  width: 50px;
  height: 50px;
  line-height: 49px;
  font-size: 24px;
  min-width: 0;
}
.btn-icon.btn-sm {
  width: 30px;
  height: 30px;
  line-height: 29px;
  font-size: 13px;
  min-width: 0;
  padding: 0 0 0 1px!important;
}
.btn-sm {
  height: 30px;
  font-size: 11px;
  line-height: 27px;
  min-width: 0;
}
.btn-filled {
  background: #47b475;
  color: #fff;
}
.btn-white,
.image-bg .btn,
.image-bg .btn:visited {
  color: #fff;
  border-color: #fff;
}
.btn-white:hover,
.image-bg .btn:hover,
.image-bg .btn:visited:hover {
  background: #fff;
  color: #222;
}
.image-bg .btn.btn-filled,
.image-bg .btn-filled:visited {
  border-color: #47b475;
}
.image-bg .btn-filled:hover {
  border-color: #fff;
}
.btn-rounded {
  border-radius: 25px;
}
body.btn-rounded .btn {
  border-radius: 25px !important;
}
.bg-light .btn {
  border-color: #222;
  color: #222;
}
.bg-light .btn:visited,
.bg-light .btn:visited:hover {
  color: #222;
}
.bg-light .btn-filled,
.bg-light .btn-filled:visited {
  color: #fff;
}
.btn-white:visited:hover {
  color: #222;
}
.btn-filled:visited {
  color: #fff;
}
.btn.bg-dark {
  color: #fff;
  border-color: #292929;
}
.btn.bg-dark:hover {
  background: #434343;
}
.bg-primary .btn {
  color: #fff;
  border-color: #fff;
}
.bg-primary .btn:hover {
  background: #fff;
  color: #47b475;
} */
/*!---------- 7. NAVIGATION ----------*/
.nav-container {
  -webkit-backface-visibility: hidden;
  max-width: 100%; }

nav {
  background: #fff;
  -webkit-backface-visibility: hidden;
  max-width: 100%; }

nav ul {
  margin-bottom: 0; }

.module {
  display: inline-block;
  padding: 0 32px; }

.module-group {
  display: inline-block; }

.module.left,
.module-group.left {
  float: left; }

.module.right,
.module-group.right {
  float: right; }

nav .btn,
.nav-bar .btn {
  margin: 0;
  height: auto; }

.nav-utility {
  height: 45px;
  line-height: 43px;
  border-bottom: 1px solid #ccc;
  overflow: hidden; }

.nav-utility i {
  position: relative;
  top: 1px; }

.nav-bar {
  height: 55px;
  max-height: 55px;
  line-height: 53px;
  border-bottom: 1px solid #ccc; }

.nav-bar .module,
.nav-bar .module-group {
  height: 55px; }

.nav-bar a {
  display: inline-block;
  height: 55px; }

.logo {
  max-height: 60%; }

.logo-light {
  display: none; }

nav.nav-centered .logo {
  max-height: 64px;
  margin: 64px 0 40px 0; }

nav.bg-dark .logo-light {
  display: inline; }

nav.bg-dark .logo-dark {
  display: none; }

.has-dropdown {
  padding-right: 18px; }

.has-dropdown:after {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
  content: "\e64b";
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none; }

.menu {
  width: 100%;
  height: 55px;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.menu.inline-block {
  width: auto; }

.menu li a {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #292929;
  opacity: 0.5;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  max-width: 100%;
  white-space: normal; }

.menu li a:hover {
  opacity: 1 !important; }

.menu &gt; li {
  margin-right: 32px;
  float: left;
  position: relative;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1; }

.menu &gt; li:last-child {
  margin-right: 0; }

.menu &gt; li:last-child &gt; ul {
  right: 0; }

.menu &gt; li:last-child &gt; ul ul {
  left: auto;
  right: 100%; }

.menu &gt; li ul {
  width: 200px;
  padding: 8px 0;
  background: #292929;
  position: absolute;
  z-index: 99;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transform: translate3d(0, 10px, 0);
  -webkit-transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0);
  visibility: hidden;
  margin-top: -1px; }

.menu &gt; li &gt; ul &gt; li {
  position: relative;
  line-height: 24px;
  width: 100%;
  vertical-align: top; }

.menu &gt; li &gt; ul &gt; li i {
  display: inline-block;
  margin-right: 2px; }

.menu &gt; li &gt; ul &gt; .has-dropdown:after {
  color: #fff;
  top: 5px;
  right: 24px;
  content: "\e649"; }

.menu &gt; li &gt; ul li a {
  color: #fff;
  height: auto;
  padding: 6px 24px; }

.menu &gt; li &gt; ul &gt; li &gt; ul {
  left: 100%;
  top: 0; }

.menu &gt; li:hover &gt; ul {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  visibility: visible; }

.menu &gt; li &gt; ul &gt; li:hover &gt; ul,
.has-dropdown:hover .mega-menu ul {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  visibility: visible; }

.mega-menu {
  width: auto !important;
  white-space: nowrap;
  line-height: 24px; }

.mega-menu ul {
  position: relative !important;
  left: auto !important;
  padding: 0 !important; }

.mega-menu &gt; li {
  width: 200px !important;
  overflow: hidden;
  display: inline-block; }

.mega-menu .title {
  letter-spacing: 1px;
  color: #fff;
  display: inline-block;
  padding: 6px 24px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600; }

.make-right {
  right: 0; }

.module.widget-handle {
  border-left: 1px solid #ccc;
  padding: 0 24px;
  cursor: pointer;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0; }

nav.nav-centered .module.widget-handle {
  border: none !important; }

@media all and (max-width: 1100px) {
  .module.widget-handle {
    padding: 0 16px; } }
.module.widget-handle i {
  font-size: 20px;
  line-height: 53px;
  opacity: 0.5;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; }

.module.widget-handle:hover i,
.module.active i {
  opacity: 1; }

.widget-handle .function {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  cursor: default;
  width: 200px;
  background: #292929;
  position: absolute;
  z-index: 99;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transform: translate3d(0, 10px, 0);
  -webkit-transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0);
  visibility: hidden;
  margin-top: -2px;
  right: 0; }

.module.widget-handle:hover .function {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  visibility: visible; }

.module.widget-handle .title {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  display: none;
  opacity: .5;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; }

.module.widget-handle .title:hover {
  opacity: 1; }

.widget-handle .cart {
  position: relative; }

.widget-handle .cart .label {
  width: 17px;
  height: 17px;
  font-size: 10px;
  line-height: 17px;
  padding: 0;
  text-align: center;
  position: absolute;
  background: #47b475;
  top: 10px;
  right: -10px;
  border-radius: 50%; }

.widget-handle .search-form {
  padding: 8px;
  display: inline-block;
  width: 100%;
  line-height: 50px; }

.widget-handle .search-form input {
  margin: 0;
  font-size: 16px; }

nav .widget {
  margin: 0;
  padding: 24px; }

nav .widget .title {
  display: none !important; }

nav .widget,
nav .widget a:not(.btn) {
  color: #fff; }

nav .widget hr {
  border-color: #777;
  margin-bottom: 16px; }

nav .widget hr:first-of-type {
  display: none; }

.cart-widget-handle .function {
  width: auto;
  background: #fff; }

.cart-widget-handle .function span {
  color: #222 !important; }

nav .cart-overview {
  min-width: 300px;
  margin-bottom: 16px; }

nav .cart-overview a {
  height: auto; }

.language .menu &gt; li ul {
  max-width: 150px; }

.nav-open {
  max-height: 10000px !important;
  height: auto !important; }

.nav-open .mobile-toggle {
  border-bottom: 1px solid #ccc; }

@media all and (max-width: 1120px) {
  .menu &gt; li {
    margin-right: 24px; } }
.has-offscreen-nav .main-container {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease; }

.offscreen-container {
  position: fixed;
  transform: translate3d(200%, 0, 0);
  -webkit-transform: translate3d(200%, 0, 0);
  -moz-transform: translate3d(200%, 0, 0);
  width: 50%;
  top: 0;
  height: 100%;
  min-height: 100vh;
  z-index: 20;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  overflow: hidden; }

.offscreen-container.reveal-nav {
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0); }

.main-container.reveal-nav {
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0); }

.offscreen-left .offscreen-container {
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0); }

.offscreen-left .offscreen-container.reveal-nav {
  transform: translate3d(0%, 0, 0);
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0); }

.offscreen-left .main-container.reveal-nav,
.offscreen-left nav.reveal-nav {
  transform: translate3d(50%, 0, 0) !important;
  -webkit-transform: translate3d(50%, 0, 0) !important;
  -moz-transform: translate3d(50%, 0, 0) !important; }

.offscreen-container .close-nav {
  position: absolute;
  right: 24px;
  top: 16px;
  z-index: 24;
  font-size: 20px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: .5; }

.offscreen-container .close-nav:hover {
  opacity: 1; }

.offscreen-container.bg-dark .close-nav i {
  color: #fff; }

@media all and (max-width: 990px) {
  .offscreen-container {
    width: 100vw; }

  .offscreen-container.reveal-nav {
    transform: translate3d(0vw, 0, 0);
    -webkit-transform: translate3d(0vw, 0, 0);
    -moz-transform: translate3d(0vw, 0, 0); }

  .main-container.reveal-nav {
    transform: none !important; } }
@media all and (max-width: 990px) {
  nav.fixed {
    position: absolute !important;
    opacity: 1 !important;
    visibility: visible !important; }

  nav.outOfSight {
    transform: translate3d(0, 0px, 0) !important;
    -webkit-transform: translate3d(0, 0px, 0) !important;
    -moz-transform: translate3d(0, 0px, 0) !important;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease; }

  .nav-bar,
  .nav-bar .module-group,
  .nav-bar .module {
    height: auto;
    overflow: hidden; }

  .nav-bar .module {
    padding: 0 16px; }

  .nav-bar .module-group {
    width: 100%;
    padding: 16px 0; }

  .nav-bar .module-group .module {
    display: block;
    float: none;
    width: 100%; }

  nav.nav-centered .logo {
    margin: 24px 0 16px 0;
    max-height: 40px; }

  .menu {
    height: auto; }

  .menu.inline-block {
    width: 100%; }

  .menu a {
    height: auto;
    line-height: 24px;
    padding: 4px 0; }

  .menu li {
    line-height: 24px;
    float: none;
    display: block;
    width: 100%;
    max-width: 100%; }

  .menu &gt; li ul {
    position: relative;
    width: 100%;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    left: 0; }

  .menu &gt; li &gt; ul {
    position: relative;
    opacity: 1;
    visibility: visible;
    display: none;
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0); }

  .menu &gt; li &gt; ul &gt; .has-dropdown:after {
    content: "\e64b"; }

  .menu &gt; li &gt; ul &gt; li &gt; ul {
    left: 0;
    display: none;
    padding: 0; }

  .menu &gt; li &gt; ul li a,
  .mega-menu .title {
    padding: 4px 16px; }

  .has-dropdown .has-dropdown li {
    padding-left: 18px; }

  .has-dropdown {
    padding-right: 0; }

  .mega-menu {
    margin-left: 0 !important; }

  .mega-menu li {
    width: 100% !important; }

  .toggle-sub &gt; ul,
  .toggle-sub .mega-menu ul {
    display: block !important; }

  .module.widget-handle {
    border-left: none;
    border-top: 1px solid #ccc;
    line-height: 40px;
    min-height: 40px; }

  .module.widget-handle .menu {
    line-height: 40px; }

  .module.widget-handle .menu li {
    line-height: 40px; }

  .module.widget-handle i {
    line-height: 40px; }

  .module.widget-handle .title {
    display: inline-block;
    position: relative;
    bottom: 3px;
    margin-left: 8px; }

  .widget-handle .function {
    width: 100%;
    position: relative;
    opacity: 1;
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    visibility: visible;
    margin-top: 0;
    display: none;
    box-shadow: none !important; }

  .toggle-widget-handle .function {
    display: block !important; }

  .widget-handle .cart .label {
    width: 22px;
    height: 22px;
    font-size: 12px;
    line-height: 22px;
    top: 18px; }

  .mobile-toggle {
    border-left: 1px solid #ccc !important;
    border-bottom: none !important; }

  .mobile-toggle i {
    line-height: 53px !important; }

  .mobile-toggle.absolute-xs {
    position: absolute;
    top: 0; }

  nav.nav-centered .mobile-toggle {
    width: 100%; }

  nav.bg-dark .module.widget-handle {
    border-top: 1px solid #444; }

  nav.bg-dark .mobile-toggle {
    border-left: 1px solid #444 !important; }

  nav.bg-dark .nav-open .mobile-toggle {
    border-bottom: 1px solid #444; } }
nav.outOfSight {
  transform: translate3d(0, -200px, 0);
  -webkit-transform: translate3d(0, -200px, 0);
  -moz-transform: translate3d(0, -200px, 0);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; }

nav.scrolled {
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0); }

nav.fixed,
nav.absolute {
  top: 0;
  width: 100%;
  z-index: 999;
  left: 0;
  right: 0; }

nav.absolute {
  position: absolute; }

nav.fixed {
  position: fixed;
  visibility: hidden;
  opacity: 0; }

nav.fixed .nav-utility {
  display: none; }

nav.fixed.scrolled {
  visibility: visible;
  opacity: 1; }

nav.transparent .menu &gt; li &gt; a,
nav.transparent .module.widget-handle i,
nav.transparent .nav-utility {
  color: #fff; }

nav.transparent .nav-utility,
nav.transparent .nav-bar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

nav.transparent .module.widget-handle {
  border-left: 1px solid rgba(255, 255, 255, 0.2) !important; }

nav.transparent .menu &gt; li &gt; a,
nav.transparent .module.widget-handle i {
  opacity: 1; }

nav.transparent .has-dropdown:after {
  color: #fff; }

nav.transparent .logo-dark {
  display: none; }

nav.transparent .logo-light {
  display: inline; }

nav.transparent {
  background: none; }

.has-offscreen-nav &gt; nav.fixed {
  opacity: 1;
  transform: none;
  visibility: visible; }

@media all and (max-width: 990px) {
  nav.transparent .nav-open {
    background: #fff; }

  nav.transparent .nav-open .menu &gt; li &gt; a,
  nav.transparent .nav-open .module.widget-handle i,
  nav.transparent .nav-open .nav-utility {
    color: #292929; }

  nav.transparent .nav-open .logo-dark {
    display: inline; }

  nav.transparent .nav-open .logo-light {
    display: none; }

  nav.transparent .nav-open .has-dropdown:after {
    color: #292929; }

  .menu &gt; li:last-child &gt; ul ul {
    right: 0; } }
nav.transparent.fixed {
  background: #fff; }

nav.transparent.fixed .logo-light {
  display: none; }

nav.transparent.fixed .logo-dark {
  display: inline; }

nav.transparent.fixed .menu &gt; li &gt; a,
nav.transparent.fixed .module.widget-handle i {
  color: #292929; }

nav.transparent.fixed .menu &gt; .has-dropdown:after {
  color: #fff;
  color: #292929; }

nav.transparent.fixed .module.widget-handle {
  border-left: 1px solid #ccc; }

nav.transparent.fixed .menu &gt; li &gt; a,
nav.transparent.fixed .module.widget-handle i {
  opacity: .5; }

nav.bg-dark .menu &gt; li &gt; a,
nav.bg-dark .module.widget-handle i,
nav.bg-dark .nav-utility {
  color: #fff;
  opacity: .7; }

nav.bg-dark .module.widget-handle {
  border-left: 1px solid rgba(255, 255, 255, 0.2); }

nav.bg-dark .nav-utility,
nav.bg-dark .nav-bar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

nav.transparent.fixed.bg-dark {
  background: #292929; }

nav.transparent.fixed.bg-dark .menu &gt; li &gt; a,
nav.transparent.fixed.bg-dark .module.widget-handle i {
  color: #fff; }

nav.nav-centered.outOfSight .logo {
  display: none; }

/*!---------- 8. TOOLTIPS ----------*/
.tooltip {
  font-weight: 600;
  font-size: 13px; }

.tooltip-inner {
  border-radius: 0;
  padding: 9px 24px 12px 24px; }

/*!---------- 9. ALERTS ----------*/
.alert {
  margin-bottom: 24px;
  background: none;
  border-radius: 0;
  font-weight: 600;
  padding: 12px 16px; }

.alert .close {
  opacity: 1;
  font-size: 24px;
  top: -2px;
  right: -4px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; }

.alert .close span {
  font-weight: 400; }

.alert-warning {
  border: 1px solid #d88519;
  color: #d88519; }

.alert-success {
  border: 1px solid #60b963;
  color: #60b963; }

.alert-danger {
  border: 1px solid #c64444;
  color: #c64444; }

/*!---------- 10. ICONS ----------*/
.icon {
  font-size: 64px;
  display: inline-block;
  color: #292929; }

.image-bg.bg-light .icon {
  color: #292929; }

.image-bg .icon,
.bg-dark .icon {
  color: #fff; }

.icon-lg {
  font-size: 80px; }

.icon-sm {
  font-size: 32px; }

.icon-xs {
  font-size: 18px; }

@media all and (max-width: 767px) {
  .icon {
    font-size: 48px; }

  .icon-lg {
    font-size: 64px; }

  .icon-sm {
    font-size: 18px; }

  .icon-xs {
    font-size: 16px; } }
.embelish-icons {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  transform: scale(10);
  -webkit-transform: scale(10);
  left: 50%;
  opacity: 0.05;
  z-index: -1; }

/*!---------- 11. FORMS ----------*/
input[type="text"],
button,
textarea,
select,
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type="text"],
input[type="password"], input[type="email"], input[type="tel"], input[type="number"] {
  border: none;
  width: 100%;
  height: 50px;
  padding-left: 10px;
  font-weight: 500;
  margin-bottom: 20px; }

input[type="file"] {
  border: none;
  width: 100%;
  font-weight: 500;
  margin-bottom: 20px; }

textarea {
  width: 100%;
  margin-bottom: 24px;
  padding: 10px; }

.select-option {
  position: relative;
  cursor: pointer;
  height: 50px;
  overflow: hidden;
  margin-bottom: 24px; }

.select-option i {
  position: absolute;
  font-size: 18px;
  right: 20px;
  top: 14px;
  z-index: 2;
  pointer-events: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  cursor: pointer; }

.select-option:focus i {
  color: #fff; }

.select-option select {
  margin-bottom: 0; }

select {
  height: 50px;
  background: #f5f5f5;
  width: 100%;
  border-radius: 0;
  padding-left: 20px;
  position: relative;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  cursor: pointer; }

select:focus {
  background: #eee; }

select:active,
select:focus,
select:hover {
  outline: none;
  border: none; }

.form-error,
.form-success {
  background: #58ce38;
  padding: 12px;
  width: 80%;
  color: #fff;
  clear: both;
  display: block;
  max-width: 700px;
  position: relative;
  top: 16px;
  margin: 0 auto;
  word-break: break-word; }

.form-error {
  background: #ce3838; }

.form-error a,
.form-success a {
  display: block;
  color: #fff; }

.attempted-submit .field-error {
  outline: 1px solid #ce3838 !important; }

form iframe.mail-list-form {
  display: none; }

.form-loading {
  border: 3px solid #ffffff;
  border-radius: 30px;
  height: 30px;
  left: 50%;
  margin: -15px 0 0 -15px;
  opacity: 0;
  margin: 0px auto;
  top: 50%;
  width: 30px;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation: pulsate 1s ease-out;
  -moz-animation-iteration-count: infinite;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  z-index: 99999; }

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }
@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }
button[type="submit"] .form-loading {
  height: 25px;
  width: 25px;
  display: inline-block;
  top: 9px;
  position: relative;
  left: 0; }

.btn-white .form-loading {
  border: 3px solid #c8c8c8; }

@media all and (max-width: 767px) {
  form.thirds input,
  form.halves input,
  form.thirds button,
  form.halves button {
    width: 100%;
    margin-bottom: 8px;
    float: left;
    margin-left: 0; } }
/*!---------- 12. ACCORDIONS ----------*/
.accordion .title {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.accordion .content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease; }

.accordion li.active .content {
  max-height: 400px; }

.accordion p:last-child {
  margin-bottom: 0; }

.accordion-1 li {
  margin-bottom: 10px; }

.accordion-1 li:last-child {
  margin-bottom: 0; }

.accordion-1 .title {
  background: #f5f5f5;
  padding: 13px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; }

.bg-secondary .accordion-1 .title {
  background: #ebebeb; }

.bg-secondary .accordion-1 .title:hover {
  background: #e4e4e4; }

.accordion-1 .title span {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700; }

.accordion-1 .active .title {
  background: #47b475;
  color: #fff; }

.accordion-1 .content {
  border: 1px solid #eee;
  border-top: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0; }

.accordion-1 .content p {
  padding: 13px; }

.accordion-1 .active .content {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0); }

.accordion-1 .title:hover {
  background: #eee; }

.accordion-1 .active .title:hover {
  background: #47b475; }

.accordion-2 .title {
  font-size: 16px;
  font-weight: 500;
  padding: 16px 0;
  border-bottom: 1px solid #ccc;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: .7; }

.accordion-2 .title:before {
  content: "\e622";
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; }

.accordion-2 .active .title {
  opacity: 1; }

.accordion-2 .active .title:before {
  content: '\e61a'; }

.accordion-2 .content p {
  padding: 16px 0; }

.accordion-2 .title:hover {
  opacity: 1; }

/*!---------- 13. TABBED CONTENT ----------*/
.tabs {
  overflow: hidden; }

.tabs li {
  display: inline-block;
  cursor: pointer; }

.tabs.thirds {
  width: 100%; }

.tabs.thirds li {
  width: 33.3333333%; }

.tabs.thirds .tab-title {
  width: 100%; }

.button-tabs .tabs {
  display: inline-block;
  overflow: hidden; }

.button-tabs .tabs &gt; li {
  margin-bottom: 8px;
  float: left; }

.button-tabs .tabs &gt; li:last-child {
  margin-right: 0; }

.button-tabs .tab-title {
  padding: 13px;
  display: inline-block;
  text-align: center;
  min-width: 150px;
  background: #f5f5f5;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; }

.bg-secondary .button-tabs .tab-title {
  background: #eee; }

.button-tabs .tab-title span {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700; }

.button-tabs .active .tab-title {
  background: #47b475;
  color: #fff; }

.button-tabs .tab-title:hover {
  background: #eee; }

.button-tabs .active .tab-title:hover {
  background: #47b475; }

.button-tabs.vertical {
  overflow: hidden; }

.button-tabs.vertical &gt; .tabs {
  max-width: 30%;
  float: left; }

.button-tabs.vertical &gt; .content {
  padding-left: 3%;
  max-width: 70%;
  float: right; }

.button-tabs.vertical &gt; .tabs li,
.button-tabs.vertical .tab-title {
  width: 100%; }

.button-tabs.vertical &gt; .tabs li {
  margin-bottom: 10px; }

.bg-dark .button-tabs .tab-title span {
  color: #222; }

@media all and (max-width: 767px) {
  .button-tabs .tabs li {
    width: 49%;
    margin-bottom: 15px; }

  .button-tabs.vertical .tabs,
  .button-tabs.vertical .content {
    max-width: 100%;
    width: 100%;
    padding-left: 0; } }
.tabbed-content .content &gt; li {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  display: none; }

.tabbed-content .content .active {
  opacity: 1;
  visibility: visible;
  display: block; }

.text-tabs .tabs {
  padding-bottom: 16px;
  border-bottom: 1px solid #ccc;
  overflow: visible; }

.text-tabs.no-border .tabs {
  border-bottom: none; }

.text-tabs .tab-title {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  padding: 0 24px;
  opacity: 0.5;
  position: relative; }

.text-tabs .tab-title span {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700; }

.text-tabs .tab-title:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #47b475;
  bottom: 10px;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  bottom: -17px;
  left: 0; }

.text-tabs .active .tab-title {
  opacity: 1;
  color: #47b475; }

.bg-primary .text-tabs .tab-title:after {
  background: #b3e1c6; }

.text-tabs .active .tab-title:after {
  opacity: 1; }

.text-tabs .tab-title:hover {
  opacity: 1; }

@media all and (max-width: 767px) {
  .text-tabs .tabs {
    padding-bottom: 0; }

  .text-tabs .tabs li {
    width: 49%;
    margin-bottom: 15px; }

  .text-tabs .tab-title:after {
    display: none; }

  .text-tabs:not(.text-center) .tabs li:first-child .tab-title {
    padding-left: 24px; } }
.icon-tabs .tabs li {
  width: 24.5%;
  margin-bottom: 24px; }

.icon-tabs .tab-title {
  text-align: center;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: .5; }

.icon-tabs .tab-title:hover {
  opacity: 1; }

.icon-tabs .active .tab-title {
  color: #47b475;
  opacity: 1; }

.icon-tabs .active .tab-title i {
  color: #47b475; }

.image-bg .icon-tabs .active .tab-title i {
  color: #fff; }

.icon-tabs .tab-title i {
  display: block;
  margin-bottom: 16px; }

.icon-tabs .tab-title span {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700; }

@media all and (max-width: 767px) {
  .icon-tabs .tabs li {
    margin-bottom: 16px;
    margin-right: 0;
    width: 49%; }

  .icon-tabs .tab-title i {
    font-size: 32px; } }
/*!---------- 14. PROGRESS BARS ----------*/
.progress-bars {
  margin-bottom: 24px; }

.progress {
  height: auto;
  box-shadow: none; }

.progress-bar {
  background: #47b475;
  box-shadow: none !important; }

.bg-primary .progress-bar {
  background: #63c18b; }

.progress-1 {
  height: 32px;
  margin-bottom: 8px;
  border-radius: 0;
  border: none; }

.progress-1:last-child {
  margin-bottom: 0; }

.progress-1 .progress-bar {
  text-align: right;
  padding-right: 12px;
  line-height: 32px;
  border-radius: 0; }

.progress-1 .progress-bar span {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 11px; }

.progress-2 {
  height: auto;
  background: none;
  text-align: center;
  margin-bottom: 8px; }

.progress-2 span {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 8px; }

.progress-2 .bar-holder {
  height: 16px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #47b475; }

.bg-primary .progress-2 .bar-holder {
  border-color: #71c795; }

/*!---------- 15. STATS ----------*/
.stat-2 h1 {
  font-size: 80px;
  line-height: 88px; }

.stat-3 h1 {
  margin-bottom: 8px;
  font-size: 72px;
  line-height: 80px; }

.stat-3 h6 {
  margin-bottom: 0; }

/*!---------- 16. BREADCRUMBS ----------*/
.breadcrumb {
  margin-bottom: 24px; }

.breadcrumb-2 {
  background: none;
  padding: 0; }

.breadcrumb-2 li a,
.breadcrumb-2 li {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 11px;
  font-weight: 600; }

.breadcrumb-2 &gt; li + li:before {
  padding: 0 16px;
  color: #bbb; }

.image-bg .breadcrumb li a {
  color: #fff;
  opacity: .8; }

.image-bg .breadcrumb li a:hover {
  opacity: 1; }

.image-bg .breadcrumb li.active {
  color: #fff; }

.bg-dark .breadcrumb a {
  color: #fff; }

@media all and (max-width: 990px) {
  .page-title-4 .breadcrumb,
  .page-title-2 .breadcrumb {
    float: left;
    margin-top: 32px; } }
@media all and (max-width: 767px) {
  .breadcrumb-2 &gt; li + li:before {
    padding: 0 4px; }

  .page-title-4 .breadcrumb,
  .page-title-2 .breadcrumb {
    float: left;
    margin-top: 8	px; } }
/*!---------- 17. PAGINATION ----------*/
/*!---------- 18. ICON FEATURES ----------*/
.feature.boxed {
  padding: 32px;
  background: #f8f8f8; }

.feature.boxed.bg-dark {
  background: #292929; }

.bg-dark .feature.boxed {
  background: #363636; }

.bg-secondary .feature.boxed {
  background: #fff; }

.feature.bordered {
  padding: 32px;
  border: 1px solid #ccc; }

.feature {
  margin-bottom: 24px; }

.feature p:last-child {
  margin-bottom: 0; }

@media all and (max-width: 767px) {
  .feature.boxed,
  .feature.bordered {
    padding: 24px; } }
@media all and (max-width: 990px) {
  .feature .icon-lg {
    font-size: 40px; } }
.feature-1 i {
  display: inline-block;
  margin-bottom: 16px;
  color: #47b475; }

.feature-2 i {
  display: block;
  width: 80px;
  height: 80px;
  border: 1px solid #47b475;
  text-align: center;
  line-height: 80px;
  color: #47b475;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 24px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; }

.feature-2 i:hover,
.feature-2.filled i {
  background: #47b475;
  color: #fff; }

.feature-3 {
  overflow: hidden; }

@media all and (min-width: 768px) {
  .feature-3 {
    min-height: 160px; } }
.feature-3 .left,
.feature-3 .right {
  display: inline-block;
  float: left; }

.feature-3 .left {
  width: 15%; }

.feature-3 .right {
  width: 85%; }

.feature-3 i {
  color: #47b475; }

.bg-primary .feature-3 i {
  color: #fff; }

.feature-4 .left {
  width: 25%; }

.feature-4 .right {
  width: 75%; }

.feature-color h1,
.feature-color h2,
.feature-color h3,
.feature-color h4,
.feature-color h5,
.feature-color h6 {
  color: #ffffff; }

.feature-color p,
.feature-color span,
.feature-color li {
  color: #ffffff; }

.feature-color i {
  color: #fff;
  opacity: .7; }

.feature-color:nth-of-type(1) {
  background: #47b475; }

.feature-color:nth-of-type(2) {
  background: #40a269; }

.feature-color:nth-of-type(3) {
  background: #398f5d; }

.feature-5 {
  height: 33.333333vw;
  padding: 0 48px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; }

@media all and (max-width: 1280px) {
  .feature-5 {
    height: auto;
    padding: 80px 48px; }

  .feature-5 .v-align-transform {
    top: 0;
    transform: none;
    -webkit-transform: none; } }
@media all and (max-width: 767px) {
  .feature-3 .left,
  .feature-4 .left {
    margin-bottom: 8px; }

  .feature-3 .left,
  .feature-4 .left,
  .feature-3 .right,
  .feature-4 .right {
    width: 100%; }

  .feature-5 {
    padding: 40px 24px; } }
.image-bg .feature i {
  color: #fff; }

.image-bg .feature h1,
.image-bg .feature h2,
.image-bg .feature h3,
.image-bg .feature h4,
.image-bg .feature h5,
.image-bg .feature h6 {
  color: #ffffff; }

.image-bg .feature p,
.image-bg .feature span,
.image-bg .feature li {
  color: #ffffff; }

.image-bg .feature.bordered {
  border-color: rgba(255, 255, 255, 0.4); }

.image-bg .feature.boxed {
  background: rgba(34, 34, 34, 0.4); }

.bg-light .feature.bordered {
  border-color: rgba(34, 34, 34, 0.2); }

/*!---------- 19. PRICING TABLES ----------*/
.pricing-table {
  padding: 48px 32px; }

.pricing-table .price {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 80px;
  line-height: 80px;
  font-weight: 300;
  color: #292929;
  display: inline-block;
  margin-bottom: 16px; }

.bg-dark .pricing-table .price {
  color: #fff; }

.pricing-table p:last-child {
  margin-bottom: 0; }

.pricing-table.boxed,
.pricing-table.emphasis {
  background: #f8f8f8; }

.pricing-table.emphasis {
  background: #47b475;
  color: #fff; }

.pricing-table.emphasis a:not(.btn) {
  color: #fff; }

.pricing-table.emphasis .price,
.pricing-table.emphasis h5 {
  color: #fff; }

.pt-2 ul {
  line-height: 36px; }

/*!---------- 20. PAGE TITLES ----------*/
.page-title {
  padding: 0; }

.page-title .container {
  position: relative;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  top: 50%;
  z-index: 2; }

.page-title i {
  position: relative;
  top: 1px; }

@media all and (max-width: 767px) {
  .page-title i {
    display: none; } }
.page-title-1,
.page-title-2 {
  height: 400px; }

.page-title-1 .breadcrumb,
.page-title-3 .breadcrumb {
  position: absolute;
  z-index: 3;
  width: 100%;
  text-align: center;
  bottom: 0; }

.page-title-2 .breadcrumb {
  position: relative;
  margin-bottom: 0; }

.nav-is-overlay .page-title-1.image-bg:first-child,
.nav-is-overlay.page-title-1.bg-dark:first-child,
.nav-is-overlay .page-title-2.image-bg:first-child,
.nav-is-overlay.page-title-2.bg-dark:first-child {
  height: 455px;
  padding-top: 55px; }

@media all and (max-width: 767px) {
  .page-title-1,
  .page-title-2 {
    height: 320px; } }
.page-title-3,
.page-title-4 {
  height: 240px; }

.page-title-4 .breadcrumb {
  position: relative;
  top: 8px;
  margin-bottom: 0; }

.nav-is-overlay .page-title-3.image-bg:first-child,
.nav-is-overlay.page-title-3.bg-dark:first-child,
.nav-is-overlay .page-title-4.image-bg:first-child,
.nav-is-overlay.page-title-4.bg-dark:first-child {
  height: 295px;
  padding-top: 55px; }

@media all and (max-width: 767px) {
  .page-title .text-right {
    text-align: left !important; } }
.page-title.fullscreen {
  height: 100vh !important;
  padding-top: 0; }

/*!---------- 21. WIDGETS ----------*/
.widget {
  margin-bottom: 48px; }

.link-list {
  line-height: 32px; }

.link-list a:after {
  content: "\e628";
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 11px;
  display: inline-block;
  margin-left: 8px; }

.widget ul:last-child,
.widget p:last-child {
  margin-bottom: 0; }

.widget .title {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  margin-bottom: 12px; }

.widget hr {
  margin-bottom: 12px; }

.recent-posts {
  line-height: 24px; }

.recent-posts li {
  margin-bottom: 8px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; }

.recent-posts .date {
  display: block;
  letter-spacing: 0;
  opacity: .8; }

.recent-posts li:hover .date {
  opacity: 1; }

.tags {
  overflow: hidden; }

.tags li {
  float: left;
  margin: 0 4px 4px 0; }

.tags .btn-sm {
  padding: 0 8px;
  margin: 0; }

.widget .gallery {
  overflow: hidden; }

.widget .gallery li {
  width: 33.33333%;
  float: left;
  padding: 0 4px 4px 0; }

.twitter-feed .user,
.twitter-feed .interact {
  display: none; }

.widget .twitter-feed .timePosted {
  display: none; }

.widget .tweet {
  margin-bottom: 0; }

.widget .twitter-feed .slides li {
  margin-bottom: 24px; }

.widget .twitter-feed .slides li:last-child {
  margin-bottom: 0; }

.widget .twitter-feed .slides li:nth-of-type(n+3) {
  display: none; }

.widget .twitter-feed .slides li:before {
  position: relative;
  top: 6px;
  float: left;
  display: inline-block;
  margin-right: 8px;
  color: #292929;
  content: "\e74b";
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 13px; }

.widget .twitter-feed p {
  padding-left: 22px;
  position: relative; }

.bg-dark .widget .twitter-feed .slides li:before {
  color: #fff; }

.widget .instafeed li {
  width: 33.3333%;
  display: inline-block;
  padding: 0 4px 4px 0; }

.widget .instafeed li:nth-of-type(n+7) {
  display: none; }

.widget .cart-overview img {
  width: 25%;
  padding-right: 2%; }

.widget .cart-overview .description {
  display: inline-block;
  width: auto;
  line-height: 24px; }

.widget .cart-overview span {
  display: block; }

.widget .cart-overview li {
  margin-bottom: 24px;
  overflow: hidden; }

.widget .cart-overview li:last-child {
  margin-bottom: 0; }

.widget .cart-controls {
  max-height: 30px;
  line-height: 30px; }

.cart-overview a {
  color: #292929; }

.cart-overview a:hover {
  color: #47b475; }

.widget .flex-direction-nav li a {
  width: 16px;
  height: 16px;
  margin: -8px 0 0; }

.widget .flex-direction-nav li a:before {
  font-size: 16px; }

.widget .flex-direction-nav li a.flex-next {
  right: 8px; }

.widget .flex-direction-nav li a.flex-prev {
  left: 8px; }

.widget .flex-control-nav {
  display: none; }

.widget .image-slider {
  margin: 0; }

/*!---------- 22. IMAGE TILES ----------*/
img {
  max-width: 100%; }

.image-tile {
  overflow: hidden;
  position: relative;
  margin-bottom: 24px; }

.image-tile img {
  width: 100%;
  display: inline-block; }

.image-tile .label {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 5; }

.inner-title:before {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, transparent 0%, rgba(34, 34, 34, 0.9) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(34, 34, 34, 0.9)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(34, 34, 34, 0.9) 100%);
  background: -o-linear-gradient(top, transparent 0%, rgba(34, 34, 34, 0.9) 100%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(34, 34, 34, 0.9) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(34, 34, 34, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#292929', GradientType=0);
  pointer-events: none; }

.inner-title.title-center:before {
  background: #292929;
  opacity: .4; }

.inner-title:hover:before {
  transform: scale(1.2);
  -webkit-transform: scale(1.2); }

.inner-title .title {
  position: absolute;
  width: 100%;
  bottom: 24px;
  z-index: 5; }

.inner-title .title h1,
.inner-title .title h2,
.inner-title .title h3,
.inner-title .title h4,
.inner-title .title h5,
.inner-title .title h6 {
  color: #ffffff; }

.inner-title .title p,
.inner-title .title span,
.inner-title .title li {
  color: #ffffff; }

.inner-title.title-center .title {
  bottom: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.inner-title .title h5 {
  font-weight: 600; }

.inner-title {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1; }

.inner-title:hover {
  opacity: .95; }

.inner-title.hover-reveal:before {
  opacity: 0; }

.inner-title.hover-reveal .title {
  opacity: 0;
  transform: translate3d(0, 50px, 0);
  -webkit-transform: translate3d(0, 50px, 0);
  -moz-transform: translate3d(0, 50px, 0);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; }

.inner-title.hover-reveal:hover .title {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0); }

.inner-title.hover-reveal:hover:before {
  opacity: 1; }

.outer-title img {
  display: inline-block;
  margin-bottom: 12px; }

.hover-tile {
  position: relative;
  overflow: hidden;
  background: #292929; }

.hover-tile img {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; }

.hover-tile:hover img {
  opacity: .5; }

.hover-tile .hover-state {
  position: relative;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  top: 50%;
  z-index: 2;
  position: absolute;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
  width: 100%; }

.hover-state {
  z-index: 99;
  padding: 0 40px;
  cursor: default; }

.hover-state h1,
.hover-state h2,
.hover-state h3,
.hover-state h4,
.hover-state h5,
.hover-state h6 {
  color: #ffffff; }

.hover-state p,
.hover-state span,
.hover-state li {
  color: #ffffff; }

.hover-state * {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transform: translate3d(0, 30px, 0) scale(1.05);
  -webkit-transform: translate3d(0, 30px, 0) scale(1.05); }

.hover-tile:hover .hover-state {
  opacity: 1; }

.hover-tile:hover .hover-state * {
  transform: translate3d(0, 0px, 0) scale(1);
  -webkit-transform: translate3d(0, 0px, 0) scale(1); }

.hover-state *:last-child {
  margin-bottom: 0; }

.border-thick {
  border: 16px solid #fff;
  border-top: none; }

.border-thick.col-sm-6:first-child {
  border-right: 8px solid #fff; }

.border-thick.col-sm-6:last-child {
  border-left: 8px solid #fff; }

.horizontal-tile {
  overflow: hidden; }

.horizontal-tile:not(:last-of-type) {
  margin-bottom: 30px; }

.tile-left,
.tile-right {
  width: 50%;
  float: left;
  display: inline-block;
  overflow: hidden;
  min-height: 300px;
  position: relative; }

.tile-right .description,
.tile-left .description {
  padding: 48px; }

.tile-right:hover .background-image-holder,
.tile-left:hover .background-image-holder {
  transform: scale(1.1);
  -webkit-transform: scale(1.1); }

@media all and (max-width: 767px) {
  .tile-left,
  .tile-right {
    width: 100%;
    float: none; } }
/*!---------- 23. SLIDERS ----------*/
.image-slider {
  position: relative; }

.image-slider .slides {
  position: relative;
  overflow: hidden; }

.image-slider .slides li {
  position: relative; }

.image-slider .slides li &gt; img {
  width: 100%; }

.row .image-slider {
  margin-bottom: 24px; }

.image-slider.height-40 .slides li {
  height: 40vh;
  min-height: 300px; }

.image-slider.height-50 .slides li {
  height: 50vh;
  min-height: 400px; }

.image-slider.height-60 .slides li {
  height: 60vh;
  min-height: 500px; }

.image-slider.height-70 .slides li {
  height: 70vh;
  min-height: 600px; }

.image-slider.height-80 .slides li {
  height: 80vh;
  min-height: 700px; }

@media all and (max-width: 767px) {
  .image-slider.height-70 .slides li {
    height: auto;
    min-height: 0;
    padding: 80px 0; }

  .image-slider.height-70 .v-align-transform {
    top: 0;
    transform: none;
    -webkit-transform: none; } }
@media all and (max-width: 767px) {
  .image-slider.height-80 .slides li {
    height: auto;
    min-height: 0;
    padding: 80px 0; }

  .image-slider.height-80 .v-align-transform {
    top: 0;
    transform: none;
    -webkit-transform: none; } }
.flex-direction-nav a.flex-next {
  right: 16px; }

.flex-direction-nav a.flex-next:before,
.flex-direction-nav a.flex-prev:before {
  content: "\e649";
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px;
  color: #fff; }

.flex-direction-nav a.flex-prev {
  left: 16px; }

.flex-direction-nav a.flex-prev:before {
  content: "\e64a"; }

.flex-direction-nav a {
  opacity: 1;
  text-shadow: none;
  color: transparent;
  width: 24px;
  height: 24px;
  margin: -12px 0 0; }

.flex-control-nav li {
  overflow: hidden; }

.flex-control-nav li a {
  background: none;
  border: 2px solid #292929;
  width: 10px;
  height: 10px; }

@media all and (max-width: 768px) {
  .flex-direction-nav {
    display: none; } }
.controls-inside .flex-control-nav {
  bottom: 24px;
  z-index: 10; }

.controls-inside .flex-control-nav li a {
  border-color: #fff; }

.controls-inside .flex-control-nav li a.flex-active {
  background: #fff; }

.image-bg .flex-control-nav li a {
  border-color: #fff; }

.image-bg .flex-control-nav li a.flex-active {
  background: #fff; }

.slider-thumb-controls .flex-control-thumbs {
  margin: 0; }

.slider-thumb-controls .flex-direction-nav {
  display: none; }

@media all and (max-width: 767px) {
  .slider-thumb-controls .flex-control-thumbs {
    display: none; }

  .slider-thumb-controls .flex-direction-nav {
    display: block; } }
.logo-carousel li {
  text-align: center; }

.logo-carousel li {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: .5; }

.logo-carousel li:hover {
  opacity: 1; }

.logo-carousel img {
  max-height: 60px; }

@media all and (max-width: 767px) {
  .logo-carousel .slides li {
    width: 100%; } }
.text-slider .flex-direction-nav li a:before {
  color: #222; }

.image-bg .text-slider .flex-direction-nav li a:before {
  color: #fff;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: .5; }

.image-bg .text-slider .flex-direction-nav li a:hover:before {
  opacity: 1; }

.text-slider .flex-direction-nav a.flex-prev {
  left: -60px; }

.text-slider .flex-direction-nav a.flex-next {
  right: -60px; }

.kenburns .slides li:nth-of-type(odd) .background-image-holder {
  animation: kenBurnsEast 25s linear infinite alternate;
  -webkit-animation: kenBurnsEast 25s linear infinite alternate; }

.kenburns .slides li:nth-of-type(even) .background-image-holder {
  animation: kenBurnsWest 25s linear infinite alternate;
  -webkit-animation: kenBurnsWest 25s linear infinite alternate; }

@keyframes kenBurnsEast {
  from {
    transform: scale(1) translateX(0px);
    -webkit-transform: scale(1) translateX(0px); }
  to {
    transform: scale(1.2) translateX(100px);
    -webkit-transform: scale(1.2) translateX(100px); } }
@-webkit-keyframes kenBurnsEast {
  from {
    transform: scale(1) translateX(0px);
    -webkit-transform: scale(1) translateX(0px); }
  to {
    transform: scale(1.2) translateX(100px);
    -webkit-transform: scale(1.2) translateX(100px); } }
@keyframes kenBurnsWest {
  from {
    transform: scale(1) translateX(0px);
    -webkit-transform: scale(1) translateX(0px); }
  to {
    transform: scale(1.2) translateX(-100px);
    -webkit-transform: scale(1.2) translateX(-100px); } }
@-webkit-keyframes kenBurnsWest {
  from {
    transform: scale(1) translateX(0px);
    -webkit-transform: scale(1) translateX(0px); }
  to {
    transform: scale(1.2) translateX(-100px);
    -webkit-transform: scale(1.2) translateX(-100px); } }
@media all and (max-width: 767px) {
  .kenburns .slides li .background-image-holder {
    animation: none !important;
    -webkit-animation: none !important; } }
/*!---------- 24. IMAGE GALLERIES ----------*/
.instafeed.grid-gallery {
  overflow: hidden; }

.instafeed.grid-gallery li {
  width: 25%;
  display: inline-block;
  float: left;
  padding: 8px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1; }

.instafeed.grid-gallery li:hover {
  opacity: .9; }

.instafeed.grid-gallery.gapless li {
  padding: 0;
  width: 16.66667%; }

.instafeed.grid-gallery.gapless li img {
  width: 100%; }

.instafeed li img {
  height: auto; }

@media all and (max-width: 990px) {
  .instafeed.grid-gallery li {
    width: 33.333333%; } }
.lightbox-grid,
.lightbox-grid ul,
.lightbox-grid li {
  position: relative;
  overflow: hidden; }

.lightbox-grid li {
  width: 25%;
  float: left;
  border: 8px solid transparent;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1; }

.lightbox-grid li:hover {
  opacity: .9; }

.square-thumbs li {
  height: 285px; }

.third-thumbs li {
  width: 33.33333vw;
  height: 33vw;
  border: none; }

@media all and (max-width: 1190px) {
  .square-thumbs li {
    height: 235px; } }
@media all and (max-width: 990px) {
  .lightbox-grid li {
    width: 33.33333%; }

  .square-thumbs li {
    height: 240px; } }
@media all and (max-width: 767px) {
  .lightbox-grid li {
    width: 50%; }

  .third-thumbs li {
    height: 50vw; }

  .square-thumbs li {
    height: 185px; } }
.lb-outerContainer {
  background: none;
  border-radius: 0; }

.lightbox .lb-image {
  border-radius: 0; }

.lb-data .lb-close,
.lb-nav a.lb-next,
.lb-nav a.lb-prev {
  background: none; }

.lb-data .lb-close:before,
.lb-nav a.lb-next:before,
.lb-nav a.lb-prev:before {
  content: "\e646";
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px;
  color: #fff; }

.lb-nav a.lb-next:before,
.lb-nav a.lb-prev:before {
  position: absolute;
  top: 50%;
  font-size: 32px;
  margin-top: -16px; }

.lb-nav a.lb-next:before {
  content: "\e649";
  right: 16px; }

.lb-nav a.lb-prev:before {
  content: "\e64a";
  left: 16px; }

.flickr-feed li {
  width: 25%;
  padding: 8px; }

.flickr-feed li.masonry-item {
  margin-bottom: 0; }

.flickr-feed li img {
  min-width: 100%; }

@media all and (max-width: 990px) {
  .flickr-feed li {
    width: 33.33333%; } }
@media all and (max-width: 767px) {
  .flickr-feed li {
    padding: 4px; } }
/*!---------- 25. INTROS ----------*/
.cover {
  margin: 0;
  padding: 0; }

.cover h1,
.cover h2,
.cover h3,
.cover h4,
.cover h5,
.cover h6 {
  color: #ffffff; }

.cover p,
.cover span,
.cover li {
  color: #ffffff; }

.image-bg.bg-light h1,
.image-bg.bg-light h2,
.image-bg.bg-light h3,
.image-bg.bg-light h4,
.image-bg.bg-light h5,
.image-bg.bg-light h6 {
  color: #222222; }

.image-bg.bg-light p,
.image-bg.bg-light span,
.image-bg.bg-light li {
  color: #777777; }

.cover:first-child .fullscreen {
  max-height: 100%; }

.cover.fullscreen .slides &gt; li {
  height: 100vh; }

.cover .slides li .container {
  z-index: 4;
  position: relative; }

.cover .flex-control-nav {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: .9; }

.cover .flex-control-nav:hover {
  opacity: 1; }

.cover .align-bottom {
  bottom: 50px; }

.cover .align-top {
  padding: 0 32px; }

@media all and (max-width: 767px) {
  .cover .align-bottom {
    padding: 0 15px; }

  .cover .align-bottom.relative-xs {
    position: relative;
    bottom: 0; }

  .cover.fullscreen {
    padding: 80px 0; }

  .cover.fullscreen.image-slider {
    padding: 0; }

  .cover.fullscreen .slides li {
    padding: 80px 0; } }
/*!---------- 26. SHOP ----------*/
.product-single .image-slider .label {
  font-size: 12px;
  text-transform: uppercase;
  position: absolute;
  z-index: 3;
  top: 16px;
  right: 16px; }

.product-single .price {
  font-size: 32px;
  font-weight: 300;
  line-height: 40px;
  display: inline-block;
  margin-right: 32px; }

.product-single .old-price {
  text-decoration: line-through;
  opacity: .7; }

.product-single .price:not(.old-price) {
  color: #47b475; }

.add-to-cart input[type="text"] {
  width: 100px;
  text-align: center;
  padding: 0;
  margin: 0; }

.add-to-cart input[type="submit"] {
  width: 160px;
  margin: 0; }

th,
td {
  line-height: 24px !important; }

.ratings {
  margin-bottom: 24px; }

.ratings li {
  display: inline-block;
  background: #f8f8f8;
  padding: 24px;
  margin-bottom: 16px; }

.star-rating li {
  padding: 0;
  color: #000; }

.star-rating {
  margin: 0;
  display: inline-block;
  margin-right: 24px; }

.ratings .user span {
  display: inline-block;
  margin-right: 8px; }

.ratings .user .date {
  opacity: .7; }

.ratings .user {
  margin-bottom: 8px; }

.ratings-form input[type="text"] {
  width: 50%;
  float: left; }

.ratings-form input[type="text"]:first-child {
  width: 48%;
  margin-right: 2%; }

.ratings-form input[type="submit"] {
  width: 200px; }

.product-thumb {
  max-width: 180px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1;
  transform: scale3d(1, 1, 1); }

.col-sm-6 .product-thumb {
  max-width: 320px; }

.product-thumb:hover {
  transform: scale3d(0.95, 0.95, 0.95);
  -webkit-transform: scale3d(0.95, 0.95, 0.95); }

.cart .product-thumb {
  max-width: 10000px;
  max-height: 100px; }

.cart .product-thumb:hover {
  transform: none; }

.cart td,
.cart span,
.cart th {
  vertical-align: middle !important; }

.cart span {
  display: inline-block; }

.cart .remove-item {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  border: 1px solid #c64444;
  color: #c64444;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; }

.cart .remove-item:hover {
  color: #fff;
  background: #c64444; }

/*!---------- 27. VIDEO ----------*/
video:-webkit-full-screen,
audio:-webkit-full-screen {
  -webkit-transform: translateY(0%); }

iframe {
  border: none; }

.player {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

@media all and (max-width: 767px) {
  .player {
    display: none; } }
.vid-bg {
  background: #222; }

.vid-bg .background-image-holder {
  display: none;
  z-index: 0; }

.vid-bg .masonry-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px; }

.vid-bg .container.fadeOut {
  opacity: 0; }

@media all and (max-width: 1024px) {
  .vid-bg .background-image-holder {
    display: block; }

  .vid-bg .player {
    display: none; }

  .vid-bg .container.fadeOut {
    opacity: 1; }

  .vid-bg .masonry-loader {
    display: none; } }
video {
  max-width: 100%; }

.local-video-container {
  position: relative;
  margin-bottom: 24px; }

.local-video-container video {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }

.local-video-container .background-image-holder {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  top: 0;
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.26); }

.background-image-holder.fadeout {
  opacity: 0 !important;
  z-index: 0; }

@media all and (max-width: 767px) {
  video {
    max-width: 100% !important; } }
.play-button {
  width: 80px;
  height: 80px;
  border: 2px solid #fff;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
  z-index: 4;
  border-radius: 50%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  cursor: pointer; }

.play-button:before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -5px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 14px;
  border-color: transparent transparent transparent #ffffff; }

.play-button:hover {
  transform: scale(0.95);
  -webkit-transform: scale(0.95); }

.play-button.dark {
  border-color: #292929; }

.play-button.dark:before {
  border-color: transparent transparent transparent #292929; }

@media all and (max-width: 767px) {
  .play-button {
    width: 65px;
    height: 65px;
    margin-top: -32px; }

  .play-button:before {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    margin-left: -8px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 20.0px;
    border-color: transparent transparent transparent #fff; } }
.play-button.large {
  height: 120px;
  width: 120px;
  margin-top: -60px;
  margin-left: -60px; }

.play-button.large:before {
  margin-top: -18px;
  margin-left: -10px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 31.0px;
  border-color: transparent transparent transparent #ffffff; }

.play-button.large.dark:before {
  border-color: transparent transparent transparent #292929; }

.play-button.inline {
  position: relative;
  top: 0;
  left: 0;
  margin-top: 0;
  margin-left: 0;
  display: inline-block;
  z-index: 0; }

@media all and (max-width: 767px) {
  .play-button.large {
    width: 90px;
    height: 90px;
    margin-top: -45px; }

  .play-button.large:before {
    margin-top: -14px;
    margin-left: -8px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 25.0px;
    border-color: transparent transparent transparent #fff; } }
.modal-video {
  position: fixed;
  visibility: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
  z-index: -1; }

.modal-video video {
  margin: 0 auto;
  width: 675px;
  display: block;
  top: 50%;
  position: relative;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }

.modal-video.reveal-modal {
  opacity: 1;
  z-index: 999999;
  visibility: visible; }

.modal-video iframe {
  position: absolute;
  width: 768px;
  height: 432px;
  left: 50%;
  margin-left: -384px;
  margin-top: -216px;
  top: 50%;
  border: none; }

.modal-video .ti-close {
  font-size: 24px;
  position: absolute;
  top: 32px;
  right: 32px;
  color: #fff;
  cursor: pointer; }

@media all and (max-width: 990px) {
  .modal-video iframe {
    width: 640px;
    height: 360px;
    margin-left: -320px;
    margin-top: -160px; } }
@media all and (max-width: 767px) {
  .modal-video video {
    width: 100%;
    padding: 0 15px; }

  .modal-video iframe {
    width: 100%;
    margin-left: -50%; } }
.fs-video-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

.fs-video-wrapper video {
  position: absolute;
  width: 100%;
  left: 0; }

.embed-video-container {
  width: 100%;
  position: relative;
  display: inline-block; }

.embed-video-container iframe {
  border: none;
  width: 100%;
  height: 312px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }

.modal-video .embed-video-container {
  width: 80%;
  max-height: 800px; }

@media all and (max-width: 767px) {
  .embed-video-container iframe {
    height: 200px; } }
.fs-vid-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2; }

.fs-vid-background video {
  object-fit: cover;
  width: 100%;
  height: 100%; }

.overlay .fs-vid-background:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #222222;
  opacity: 0.5;
  z-index: 2; }

@media all and (max-width: 1024px) {
  .fs-vid-background {
    display: none; } }
/*!---------- 28. BLOG ----------*/
.post-title .label {
  margin-right: 16px; }

.post-title h4 {
  position: relative;
  top: 2px;
  margin-bottom: 16px; }

.post-meta,
.post-meta .tags {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 12px; }

.post-meta &gt; li {
  float: left;
  margin-right: 24px; }

.post-meta i {
  font-size: 16px;
  margin-right: 8px;
  position: relative;
  top: 2px; }

.post-snippet iframe {
  width: 100%;
  margin-bottom: 12px; }

.post-snippet .embed-video-container {
  margin-bottom: 24px; }

.post-snippet .embed-video-container iframe {
  margin: 0; }

.post-snippet .inner {
  background: #fff;
  padding: 24px; }

.comments-list,
.comments-list ul {
  width: 100%;
  overflow: hidden; }

.comments-list li {
  overflow: hidden;
  margin-bottom: 40px; }

.comments-list p:last-of-type {
  margin: 0; }

.comments-list .avatar,
.comments-list .comment {
  display: inline-block;
  float: left; }

.comments-list .avatar {
  width: 10%; }

.comments-list .avatar img {
  width: 75px; }

.comments-list .comment {
  width: 90%;
  padding-left: 5%; }

.comments-list .author {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 16px; }

.comments-list .comment .btn {
  position: relative;
  margin: 0; }

.comments-list ul {
  padding-left: 10%;
  padding-top: 40px; }

.comments-list ul li:last-of-type {
  margin-bottom: 0; }

.comments input[type="submit"] {
  max-width: 25%;
  float: right; }

.masonry {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  -webkit-transform: translate3d(0, 100px, 0);
  -moz-transform: translate3d(0, 100px, 0); }

.masonry.fadeIn {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0); }

.masonry-item {
  max-width: 100%; }

.container .masonry-item {
  margin-bottom: 30px; }

.masonry-item blockquote:hover {
  background: #47b475;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  color: #fff; }

.masonryFlyIn .masonry-item {
  opacity: 0;
  transform: translate3d(0, 50px, 0);
  -webkit-transform: translate3d(0, 50px, 0);
  -moz-transform: translate3d(0, 50px, 0); }

.masonryFlyIn .masonry-item.fadeIn {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0); }

.masonry-loader {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1;
  position: absolute;
  width: 100%;
  z-index: 10;
  top: 80px; }

.masonry-loader.fixed-center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  margin-top: -25px; }

.masonry-loader.fadeOut {
  opacity: 0;
  max-height: 0;
  padding: 0;
  overflow: hidden; }

.spinner {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 2px 1px 0px #47b475;
  -moz-animation: spin 0.7s linear infinite;
  -webkit-animation: spin 0.7s linear infinite;
  animation: spin 0.7s linear infinite;
  display: inline-block;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@media all and (max-width: 767px) {
  .post-title .label {
    margin-bottom: 8px;
    display: inline-block; }

  .post-title h4 {
    top: 0;
    display: block; }

  .comments input[type="submit"] {
    max-width: 100%;
    float: none; } }
/*!---------- 29. IMAGE BLOCKS ----------*/
.image-md {
  max-height: 120px; }

.image-small {
  max-height: 80px; }

.image-xs {
  max-height: 50px; }

.image-xxs {
  max-height: 30px; }

.fade-half {
  opacity: 0.5; }

.fade-1-4 {
  opacity: 0.75; }

.fade-3-4 {
  opacity: 0.25; }

.fade-on-hover {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: .5; }

.fade-on-hover:hover {
  opacity: 1; }

.cast-shadow {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }

.cast-shadow-light {
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); }

.image-block,
.image-block .image-bg {
  padding: 0;
  height: 50vw;
  max-height: 700px; }

.image-block .container {
  height: 100%; }

.image-block-right .image-bg {
  position: absolute;
  top: 0; }

@media all and (max-width: 768px) {
  .image-block {
    height: auto;
    max-height: 1000000px; }

  .image-block .image-bg {
    height: 350px; }

  .image-block .v-align-transform {
    top: 0;
    transform: none;
    -webkit-transform: none; }

  .image-block-right .image-bg {
    position: relative; } }
.image-edge .container {
  position: relative; }

.image-edge .container div[class*='col-'] {
  position: absolute; }

@media all and (max-width: 990px) {
  .image-edge .container div[class*='col-'] {
    position: relative;
    top: 0;
    transform: none;
    -webkit-transform: none; } }
.image-square {
  height: 50vw;
  max-height: 640px;
  overflow: hidden;
  padding: 0; }

.image-square .image,
.image-square &gt; .content {
  position: absolute; }

.image-square .image {
  height: 100%; }

.image-square &gt; .content {
  padding: 0 10%;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0); }

.image-square.left .image {
  left: 0; }

.image-square.left &gt; .content {
  right: 0; }

.image-square.right .image {
  right: 0; }

.image-square.right &gt; .content {
  left: 0; }

@media all and (max-width: 990px) {
  .image-square {
    height: auto;
    max-height: 100000px;
    padding-bottom: 48px; }

  .image-square .image,
  .image-square &gt; .content {
    position: relative; }

  .image-square .image {
    height: 100vw;
    margin-bottom: 48px;
    max-height: 500px; }

  .image-square &gt; .content {
    top: 0;
    transform: none;
    -webkit-transform: none;
    padding: 0 20%; } }
@media all and (max-width: 767px) {
  .image-square &gt; .content {
    padding: 0 15px; } }
.image-zoom img {
  transition: all 9s ease;
  -webkit-transition: all 9s ease;
  -moz-transition: all 9s ease; }

.image-zoom:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1); }

.image-caption {
  position: relative;
  overflow: hidden; }

.image-caption .caption {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 16px;
  color: #fff; }

.image-caption .caption p {
  position: relative;
  z-index: 4;
  margin: 0; }

.image-caption .caption:before {
  content: "" attr(data-caption) "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 1;
  background: -moz-linear-gradient(top, transparent 0%, rgba(34, 34, 34, 0.7) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(34, 34, 34, 0.7)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(34, 34, 34, 0.7) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, transparent 0%, rgba(34, 34, 34, 0.7) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, transparent 0%, rgba(34, 34, 34, 0.7) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, transparent 0%, rgba(34, 34, 34, 0.7) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6222222', GradientType=0);
  /* IE6-9 */ }

.image-caption.hover-caption .caption {
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transform: translate3d(0, 100px, 0);
  -webkit-transform: translate3d(0, 100px, 0);
  -moz-transform: translate3d(0, 100px, 0); }

.image-caption.hover-caption:hover .caption {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0); }

/*!---------- 30. PORTOFLIO ----------*/
.filters {
  overflow: hidden;
  display: inline-block; }

.filters li {
  float: left;
  margin-right: 32px;
  cursor: pointer;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 2px solid #47b475;
  padding: 0 26px;
  height: 40px;
  min-width: 150px;
  line-height: 36px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0;
  color: #47b475;
  text-align: center;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  margin-right: 8px;
  margin-bottom: 24px;
  height: 30px;
  font-size: 11px;
  line-height: 27px;
  min-width: 0;
  border-color: rgba(255, 255, 255, 0);
  opacity: .7;
  border-radius: 25px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block; }

.filters li.active {
  border-color: #47b475;
  opacity: 1; }

.filters li:last-child {
  margin-right: 0; }

.filters.floating {
  position: absolute;
  z-index: 10;
  top: 16px;
  text-align: center;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  background: rgba(255, 255, 255, 0.98);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  border-radius: 200px; }

.filters.floating li {
  margin-bottom: 0; }

.bg-dark .filters.floating {
  background: #292929; }

.bg-dark .filters.floating h1,
.bg-dark .filters.floating h2,
.bg-dark .filters.floating h3,
.bg-dark .filters.floating h4,
.bg-dark .filters.floating h5,
.bg-dark .filters.floating h6 {
  color: #ffffff; }

.bg-dark .filters.floating p,
.bg-dark .filters.floating span,
.bg-dark .filters.floating li {
  color: #fefefe; }

.project {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1;
  padding: 0; }

.container .project {
  padding: 0 15px; }

.project.inactive {
  opacity: .1 !important;
  pointer-events: none !important; }

.project .image-tile {
  margin: 0; }

.project.inactive:hover .title,
.project.inactive .image-tile:hover:before {
  display: none; }

@media all and (max-width: 868px) {
  .filters.floating {
    width: 90vw; }

  .filters.floating li {
    float: none; } }
@media all and (max-width: 767px) {
  .filters.floating {
    border-radius: 0;
    padding: 8px; }

  .filters.floating li {
    width: 50%;
    float: left;
    margin: 0; } }
section + .portfolio-pullup {
  padding-top: 0;
  margin-top: -128px;
  position: relative;
  z-index: 20; }

.portfolio-pullup .project {
  margin-bottom: 0; }

.portfolio-pullup .inner-title:hover {
  opacity: 1; }

/*!---------- 31. TESTIMONIALS ----------*/
.testimonials h4 {
  line-height: 40px; }

.testimonials .quote-author {
  display: inline-block;
  text-align: left;
  overflow: hidden;
  width: 250px;
  margin-top: 24px; }

.testimonials .quote-author img {
  max-height: 60px;
  float: left;
  display: inline-block;
  margin-right: 16px; }

.testimonials .quote-author h6 {
  display: inline-block;
  margin-bottom: 0;
  line-height: 18px;
  padding-top: 14px; }

.testimonials .quote-author span {
  display: block;
  line-height: 18px; }

@media all and (max-width: 767px) {
  .testimonials h4 {
    line-height: 26px; } }
/*!---------- 32. COUNTDOWNS ----------*/
.countdown {
  font-size: 80px;
  line-height: 88px;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 56px;
  line-height: 64px;
  font-weight: 100;
  text-transform: uppercase; }

.image-bg .countdown {
  color: #fff; }

@media all and (max-width: 990px) {
  .countdown {
    font-size: 64px;
    line-height: 72px; } }
@media all and (max-width: 767px) {
  .countdown {
    font-size: 48px;
    line-height: 56px; } }
/*!---------- 33. MAPS ----------*/
.map-holder {
  overflow: hidden;
  position: relative; }

.map-holder iframe {
  border: none;
  position: absolute;
  width: 100%;
  height: 180%;
  top: -40%;
  left: 0;
  z-index: 1; }

.map-holder:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2; }

.map-holder.interact:before {
  width: 0; }

.map-holder.inline {
  height: 400px;
  overflow: hidden; }

.map-canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; }

/*!---------- 34. TWITTER ----------*/
.twitter-feed.thirds li {
  width: 33.333333%;
  padding: 0 15px;
  float: left; }

.twitter-feed.thirds ul {
  overflow: hidden; }

@media all and (max-width: 990px) {
  .twitter-feed.thirds li {
    width: 50%; } }
@media all and (max-width: 767px) {
  .twitter-feed.thirds li {
    width: 100%; } }
.tweets-slider.large p {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 32px; }

.tweets-slider.large .timePosted {
  font-size: 14px; }

@media all and (max-width: 990px) {
  .tweets-slider.large p {
    font-size: 18px;
    line-height: 24px; } }
@media all and (max-width: 767px) {
  .tweets-slider.large p {
    font-size: 14px; } }
.sc-background-orange {
  background: #47b475 !important; }

/*!---------- 35. MODALS ----------*/
.foundry_modal {
  overflow-y: auto;
  max-height: 100%;
  max-width: 50%;
  width: 50%;
  position: fixed;
  padding: 80px 48px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  top: 50%;
  left: 50%;
  background: #fff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  z-index: -1; }

.foundry_modal.no-bg {
  background: none;
  box-shadow: none !important; }

.modal-screen {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #292929;
  opacity: 0;
  z-index: 9998;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  visibility: hidden;
  top: 0;
  left: 0; }

.modal-screen.reveal-modal {
  opacity: .8;
  visibility: visible; }

.foundry_modal.reveal-modal {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%); }

.foundry_modal .close-modal {
  z-index: 4;
  position: absolute;
  top: 24px;
  right: 32px;
  cursor: pointer;
  font-size: 18px; }

.foundry_modal *:not(.background-image-holder):not(.close-modal) {
  z-index: 4;
  position: relative; }

.foundry_modal.image-bg .close-modal,
.foundry_modal.no-bg .close-modal {
  color: #fff; }

.foundry_modal iframe {
  width: 100%;
  min-height: 400px; }

@media all and (min-width: 1500px) {
  .foundry_modal {
    max-width: 45%;
    width: 45%; } }
@media all and (max-width: 1190px) {
  .foundry_modal {
    max-width: 70%;
    width: 70%;
    padding: 64px 32px; } }
@media all and (max-width: 990px) {
  .foundry_modal {
    max-width: 80%;
    width: 80%;
    padding: 64px 32px; } }
@media all and (max-width: 767px) {
  .foundry_modal {
    max-width: 90%;
    width: 90%;
    padding: 48px 15px;
    transform: translateX(0%) translateY(50%);
    -webkit-transform: translateX(0%) translateY(50%); }

  .foundry_modal .close-modal {
    right: 18px; } }
.iframe-modal {
  width: 90%;
  height: 90%;
  max-width: 90%;
  padding: 0; }

.iframe-modal .close-modal {
  z-index: 9999; }

.iframe-modal iframe {
  width: 100%;
  height: 100%; }

.modal-strip {
  padding: 18px 0;
  position: fixed;
  bottom: 1%;
  z-index: 200;
  width: 98%;
  margin: 0 1%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transform: translate3d(0, 100px, 0);
  -webkit-transform: translate3d(0, 100px, 0);
  -moz-transform: translate3d(0, 100px, 0);
  opacity: 0; }

.modal-strip.reveal-modal {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  opacity: 1; }

.modal-strip .close-modal {
  position: absolute;
  right: 32px;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

.modal-strip i.close-modal {
  font-size: 18px; }

.modal-strip .icon + p {
  padding-left: 32px;
  position: relative;
  top: 3px; }

.modal-strip p + .btn {
  margin-left: 24px; }

@media all and (max-width: 1024px) {
  .modal-strip {
    margin: 0;
    width: 100%;
    bottom: 0; } }
@media all and (max-width: 767px) {
  .modal-strip .close-modal {
    position: relative;
    top: 0;
    right: 0;
    left: 15px;
    transform: none !important;
    -webkit-transform: none !important;
    margin-top: 16px; }

  .modal-strip .icon {
    display: none; }

  .modal-strip .icon + p {
    padding-left: 0;
    top: 0; } }
/*!---------- 36. FOOTERS ----------*/
.social-list {
  margin: 0; }

.image-bg .social-list a {
  color: #fff; }

.bg-dark .social-list a,
.image-bg .social-list a {
  color: #fff;
  opacity: .5; }

.bg-dark .social-list a:hover {
  opacity: 1; }

.image-bg .social-list a {
  opacity: 1; }

.bg-light .social-list a {
  color: #222; }

.back-to-top {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%); }

.back-to-top:hover {
  opacity: 1; }

.bg-dark .back-to-top {
  border-color: #fff; }

.bg-dark .back-to-top:active,
.bg-dark .back-to-top:focus {
  color: #fff; }

.bg-dark .back-to-top:hover {
  background: none; }

.flex-control-nav li a {
  background: #555555;
  opacity: 0.2;
  border: 0px;
  height: 20px;
  width: 20px;
  box-shadow: none; }
  .flex-control-nav li a.flex-active {
    background: #dc8e18;
    opacity: 1; }

.btn {
  border-radius: 5px;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-width: 3px;
  border-style: solid;
  margin-bottom: 20px;
  font-size: 20px;
  display: inline-block;
  text-align: center;
  padding: 10px;
  min-width: 240px; }
  .btn:last-child {
    margin-bottom: 0px; }
  .btn-large-text {
    font-size: 24px; }
  .btn-block {
    width: 100%;
    display: block; }
  .btn-nowidth {
    min-width: auto; }
  .btn-inline {
    margin-left: 10px;
    margin-bottom: 20px; }
    .btn-inline:first-of-type {
      margin-left: 0px; }
  .btn-primary {
    background: #0ca2c6;
    border-color: #0ca2c6;
    color: #ffffff; }
    .btn-primary__ghost {
      background: transparent;
      border-color: #0ca2c6;
      color: #0ca2c6; }
      .btn-primary__ghost:hover {
        border-color: #0ca2c6;
        background: #0ca2c6;
        color: #ffffff; }
    .btn-primary__bare {
      border: 0px;
      padding: 0px;
      text-align: left;
      color: #0ca2c6; }
      .btn-primary__bare:hover {
        color: #0b8eae; }
    .btn-primary:visited {
      background: #0ca2c6;
      border-color: #0ca2c6;
      color: #ffffff; }
    .btn-primary:hover {
      background: #0b8eae;
      border-color: #0b8eae;
      color: #ffffff; }
  .btn-accent {
    background: #dc8e18;
    border-color: #dc8e18;
    color: #ffffff; }
    .btn-accent__ghost {
      background: transparent;
      border-color: #dc8e18;
      color: #dc8e18; }
      .btn-accent__ghost:hover {
        border-color: #dc8e18;
        background: #dc8e18;
        color: #ffffff; }
    .btn-accent__bare {
      border: 0px;
      padding: 0px;
      text-align: left;
      color: #0ca2c6; }
      .btn-accent__bare:hover {
        color: #0b8eae; }
    .btn-accent:visited {
      background: #0ca2c6;
      border-color: #0ca2c6;
      color: #ffffff; }
    .btn-accent:hover {
      background: #0b8eae;
      border-color: #0b8eae;
      color: #ffffff; }
  .btn-white {
    background: #ffffff;
    border-color: #ffffff;
    color: #0ca2c6; }
    .btn-white__ghost {
      background: transparent;
      border-color: #ffffff;
      color: #ffffff; }
      .btn-white__ghost:hover {
        border-color: #ffffff;
        background: #ffffff;
        color: #0ca2c6; }
    .btn-white__bare {
      border: 0px;
      padding: 0px;
      text-align: left;
      color: #ffffff; }
      .btn-white__bare:hover {
        color: #ffffff; }
    .btn-white:visited {
      background: #ffffff;
      border-color: #ffffff;
      color: #0ca2c6; }
    .btn-white:hover {
      background: #ffffff;
      border-color: #ffffff;
      color: #0b8eae; }
  .btn-white-orange {
    background: #ffffff;
    border-color: #ffffff;
    color: #dc8e18; }
    .btn-white-orange__ghost {
      background: transparent;
      border-color: #ffffff;
      color: #ffffff; }
      .btn-white-orange__ghost:hover {
        border-color: #ffffff;
        background: #ffffff;
        color: #dc8e18; }
    .btn-white-orange__bare {
      border: 0px;
      padding: 0px;
      text-align: left;
      color: #ffffff; }
      .btn-white-orange__bare:hover {
        color: #ffffff; }
    .btn-white-orange:visited {
      background: #ffffff;
      border-color: #ffffff;
      color: #dc8e18; }
    .btn-white-orange:hover {
      background: #ffffff;
      border-color: #ffffff;
      color: #c57f15; }
  .btn-secondary {
    background: #2c3e4b;
    border-color: #2c3e4b;
    color: #ffffff; }
    .btn-secondary__ghost {
      background: transparent;
      border-color: #2c3e4b;
      color: #2c3e4b; }
      .btn-secondary__ghost:hover {
        border-color: #2c3e4b;
        background: #2c3e4b;
        color: #ffffff; }
    .btn-secondary__bare {
      border: 0px;
      padding: 0px;
      text-align: left;
      color: #2c3e4b; }
      .btn-secondary__bare:hover {
        color: #23313b; }
    .btn-secondary:visited {
      background: #2c3e4b;
      border-color: #2c3e4b;
      color: #ffffff; }
    .btn-secondary:hover {
      background: #23313b;
      border-color: #23313b;
      color: #ffffff; }
  .btn-grey {
    background: #eeeeee;
    border-color: #555555;
    color: #ffffff; }
    .btn-grey__ghost {
      background: transparent;
      border-color: #eeeeee;
      color: #555555; }
      .btn-grey__ghost:hover {
        border-color: #343434;
        background: #343434;
        color: #ffffff; }
    .btn-grey__bare {
      border: 0px;
      padding: 0px;
      text-align: left;
      color: #eeeeee; }
      .btn-grey__bare:hover {
        color: #eeeeee; }
    .btn-grey:visited {
      background: #eeeeee;
      border-color: #eeeeee;
      color: #555555; }
    .btn-grey:hover {
      background: #23313b;
      border-color: #23313b;
      color: #ffffff; }

.editorial .btn-primary-filled {
  border-radius: 5px;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-width: 3px;
  border-style: solid;
  margin-bottom: 20px;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  padding: 10px;
  min-width: 240px;
  background: #0ca2c6;
  border-color: #0ca2c6;
  color: #ffffff; }
  p .editorial .btn-primary-filled {
    padding: 0px; }
  @media only screen and (max-width: 600px) {
    .editorial .btn-primary-filled {
      width: 100%;
      margin-right: 0px;
      margin-left: 0px;
      margin-bottom: 20px; }
      .editorial .btn-primary-filled:last-child {
        margin-bottom: 0px; } }
  .editorial .btn-primary-filled:hover {
    background: #0b8eae;
    border-color: #0b8eae; }
.editorial .btn-primary-ghost {
  border-radius: 5px;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-width: 3px;
  border-style: solid;
  margin-bottom: 20px;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  padding: 10px;
  min-width: 240px;
  background: transparent;
  border-color: #0ca2c6;
  color: #0ca2c6; }
  p .editorial .btn-primary-ghost {
    padding: 0px; }
  @media only screen and (max-width: 600px) {
    .editorial .btn-primary-ghost {
      width: 100%;
      margin-right: 0px;
      margin-left: 0px;
      margin-bottom: 20px; }
      .editorial .btn-primary-ghost:last-child {
        margin-bottom: 0px; } }
  .editorial .btn-primary-ghost:hover {
    background: #0ca2c6;
    border-color: #0ca2c6;
    color: #ffffff; }
.editorial .btn-secondary-filled {
  border-radius: 5px;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-width: 3px;
  border-style: solid;
  margin-bottom: 20px;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  padding: 10px;
  min-width: 240px;
  background: #2c3e4b;
  border-color: #2c3e4b;
  color: #ffffff; }
  p .editorial .btn-secondary-filled {
    padding: 0px; }
  @media only screen and (max-width: 600px) {
    .editorial .btn-secondary-filled {
      width: 100%;
      margin-right: 0px;
      margin-left: 0px;
      margin-bottom: 20px; }
      .editorial .btn-secondary-filled:last-child {
        margin-bottom: 0px; } }
  .editorial .btn-secondary-filled:hover {
    background: #23313b;
    border-color: #23313b; }
.editorial .btn-secondary-ghost {
  border-radius: 5px;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-width: 3px;
  border-style: solid;
  margin-bottom: 20px;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  padding: 10px;
  min-width: 240px;
  background: transparent;
  border-color: #2c3e4b;
  color: #2c3e4b; }
  p .editorial .btn-secondary-ghost {
    padding: 0px; }
  @media only screen and (max-width: 600px) {
    .editorial .btn-secondary-ghost {
      width: 100%;
      margin-right: 0px;
      margin-left: 0px;
      margin-bottom: 20px; }
      .editorial .btn-secondary-ghost:last-child {
        margin-bottom: 0px; } }
  .editorial .btn-secondary-ghost:hover {
    background: #2c3e4b;
    border-color: #2c3e4b;
    color: #ffffff; }
.editorial .btn-accent-filled {
  border-radius: 5px;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-width: 3px;
  border-style: solid;
  margin-bottom: 20px;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  padding: 10px;
  min-width: 240px;
  background: #dc8e18;
  border-color: #dc8e18;
  color: #ffffff; }
  p .editorial .btn-accent-filled {
    padding: 0px; }
  @media only screen and (max-width: 600px) {
    .editorial .btn-accent-filled {
      width: 100%;
      margin-right: 0px;
      margin-left: 0px;
      margin-bottom: 20px; }
      .editorial .btn-accent-filled:last-child {
        margin-bottom: 0px; } }
  .editorial .btn-accent-filled:hover {
    background: #c57f15;
    border-color: #c57f15; }
.editorial .btn-accent-ghost {
  border-radius: 5px;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-width: 3px;
  border-style: solid;
  margin-bottom: 20px;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  padding: 10px;
  min-width: 240px;
  background: transparent;
  border-color: #dc8e18;
  color: #dc8e18; }
  p .editorial .btn-accent-ghost {
    padding: 0px; }
  @media only screen and (max-width: 600px) {
    .editorial .btn-accent-ghost {
      width: 100%;
      margin-right: 0px;
      margin-left: 0px;
      margin-bottom: 20px; }
      .editorial .btn-accent-ghost:last-child {
        margin-bottom: 0px; } }
  .editorial .btn-accent-ghost:hover {
    border-color: #c57f15;
    color: #c57f15; }

@media only screen and (max-width: 1024px) {
  .btn-group.col-offset-1 {
    margin-left: 0;
    float: none; } }
.btn-group__side .btn {
  margin-right: 10px; }
  .btn-group__side .btn:last-child {
    margin-right: 0px; }
.btn-group .btn:last-child {
  margin-bottom: 0px; }
@media only screen and (max-width: 600px) {
  .btn-group .btn {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px; }
    .btn-group .btn:last-child {
      margin-bottom: 0px; } }

.bold-grey {
  color: #d5d5d5;
  font-weight: 600;
  text-decoration: underline; }

@media only screen and (max-width: 670px) {
  .content-panel {
    text-align: center; } }
.content-panel aside ul {
  font-size: 20px;
  line-height: 33px; }
.content-panel aside p {
  font-size: 17px;
  line-height: 22px;
  font-family: "proxima-nova-extra-condensed", sans-serif; }
.content-panel--alternate .col-10 {
  float: right;
  padding-right: calc(6.25% + 10px); }
  @media only screen and (max-width: 670px) {
    .content-panel--alternate .col-10 {
      padding-right: 10px; } }
.content-panel--alternate .col-3 {
  float: left; }
@media only screen and (max-width: 1024px) {
  .content-panel .col-3, .content-panel .col-9, .content-panel .col-10, .content-panel .col-12, .content-panel .col-8, .content-panel .col-7 {
    margin-left: 0;
    width: 100%;
    margin-bottom: 30px;
    float: left; }
    .content-panel .col-3:last-child, .content-panel .col-9:last-child, .content-panel .col-10:last-child, .content-panel .col-12:last-child, .content-panel .col-8:last-child, .content-panel .col-7:last-child {
      margin-bottom: 0px; }
    .content-panel .col-3 aside [class*=btn-], .content-panel .col-9 aside [class*=btn-], .content-panel .col-10 aside [class*=btn-], .content-panel .col-12 aside [class*=btn-], .content-panel .col-8 aside [class*=btn-], .content-panel .col-7 aside [class*=btn-] {
      margin-right: 10px; }
      .content-panel .col-3 aside [class*=btn-]:last-child, .content-panel .col-9 aside [class*=btn-]:last-child, .content-panel .col-10 aside [class*=btn-]:last-child, .content-panel .col-12 aside [class*=btn-]:last-child, .content-panel .col-8 aside [class*=btn-]:last-child, .content-panel .col-7 aside [class*=btn-]:last-child {
        margin-right: 0; }
  .content-panel .col-offset-* {
    margin-left: 0; } }

.image-panel {
  position: relative; }
  .image-panel .editorial {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    @media only screen and (max-width: 800px) {
      .image-panel .editorial {
        top: 0%;
        transform: translateY(0%);
        padding: 40px 20px; }
        .image-panel .editorial p {
          width: 90%; } }
    @media only screen and (max-width: 800px) and (max-width: 600px) {
      .image-panel .editorial p {
        width: 100%; } }

  .image-panel--alternate .col-8 {
    float: right; }
  @media only screen and (max-width: 800px) {
    .image-panel .col-6, .image-panel .col-8 {
      width: 100%;
      margin-left: 0; } }

.globe-list {
  position: relative; }
  @media only screen and (max-width: 800px) {
    .globe-list h1.large {
      font-size: 75px; } }
  @media only screen and (max-width: 740px) {
    .globe-list h1.large {
      font-size: 90px;
      margin-bottom: 30px; } }
  @media only screen and (max-width: 740px) {
    .globe-list .col-third {
      width: 100%; } }
  .globe-list .globe {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    height: 300px;
    width: 300px;
    padding: 0px 20px;
    color: #0ca2c6;
    position: relative; }
    @media only screen and (max-width: 1024px) {
      .globe-list .globe {
        height: 270px;
        width: 270px; } }
    @media only screen and (max-width: 800px) {
      .globe-list .globe {
        height: 220px;
        width: 220px; } }
    @media only screen and (max-width: 740px) {
      .globe-list .globe {
        height: 300px;
        width: 300px;
        float: none !important;
        margin: auto;
        margin-bottom: 100px; } }
    @media only screen and (max-width: 320px) {
      .globe-list .globe {
        height: 280px;
        width: 280px; } }
    .globe-list .globe:after {
      content: "";
      position: absolute;
      bottom: -40px;
      background: rgba(0, 0, 0, 0.15);
      height: 15px;
      width: 200px;
      border-radius: 50%;
      left: 50%;
      transform: translateX(-50%); }
    .globe-list .globe .info {
      display: block;
      margin-top: 10px;
      font-size: 30px;
      line-height: 1; }
      @media only screen and (max-width: 1024px) {
        .globe-list .globe .info {
          font-size: 25px; } }
      @media only screen and (max-width: 800px) {
        .globe-list .globe .info {
          font-size: 20px; } }
      @media only screen and (max-width: 740px) {
        .globe-list .globe .info {
          font-size: 25px; } }
    .strip-primary .globe-list .globe {
      color: #ffffff; }

.strip {
  padding: 44px 0px;
  position: relative; }
  .strip-primary {
    background: #0ca2c6;
    color: #ffffff;
    padding-bottom: 88px; }
  .strip-secondary {
    background: #2c3e4b;
    color: #ffffff;
    padding-bottom: 88px; }
  .strip-accent {
    background: #dc8e18;
    color: #ffffff;
    padding-bottom: 88px; }
  .strip-grey {
    background: #555555;
    color: #ffffff;
    padding: 88px 0px; }
  .strip-lgrey {
    background: #eeeeee;
    padding: 88px 0px; }
  .strip-npb {
    padding-bottom: 0px; }
  .strip-npt {
    padding-top: 0px; }
  .strip-animate {
    display: none; }

.strip + footer {
  margin-top: 44px; }

.strip + .strip-grey, .strip + .strip-lgrey {
  margin-top: 44px; }

.strip-grey + .strip, .strip-lgrey + .strip {
  margin-top: 44px; }

.event-banner + .strip {
  margin-top: 0px !important; }

.strip-grey + footer, .strip-lgrey + footer {
  margin-top: 0px !important; }

.strip-grey + .strip-lgrey, .strip-lgrey + .strip-grey {
  margin-top: 0px !important; }

div .strip + footer {
  margin-top: 44px; }

div .strip + div .strip-grey, div .strip + div .strip-lgrey {
  margin-top: 44px; }

div .strip-grey + div .strip, div .strip-lgrey + div .strip {
  margin-top: 44px; }

div .image-slider + div .strip {
  margin-top: 44px; }

div .event-banner + div .strip {
  margin-top: 0px !important; }

div .strip-grey + footer, div .strip-lgrey + footer {
  margin-top: 0px !important; }

div .strip-grey + div .strip-lgrey, div .strip-lgrey + div .strip-grey {
  margin-top: 0px !important; }

.tags {
  color: #dc8e18 !important;
  margin-top: 40px; }
  .tags a {
    border-bottom-width: 2px; }
  @media only screen and (max-width: 670px) {
    .tags {
      font-size: 18px;
      line-height: 25px; } }

.blog-sub-title {
  font-weight: 300;
  font-size: 20px;
  margin-bottom: 30px; }

.overlay:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
  z-index: 2; }

.controls-outside {
  margin-bottom: 44px; }

.image-bg,
.image-slider {
  position: relative; }
  .image-bg .v-align-transform,
  .image-slider .v-align-transform {
    top: 53%; }
  .image-bg h1,
  .image-slider h1 {
    position: relative;
    text-transform: uppercase; }
    @media only screen and (max-width: 667px) {
      .image-bg h1,
      .image-slider h1 {
        font-size: 38px;
        line-height: 40px; } }
    .image-bg h1.has-icon,
    .image-slider h1.has-icon {
      padding-left: 100px; }
      .image-bg h1.has-icon:before,
      .image-slider h1.has-icon:before {
        font-size: 75px;
        line-height: 0;
        bottom: 57px;
        position: absolute;
        left: 0;
        margin-right: 20px; }
      @media only screen and (max-width: 1024px) {
        .image-bg h1.has-icon,
        .image-slider h1.has-icon {
          padding-left: 0; }
          .image-bg h1.has-icon:before,
          .image-slider h1.has-icon:before {
            display: none; } }
  @media only screen and (max-width: 667px) {
    .image-bg p,
    .image-slider p {
      font-size: 18px;
      line-height: 25px; } }

@media only screen and (max-width: 767px) {
  section.image-slider {
    padding: 0; } }

@media only screen and (max-width: 670px) {
  .partner-logo {
    width: 25vw;
    margin: auto; }
    .partner-logo img {
      width: 100%; } }
.parallax &gt; .background-image-holder,
.parallax .slides li &gt; .background-image-holder {
  top: -30px !important; }

.cms-amend .background-image-holder,
.cms-amend .slides li &gt; .background-image-holder {
  height: 100% !important; }

.related-list {
  font-family: "proxima-nova-extra-condensed", sans-serif; }
  .related-list--grid .related-item {
    background: #ffffff;
    display: block;
    height: 300px;
    border: 2px solid #d5d8db;
    padding: 0px 40px;
    margin-bottom: 20px; }
    .related-list--grid .related-item span {
      color: #2c3e4b;
      opacity: 0.4;
      font-weight: 700; }
    .related-list--grid .related-item:hover {
      border: 2px solid #dc8e18;
      background: #dc8e18; }
      .related-list--grid .related-item:hover span, .related-list--grid .related-item:hover h4 {
        color: #ffffff; }

.grid-view {
  font-family: "proxima-nova-extra-condensed", sans-serif; }
  .grid-view h3 {
    margin-bottom: 5px; }
  .grid-view .stadium-item {
    overflow: hidden; }
    .grid-view .stadium-item:hover {
      color: #cccccc; }
      .grid-view .stadium-item:hover .alpha {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.7) !important;
        -webkit-transition: 0.3s, ease-in, all;
        -moz-transition: 0.3s, ease-in, all;
        -ms-transition: 0.3s, ease-in, all;
        -o-transition: 0.3s, ease-in, all;
        transition: 0.3s, ease-in, all; }
    @media only screen and (max-width: 1170px) {
      .grid-view .stadium-item .btn {
        min-width: 100% !important;
        font-size: 18px; } }
    @media only screen and (max-width: 1024px) {
      .grid-view .stadium-item {
        width: 25%; }
        .grid-view .stadium-item .alpha-all {
          opacity: 1; }
        .grid-view .stadium-item .valign-element {
          top: 100%;
          transform: translateY(-100%);
          padding: 20px; }
        .grid-view .stadium-item h3 {
          font-size: 23px;
          line-height: 33px; } }
    @media only screen and (max-width: 768px) {
      .grid-view .stadium-item {
        width: 33.333337%; } }
    @media only screen and (max-width: 600px) {
      .grid-view .stadium-item {
        width: 50%; } }
    @media only screen and (max-width: 450px) {
      .grid-view .stadium-item {
        width: 100%; } }
  .grid-view .work-item:hover .alpha {
    opacity: 1;
    -webkit-transition: 0.3s, ease-in, all;
    -moz-transition: 0.3s, ease-in, all;
    -ms-transition: 0.3s, ease-in, all;
    -o-transition: 0.3s, ease-in, all;
    transition: 0.3s, ease-in, all; }
  @media only screen and (max-width: 1024px) {
    .grid-view .work-item .alpha-all {
      opacity: 1; }
    .grid-view .work-item .valign-element {
      top: 100%;
      transform: translateY(-100%);
      padding: 20px; }
    .grid-view .work-item h3 {
      font-size: 23px;
      line-height: 33px; } }
  @media only screen and (max-width: 768px) {
    .grid-view .work-item {
      width: 33.33334%; } }
  @media only screen and (max-width: 600px) {
    .grid-view .work-item {
      width: 100%;
      margin-bottom: 20px; } }
  .grid-view .related-item a {
    display: block; }
    .grid-view .related-item a:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.2);
      -webkit-transition: 0.3s, all, ease-out;
      -moz-transition: 0.3s, all, ease-out;
      -ms-transition: 0.3s, all, ease-out;
      -o-transition: 0.3s, all, ease-out;
      transition: 0.3s, all, ease-out; }
    .grid-view .related-item a:hover {
      background: red !important;
      /* &amp;:before {
          background: rgba(0, 0, 0, 0);
      } */ }
  .grid-view .related-item:hover {
    background: red; }
  .grid-view .blog-item {
    margin-bottom: 20px; }
  .grid-view img {
    display: block;
    width: 100%; }
    .grid-view img.ico {
      width: auto; }
  .grid-view .image-tile {
    font-family: "proxima-nova-extra-condensed", sans-serif;
    position: relative; }
    .grid-view .image-tile h3 {
      margin: 0px; }
    .grid-view .image-tile span {
      text-transform: uppercase;
      font-size: 17px;
      letter-spacing: 1px; }
      @media only screen and (max-width: 1024px) {
        .grid-view .image-tile span {
          font-size: 15px; } }
  .grid-view .title-item h2 {
    font-size: 60px; }
    @media only screen and (max-width: 1170px) {
      .grid-view .title-item h2 {
        font-size: 45px;
        padding: 0 !important;
        margin: 0; } }
    @media only screen and (max-width: 450px) {
      .grid-view .title-item h2 {
        font-size: 60px; } }
  .grid-view .title-item span {
    font-size: 20px;
    font-family: "proxima-nova", sans-serif;
    text-transform: capitalize;
    text-align: left;
    color: #08677e; }
    @media only screen and (max-width: 1170px) {
      .grid-view .title-item span {
        font-size: 16px; } }
    @media only screen and (max-width: 850px) {
      .grid-view .title-item span {
        font-size: 14px; } }
    @media only screen and (max-width: 450px) {
      .grid-view .title-item span {
        font-size: 20px; } }
  @media only screen and (max-width: 1170px) {
    .grid-view .title-item img.ico {
      width: 40%; } }
  @media only screen and (max-width: 667px) {
    .grid-view .title-item img.ico {
      width: 30%; } }
  .grid-view .title-item .valign-element {
    top: 33%; }
    @media only screen and (max-width: 1024px) {
      .grid-view .title-item .valign-element {
        top: 45%; } }
    @media only screen and (max-width: 850px) {
      .grid-view .title-item .valign-element {
        padding: 0 !important; } }

.icon-row a {
  display: block;
  padding: 0px 50px;
  border: 2px solid #555555;
  border-radius: 4px; }
  @media only screen and (max-width: 1024px) {
    .icon-row a {
      padding: 0px 35px; } }
  @media only screen and (max-width: 768px) {
    .icon-row a {
      padding: 0px 15px; } }
  @media only screen and (max-width: 650px) {
    .icon-row a {
      padding: 0px 10px; } }
  @media only screen and (max-width: 600px) {
    .icon-row a {
      padding: 0px 50px; } }
  @media only screen and (max-width: 500px) {
    .icon-row a {
      padding: 0px 10px; } }
  @media only screen and (max-width: 400px) {
    .icon-row a {
      padding: 0px 30px; } }
  .icon-row a:hover {
    opacity: 1;
    border: 2px solid rgba(255, 255, 255, 0.2); }
    .icon-row a:hover img {
      opacity: 1;
      -webkit-transition: 0.3s, all, ease-in;
      -moz-transition: 0.3s, all, ease-in;
      -ms-transition: 0.3s, all, ease-in;
      -o-transition: 0.3s, all, ease-in;
      transition: 0.3s, all, ease-in; }
.icon-row img {
  width: 100%;
  opacity: 0.5;
  -webkit-transition: 0.3s, all, ease-in;
  -moz-transition: 0.3s, all, ease-in;
  -ms-transition: 0.3s, all, ease-in;
  -o-transition: 0.3s, all, ease-in;
  transition: 0.3s, all, ease-in; }
.icon-row .col-4:nth-last-child(1) .icon-item.mb-2, .icon-row .col-4:nth-last-child(2) .icon-item.mb-2, .icon-row .col-4:nth-last-child(3) .icon-item.mb-2, .icon-row .col-4:nth-last-child(4) .icon-item.mb-2 {
  margin-bottom: 0px; }
.icon-row .col-third:nth-last-child(1) .icon-item.mb-2, .icon-row .col-third:nth-last-child(2) .icon-item.mb-2, .icon-row .col-third:nth-last-child(3) .icon-item.mb-2 {
  margin-bottom: 0px; }
@media only screen and (max-width: 600px) {
  .icon-row .col-4 {
    width: 50%; } }
@media only screen and (max-width: 400px) {
  .icon-row .col-4 {
    width: 100%; } }

.instagram-list .instafeed ul li {
  width: 20%;
  padding: 0px; }
  @media only screen and (max-width: 800px) {
    .instagram-list .instafeed ul li {
      width: 25%; } }
  @media only screen and (max-width: 600px) {
    .instagram-list .instafeed ul li {
      width: 33.333337%; } }
  @media only screen and (max-width: 480px) {
    .instagram-list .instafeed ul li {
      width: 50%; } }
  @media only screen and (max-width: 320px) {
    .instagram-list .instafeed ul li {
      width: 100%; } }
  .instagram-list .instafeed ul li img {
    width: 100%;
    display: block; }
.instagram-list .instafeed-small ul li {
  width: 10%; }

.position {
  position: absolute;
  width: 100%; }
  .position-all {
    top: 0px;
    height: 100%; }
  .position-bottom {
    bottom: 0px; }

.text-bg {
  text-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
  font-size: 175px;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-weight: 700; }
  @media only screen and (max-width: 1024px) {
    .text-bg {
      line-height: 1;
      font-size: 140px; } }
  @media only screen and (max-width: 800px) {
    .text-bg {
      line-height: 1;
      font-size: 100px; } }
  @media only screen and (max-width: 500px) {
    .text-bg {
      display: none; } }
  .text-bg-grey {
    color: #555555; }

.hide-all {
  display: none; }
@media only screen and (max-width: 670px) {
  .hide-mobile {
    display: none; } }

.alpha {
  -webkit-transition: 0.3s, ease-in, all;
  -moz-transition: 0.3s, ease-in, all;
  -ms-transition: 0.3s, ease-in, all;
  -o-transition: 0.3s, ease-in, all;
  transition: 0.3s, ease-in, all; }
  .alpha-all {
    opacity: 0; }

.social-badges-black a {
  display: inline-block;
  background: #555555;
  color: #ffffff;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  line-height: 2;
  margin-right: 5px; }
  .social-badges-black a:last-child {
    margin-right: 0px; }
.social-badges-white a {
  display: inline-block;
  background: #ffffff;
  color: #ffffff;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 2.2;
  margin-right: 5px;
  text-align: center;
  font-size: 20px;
  -moz-transition: none;
  -webkit-transition: none;
  -ms-transition: none;
  -o-transition: color 0 ease-in;
  transition: none; }
  .social-badges-white a:last-child {
    margin-right: 0px; }
  .social-badges-white a .ti-facebook {
    color: #3b5998; }
  .social-badges-white a .ti-twitter-alt {
    color: #4099ff; }
  .social-badges-white a .ti-instagram {
    color: #125688; }
  .social-badges-white a .ti-youtube {
    color: #bb0000; }
  .social-badges-white a .ti-linkedin {
    color: #0177B5; }

.align-bottom h5 {
  font-weight: 100;
  letter-spacing: 1px; }

.data-item {
  margin-bottom: 50px; }
  .data-item img {
    display: block; }
  .data-item p {
    font-size: 20px; }
  .data-item h4 {
    margin-bottom: 5px; }
    .data-item h4 a {
      color: #555555; }
      .data-item h4 a:hover {
        color: #0ca2c6; }
  .data-item .data-entry {
    padding: 0px 20px;
    padding-bottom: 0px; }
  .data-item p.tags {
    padding: 0px 20px;
    margin: 0; }
    .data-item p.tags a {
      border: none;
      font-family: "proxima-nova-extra-condensed", sans-serif; }

p.date {
  color: #555555;
  color: #b1b1b1;
  font-size: 14px; }

.col-4:nth-last-child(1) .data-item, .col-4:nth-last-child(2) .data-item, .col-4:nth-last-child(3) .data-item, .col-4:nth-last-child(4) .data-item {
  margin-bottom: 20px; }

.col-third:nth-last-child(1) .data-item, .col-third:nth-last-child(2) .data-item, .col-third:nth-last-child(3) .data-item {
  margin-bottom: 20px; }

@media only screen and (max-width: 767px) {
  .sticky-anchor {
    display: none; } }
.sticky-anchor ul {
  display: inline-table;
  margin-bottom: 0px; }
  .sticky-anchor ul li {
    height: auto !important;
    min-height: 0 !important;
    float: left;
    margin-right: 15px;
    position: relative; }
    .sticky-anchor ul li:last-child {
      margin-right: 0px; }
    .sticky-anchor ul li.selected:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(136, 183, 213, 0);
      border-top-color: #0ca2c6;
      border-width: 10px;
      margin-left: -10px; }
    .sticky-anchor ul li.selected a {
      background: #0ca2c6;
      color: #ffffff; }
.sticky-anchor a {
  border-radius: 5px;
  border: 2px solid #0ca2c6;
  padding: 5px 30px;
  color: #0ca2c6;
  margin-right: 10px;
  text-transform: uppercase;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  display: inline-block; }
  .sticky-anchor a:hover {
    background: #0ca2c6;
    color: #ffffff; }
  .sticky-anchor a:last-child {
    margin-right: 0px; }

.sticky-nav {
  top: -80px;
  z-index: 999;
  position: fixed;
  width: 100%;
  left: 0px;
  background: rgba(255, 255, 255, 0.95);
  padding: 15px;
  text-align: center;
  -webkit-transition: all, 0.3s, ease-in;
  -moz-transition: all, 0.3s, ease-in;
  -ms-transition: all, 0.3s, ease-in;
  -o-transition: all, 0.3s, ease-in;
  transition: all, 0.3s, ease-in; }
  @media only screen and (max-width: 767px) {
    .sticky-nav {
      display: none; } }
  .sticky-nav.show {
    top: 0px; }
  .sticky-nav a {
    border: 0px;
    font-size: 15px;
    padding: 5px 30px;
    display: inline-block; }

.sticky-nav .sticky-logo {
  width: 176px;
  position: absolute;
  left: 0px;
  top: 20px; }
.sticky-nav .text {
  fill: #898d90;
  display: none; }
.sticky-nav .bottom {
  opacity: 0.3;
  fill: #000; }
.sticky-nav .middle {
  opacity: 0.5;
  fill: #000; }
.sticky-nav .top {
  opacity: 0.9;
  fill: #dc8e18; }

.next-prev a {
  display: block;
  font-size: 27px;
  padding: 30px 90px 30px 90px;
  position: relative;
  -webkit-transition: all, 0.3s, ease-in;
  -moz-transition: all, 0.3s, ease-in;
  -ms-transition: all, 0.3s, ease-in;
  -o-transition: all, 0.3s, ease-in;
  transition: all, 0.3s, ease-in; }
  @media only screen and (max-width: 800px) {
    .next-prev a {
      padding: 20px 40px; } }
  @media only screen and (max-width: 700px) {
    .next-prev a {
      font-size: 20px;
      line-height: 22px; } }
  .next-prev a:hover {
    background: #eeeeee; }
  .next-prev a h2 {
    color: #555555; }
    @media only screen and (max-width: 700px) {
      .next-prev a h2 {
        font-size: 33px;
        line-height: 44px; } }
  .next-prev a.prev {
    border-right: 1px solid #eeeeee;
    padding-left: 120px; }
    @media only screen and (max-width: 800px) {
      .next-prev a.prev {
        padding-left: 40px; } }
    .next-prev a.prev:before {
      content: "\e64a";
      font-family: 'themify';
      position: absolute;
      bottom: 40px;
      left: 70px;
      opacity: 0;
      -webkit-transition: all, 0.3s, ease-in;
      -moz-transition: all, 0.3s, ease-in;
      -ms-transition: all, 0.3s, ease-in;
      -o-transition: all, 0.3s, ease-in;
      transition: all, 0.3s, ease-in; }
      @media only screen and (max-width: 800px) {
        .next-prev a.prev:before {
          display: none; } }
    .next-prev a.prev:hover {
      -webkit-transition: all, 0.3s, ease-in;
      -moz-transition: all, 0.3s, ease-in;
      -ms-transition: all, 0.3s, ease-in;
      -o-transition: all, 0.3s, ease-in;
      transition: all, 0.3s, ease-in; }
      .next-prev a.prev:hover:before {
        opacity: 1;
        left: 90px; }
  .next-prev a.next {
    border-left: 1px solid #eeeeee;
    padding-right: 120px; }
    @media only screen and (max-width: 800px) {
      .next-prev a.next {
        padding-right: 40px; } }
    .next-prev a.next:after {
      content: "\e649";
      font-family: 'themify';
      position: absolute;
      bottom: 40px;
      right: 70px;
      opacity: 0;
      -webkit-transition: all, 0.3s, ease-in;
      -moz-transition: all, 0.3s, ease-in;
      -ms-transition: all, 0.3s, ease-in;
      -o-transition: all, 0.3s, ease-in;
      transition: all, 0.3s, ease-in; }
      @media only screen and (max-width: 800px) {
        .next-prev a.next:after {
          display: none; } }
    .next-prev a.next:hover {
      -webkit-transition: all, 0.3s, ease-in;
      -moz-transition: all, 0.3s, ease-in;
      -ms-transition: all, 0.3s, ease-in;
      -o-transition: all, 0.3s, ease-in;
      transition: all, 0.3s, ease-in; }
      .next-prev a.next:hover:after {
        opacity: 1;
        right: 90px; }

.top-of-page {
  position: fixed;
  right: 20px;
  bottom: -20px;
  z-index: 999;
  -webkit-transition: all, 0.5s, ease-in;
  -moz-transition: all, 0.5s, ease-in;
  -ms-transition: all, 0.5s, ease-in;
  -o-transition: all, 0.5s, ease-in;
  transition: all, 0.5s, ease-in;
  opacity: 0; }
  .top-of-page a {
    background: #000000;
    padding: 10px 15px;
    text-align: center;
    color: #0ca2c6;
    font-size: 30px;
    border-radius: 3px;
    display: block; }
    .top-of-page a:hover {
      background: #0ca2c6;
      color: #ffffff; }
  .top-of-page.is-bottom {
    opacity: 1;
    bottom: 20px; }

/*!---------- 27. VIDEO ----------*/
video:-webkit-full-screen,
audio:-webkit-full-screen {
  -webkit-transform: translateY(0%); }

iframe {
  border: none; }

.player {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

@media all and (max-width: 767px) {
  .player {
    display: none; } }
.vid-bg {
  background: #222; }

.vid-bg .background-image-holder {
  display: none;
  z-index: 0; }

.vid-bg .masonry-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px; }

.vid-bg .container.fadeOut {
  opacity: 0; }

@media all and (max-width: 1024px) {
  .vid-bg .background-image-holder {
    display: block; }

  .vid-bg .player {
    display: none; }

  .vid-bg .container.fadeOut {
    opacity: 1; }

  .vid-bg .masonry-loader {
    display: none; } }
video {
  max-width: 100%; }

.local-video-container {
  position: relative;
  margin-bottom: 24px; }

.local-video-container video {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }

.local-video-container .background-image-holder {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  top: 0;
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.26); }

.background-image-holder.fadeout {
  opacity: 0 !important;
  z-index: 0; }

@media all and (max-width: 767px) {
  video {
    max-width: 100% !important; } }
.play-button {
  width: 80px;
  height: 80px;
  border: 2px solid #fff;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
  z-index: 4;
  border-radius: 50%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  cursor: pointer; }

.play-button:before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -5px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 14px;
  border-color: transparent transparent transparent #ffffff; }

.play-button:hover {
  transform: scale(0.95);
  -webkit-transform: scale(0.95); }

.play-button.dark {
  border-color: #292929; }

.play-button.dark:before {
  border-color: transparent transparent transparent #292929; }

@media all and (max-width: 767px) {
  .play-button {
    width: 65px;
    height: 65px;
    margin-top: -32px; }

  .play-button:before {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    margin-left: -8px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 20.0px;
    border-color: transparent transparent transparent #fff; } }
.play-button.large {
  height: 120px;
  width: 120px;
  margin-top: -60px;
  margin-left: -60px; }

.play-button.large:before {
  margin-top: -18px;
  margin-left: -10px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 31.0px;
  border-color: transparent transparent transparent #ffffff; }

.play-button.large.dark:before {
  border-color: transparent transparent transparent #292929; }

.play-button.inline {
  position: relative;
  top: 0;
  left: 0;
  margin-top: 0;
  margin-left: 0;
  display: inline-block;
  z-index: 0; }

@media all and (max-width: 767px) {
  .play-button.large {
    width: 90px;
    height: 90px;
    margin-top: -45px; }

  .play-button.large:before {
    margin-top: -14px;
    margin-left: -8px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 25.0px;
    border-color: transparent transparent transparent #fff; } }
.modal-video {
  position: fixed;
  visibility: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
  z-index: -1; }

.modal-video video {
  margin: 0 auto;
  width: 675px;
  display: block;
  top: 50%;
  position: relative;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }

.modal-video.reveal-modal {
  opacity: 1;
  z-index: 999999;
  visibility: visible; }

.modal-video iframe {
  position: absolute;
  width: 768px;
  height: 432px;
  left: 50%;
  margin-left: -384px;
  margin-top: -216px;
  top: 50%;
  border: none; }

.modal-video .ti-close {
  font-size: 24px;
  position: absolute;
  top: 32px;
  right: 32px;
  color: #fff;
  cursor: pointer; }

@media all and (max-width: 990px) {
  .modal-video iframe {
    width: 640px;
    height: 360px;
    margin-left: -320px;
    margin-top: -160px; } }
@media all and (max-width: 767px) {
  .modal-video video {
    width: 100%;
    padding: 0 15px; }

  .modal-video iframe {
    width: 100%;
    margin-left: -50%; } }
.fs-video-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

.fs-video-wrapper video {
  position: absolute;
  width: 100%;
  left: 0; }

.embed-video-container {
  width: 100%;
  position: relative;
  display: inline-block; }

.embed-video-container iframe {
  border: none;
  width: 100%;
  height: 312px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }

.modal-video .embed-video-container {
  width: 80%;
  max-height: 800px; }

@media all and (max-width: 767px) {
  .embed-video-container iframe {
    height: 200px; } }
.fs-vid-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2; }

.fs-vid-background video {
  object-fit: cover;
  width: 100%;
  height: 100%; }

.overlay .fs-vid-background:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #222222;
  opacity: 0.5;
  z-index: 2; }

@media all and (max-width: 1024px) {
  .fs-vid-background {
    display: none; } }
.fullscreen {
  height: 100vh; }

/* .overlay:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #292929;
  opacity: 0.3;
  z-index: 2;
} */
/* .video-embed {
    iframe {
        width: 100%;
        //height:65vh;
    }
}
 */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.list ul {
  list-style: none;
  margin: 0px;
  margin-top: 8px;
  margin-bottom: 30px;
  padding: 0px;
  line-height: 33px; }

blockquote {
  font-family: "proxima-nova", sans-serif;
  letter-spacing: 0.5px;
  font-size: 42px;
  line-height: 55px;
  margin-bottom: 0;
  color: #535353;
  position: relative; }
  @media only screen and (max-width: 1024px) {
    blockquote {
      font-size: 38px;
      line-height: 44px; } }
  @media only screen and (max-width: 800px) {
    blockquote {
      font-size: 32px;
      line-height: 40px; } }
  .strip-primary blockquote, .strip-grey blockquote {
    color: #ffffff; }
  blockquote:after {
    content: attr(author);
    font-family: "proxima-nova-extra-condensed", sans-serif;
    font-weight: 700;
    color: #dc8e18;
    font-size: 17px;
    display: block;
    margin-top: 15px;
    text-transform: uppercase; }
    .strip-primary blockquote:after, .strip-grey blockquote:after {
      color: #ffffff; }
  blockquote.text-center .quote:before {
    content: attr(databefore);
    font-family: "proxima-nova", sans-serif;
    position: relative;
    left: auto; }
  @media only screen and (max-width: 670px) {
    blockquote {
      text-align: center; } }

@media only screen and (max-width: 1024px) {
  .col-14.col-offset-1 {
    margin-left: 0; }

  .col-offset-1.col-14 {
    width: 100%; } }
@media only screen and (max-width: 670px) {
  .header-group {
    text-align: center !important; } }
.header-group--center {
  text-align: center; }
.header-group p {
  color: #0ca2c6; }
  @media only screen and (max-width: 800px) {
    .header-group p.lead {
      font-size: 24px;
      line-height: 33px; } }
  .strip-grey .header-group p .lead {
    opacity: 0.5; }
  .strip-primary .header-group p {
    color: #ffffff; }
@media only screen and (max-width: 1024px) {
  .header-group .col-offset-1,
  .header-group .col-offset-2 {
    margin-left: 0; } }
@media only screen and (max-width: 768px) {
  .header-group {
    text-align: center !important; }
    .header-group .pull-left,
    .header-group .pull-right {
      float: none !important; }
    .header-group h2 {
      text-align: center; }
    .header-group .btn {
      margin: 0 auto; } }

aside .editorial ul {
  margin-left: 0px; }
  aside .editorial ul li {
    padding-left: 0px; }
  aside .editorial ul li:before {
    display: none; }
.editorial p a,
.editorial ul a {
  color: #0ca2c6;
  border-bottom: 1px dotted #0ca2c6; }
@media only screen and (max-width: 1024px) {
  .editorial ul {
    margin-bottom: 40px; } }
.editorial ul li {
  line-height: 33px;
  padding-left: 30px;
  position: relative; }
  @media only screen and (max-width: 670px) {
    .editorial ul li {
      padding-left: 0; } }
  .editorial ul li:before {
    content: "";
    height: 10px;
    width: 10px;
    background: #0ca2c6;
    border-radius: 2px;
    position: absolute;
    left: 10px;
    top: 11px;
    border-radius: 50%; }
    @media only screen and (max-width: 940px) {
      .editorial ul li:before {
        top: 8px; } }
    @media only screen and (max-width: 670px) {
      .editorial ul li:before {
        position: relative;
        display: block;
        text-align: center;
        left: auto;
        margin: 10px auto; } }
.editorial ul {
  font-size: 20px; }
  .editorial ul.split {
    overflow: hidden;
    margin-top: 40px; }
    .editorial ul.split li {
      width: 50%;
      float: left;
      padding: 0px 10px 0px 30px;
      position: relative; }
      @media only screen and (max-width: 670px) {
        .editorial ul.split li {
          padding-left: 0; } }
      .editorial ul.split li:before {
        left: 10px; }
      @media only screen and (max-width: 768px) {
        .editorial ul.split li {
          width: 100%;
          float: none; } }
.editorial .base,
.editorial [class*='col-'] {
  width: 100%; }
.editorial [class*='col-offset-'] {
  margin-left: 0; }
.editorial .strip {
  padding: 28px 0px; }
.editorial blockquote {
  font-size: 34px;
  line-height: 44px; }
.editorial-event ul li:before {
  content: "";
  height: 10px;
  width: 10px;
  background: #555555;
  border-radius: 2px;
  left: auto;
  top: 11px;
  display: block;
  margin: 10px auto 20px auto;
  position: relative; }

.blog-detail {
  position: relative; }
  p .blog-detail img {
    margin: 30px 0px; }

h5 + ul,
h4 + ul {
  margin-top: 10px !important; }

.strip-grey .form input,
.strip-grey .form textarea,
.strip-grey .form select {
  opacity: 0.5; }
  .strip-grey .form input:focus,
  .strip-grey .form textarea:focus,
  .strip-grey .form select:focus {
    background: #ffffff;
    opacity: 1; }
.form label {
  display: block;
  text-transform: uppercase;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  margin-bottom: 8px;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
  color: #888888; }
.form textarea {
  resize: vertical; }
.form input,
.form textarea,
.form select,
.form .dropdown {
  background: #eeeeee;
  border-bottom: 1px solid #d5d8db;
  border-top: 1px solid #d5d8db;
  border-left: 1px solid #d5d8db;
  border-right: 1px solid #d5d8db;
  border-radius: 3px;
  outline: none;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  color: #2c3e4b;
  font-size: 20px;
  text-transform: uppercase;
  color: #888888;
  -webkit-transition: all, 0.3s, ease-in;
  -moz-transition: all, 0.3s, ease-in;
  -ms-transition: all, 0.3s, ease-in;
  -o-transition: all, 0.3s, ease-in;
  transition: all, 0.3s, ease-in; }
  .form input::-webkit-input-placeholder,
  .form textarea::-webkit-input-placeholder,
  .form select::-webkit-input-placeholder,
  .form .dropdown::-webkit-input-placeholder {
    color: #aeaeae; }
  .form input:-moz-placeholder,
  .form textarea:-moz-placeholder,
  .form select:-moz-placeholder,
  .form .dropdown:-moz-placeholder {
    color: #aeaeae; }
  .form input::-moz-placeholder,
  .form textarea::-moz-placeholder,
  .form select::-moz-placeholder,
  .form .dropdown::-moz-placeholder {
    color: #aeaeae; }
  .form input:-ms-input-placeholder,
  .form textarea:-ms-input-placeholder,
  .form select:-ms-input-placeholder,
  .form .dropdown:-ms-input-placeholder {
    color: #aeaeae; }
  .form input:focus,
  .form textarea:focus,
  .form select:focus,
  .form .dropdown:focus {
    background: #c7cbcf;
    border: 0px;
    border-bottom: 2px solid #d5d8db; }
.form input,
.form textarea {
  margin-bottom: 40px; }
.form .select-option i {
  top: 18px;
  color: #2c3e4b; }
.form .dropdown {
  position: relative;
  background-image: url("img/ico-angle-down.png");
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 95% center;
  cursor: pointer;
  padding-right: 10px; }
  .form .dropdown select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border: none;
    outline: none;
    width: 100%;
    cursor: pointer;
    height: 48px; }
  .form .dropdown select::-ms-expand {
    display: none; }
.form .cal {
  position: relative; }
  .form .cal img {
    position: absolute;
    top: 12px;
    left: 10px;
    cursor: pointer; }
  .form .cal input {
    padding-left: 40px; }

.close-option {
  width: 40px;
  text-align: center; }
  .close-option:after {
    content: "Close";
    font-family: "proxima-nova-extra-condensed", sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px; }
  .close-option i {
    font-size: 30px;
    cursor: pointer;
    -webkit-transition: all, 0.3s, ease-in;
    -moz-transition: all, 0.3s, ease-in;
    -ms-transition: all, 0.3s, ease-in;
    -o-transition: all, 0.3s, ease-in;
    transition: all, 0.3s, ease-in; }
    .close-option i:hover {
      color: #0ca2c6; }

.stadium-form .btn {
  font-size: 19px;
  line-height: 1.3;
  min-width: 220px !important; }
@media only screen and (max-width: 1024px) {
  .stadium-form .col-4 {
    width: 33.3%; }
    .stadium-form .col-4:last-of-type {
      width: 100% !important; } }
@media only screen and (max-width: 600px) {
  .stadium-form .col-4 {
    width: 50%; }
    .stadium-form .col-4:last-of-type {
      width: 100% !important; } }
@media only screen and (max-width: 500px) {
  .stadium-form .col-4 {
    width: 100%;
    padding-top: 10px; }
    .stadium-form .col-4:last-of-type {
      width: 100% !important;
      padding-top: 0; } }

.valid {
  position: relative; }
  .valid.invalid input,
  .valid.invalid textarea,
  .valid.invalid select,
  .valid.invalid .dropdown {
    border-bottom: 1px solid #bb0000;
    border-top: 1px solid #bb0000;
    border-left: 1px solid #bb0000;
    border-right: 1px solid #bb0000;
    border-radius: 3px 3px 0 0; }
  .valid span {
    display: none;
    color: #ffffff;
    background-color: #bb0000;
    padding: 5px 10px;
    position: absolute;
    top: 76px;
    width: 100%;
    font-size: 12px; }
    .valid span.field-validation-valid {
      display: none; }

input.btn-accent {
  background: #dc8e18;
  border-color: #dc8e18;
  border-width: 2px;
  color: #ffffff; }
  input.btn-accent__ghost {
    background: transparent;
    border-color: #dc8e18;
    color: #dc8e18; }
    input.btn-accent__ghost:hover {
      border-color: #dc8e18;
      background: #dc8e18;
      color: #ffffff; }
  input.btn-accent__bare {
    border: 0px;
    padding: 0px;
    text-align: left;
    color: #0ca2c6; }
    input.btn-accent__bare:hover {
      color: #0b8eae; }
  input.btn-accent:visited {
    background: #0ca2c6;
    border-color: #0ca2c6;
    color: #ffffff; }
  input.btn-accent:hover {
    background: #0b8eae;
    border-color: #0b8eae;
    color: #ffffff; }

.mob-hamburger, .left-nav-hamburger, .mob-hamburger-alt {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 46px;
  height: 48px;
  font-size: 0;
  text-indent: -999999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  background: transparent;
  color: #dc8e18;
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 32px;
  font-weight: 700;
  /* active state, i.e. menu open */ }
  .mob-hamburger:focus, .left-nav-hamburger:focus, .mob-hamburger-alt:focus {
    outline: none; }
  .mob-hamburger span, .left-nav-hamburger span, .mob-hamburger-alt span {
    display: block;
    position: absolute;
    text-indent: -9999px;
    top: 21px;
    left: 10px;
    right: 10px;
    height: 2px;
    background: #555555;
    border-radius: 4px;
    background-color: #ffffff; }
    .transparent .mob-hamburger span, .menu-active .mob-hamburger span, .transparent .left-nav-hamburger span, .menu-active .left-nav-hamburger span, .transparent .mob-hamburger-alt span, .menu-active .mob-hamburger-alt span {
      background-color: #ffffff; }
  .mob-hamburger span::before,
  .mob-hamburger span::after, .left-nav-hamburger span::before,
  .left-nav-hamburger span::after, .mob-hamburger-alt span::before,
  .mob-hamburger-alt span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #555555;
    content: "";
    border-radius: 4px;
    background-color: #ffffff; }
    .transparent .mob-hamburger span::before, .menu-active .mob-hamburger span::before, .transparent
    .mob-hamburger span::after, .menu-active
    .mob-hamburger span::after, .transparent .left-nav-hamburger span::before, .menu-active .left-nav-hamburger span::before, .transparent
    .left-nav-hamburger span::after, .menu-active
    .left-nav-hamburger span::after, .transparent .mob-hamburger-alt span::before, .menu-active .mob-hamburger-alt span::before, .transparent
    .mob-hamburger-alt span::after, .menu-active
    .mob-hamburger-alt span::after {
      background-color: #ffffff; }
  .mob-hamburger span::before, .left-nav-hamburger span::before, .mob-hamburger-alt span::before {
    top: -8px; }
  .mob-hamburger span::after, .left-nav-hamburger span::after, .mob-hamburger-alt span::after {
    bottom: -8px; }
  .mob-hamburger--htx span::before, .mob-hamburger--htx span::after, .left-nav-hamburger--htx span::before, .left-nav-hamburger--htx span::after, .mob-hamburger-alt--htx span::before, .mob-hamburger-alt--htx span::after {
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s; }
  .mob-hamburger--htx span::before, .left-nav-hamburger--htx span::before, .mob-hamburger-alt--htx span::before {
    transition-property: top, transform; }
  .mob-hamburger--htx span::after, .left-nav-hamburger--htx span::after, .mob-hamburger-alt--htx span::after {
    transition-property: bottom, transform; }
  .mob-hamburger--htx.is-active span, .left-nav-hamburger--htx.is-active span, .mob-hamburger-alt--htx.is-active span {
    background: none; }
  .mob-hamburger--htx.is-active span::before, .left-nav-hamburger--htx.is-active span::before, .mob-hamburger-alt--htx.is-active span::before {
    top: 0;
    transform: rotate(45deg); }
  .mob-hamburger--htx.is-active span::after, .left-nav-hamburger--htx.is-active span::after, .mob-hamburger-alt--htx.is-active span::after {
    bottom: 0;
    transform: rotate(-45deg); }
  .mob-hamburger--htx.is-active span::before, .mob-hamburger--htx.is-active span::after, .left-nav-hamburger--htx.is-active span::before, .left-nav-hamburger--htx.is-active span::after, .mob-hamburger-alt--htx.is-active span::before, .mob-hamburger-alt--htx.is-active span::after {
    transition-delay: 0s, 0.3s; }

.mob-hamburger-contain {
  display: none;
  position: absolute;
  right: 0px;
  top: 20px;
  z-index: 2; }
  @media only screen and (max-width: 1024px) {
    .mob-hamburger-contain {
      display: block; } }

.mob-hamburger-contain-alt {
  display: none;
  position: absolute;
  right: 0px;
  top: 20px;
  z-index: 1001; }
  @media only screen and (max-width: 1024px) {
    .mob-hamburger-contain-alt {
      display: block; } }

.mobile-nav {
  display: none; }
  .mobile-nav .mobile-action {
    position: absolute;
    font-family: "proxima-nova-extra-condensed", sans-serif;
    text-transform: uppercase;
    width: 100%;
    right: 0px;
    bottom: 0px;
    padding: 20px; }
    .mobile-nav .mobile-action ul {
      margin-bottom: 0px; }
      .mobile-nav .mobile-action ul li {
        text-align: right;
        line-height: 1; }
        .mobile-nav .mobile-action ul li.selected a {
          color: #0ca2c6; }
        .mobile-nav .mobile-action ul li.selected hr {
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,1e5799+100&amp;0+0,1+66 */
          background: -webkit-linear-gradient(left, rgba(125, 185, 232, 0) 0%, #0ca2c6 66%, #0ca2c6 100%);
          background: -o-linear-gradient(left, rgba(125, 185, 232, 0) 0%, #0ca2c6 66%, #0ca2c6 100%);
          background: linear-gradient(to right, rgba(125, 185, 232, 0) 0%, #0ca2c6 66%, #0ca2c6 100%);
          /* FF3.6-15 */
          /* Chrome10-25,Safari5.1-6 */
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#1e5799',GradientType=1 );
          /* IE6-9 */ }
    .mobile-nav .mobile-action a {
      display: block;
      color: #ffffff;
      padding: 10px 0px;
      font-weight: 100; }
      @media only screen and (max-width: 320px) {
        .mobile-nav .mobile-action a {
          font-size: 18px; } }
      .mobile-nav .mobile-action a hr {
        border: 0px;
        height: 1px;
        display: block;
        padding: 0px;
        margin: 0px;
        margin-top: 5px; }
  @media only screen and (max-width: 1024px) {
    .mobile-nav {
      background: rgba(0, 0, 0, 0.85);
      position: fixed;
      width: 100%;
      top: 0px;
      bottom: 0px;
      z-index: 998; } }

.lock {
  overflow: hidden; }

.accordion {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-size: 18px; }
  .accordion .accordion-header {
    background: #2c3e4b;
    padding: 20px;
    color: #ffffff;
    cursor: pointer;
    margin-bottom: 1px;
    position: relative;
    -webkit-transition: all, 0.3s, ease-in;
    -moz-transition: all, 0.3s, ease-in;
    -ms-transition: all, 0.3s, ease-in;
    -o-transition: all, 0.3s, ease-in;
    transition: all, 0.3s, ease-in; }
    .accordion .accordion-header:after {
      content: "\e64b";
      font-family: themify;
      position: absolute;
      right: 30px;
      top: 23px; }
    .accordion .accordion-header__active {
      background: #23313b; }
      .accordion .accordion-header__active:after {
        content: "\e648";
        font-family: themify;
        position: absolute;
        right: 30px;
        top: 23px;
        color: #0ca2c6; }
    .accordion .accordion-header:hover {
      background: #23313b; }
  .accordion .accordion-content {
    padding: 20px;
    display: none; }

.speaker h4 {
  margin-bottom: 0px; }
.speaker span {
  display: block;
  margin-bottom: 10px;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-size: 17px;
  letter-spacing: 1px; }
.speaker img {
  border-radius: 50%;
  display: block;
  margin-bottom: 10px; }

.tab-container {
  margin-left: -5px;
  margin-right: -5px;
  position: relative;
  font-family: "proxima-nova-extra-condensed", sans-serif; }

.tabs {
  margin-bottom: 0px;
  width: 100%; }
  .tabs li {
    min-width: 200px; }
    .tabs li.active a {
      background: #2c3e4b; }
    .tabs li a {
      background: #0ca2c6;
      color: #ffffff;
      display: block;
      padding: 10px;
      border-radius: 5px 5px 0px 0px;
      height: 100%; }
      .tabs li a:hover {
        background: #2c3e4b; }
  .tabs-fit {
    display: table;
    position: relative; }
    .tabs-fit li {
      display: table-cell;
      padding: 0px 5px; }

.tcontainer {
  background: #535353;
  border-radius: 0px 0px 5px 5px; }

.fixed-sidebar {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  padding: 30px 70px;
  -webkit-box-shadow: 6px 1px 35px -11px rgba(0, 0, 0, 0.54);
  -moz-box-shadow: 6px 1px 35px -11px rgba(0, 0, 0, 0.54);
  box-shadow: 6px 1px 35px -11px rgba(0, 0, 0, 0.54); }

.engage-logo {
  width: 200px; }
  .engage-logo.center {
    margin: auto; }
  .engage-logo .text {
    fill: #fff; }
  .engage-logo .bottom {
    opacity: 0.4;
    fill: #fff; }
  .engage-logo .middle {
    opacity: 0.5;
    fill: #fff; }
  .engage-logo .top {
    opacity: 0.9;
    fill: #dc8e18; }

.event-icon {
  font-family: "proxima-nova-extra-condensed", sans-serif; }
  .event-icon span {
    color: #a5a5a5;
    font-size: 17px;
    letter-spacing: 1px;
    display: block; }
  .event-icon i {
    font-size: 34px; }
  .event-icon hr {
    border: 0px;
    height: 2px;
    background: #ffffff;
    margin-top: 30px; }

.foundry_modal {
  border-radius: 4px; }

.sign-up {
  display: block;
  padding: 40px;
  border: 2px solid #eee;
  border-radius: 4px; }
  @media only screen and (max-width: 1024px) {
    .sign-up .dsp-cell, .sign-up dsp-table {
      display: block;
      margin-top: 10px; }
      .sign-up .dsp-cell:first-child, .sign-up dsp-table:first-child {
        margin-top: 0px; } }
  .sign-up input {
    margin-bottom: 10px; }
  .sign-up .form a, .sign-up .form input[type=submit], .sign-up .form input[type=button], .sign-up .form button {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0px 3px 3px 0px;
    height: 50px;
    min-width: 120px; }
    .sign-up .form a:hover, .sign-up .form input[type=submit]:hover, .sign-up .form input[type=button]:hover, .sign-up .form button:hover {
      color: #fff; }
  .sign-up .Form__Title, .sign-up label {
    display: none !important; }

.icon-teaser {
  background: #2c3e4b;
  width: 100%;
  text-align: center;
  color: #ffffff;
  position: relative; }
  .icon-teaser a {
    display: block;
    position: relative;
    padding: 26px;
    color: #ffffff; }
  .icon-teaser i {
    font-size: 70px; }
  .icon-teaser h5 {
    font-size: 24px; }
  .icon-teaser p {
    font-size: 18px;
    line-height: 28px; }

.img-teaser {
  position: relative;
  -webkit-transition: all, 0.3s, ease-in;
  -moz-transition: all, 0.3s, ease-in;
  -ms-transition: all, 0.3s, ease-in;
  -o-transition: all, 0.3s, ease-in;
  transition: all, 0.3s, ease-in; }
  @media only screen and (max-width: 800px) {
    .img-teaser {
      margin-bottom: 20px; } }
  .img-teaser:before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: all, 0.3s, ease-in;
    -moz-transition: all, 0.3s, ease-in;
    -ms-transition: all, 0.3s, ease-in;
    -o-transition: all, 0.3s, ease-in;
    transition: all, 0.3s, ease-in; }
  .img-teaser img {
    display: block;
    width: 100%; }
  .img-teaser a {
    display: block; }
  .img-teaser .category {
    position: absolute;
    top: 18px;
    color: #ffffff;
    right: 22px;
    left: 22px;
    display: block;
    font-size: 26px;
    font-family: "proxima-nova-extra-condensed", sans-serif; }
    .img-teaser .category:before {
      padding-right: 10px; }
    @media only screen and (max-width: 1150px) {
      .img-teaser .category {
        font-size: 21px; } }
    @media only screen and (max-width: 1000px) {
      .img-teaser .category {
        font-size: 16px; } }
    @media only screen and (max-width: 800px) {
      .img-teaser .category {
        font-size: 24px; } }
    @media only screen and (max-width: 350px) {
      .img-teaser .category {
        font-size: 22px; } }
  .img-teaser .img-teaser-content {
    padding: 18px 22px;
    position: absolute;
    bottom: 0; }
    .img-teaser .img-teaser-content p {
      font-size: 18px;
      margin-bottom: 0px;
      font-weight: 600; }
      @media only screen and (max-width: 1150px) {
        .img-teaser .img-teaser-content p {
          font-size: 16px; } }
      @media only screen and (max-width: 1000px) {
        .img-teaser .img-teaser-content p {
          font-size: 12px;
          line-height: 1.5; } }
      @media only screen and (max-width: 800px) {
        .img-teaser .img-teaser-content p {
          font-size: 16px; } }
      @media only screen and (max-width: 350px) {
        .img-teaser .img-teaser-content p {
          font-size: 14px; } }
    .img-teaser .img-teaser-content h5 {
      color: #fff;
      font-size: 30px;
      line-height: 36px; }
      @media only screen and (max-width: 1150px) {
        .img-teaser .img-teaser-content h5 {
          font-size: 26px;
          margin-bottom: 0;
          line-height: 1.3; } }
      @media only screen and (max-width: 1000px) {
        .img-teaser .img-teaser-content h5 {
          font-size: 20px;
          margin-bottom: 0;
          line-height: 1.3; } }
      @media only screen and (max-width: 800px) {
        .img-teaser .img-teaser-content h5 {
          font-size: 28px; } }
      @media only screen and (max-width: 350px) {
        .img-teaser .img-teaser-content h5 {
          font-size: 26px; } }
  .img-teaser:hover:before {
    background: rgba(0, 0, 0, 0.6); }

.sml-teaser {
  -webkit-transition: all, 0.3s, ease-in;
  -moz-transition: all, 0.3s, ease-in;
  -ms-transition: all, 0.3s, ease-in;
  -o-transition: all, 0.3s, ease-in;
  transition: all, 0.3s, ease-in;
  display: block;
  margin-bottom: 40px; }
  .sml-teaser img {
    display: block; }
  .sml-teaser a {
    display: block; }
  .sml-teaser .category {
    font-family: "proxima-nova-extra-condensed", sans-serif;
    font-size: 16px;
    margin-bottom: 0px; }
  .sml-teaser h5 {
    font-size: 17px;
    color: rgba(0, 0, 0, 0.8); }
  .sml-teaser:hover {
    background: rgba(0, 0, 0, 0.02); }

.stadium-listing-block {
  display: block;
  width: 100%;
  padding: 20px;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  position: relative; }
  @media only screen and (max-width: 950px) {
    .stadium-listing-block {
      margin-bottom: 40px; } }
  .stadium-listing-block li {
    border-bottom: 1px solid rgba(233, 235, 237, 0.3);
    font-size: 27px;
    text-transform: uppercase; }
    .stadium-listing-block li:not(:first-child) {
      padding-top: 15px; }
  .stadium-listing-block--primary {
    background-color: #0ca2c6;
    color: #ffffff; }
    .stadium-listing-block--primary:after {
      background-color: #0ca2c6;
      bottom: -20px;
      content: "";
      display: block;
      left: 0;
      min-height: 10px;
      position: absolute;
      width: 100%; }
    .stadium-listing-block--primary a {
      color: #ffffff; }
      .stadium-listing-block--primary a:hover {
        color: #d9d9d9; }
  .stadium-listing-block--secondary {
    background-color: #2c3e4b;
    color: #ffffff; }
    .stadium-listing-block--secondary:after {
      background-color: #2c3e4b;
      bottom: -20px;
      content: "";
      display: block;
      left: 0;
      min-height: 10px;
      position: absolute;
      width: 100%; }
    .stadium-listing-block--secondary a {
      color: #ffffff; }
      .stadium-listing-block--secondary a:hover {
        color: #d9d9d9; }
  .stadium-listing-block--accent {
    background-color: #dc8e18;
    color: #ffffff; }
    .stadium-listing-block--accent:after {
      background-color: #dc8e18;
      bottom: -20px;
      content: "";
      display: block;
      left: 0;
      min-height: 10px;
      position: absolute;
      width: 100%; }
    .stadium-listing-block--accent a {
      color: #ffffff; }
  .stadium-listing-block--tertiary {
    background-color: #a50235;
    color: #a50235; }
    .stadium-listing-block--tertiary:after {
      background-color: #a50235;
      bottom: -20px;
      content: "";
      display: block;
      left: 0;
      min-height: 10px;
      position: absolute;
      width: 100%; }
    .stadium-listing-block--tertiary a {
      color: #ffffff; }
      .stadium-listing-block--tertiary a:hover {
        color: #d9d9d9; }

.banner-cta {
  background-color: rgba(0, 0, 0, 0.2);
  max-height: 160px; }
  .banner-cta .img {
    width: 40%; }
    @media only screen and (max-width: 600px) {
      .banner-cta .img {
        display: none; } }
    .banner-cta .img img {
      display: block; }
  .banner-cta .content {
    height: 100%;
    vertical-align: middle;
    padding: 20px; }
    .banner-cta .content h3 {
      margin-bottom: 0; }
      @media only screen and (max-width: 480px) {
        .banner-cta .content h3 {
          font-size: 27px;
          line-height: 1.2; } }
    .banner-cta .content a {
      text-transform: uppercase;
      font-family: "proxima-nova-extra-condensed", sans-serif;
      font-weight: 700; }
      .banner-cta .content a:after {
        content: '\e649';
        font-family: 'themify';
        font-size: 17px; }
      @media only screen and (max-width: 480px) {
        .banner-cta .content a {
          font-size: 18px; } }

.img-block {
  margin-bottom: 20px;
  display: block; }
  @media only screen and (max-width: 600px) {
    .img-block:not(:last-child) {
      margin-bottom: 20px; } }

.igb-tbl, .editorial table {
  width: 100%;
  border: 1px solid #e1e1e1; }
  .igb-tbl tr, .editorial table tr {
    background-color: #eeeeee; }
    .igb-tbl tr:nth-child(odd), .editorial table tr:nth-child(odd) {
      background-color: #ffffff; }
  .igb-tbl td, .editorial table td {
    border-right: 1px solid #e1e1e1; }
  .igb-tbl th, .editorial table th,
  .igb-tbl td,
  .editorial table td {
    text-transform: uppercase;
    font-weight: 600;
    font-family: "proxima-nova-extra-condensed", sans-serif;
    font-size: 18px;
    padding: 10px;
    vertical-align: middle !important; }
    .igb-tbl th a, .editorial table th a,
    .igb-tbl td a,
    .editorial table td a {
      color: #0ca2c6;
      text-decoration: underline; }
    .igb-tbl th span, .editorial table th span,
    .igb-tbl td span,
    .editorial table td span {
      font-weight: 400; }
  .igb-tbl th, .editorial table th {
    text-align: left;
    color: #dc8e18; }
  .igb-tbl--make-smaller th,
  .igb-tbl--make-smaller td {
    padding: 5px;
    font-size: 16px; }
  .igb-tbl input, .editorial table input,
  .igb-tbl textarea,
  .editorial table textarea,
  .igb-tbl select,
  .editorial table select {
    margin-bottom: 0; }

.greyhoundlineageblock table {
  width: 100%; }

.reserves-image {
  max-width: auto !important; }

.breadcrumbs ul li {
  display: inline-block;
  font-size: 18px;
  color: #a2a2a2; }
  .breadcrumbs ul li:not(:last-child):after {
    content: '\e649';
    font-family: 'themify';
    font-size: 13px;
    color: #555555; }
  .breadcrumbs ul li a {
    color: #555555;
    font-weight: 700;
    text-decoration: underline; }
    .breadcrumbs ul li a:hover {
      color: #dc8e18; }

.mobile-nav-alt {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #2c3e4b;
  z-index: 1000; }
  .mobile-nav-alt__search {
    padding: 0 10px;
    position: relative;
    z-index: 2;
    /* firefox 19+ */
    /* ie */ }
    .mobile-nav-alt__search input {
      text-align: center;
      width: 100%;
      margin: 10px auto;
      display: block;
      border: 0;
      padding: 10px;
      font-size: 18px;
      background-color: #fff;
      border-radius: 3px; }
    .mobile-nav-alt__search ::-webkit-input-placeholder::before {
      font-family: fontAwesome;
      content: '\f002';
      padding-right: 10px; }
    .mobile-nav-alt__search ::-moz-placeholder::before {
      font-family: fontAwesome;
      content: '\f002';
      padding-right: 10px; }
    .mobile-nav-alt__search :-ms-input-placeholder::before {
      font-family: fontAwesome;
      content: '\f002';
      padding-right: 10px; }
    .mobile-nav-alt__search input:-moz-placeholder::before {
      font-family: fontAwesome;
      content: '\f002';
      padding-right: 10px; }
  .mobile-nav-alt__menu {
    display: block;
    position: relative;
    z-index: 2;
    margin-top: 80px;
    border-top: 1px solid #52738b; }
    .mobile-nav-alt__menu li {
      display: block;
      border: 0;
      padding: 0;
      float: none;
      font-size: 20px;
      margin: 0; }
      .mobile-nav-alt__menu li:hover {
        border: 0;
        box-shadow: none;
        background-color: transparent; }
        .mobile-nav-alt__menu li:hover a {
          color: #ffffff;
          display: block; }
      .mobile-nav-alt__menu li a {
        color: #ffffff;
        padding: 11px 8px 10px;
        position: relative;
        display: block;
        border-bottom: 1px solid #52738b; }
      .mobile-nav-alt__menu li.parent:after {
        position: absolute;
        top: 8px;
        right: 10px;
        font-size: 1em;
        color: #ffffff;
        content: "\f107 ";
        width: 20px;
        height: 40px;
        font-family: 'fontawesome'; }
      .mobile-nav-alt__menu li.parent ul {
        display: none;
        background-color: #324655; }
        .mobile-nav-alt__menu li.parent ul &gt; li a {
          padding-left: 40px; }
      .mobile-nav-alt__menu li.parent &gt; a:after {
        position: absolute;
        top: 8px;
        right: 10px;
        font-size: 1em;
        color: #ffffff;
        content: "";
        width: 20px;
        height: 40px;
        background: url("../img/icon-down-arrow-white.svg") no-repeat right center transparent; }
      .mobile-nav-alt__menu li.parent.open &gt; a:after {
        background: url("../img/icon-up-arrow-white.svg") no-repeat right center transparent; }
    .mobile-nav-alt__menu ul &gt; li:hover a:hover {
      background-color: transparent; }
  .mobile-nav-alt .mob-blackout {
    background-color: #2c3e4b;
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    display: none; }

.error-page .error-content {
  text-align: right;
  background-image: url("img/igb-bg-greyhound.jpg");
  background-repeat: no-repeat;
  background-position: right;
  height: 430px;
  margin-top: 150px;
  position: relative; }
  @media only screen and (max-width: 700px) {
    .error-page .error-content {
      background: none; } }
  .error-page .error-content .text {
    width: 50%;
    margin-right: 50%; }
    @media only screen and (max-width: 700px) {
      .error-page .error-content .text {
        width: 100%;
        margin-right: 0; } }
  .error-page .error-content h2 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 25px; }
  .error-page .error-content p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 25px; }
    .error-page .error-content p.lrg-blue {
      color: #0ca2c6;
      font-size: 25px; }
    .error-page .error-content p.sml-blue {
      font-weight: 700;
      font-size: 18px;
      color: #0ca2c6; }

.pagination {
  display: block;
  list-style: none;
  padding: 30px 0; }
  .pagination li {
    display: inline-block;
    padding-left: 0 !important; }
    .pagination li:before {
      display: none; }
    .pagination li.active a {
      background-color: #2c3e4b;
      color: #ffffff; }
      .pagination li.active a:hover {
        background-color: #0ca2c6;
        color: #ffffff; }
    .pagination li a {
      border-bottom: none;
      color: #a0a0a0;
      padding: 10px;
      font-size: 20px;
      display: block;
      border: 1px solid lightgray; }
      .pagination li a:hover {
        background-color: #0ca2c6;
        color: #ffffff; }

.upcomingracecardblock .race-card {
  width: 48%;
  float: left;
  margin-right: 10px; }
  @media only screen and (max-width: 667pxpx) {
    .upcomingracecardblock .race-card {
      width: 100%; } }

.error-message, .success-message {
  display: block;
  padding: 20px;
  color: #a50235;
  background-color: #ffe5ed;
  margin: 40px 0;
  border: 1px solid #fec1d4;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500; }

.success-message {
  color: #3bad03;
  background-color: #ecffe3;
  border: 1px solid #bafd98; }

@media only screen and (max-width: 767px) {
  .contact-address {
    margin-left: 0;
    margin-top: 50px;
    text-align: center; }
    .contact-address address {
      margin-bottom: 40px; }
    .contact-address .btn-primary__bare {
      text-align: center; } }
nav {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  text-transform: uppercase;
  z-index: 999;
  position: relative; }
  nav.menu-active {
    background: transparent; }
  nav.lower {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
    nav.lower ul li.active {
      position: relative; }
      nav.lower ul li.active:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid rgba(255, 255, 255, 0.3);
        left: 0;
        right: 0;
        margin: auto;
        bottom: -37px;
        position: absolute; }
      nav.lower ul li.active a {
        color: #dc8e18;
        font-weight: 700; }
  nav .logo {
    width: 176px; }
    @media only screen and (max-width: 1024px) {
      nav .logo {
        /*.text {
            display: none;
        }*/
        width: 150px !important; } }
  nav .text {
    fill: #898d90; }
  nav .bottom {
    opacity: 0.3;
    fill: #000; }
  nav .middle {
    opacity: 0.5;
    fill: #000; }
  nav .top {
    opacity: 0.9;
    fill: #dc8e18; }
  nav li {
    float: left;
    margin-left: 30px;
    font-weight: 100;
    font-size: 22px;
    padding: 5px 10px; }
    @media only screen and (max-width: 1300px) {
      nav li {
        margin-left: 20px; } }
    @media only screen and (max-width: 1240px) {
      nav li {
        font-size: 19px; } }
    @media only screen and (max-width: 1240px) {
      nav li {
        padding: 5px 7px;
        font-size: 18px; } }
    nav li.red {
      background-color: #a50235; }
      nav li.red:hover {
        background-color: #8c022d; }
        nav li.red:hover a {
          color: #ffffff; }
    nav li a {
      color: #555555; }
      nav li a:hover {
        color: #0ca2c6; }
    nav li:first-child {
      margin-left: 0px; }
  nav.transparent {
    background: transparent;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 999; }
    @media only screen and (max-width: 1024px) {
      nav.transparent {
        border: none; } }
    nav.transparent .logo {
      width: 176px; }
      @media only screen and (max-width: 1024px) {
        nav.transparent .logo .text {
          display: none; } }
    nav.transparent .text {
      fill: #fff; }
    nav.transparent .bottom {
      opacity: 0.4;
      fill: #fff; }
    nav.transparent .middle {
      opacity: 0.5;
      fill: #fff; }
    nav.transparent .top {
      opacity: 0.9;
      fill: #dc8e18; }
    nav.transparent a {
      color: #ffffff; }
      nav.transparent a:hover {
        color: #dc8e18; }
  nav .logo {
    margin-top: -24px; }
  nav.util {
    background-color: #ffffff;
    display: block;
    width: 100%;
    padding: 10px;
    position: relative; }
    @media only screen and (max-width: 1024px) {
      nav.util {
        display: none; } }
    nav.util ul {
      margin: 0; }
      nav.util ul li {
        display: inline-block;
        font-size: 18px;
        margin-left: 30px; }
        @media only screen and (max-width: 1240px) {
          nav.util ul li {
            font-size: 16px; } }
  nav.main ul {
    padding: 37px 0; }
    @media only screen and (max-width: 1024px) {
      nav.main ul {
        display: none; } }

header {
  position: relative; }
  header h1 {
    margin-bottom: 20px; }
  header.standard {
    height: 30vh; }
    @media only screen and (max-width: 1024px) {
      header.standard {
        height: 50vh; } }
    @media only screen and (max-width: 1020px) {
      header.standard {
        height: 40vh; } }
    @media only screen and (max-width: 1020px) {
      header.standard {
        height: 40vh; } }
    @media only screen and (max-width: 800px) {
      header.standard {
        height: 80vh; } }
    header.standard--large {
      height: 50vh; }
      @media only screen and (max-width: 1020px) {
        header.standard--large {
          height: 60vh; } }
      @media only screen and (max-width: 800px) {
        header.standard--large {
          height: 50vh; } }
      @media only screen and (max-width: 736px) {
        header.standard--large {
          height: 120vh; } }
      @media only screen and (max-width: 600px) {
        header.standard--large {
          height: 150vh; } }
      @media only screen and (max-width: 500px) {
        header.standard--large {
          height: 80vh; } }
      header.standard--large h1 {
        margin-bottom: 40px; }

.menu-active .bottom {
  opacity: 0.4;
  fill: #fff !important; }
.menu-active .middle {
  opacity: 0.5;
  fill: #fff; }

.footer-bordered {
  border-top: 2px solid rgba(85, 85, 85, 0.2); }
  @media only screen and (max-width: 1024px) {
    .footer-bordered .col-4 {
      width: 33.333337%; }
      .footer-bordered .col-4:last-child {
        width: 100%;
        text-align: center;
        margin-top: 50px; } }
  @media only screen and (max-width: 768px) {
    .footer-bordered .col-4 {
      width: 50%;
      margin-top: 40px; }
      .footer-bordered .col-4:first-child, .footer-bordered .col-4:nth-child(2) {
        margin-top: 0px; } }
  @media only screen and (max-width: 670px) {
    .footer-bordered .col-4 {
      width: 100%;
      text-align: center; }
      .footer-bordered .col-4:nth-child(2) {
        margin-top: 40px; } }

.main-footer {
  background-color: #2c3e4b;
  color: #ffffff; }
  .main-footer a {
    color: #ffffff; }
    .main-footer a:hover {
      color: #dc8e18; }
  .main-footer ul {
    font-size: 16px;
    line-height: 1.9; }
  @media only screen and (max-width: 1024px) {
    .main-footer .col-4 {
      width: 33.333337%; }
      .main-footer .col-4:last-child {
        width: 100%;
        text-align: center;
        margin-top: 30px; } }
  @media only screen and (max-width: 768px) {
    .main-footer .col-4 {
      width: 50%;
      margin-top: 40px; }
      .main-footer .col-4:first-child, .main-footer .col-4:nth-child(2) {
        margin-top: 0px; } }
  @media only screen and (max-width: 670px) {
    .main-footer .col-4 {
      width: 100%;
      text-align: center; }
      .main-footer .col-4:nth-child(2) {
        margin-top: 30px; } }

.bottom-footer {
  background-color: #23313b;
  color: #08677e; }

@media only screen and (max-width: 1024px) {
  .sidebar {
    display: none; } }
.sidebar .sidenav ul li {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-weight: 700;
  font-size: 24px; }
  .sidebar .sidenav ul li.active a {
    color: #dc8e18;
    border-left: 4px solid #dc8e18;
    padding-left: 10px; }
  .sidebar .sidenav ul li a {
    padding: 15px 0;
    color: #555555;
    display: block; }
    .sidebar .sidenav ul li a:hover {
      color: #dc8e18; }
.sidebar .sidenav-categories h4 {
  padding-bottom: 10px;
  border-bottom: 2px solid #0ca2c6; }
.sidebar .sidenav-categories ul li {
  font-family: "proxima-nova", sans-serif;
  font-size: 19px; }

.mob-sidenav {
  display: none; }
  @media only screen and (max-width: 1024px) {
    .mob-sidenav {
      display: block; }
      .mob-sidenav .accordion-header {
        background-color: #ffffff;
        color: #dc8e18;
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 700;
        border: 2px solid #eeeeee;
        border-radius: 5px; }
        .mob-sidenav .accordion-header:hover {
          background-color: #f2f2f2; }
      .mob-sidenav .accordion-content {
        padding: 0; }
        .mob-sidenav .accordion-content li {
          border-bottom: 2px solid #eeeeee;
          padding: 20px;
          font-size: 24px; }
          .mob-sidenav .accordion-content li a {
            color: #555555;
            font-weight: 700; } }

/* Include State Sasss */
/* Include Theme Sass */

/*# sourceMappingURL=main.css.map */
</pre></body></html>