/* compiled by scssphp v0.1.1 on Mon, 09 Jan 2017 19:19:21 -0600 (0.8155s) */

/**********************
 * Default Link Colors
 **********************/
a, a:visited {
  color: #ff6634;
  text-decoration: none; }

a:hover {
  color: #ff4001;
  text-decoration: none; }
/**********************
 * Import Styles
 **********************/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
 HTML5 display definitions
 ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio, canvas, video {
  display: inline-block; }
/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }
/* ==========================================================================
 Base
 ========================================================================== */
/**
 * 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; }
/* ==========================================================================
 Links
 ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0; }
/* ==========================================================================
 Typography
 ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b, strong {
  font-weight: bold; }
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }
/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }
/**
 * 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.
 */
img {
  border: 0; }
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }
/* ==========================================================================
 Figures
 ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }
/* ==========================================================================
 Forms
 ========================================================================== */
/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button, input, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button, input {
  line-height: normal; }
/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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"] {
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
  cursor: default; }
/**
 * 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 */ }
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 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 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }
/* ==========================================================================
 Tables
 ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

.col {
  float: left;
  padding: 0px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
/***************************************
 .col-nest class should have negative margins opposite to that of the .col class and is an optional wrapper to help with alignment.
 ***************************************/
.col-nest {
  margin-left: -10px;
  margin-right: -10px; }
/* Clearfix on the col-nest */
.col-nest:before, .col-nest:after {
  content: ' ';
  display: table; }

.col-nest:after {
  clear: both; }

[data-cols = '1'], [data-cols = '2/2'], [data-cols = '3/3'], [data-cols = '4/4'], [data-cols = '5/5'], [data-cols = '6/6'] {
  width: 100% !important; }

[data-cols = '1/2'], [data-cols = '2/4'], [data-cols = '3/6'] {
  width: 50% !important; }

[data-cols = '1/3'], [data-cols = '2/6'] {
  width: 33.333% !important; }

[data-cols = '2/3'], [data-cols = '4/6'] {
  width: 66.666% !important; }

[data-cols = '1/4'] {
  width: 25% !important; }

[data-cols = '3/4'] {
  width: 75% !important; }

[data-cols = '1/5'] {
  width: 20% !important; }

[data-cols = '2/5'] {
  width: 40% !important; }

[data-cols = '3/5'] {
  width: 60% !important; }

[data-cols = '4/5'] {
  width: 80% !important; }

[data-cols = '1/6'] {
  width: 16.66667% !important; }

[data-cols = '5/6'] {
  width: 83.33333% !important; }

[data-cols = '1/7'] {
  width: 14.2857% !important; }

[data-cols = '2/7'] {
  width: 28.5714% !important; }

[data-cols = '3/7'] {
  width: 42.8571% !important; }

[data-cols = '4/7'] {
  width: 57.1428% !important; }

[data-cols = '5/7'] {
  width: 71.4285% !important; }

[data-cols = '6/7'] {
  width: 85.7142% !important; }

[data-push = '1/2'], [data-push = '2/4'], [data-push = '3/6'] {
  margin-left: 50% !important; }

[data-push = '1/3'], [data-push = '2/6'] {
  margin-left: 33.333% !important; }

[data-push = '2/3'], [data-push = '4/6'] {
  margin-left: 66.666% !important; }

[data-push = '1/4'] {
  margin-left: 25% !important; }

[data-push = '3/4'] {
  margin-left: 75% !important; }

[data-push = '1/5'] {
  margin-left: 20% !important; }

[data-push = '2/5'] {
  margin-left: 40% !important; }

[data-push = '3/5'] {
  margin-left: 60% !important; }

[data-push = '4/5'] {
  margin-left: 80% !important; }

[data-push = '1/6'] {
  margin-left: 16.66667% !important; }

[data-push = '5/6'] {
  margin-left: 83.33333% !important; }

[data-push = '1/7'] {
  margin-left: 14.2857% !important; }

[data-push = '2/7'] {
  margin-left: 28.5714% !important; }

[data-push = '3/7'] {
  margin-left: 42.8571% !important; }

[data-push = '4/7'] {
  margin-left: 57.1428% !important; }

[data-push = '5/7'] {
  margin-left: 71.4285% !important; }

[data-push = '6/7'] {
  margin-left: 85.7142% !important; }

@media (max-width: 768px) {
  .col[data-cols]:not(.mobile) {
    width: 100% !important; }

  .col[data-push]:not(.mobile) {
    margin: 0 !important; } }

@media (max-width: 980px) and (min-width: 481px) {
  br.medium {
    display: block;
    clear: both; }

  [data-medium-cols = '1'], [data-medium-cols = '2/2'], [data-medium-cols = '3/3'], [data-medium-cols = '4/4'], [data-medium-cols = '5/5'], [data-medium-cols = '6/6'], [data-medium-cols = '7/7'] {
    width: 100% !important; }

  [data-medium-cols = '1/2'], [data-medium-cols = '2/4'], [data-medium-cols = '3/6'] {
    width: 50% !important; }

  [data-medium-cols = '1/3'], [data-medium-cols = '2/6'] {
    width: 33.333% !important; }

  [data-medium-cols = '2/3'], [data-medium-cols = '4/6'] {
    width: 66.666% !important; }

  [data-medium-cols = '1/4'] {
    width: 25% !important; }

  [data-medium-cols = '3/4'] {
    width: 75% !important; }

  [data-medium-cols = '1/5'] {
    width: 20% !important; }

  [data-medium-cols = '2/5'] {
    width: 40% !important; }

  [data-medium-cols = '3/5'] {
    width: 60% !important; }

  [data-medium-cols = '4/5'] {
    width: 80% !important; }

  [data-medium-cols = '1/6'] {
    width: 16.66667% !important; }

  [data-medium-cols = '5/6'] {
    width: 83.33333% !important; }

  [data-medium-cols = '5/6'] {
    width: 83.33333% !important; }

  [data-medium-cols = '1/7'] {
    width: 14.2857% !important; }

  [data-medium-cols = '2/7'] {
    width: 28.5714% !important; }

  [data-medium-cols = '3/7'] {
    width: 42.8571% !important; }

  [data-medium-cols = '4/7'] {
    width: 57.1428% !important; }

  [data-medium-cols = '5/7'] {
    width: 71.4285% !important; }

  [data-medium-cols = '6/7'] {
    width: 85.7142% !important; }

  [data-medium-push = '1/2'], [data-medium-push = '2/4'], [data-medium-push = '3/6'] {
    margin-left: 50% !important; }

  [data-medium-push = '1/3'], [data-medium-push = '2/6'] {
    margin-left: 33.333% !important; }

  [data-medium-push = '2/3'], [data-medium-push = '4/6'] {
    margin-left: 66.666% !important; }

  [data-medium-push = '1/4'] {
    margin-left: 25% !important; }

  [data-medium-push = '3/4'] {
    margin-left: 75% !important; }

  [data-medium-push = '1/5'] {
    margin-left: 20% !important; }

  [data-medium-push = '2/5'] {
    margin-left: 40% !important; }

  [data-medium-push = '3/5'] {
    margin-left: 60% !important; }

  [data-medium-push = '4/5'] {
    margin-left: 80% !important; }

  [data-medium-push = '1/6'] {
    margin-left: 16.66667% !important; }

  [data-medium-push = '5/6'] {
    margin-left: 83.33333% !important; }

  [data-medium-push = '1/7'] {
    margin-left: 14.2857% !important; }

  [data-medium-push = '2/7'] {
    margin-left: 28.5714% !important; }

  [data-medium-push = '3/7'] {
    margin-left: 42.8571% !important; }

  [data-medium-push = '4/7'] {
    margin-left: 57.1428% !important; }

  [data-medium-push = '5/7'] {
    margin-left: 71.4285% !important; }

  [data-medium-push = '6/7'] {
    margin-left: 85.7142% !important; } }

@media (max-width: 480px) {
  br.small {
    display: block;
    clear: both; }

  [data-small-cols = '1'], [data-small-cols = '2/2'], [data-small-cols = '3/3'], [data-small-cols = '4/4'], [data-small-cols = '5/5'], [data-small-cols = '6/6'], [data-small-cols = '7/7'] {
    width: 100% !important; }

  [data-small-cols = '1/2'], [data-small-cols = '2/4'], [data-small-cols = '3/6'] {
    width: 50% !important; }

  [data-small-cols = '1/3'], [data-small-cols = '2/6'] {
    width: 33.333% !important; }

  [data-small-cols = '2/3'], [data-small-cols = '4/6'] {
    width: 66.666% !important; }

  [data-small-cols = '1/4'] {
    width: 25% !important; }

  [data-small-cols = '3/4'] {
    width: 75% !important; }

  [data-small-cols = '1/5'] {
    width: 20% !important; }

  [data-small-cols = '2/5'] {
    width: 40% !important; }

  [data-small-cols = '3/5'] {
    width: 60% !important; }

  [data-small-cols = '4/5'] {
    width: 80% !important; }

  [data-small-cols = '1/6'] {
    width: 16.66667% !important; }

  [data-small-cols = '5/6'] {
    width: 83.33333% !important; }

  [data-small-cols = '5/6'] {
    width: 83.33333% !important; }

  [data-small-cols = '1/7'] {
    width: 14.2857% !important; }

  [data-small-cols = '2/7'] {
    width: 28.5714% !important; }

  [data-small-cols = '3/7'] {
    width: 42.8571% !important; }

  [data-small-cols = '4/7'] {
    width: 57.1428% !important; }

  [data-small-cols = '5/7'] {
    width: 71.4285% !important; }

  [data-small-cols = '6/7'] {
    width: 85.7142% !important; }

  [data-small-push = '1/2'], [data-small-push = '2/4'], [data-small-push = '3/6'] {
    margin-left: 50% !important; }

  [data-small-push = '1/3'], [data-small-push = '2/6'] {
    margin-left: 33.333% !important; }

  [data-small-push = '2/3'], [data-small-push = '4/6'] {
    margin-left: 66.666% !important; }

  [data-small-push = '1/4'] {
    margin-left: 25% !important; }

  [data-small-push = '3/4'] {
    margin-left: 75% !important; }

  [data-small-push = '1/5'] {
    margin-left: 20% !important; }

  [data-small-push = '2/5'] {
    margin-left: 40% !important; }

  [data-small-push = '3/5'] {
    margin-left: 60% !important; }

  [data-small-push = '4/5'] {
    margin-left: 80% !important; }

  [data-small-push = '1/6'] {
    margin-left: 16.66667% !important; }

  [data-small-push = '5/6'] {
    margin-left: 83.33333% !important; }

  [data-small-push = '1/7'] {
    margin-left: 14.2857% !important; }

  [data-small-push = '2/7'] {
    margin-left: 28.5714% !important; }

  [data-small-push = '3/7'] {
    margin-left: 42.8571% !important; }

  [data-small-push = '4/7'] {
    margin-left: 57.1428% !important; }

  [data-small-push = '5/7'] {
    margin-left: 71.4285% !important; }

  [data-small-push = '6/7'] {
    margin-left: 85.7142% !important; } }
/*
 Bootstrap overwrite
 */
.btn-sm {
  font-size: 14px;
  padding: 4px 9px; }

.container {
  width: 980px;
  margin: auto; }

.row {
  display: block; }

.row:before, .row:after {
  content: " ";
  display: table; }

.row:after {
  clear: both; }

.row .row {
  margin-left: -1%;
  margin-right: -1%; }

[class *= 'col-']:not([class = 'col-nest']) {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 1%;
  margin-right: 1%;
  min-height: 1px; }

.col-1 {
  width: 6.33333%; }

.col-2 {
  width: 14.66667%; }

.col-3 {
  width: 23%; }

.col-4 {
  width: 31.33333%; }

.col-5 {
  width: 39.66667%; }

.col-6 {
  width: 48%; }

.col-7 {
  width: 56.33333%; }

.col-8 {
  width: 64.66667%; }

.col-9 {
  width: 73%; }

.col-10 {
  width: 81.33333%; }

.col-11 {
  width: 89.66667%; }

.col-12 {
  width: 98%; }

.offset1 {
  margin-left: 8.33333%; }

.offset2 {
  margin-left: 16.66667%; }

.offset3 {
  margin-left: 25%; }

.offset4 {
  margin-left: 33.33333%; }

.offset5 {
  margin-left: 41.66667%; }

.offset6 {
  margin-left: 50%; }

.offset7 {
  margin-left: 58.33333%; }

.offset8 {
  margin-left: 66.66667%; }

.offset9 {
  margin-left: 75%; }

.offset10 {
  margin-left: 83.33333%; }

.offset11 {
  margin-left: 91.66667%; }

@media (min-width: 1200px) {
  .container {
    width: 1140px; } }

@media (max-width: 979px) {
  .container {
    width: 100%; } }

@media (max-width: 767px) {
  .container {
    width: 100%; }

  [class *= 'col-'] {
    width: 100%;
    display: block;
    margin-right: 0px;
    margin-left: 0px; } }

body {
  font-family: 'proxima-nova', sans-serif;
  font-size: 14px;
  color: #211e1e;
  overflow-y: scroll; }
/* Lets avoid the amazing disapearing scrollbar */
.container {
  width: 980px;
  padding: 0px 20px;
  margin: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.container:before, .container:after {
  content: " ";
  display: table; }

.container:after {
  clear: both; }

.main-content img {
  width: 100%;
  max-width: 100%; }

.gallery-3 img {
  width: 400px;
  max-width: 100%; }

@media (min-width: 1140px) {
  .container {
    width: 1140px; } }

@media (max-width: 979px) {
  .container {
    width: 100%; } }

.clear {
  clear: both; }

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

.pull-left {
  float: left !important; }
/*!
 Pure v0.3.0
 Copyright 2013 Yahoo! Inc. All rights reserved.
 Licensed under the BSD License.
 https://github.com/yui/pure/blob/master/LICENSE.md
 */
.btn, button, input[type="submit"], input[type="button"], input[type="reset"] a.btn {
  /* Structure */
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #d2d2d2;
  font-size: 100%;
  padding: 0.5em 1em 0.5em;
  color: rgba(0, 0, 0, 0.80);
  /* rgba supported */
  background-color: #e6e6e6;
  text-decoration: none;
  /* Transitions */
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow;
  border-radius: 2px;
  font-size: 1em;
  line-height: normal;
  color: #333; }
/* Firefox: Get rid of the inner focus border */
.btn::-moz-focus-inner, button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
  padding: 0;
  border: 0; }

button:focus, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .btn-hover, .btn:hover, .btn:focus {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15)));
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.15));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15));
  background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.15));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.15));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.15));
  outline: 0; }

button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, .btn-active, .btn:active {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.15) inset; }

button:disabled, input[type="submit"]:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, .btn[disabled], .btn-disabled, .btn-disabled:hover, .btn-disabled:focus, .btn-disabled:active {
  border: none;
  background-image: none;
  opacity: 0.4;
  cursor: not-allowed;
  box-shadow: none; }

.btn-hidden {
  display: none; }
/* Custom Gumbo with some Bootstrap3 influence */
.btn-group {
  display: table;
  margin-bottom: 15px;
  width: 100%; }

.btn-group > * {
  display: table-cell !important; }
/* Give a particular item in the group priority */
.btn-group > .priority {
  width: 100%; }

.btn-group > * > * {
  width: 100%; }

.btn-group > *, .btn-group > * > * {
  border-radius: 0px !important;
  margin: 0px !important;
  border-right-width: 0px !important;
  vertical-align: middle; }

.btn-group > *:first-child, .btn-group > *:first-child > * {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important; }

.btn-group > *:last-child, .btn-group > *:last-child > * {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  border-right-width: 1px !important; }

.alert {
  padding: 1em;
  margin: 1.5em 0;
  border-radius: 2px;
  border: 1px solid #d2d2d2;
  background-color: #e6e6e6; }

.alert strong {
  display: block;
  color: inherit !important; }
/* this should give us uniform padding all around */
.alert > *:last-child {
  margin-bottom: 0; }
/* Close buttons are made for alerts but can close any parent */
.close {
  cursor: pointer;
  opacity: 0.2;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff; }

.close:hover {
  opacity: 0.6; }

.close:before {
  content: "\00d7"; }

label {
  display: inline-block;
  font-weight: normal;
  font-size: 15px; }

label.checklist, label.radiolist {
  margin-bottom: 15px;
  line-height: 1.4em;
  font-weight: normal; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] {
  margin: 2px 0 0;
  line-height: normal; }

input[type="file"] {
  display: block; }

select[multiple], select[size] {
  height: auto; }

select optgroup {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  height: auto; }

input:not([type="button"]):not([type="submit"]):not([type="reset"]):-moz-placeholder, input:not([type="button"]):not([type="submit"]):not([type="reset"]):-ms-input-placeholder, input:not([type="button"]):not([type="submit"]):not([type="reset"]):-webkit-input-placeholder {
  color: #999; }

input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select {
  display: block;
  width: 100%;
  padding: 0.5em 1em 0.5em;
  font-size: 1em;
  line-height: normal;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 15px; }

input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):focus, select:focus, textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

input[type="range"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

select {
  -webkit-appearance: none;
  background-color: #fff; }

@media (-webkit-min-device-pixel-ratio: 0) {
  select[size], select[multiple], select[multiple][size] {
    background-image: none;
    padding-right: 3px; }

  select:not([multiple]) {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAFCAYAAACn39dKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMjhDQjI0ODEzNDUxMUUzQjAyN0FGRUY2MjM1RDY0MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMjhDQjI0OTEzNDUxMUUzQjAyN0FGRUY2MjM1RDY0MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNDQkRCRjA5MTMyNjExRTNCMDI3QUZFRjYyMzVENjQxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNDQkRCRjBBMTMyNjExRTNCMDI3QUZFRjYyMzVENjQxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2DBSIgAAAD9JREFUeNpiNDY2rmdgYGhgwA8aQWrOnDmDVxELVCEDHgMbkNTgBUzINlNiELJh2AwkySCYN9HDBhubKAAQYAAOPwwTWMYgngAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 25px; } }

input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"])[disabled], input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"])[readonly], fieldset[disabled] input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]) {
  cursor: not-allowed;
  background-color: #eee; }

textarea {
  height: auto;
  resize: none; }
/* Shared between buttons and styles and pretty much anything else that wants it */
.input-xs {
  font-size: 70% !important; }

.input-sm {
  font-size: 85% !important; }

.input-lg {
  font-size: 125% !important; }

.input-xl {
  font-size: 150% !important; }

.table {
  width: 100%; }

.table thead tr th, .table tbody tr td, .table tfoot tr td {
  text-align: left;
  padding: 8px 10px; }

.table tfoot tr td {
  font-weight: bold;
  border-top: 1px solid #ddd; }

.table thead tr th {
  font-size: 1.2em;
  border-bottom: 3px solid #ddd; }

.table.vertical-border td, .table.bordered td, .table.vertical-border th, .table.bordered th {
  border-left: 1px solid #ddd; }

.table.vertical-border tr:last-child td {
  border-bottom: 1px solid #ddd; }

.table.vertical-border th {
  border-top: 1px solid #ddd; }

.table.vertical-border td:last-child, .table.bordered td:last-child, .table.vertical-border th:last-child, .table.bordered th:last-child {
  border-right: 1px solid #ddd; }

.table.horizontal-border td, .table.bordered td {
  border-bottom: 1px solid #ddd; }

.table.bordered {
  border: 1px solid #ddd; }

.table.zebra tbody tr:nth-child(even) td {
  background-color: #eee; }

.table.hover tbody tr:hover td {
  background-color: rgba(0, 0, 0, .1); }

.page-header {
  border-bottom: 3px solid #ccc;
  font-weight: 300;
  font-size: 1.3em;
  padding: 0px;
  margin: 0px 0px 1em 0px; }

.page-header h1, .page-header h2, .page-header h3, .page-header h4 {
  font-weight: 300;
  padding: 0.2em;
  padding-bottom: 0.5em;
  color: #13648d; }

.page-header small {
  color: #13648d;
  font-size: 0.6em; }

p {
  margin: 1.5em 0;
  padding: 0px;
  line-height: 1.5em; }

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

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

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

h1 {
  font-size: 2.5em;
  margin: 0px;
  padding: 0.5em 0; }

h2 {
  font-size: 2em;
  margin: 0px;
  padding: 0.1em 0; }

h3 {
  font-size: 1.2em;
  margin: 0px;
  padding: 0.5em 0; }

h4 {
  font-size: 1em;
  margin: 0px;
  padding: 0.5em 0; }

h5 {
  font-size: 1em;
  margin: 0px;
  padding: 0.5em 0;
  color: #999; }

hr {
  height: 2px;
  color: #ddd;
  background: #ccc;
  font-size: 0;
  border: 0;
  border-bottom: 1px solid #d5e9f3;
  margin: 15px 0; }

.gray {
  background-color: #e6e6e6 !important;
  border-color: #d2d2d2 !important;
  color: rgba(0, 0, 0, 0.80) !important; }

.text-gray {
  color: #e6e6e6 !important; }

.yellow {
  background-color: #fffa7d !important;
  border-color: #ebe669 !important;
  color: #550 !important; }

.text-yellow {
  color: #fffa7d !important; }

.orange {
  background-color: #ffa000 !important;
  color: #fff !important;
  border-color: #eb8c00 !important; }

.text-orange {
  color: #ffa000 !important; }

.blue {
  background-color: #0078e6 !important;
  color: #fff !important;
  border-color: #0064d2 !important; }

.text-blue {
  color: #0078e6 !important; }

.green {
  background-color: #7db419 !important;
  color: #fff !important;
  border-color: #69a005 !important; }

.text-green {
  color: #7db419 !important; }

.red {
  background-color: #e64600 !important;
  color: #fff !important;
  border-color: #c83200 !important; }

.text-red {
  color: #e64600 !important; }

.black {
  background-color: #505050 !important;
  color: #fff !important;
  border-color: #323232 !important; }

.text-black {
  color: #505050 !important; }

.mybanner {
  position: relative;
  top: -170px;
  top: 0px;
  overflow-y: hidden;
  z-index: 9;
  margin-bottom: -170px;
  margin-bottom: 0px; }

.banner_inner {
  position: relative;
  height: calc(100vh - 210px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.banner_inner {
  /*
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
   */
  background: #333 url('https://c3filedepot.s3.amazonaws.com/Andy%20McDonald%20Design/banners/c2007295a286edb0ab2b70ecbb86764e.jpg') center center;
  position: relative;
  /*
   background-position:30% 50%;
   background-size: 170% auto;
   animation: animatedBackground 15s linear infinite alternate;
   -ms-animation: animatedBackground 15s linear infinite alternate;
   -moz-animation: animatedBackground 15s linear infinite alternate;
   -webkit-animation: animatedBackground 15s linear infinite alternate;
   */ }
/*
 @keyframes animatedBackground {
 from { background-position:30% 50%; background-size: 170% auto; }
 to { background-position:45% 50%; background-size: 100% auto; }
 }
 @-webkit-keyframes animatedBackground {
 from { background-position:30% 50%; background-size: 170% auto; }
 to { background-position:45% 50%; background-size: 100% auto; }
 }
 @-ms-keyframes animatedBackground {
 from { background-position:30% 50%; background-size: 170% auto; }
 to { background-position:45% 50%; background-size: 100% auto; }
 }
 @-moz-keyframes animatedBackground {
 from { background-position:30% 50%; background-size: 170% auto; }
 to { background-position:45% 50%; background-size: 100% auto; }
 }
 */
.banners {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.banners * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.banners .banner {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%; }

.banners .banner div {
  min-height: 100vh;
  min-width: 100vw;
  display: block;
  background-sizing: cover;
  background-position: center center;
  -webkit-animation-duration: 10s;
  animation-duration: 10s; }

.banners .controls {
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 50%;
  margin-top: -15px;
  margin-left: 10px;
  z-index: 100;
  display: none; }

.banners .controls:hover {
  text-shadow: 0px 1px 5px rgba(0, 0, 0, .5); }

.banners .controls[data-direction = "back"] {
  left: 20px; }

.banners .controls[data-direction = "forward"] {
  right: 30px; }

.banners .controls img {
  width: 35px;
  height: 35px; }

.banner-timer {
  position: absolute;
  bottom: 0px;
  height: 5px;
  background-color: #000;
  opacity: 0;
  width: 0; }

.hide {
  display: none; }

.card {
  position: relative;
  margin-bottom: 20px;
  padding: 5px;
  cursor: pointer;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2); }

.card img {
  float: left;
  width: 100%; }

.card .text {
  padding: 5px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.card .text > div {
  background-color: rgba(0, 0, 0, .75);
  color: #fff;
  text-align: center;
  padding: 10px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-shadow: 0px 1px 2px #000;
  border: 1px solid #000; }

.gumbo-tray-cover {
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  display: none; }

.gumbo-tray {
  position: fixed;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
  width: 100%;
  top: 75px;
  overflow-y: auto;
  max-height: calc(100% - 150px); }

.gumbo-tray-content {
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .15);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .15);
  padding: 20px;
  margin: auto;
  display: none; }

.gumbo-tray-close {
  cursor: pointer;
  opacity: 0.2;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff; }

.gumbo-tray-close:hover {
  opacity: 0.6; }

.gumbo-tray-close:before {
  content: "\00d7"; }

.gumbo-tray-close {
  position: absolute;
  top: 5px;
  right: 8px; }
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #ccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure {
  line-height: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  /* The shadow behind the image */
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
      padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px; }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }
/*!
 Video.js Default Styles (http://videojs.com)
 Version 4.3.0
 Create your own skin at http://designer.videojs.com
 */
.vjs-default-skin {
  color: #ccc; }

@font-face {
  font-family: VideoJS;
  src: url(font/vjs.eot);
  src: url(font/vjs.eot?#iefix) format('embedded-opentype'), url(font/vjs.woff) format('woff'), url(font/vjs.ttf) format('truetype');
  font-weight: 400;
  font-style: normal; }

.vjs-default-skin .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  background-color: #333;
  background-color: rgba(51, 51, 51, .9); }

.vjs-default-skin .vjs-slider:focus {
  -webkit-box-shadow: 0 0 2em #fff;
  -moz-box-shadow: 0 0 2em #fff;
  box-shadow: 0 0 2em #fff; }

.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  left: 0;
  top: 0; }

.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.vjs-default-skin .vjs-control-bar {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #07141e;
  background-color: rgba(7, 20, 30, .7); }

.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none; }

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none; }

@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: ""; } }

.vjs-default-skin .vjs-control {
  outline: 0;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3em;
  width: 4em; }

.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); }

.vjs-default-skin .vjs-control:focus:before, .vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff; }

.vjs-default-skin .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer; }

.vjs-default-skin .vjs-play-control:before {
  content: "\e001"; }

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002"; }

.vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right; }

.vjs-default-skin .vjs-mute-control:before, .vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005"; }

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right; }

.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0; }

.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em; }

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; }

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em; }

.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em; }

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em; }

.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  top: -1em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-default-skin:hover .vjs-progress-control {
  font-size: 0.9em;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

.vjs-default-skin .vjs-progress-holder {
  height: 100%; }

.vjs-default-skin .vjs-progress-holder .vjs-play-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0; }

.vjs-default-skin .vjs-play-progress {
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; }

.vjs-default-skin .vjs-load-progress {
  background: #646464;
  background: rgba(255, 255, 255, .4); }

.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%; }

.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em; }

.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  line-height: 3em; }

.vjs-default-skin .vjs-current-time {
  float: left; }

.vjs-default-skin .vjs-duration {
  float: left; }

.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left; }

.vjs-time-divider {
  float: left;
  line-height: 3em; }

.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right; }

.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000"; }

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b"; }

.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  background-color: #07141e;
  background-color: rgba(7, 20, 30, .7);
  border: 0.1em solid #3b4249;
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, .25);
  -moz-box-shadow: 0 0 1em rgba(255, 255, 255, .25);
  box-shadow: 0 0 1em rgba(255, 255, 255, .25);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  left: 50%;
  margin-left: -2.1em;
  top: 50%;
  margin-top: -1.4em; }

.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none; }

.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none; }

.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none; }

.vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #505050;
  background-color: rgba(50, 50, 50, .75);
  -webkit-box-shadow: 0 0 3em #fff;
  -moz-box-shadow: 0 0 3em #fff;
  box-shadow: 0 0 3em #fff;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear; }

.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0 0 0.1em #000; }

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

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

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

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

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

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

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

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

.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer; }

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000;
  border-top-color: rgba(7, 40, 50, .5); }

.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  max-height: 15em;
  overflow: auto;
  left: -5em;
  background-color: #07141e;
  background-color: rgba(7, 20, 30, .7);
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, .2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, .2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, .2); }

.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block; }

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000; }

.vjs-default-skin .vjs-menu-button ul li:focus, .vjs-default-skin .vjs-menu-button ul li:hover, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .75);
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff; }

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em;
  font-weight: 700;
  cursor: default; }

.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c"; }

.vjs-default-skin .vjs-captions-button:before {
  content: "\e008"; }

.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before, .vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff; }

.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-js:-moz-full-screen {
  position: absolute; }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto; }

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  _position: absolute; }

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }

.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

.video-js.vjs-using-native-controls .vjs-poster {
  display: none; }

.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  left: 1em;
  right: 1em; }

.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, .5); }

.video-js .vjs-subtitles {
  color: #fff; }

.video-js .vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

.vjs-default-skin .vjs-hidden {
  display: none; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }
/* lists */
.list-group {
  margin-bottom: 20px;
  padding: 0px;
  list-style-type: none;
  margin: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 5px 0px #d8d3cc;
  -moz-box-shadow: 0px 2px 5px 0px #d8d3cc;
  box-shadow: 0px 2px 5px 0px #d8d3cc; }

.list-group-item {
  border: 0px; }

.list-group-item a {
  position: relative;
  display: block;
  padding: 10px 15px;
  background-color: #fff;
  font-size: 14px;
  color: #333;
  text-decoration: none; }

.list-group-item a:hover {
  color: #222;
  background-color: #f8f8f8; }

.list-group-item > .badge {
  float: right; }

.list-group-item > .badge + .badge {
  margin-right: 5px; }

a.list-group-item {
  color: #555; }

a.list-group-item .list-group-item-heading {
  color: #333; }

a.list-group-item:hover, a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca; }

.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading {
  color: inherit; }

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #e1edf7; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

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

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

.navbar {
  margin-bottom: 15px; }

span.menuBtn {
  display: none;
  position: absolute;
  text-transform: uppercase;
  font-weight: 400;
  height: 30px;
  width: 30px;
  padding-top: 5px;
  top: 10px;
  right: 10px;
  border: 1px solid #333;
  color: #ccc;
  margin: 4px;
  text-align: center;
  outline: none;
  box-sizing: border-box;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  border-radius: 50%;
  cursor: pointer; }

span.menuBtn span {
  display: block;
  width: 16px;
  height: 2px;
  width: 16px;
  background-color: #333;
  color: #333;
  margin: 3px auto;
  line-height: 2px;
  border-radius: 4px; }

span.menuBtn:hover, span.navBoxClose:hover {
  background-color: fade(#f4f4f4, 20%); }

.navBoxClose {
  position: absolute;
  cursor: pointer;
  font-weight: 700;
  top: 0px;
  right: 0px;
  color: #000;
  z-index: 3;
  font-size: 20px;
  height: 30px;
  width: 30px;
  margin: 4px;
  border-radius: 50%;
  border: 1px solid #eee;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease; }

.navBoxClose span {
  position: absolute;
  top: 11px;
  left: 7px;
  border-radius: 4px;
  background-color: #eee;
  display: block;
  width: 16px;
  height: 2px;
  margin: 3px auto;
  line-height: 2px; }

.navBoxClose span:first-child {
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  /* IE9 */
  /* FF3.5/3.6 */
  -o-transform: rotate(45deg);
  /* Opera 10.5 */
  -webkit-transform: rotate(45deg);
  /* Saf3.1+ */
  transform: rotate(45deg);
  /* Newer browsers */ }

.navBoxClose span:nth-child(2) {
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  /* IE9 */
  /* FF3.5/3.6 */
  -o-transform: rotate(-45deg);
  /* Opera 10.5 */
  -webkit-transform: rotate(-45deg);
  /* Saf3.1+ */
  transform: rotate(-45deg);
  /* Newer browsers */ }

.navBoxClose:hover {
  background-color: fade(#eee, 20%); }

.navBoxClose:hover span {
  background-color: #eee; }

.navbar ul.nav {
  font-weight: 100;
  letter-spacing: 2px; }
/*******************************************
 These are the color styles for the desktop navbar
 ********************************************/
.navbar ul.nav:not(.mobile) {
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: transparent;
  border-radius: 2px;
  text-transform: uppercase; }

.navbar ul.nav:not(.mobile) > li ul {
  border-width: 1px;
  border-style: solid;
  border-radius: 2px; }

.navbar ul.nav:not(.mobile) ul {
  padding: 0px;
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0); }

.navbar ul.nav:not(.mobile) a, ul.nav:not(.mobile) span {
  display: block;
  text-decoration: none;
  padding: 0.5em 0.8em;
  white-space: nowrap;
  color: #333; }

.navbar ul.nav:not(.mobile) {
  font-size: 14px;
  font-weight: normal;
  list-style: none;
  margin: 0;
  padding: 0; }

.navbar ul.nav:not(.mobile) li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  display: block; }

.navbar ul.nav:not(.mobile) li:hover, .navbar ul.nav:not(.mobile) li ul li:hover {
  background-color: rgba(0, 0, 0, .25); }

.navbar ul.nav:not(.mobile) > li {
  display: inline-block;
  vertical-align: middle; }

.navbar ul.nav:not(.mobile) > li:hover > ul {
  display: block; }

.navbar ul.nav:not(.mobile) > li:hover > ul a {
  padding-right: 1.5em; }

.navbar ul.nav:not(.mobile) > li > ul li:hover > ul {
  display: block;
  top: 0;
  background-color: #fff; }

.navbar ul.nav:not(.mobile) > li > ul {
  position: absolute;
  display: none;
  z-index: 10; }

.navbar ul.nav:not(.mobile) > li > ul i {
  position: absolute;
  right: 0.5em;
  top: 0.7em;
  line-height: inherit; }

.navbar ul.nav:not(.mobile) > li > ul > li ul {
  position: absolute;
  left: 100%;
  top: 1px;
  display: none; }

.navbar ul.nav.nav-right {
  text-align: right; }

.navbar ul.nav.nav-right > li > ul {
  left: auto;
  right: 0px; }

.navbar ul.nav.nav-right > li > ul > li ul {
  left: auto;
  right: 100%; }

.navbar ul.nav.nav-right > li > ul i.dropdown {
  right: auto; }
/*******************************************
 Pills
 ********************************************/
.navbar.pills a, .navbar.pills a:visited {
  background-color: transparent;
  color: #f4f4f4 !important; }

.navbar.pills a:hover {
  background-color: #f4f4f4;
  color: #eee !important;
  border-radius: 2px; }

.navbar.pills ul.nav:not(.mobile) {
  background-color: transparent;
  border: 0; }

.navbar.pills ul.nav:not(.mobile) li, .navbar.pills ul.nav:not(.mobile) li:hover {
  margin: 2px 1px;
  border: 0;
  background: 0; }

.navbar.pills ul.nav:not(.mobile) li ul li:hover > a, .navbar.pills ul.nav:not(.mobile) > li:hover > a {
  border: 0; }

.navbar.pills ul.nav:not(.mobile) > li ul {
  background-color: transparent;
  border: 0px; }
/*
 Responsive quality
 */
ul.nav.mobile {
  display: none; }

.mobileNavContainer {
  position: fixed;
  height: 100%;
  top: 0px;
  overflow-y: auto;
  z-index: 999;
  right: -300px;
  width: 300px;
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -ms-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
  -webkit-box-shadow: inset 5px 0px 5px -3px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 5px 0px 5px -3px rgba(0, 0, 0, 0.35);
  box-shadow: inset 5px 0px 5px -3px rgba(0, 0, 0, 0.35);
  background-color: rgba(0, 0, 0, .9);
  text-transform: uppercase; }

@media (max-width: 768px) {
  /* Hide the standard navbar */
  /*******************************************
   Override nav left and nav center on mobile nav
   ********************************************/
  /*******************************************
   These are the color styles for the desktop navbar
   ********************************************/
    .mobileNavContainerOpened {
      right: 0px; }
    body.mobileNavContainerOpened {
      right: 300px;
      width: 100%;
      overflow-x: hidden !important; }
    span.menuBtn {
      display: block; }
    .navbar ul.nav:not(.mobile) {
      display: none; }
    .nav-center ul.nav.mobile {
      text-align: left; }
    .nav-right ul.nav.mobile {
      text-align: left; }
    .navbar ul.nav.mobile {
      border-width: 1px;
      border-style: solid;
      border-color: transparent;
      border-top: 0px; }
    .navbar ul.nav.mobile li {
      border-style: solid;
      border-width: 0px;
      /* overwrite this later */
      position: relative;
      height: auto; }
    .navbar ul.nav.mobile li li {
      background-color: transparent; }
    .navbar ul.nav.mobile a:hover {
      background-color: transparent; }
    .navbar .nav.mobile, .navbar .nav.mobile ul {
      display: block;
      list-style-type: none;
      padding: 0px;
      margin: 0px; }
    .navbar ul.nav.mobile a, .navbar ul.nav.mobile span {
      overflow: hidden;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      padding: 0.5em 0.8em;
      display: block;
      text-decoration: none;
      background-color: transparent !important; }
    .navbar ul.nav.mobile a:hover, .navbar ul.nav.mobile span:hover {
      background-color: rgba(0, 0, 0, .25) !important; }
    .navbar ul.nav.mobile li ul {
      display: none; }
    .navbar ul.nav.mobile li {
      border-top-width: 1px; }
    .navbar ul.nav.mobile i.dropdown {
      position: absolute;
      right: 10px !important;
      top: 10px; }
    .navbar ul.nav.mobile > li > ul i.dropdown {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
    .navbar.pills ul.nav.mobile {
      background-color: transparent;
      border: 0; }
    .navbar.pills ul.nav.mobile li, .navbar.pills ul.nav.mobile li:hover {
      margin: 2px 1px;
      border: 0;
      background: 0; }
    .navbar.pills ul.nav.mobile li ul li:hover > a, .navbar.pills ul.nav.mobile > li:hover > a {
      border-radius: 2px;
      border: 0; }
    .navbar.pills ul.nav.mobile > li ul {
      background-color: transparent;
      border-radius: 2px;
      border: 0px;
      margin-left: 15px; } }
/**********************
 * Styles
 **********************/
html {
  min-height: 100%; }

body {
  min-height: 100%;
  background-color: #f4f4f4;
  font-size: 18px;
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -ms-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
  right: 0px;
  z-index: 11;
  overflow-x: hidden; }

.main-content {
  background: #fff;
  min-height: 200px;
  padding-bottom: 100px; }

.header {
  padding: 40px 0px 20px 0px;
  background-color: #fff;
  position: relative;
  z-index: 100;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&amp;0.5+0,0.33+50,0+100 */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */ }

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

.homepage_tagline {
  background-color: #fff;
  position: fixed;
  bottom: 0px;
  z-index: 99;
  padding: 25px 0px;
  width: 100% !important; }

.footer {
  color: #999;
  font-weight: 100;
  font-size: 16px;
  bottom: 0px !important; }

.footer .credits {
  text-align: center;
  font-size: 13px;
  color: #999;
  font-weight: 100;
  margin: 40px 0px;
  text-transform: uppercase; }

.footer .credits a {
  color: #999;
  text-decoration: none;
  font-size: 13px; }

.footer a {
  color: #999;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px; }

.login-box {
  background-color: #fff;
  padding: 15px;
  border-radius: 4px; }

.social {
  color: #fff;
  text-align: center;
  padding: 20px 0px 15px;
  font-weight: 300;
  margin-bottom: 60px;
  position: relative; }

.social a {
  color: #fff;
  text-decoration: none;
  font-size: 32px;
  display: inline-block;
  margin: 0px 5px;
  margin-top: 15px; }

.logo {
  display: inline-block; }

.logo img {
  width: 300px;
  max-width: 100%;
  margin-top: -15px; }

.post-categories {
  color: #13648d;
  background: #f2f2f2;
  text-decoration: none;
  font-weight: 400;
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd; }

.post-categories:first-of-type {
  color: #13648d;
  background: #f2f2f2;
  text-decoration: none;
  font-weight: 400;
  padding: 5px 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd; }

.primary-nav {
  background-color: #13648d;
  border-bottom: 2px solid #fff; }

.primary-nav .navbar ul.nav:not(.mobile) > li.home:hover {
  background-color: #0a3c5b; }

.primary-nav .navbar {
  margin-bottom: 0px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px !important;
  position: relative; }

.primary-nav .navbar ul.nav:not(.mobile) {
  background-color: transparent;
  border-color: transparent; }

.primary-nav ul.nav a {
  color: #fff; }

.primary-nav .navbar ul.nav:not(.mobile) a, .primary-nav ul.nav:not(.mobile) span {
  padding: 15px; }

.primary-nav .navbar ul.nav:not(.mobile) > li:hover {
  background-color: #0c4a71; }

.primary-nav .navbar ul.nav:not(.mobile) > li ul {
  background-color: #13648d;
  border-color: #13648d; }

.primary-nav .navbar ul.nav:not(.mobile) li ul li a {
  padding: 8px 15px !important;
  text-transform: none; }

.primary-nav .navbar ul.nav:not(.mobile) li ul li:hover > a {
  background-color: #0c4a71;
  color: #fff; }
/**********************
 * Gallery
 **********************/
ul.gallery {
  text-align: center;
  margin: 0px;
  padding: 0px; }

ul.gallery li {
  width: 180px;
  height: 180px;
  display: inline-block;
  float: none !important;
  margin: 15px; }

.gallery-img {
  text-align: center;
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  /* Chrome and Safari */
  -ms-backface-visibility: hidden;
  /* Firefox */ }
/* Internet Explorer */
.gallery-img a {
  width: 100%;
  height: 100%;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  border: 5px solid #555;
  backface-visibility: hidden;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.gallery-img a:hover {
  transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1, 1.1);
  /* Safari and Chrome */ }

.gallery-img a img {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out; }

.gallery-item-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  display: block;
  padding: 5px 0px; }
/**********************
 Special Banners 
 **********************/
.edge-to-edge {
  background-color: rgba(0, 0, 0, .55);
  height: 500px;
  vertical-align: middle;
  text-align: center;
  font-weight: 100;
  text-shadow: 0px 1px 20px rgba(0, 0, 0, 0.85);
  color: #fff;
  font-size: 90px;
  overflow: hidden;
  text-transform: uppercase;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  -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); }

.edge-to-edge-html {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  -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); }

.edge-to-edge .text {
  position: absolute;
  bottom: 30px;
  background-color: rgba(0, 0, 0, .65);
  padding: 15px 50px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
/**********************
 Forms
 **********************/
.form-actions {
  background-color: rgba(0, 0, 0, .15);
  border-top: 3px solid rgba(0, 0, 0, .25);
  margin-top: 15px;
  padding: 15px; }

.formWidget {
  position: relative; }

.formWidgetError {
  color: #824600 !important; }

.formWidgetError input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]), .formWidgetError textarea, .formWidgetError select {
  background-color: #fff0f0;
  border: 1px solid rgba(230, 70, 0, .25); }

.formWidgetErrorMessage {
  font-size: 0.8em;
  display: inline-block;
  padding-left: 15px; }

.formWidgetCheckboxes, .formWidgetCheckbox, .formWidgetRadiolist {
  margin-bottom: 15px; }
/**********************
 Video Embed Scaling
 **********************/
.video-box {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  /* padding-top: 30px; /* IE6 workaround*/
  height: 0;
  overflow: hidden; }

.video-box iframe, .video-box object, .video-box embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.grayborderbtn:hover {
  color: #888 !important;
  background-color: #efefef !important;
  -webkit-transition: background-color 250ms;
  -moz-transition: background-color 250ms;
  -o-transition: background-color 250ms;
  -ms-transition: background-color 250ms;
  transition: background-color 250ms; }
/* Responsive customizations */
@media (max-width: 768px) {
  /*.homepage_tagline{ 
   position: relative;
   bottom:auto !important;
   }*/
  /* Mobile Navigation overrides */
    .header {
      padding-bottom: 0px !important; }
    .logo {
      width: 250px;
      max-width: 90%;
      margin-top: -24px; }
    .mybanner {
      top: 0px !important;
      margin-bottom: 0px !important;
      margin-top: -30% !important;
      margin-top: 0px !important; }
    .banner_inner {
      height: 60vh; }
    .gray-section .section-title {
      min-width: 0px; }
    .header-content {
      text-align: center; }
    p.tagline {
      font-size: 24px !important; }
    .edge-to-edge {
      height: 300px;
      font-size: 40px; }
    p.tagline {
      font-size: 22px !important; }
    .navbar ul.nav.mobile {
      margin-top: 40px; }
    .navbar ul.nav.mobile a, .navbar ul.nav.mobile span {
      color: #eee;
      background-color: fade(#eee, 25%); }
    .navbar ul.nav.mobile li a:hover {
      background-color: #dbdbdb; }
    .navbar ul.nav.mobile li ul {
      background-color: fade(#eee, 25%);
      overflow: hidden;
      display: block; }
    .navbar ul.nav.mobile li ul li {
      max-height: 0px;
      border-top-width: 0px;
      -webkit-transition: 0.5s ease-out;
      -moz-transition: 0.5s ease-out;
      -ms-transition: 0.5s ease-out;
      -o-transition: 0.5s ease-out;
      transition: 0.5s ease-out; }
    .navbar ul.nav.mobile li ul.ulMobileShow li {
      max-height: 100px !important;
      border-top-width: 1px; }
    .navbar ul.nav.mobile li {
      border-color: transparent; } }
/* Responsive customizations */
@media (max-width: 480px) {
  .banner_inner {
    height: 30vh; } }