/* Left blank for you to override */




/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! 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 < 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;
}

/**
 * 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"], /* 1 */
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;
}

/*csslint important:false*/

/* ==========================================================================
   Pure Base Extras
   ========================================================================== */

/**
 * Extra rules that Pure adds on top of Normalize.css
 */

/**
 * Always hide an element when it has the `hidden` HTML attribute.
 */

.hidden,
[hidden] {
    display: none !important;
}

/**
 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
 * aspect ratio.
 */
.pure-img {
    max-width: 100%;
    height: auto;
    display: block;
}

/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/

.pure-g {
    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */

    /*
    Sets the font stack to fonts known to work properly with the above letter
    and word spacings. See: https://github.com/yahoo/pure/issues/41/

    The following font stack makes Pure Grids work on all known environments.

    * FreeSans: Ships with many Linux distros, including Ubuntu

    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
      Arial to get picked up by the browser, even though neither is available
      in Chrome OS.

    * Droid Sans: Ships with all versions of Android.

    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
    */
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;

    /*
    Use flexbox when possible to avoid `letter-spacing` side-effects.

    NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
    `-moz-` prefix version is omitted.
    */

    display: -webkit-flex;
    -webkit-flex-flow: row wrap;

    /* IE10 uses display: flexbox */
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    
    /* Prevents distributing space between rows */
    -ms-align-content: flex-start;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}

/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/
.opera-only :-o-prefocus,
.pure-g {
    word-spacing: -0.43em;
}

.pure-u {
    display: inline-block;
    *display: inline; /* IE < 8: fake inline-block */
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

/*
Resets the font family back to the OS/browser's default sans-serif font,
this the same font stack that Normalize.css sets for the `body`.
*/
.pure-g [class *= "pure-u"] {
    font-family: sans-serif;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.pure-u-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
}

.pure-u-1-12,
.pure-u-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
}

.pure-u-1-8,
.pure-u-3-24 {
    width: 12.5000%;
    *width: 12.4690%;
}

.pure-u-1-6,
.pure-u-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
}

.pure-u-1-5 {
    width: 20%;
    *width: 19.9690%;
}

.pure-u-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
}

.pure-u-1-4,
.pure-u-6-24 {
    width: 25%;
    *width: 24.9690%;
}

.pure-u-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
}

.pure-u-1-3,
.pure-u-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
}

.pure-u-3-8,
.pure-u-9-24 {
    width: 37.5000%;
    *width: 37.4690%;
}

.pure-u-2-5 {
    width: 40%;
    *width: 39.9690%;
}

.pure-u-5-12,
.pure-u-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
}

.pure-u-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
}

.pure-u-1-2,
.pure-u-12-24 {
    width: 50%;
    *width: 49.9690%;
}

.pure-u-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
}

.pure-u-7-12,
.pure-u-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
}

.pure-u-3-5 {
    width: 60%;
    *width: 59.9690%;
}

.pure-u-5-8,
.pure-u-15-24 {
    width: 62.5000%;
    *width: 62.4690%;
}

.pure-u-2-3,
.pure-u-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
}

.pure-u-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
}

.pure-u-3-4,
.pure-u-18-24 {
    width: 75%;
    *width: 74.9690%;
}

.pure-u-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
}

.pure-u-4-5 {
    width: 80%;
    *width: 79.9690%;
}

.pure-u-5-6,
.pure-u-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
}

.pure-u-7-8,
.pure-u-21-24 {
    width: 87.5000%;
    *width: 87.4690%;
}

.pure-u-11-12,
.pure-u-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
}

.pure-u-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
    width: 100%;
}
/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
@media screen and (min-width: 35.5em) {
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-1-2,
    .pure-u-sm-1-3,
    .pure-u-sm-2-3,
    .pure-u-sm-1-4,
    .pure-u-sm-3-4,
    .pure-u-sm-1-5,
    .pure-u-sm-2-5,
    .pure-u-sm-3-5,
    .pure-u-sm-4-5,
    .pure-u-sm-5-5,
    .pure-u-sm-1-6,
    .pure-u-sm-5-6,
    .pure-u-sm-1-8,
    .pure-u-sm-3-8,
    .pure-u-sm-5-8,
    .pure-u-sm-7-8,
    .pure-u-sm-1-12,
    .pure-u-sm-5-12,
    .pure-u-sm-7-12,
    .pure-u-sm-11-12,
    .pure-u-sm-1-24,
    .pure-u-sm-2-24,
    .pure-u-sm-3-24,
    .pure-u-sm-4-24,
    .pure-u-sm-5-24,
    .pure-u-sm-6-24,
    .pure-u-sm-7-24,
    .pure-u-sm-8-24,
    .pure-u-sm-9-24,
    .pure-u-sm-10-24,
    .pure-u-sm-11-24,
    .pure-u-sm-12-24,
    .pure-u-sm-13-24,
    .pure-u-sm-14-24,
    .pure-u-sm-15-24,
    .pure-u-sm-16-24,
    .pure-u-sm-17-24,
    .pure-u-sm-18-24,
    .pure-u-sm-19-24,
    .pure-u-sm-20-24,
    .pure-u-sm-21-24,
    .pure-u-sm-22-24,
    .pure-u-sm-23-24,
    .pure-u-sm-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-sm-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-sm-1-12,
    .pure-u-sm-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-sm-1-8,
    .pure-u-sm-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-sm-1-6,
    .pure-u-sm-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-sm-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-sm-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-sm-1-4,
    .pure-u-sm-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-sm-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-sm-1-3,
    .pure-u-sm-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-sm-3-8,
    .pure-u-sm-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-sm-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-sm-5-12,
    .pure-u-sm-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-sm-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-sm-1-2,
    .pure-u-sm-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-sm-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-sm-7-12,
    .pure-u-sm-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-sm-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-sm-5-8,
    .pure-u-sm-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-sm-2-3,
    .pure-u-sm-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-sm-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-sm-3-4,
    .pure-u-sm-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-sm-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-sm-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-sm-5-6,
    .pure-u-sm-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-sm-7-8,
    .pure-u-sm-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-sm-11-12,
    .pure-u-sm-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-sm-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-5-5,
    .pure-u-sm-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 48em) {
    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-1-2,
    .pure-u-md-1-3,
    .pure-u-md-2-3,
    .pure-u-md-1-4,
    .pure-u-md-3-4,
    .pure-u-md-1-5,
    .pure-u-md-2-5,
    .pure-u-md-3-5,
    .pure-u-md-4-5,
    .pure-u-md-5-5,
    .pure-u-md-1-6,
    .pure-u-md-5-6,
    .pure-u-md-1-8,
    .pure-u-md-3-8,
    .pure-u-md-5-8,
    .pure-u-md-7-8,
    .pure-u-md-1-12,
    .pure-u-md-5-12,
    .pure-u-md-7-12,
    .pure-u-md-11-12,
    .pure-u-md-1-24,
    .pure-u-md-2-24,
    .pure-u-md-3-24,
    .pure-u-md-4-24,
    .pure-u-md-5-24,
    .pure-u-md-6-24,
    .pure-u-md-7-24,
    .pure-u-md-8-24,
    .pure-u-md-9-24,
    .pure-u-md-10-24,
    .pure-u-md-11-24,
    .pure-u-md-12-24,
    .pure-u-md-13-24,
    .pure-u-md-14-24,
    .pure-u-md-15-24,
    .pure-u-md-16-24,
    .pure-u-md-17-24,
    .pure-u-md-18-24,
    .pure-u-md-19-24,
    .pure-u-md-20-24,
    .pure-u-md-21-24,
    .pure-u-md-22-24,
    .pure-u-md-23-24,
    .pure-u-md-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-md-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-md-1-12,
    .pure-u-md-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-md-1-8,
    .pure-u-md-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-md-1-6,
    .pure-u-md-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-md-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-md-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-md-1-4,
    .pure-u-md-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-md-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-md-1-3,
    .pure-u-md-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-md-3-8,
    .pure-u-md-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-md-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-md-5-12,
    .pure-u-md-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-md-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-md-1-2,
    .pure-u-md-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-md-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-md-7-12,
    .pure-u-md-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-md-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-md-5-8,
    .pure-u-md-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-md-2-3,
    .pure-u-md-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-md-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-md-3-4,
    .pure-u-md-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-md-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-md-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-md-5-6,
    .pure-u-md-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-md-7-8,
    .pure-u-md-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-md-11-12,
    .pure-u-md-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-md-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-5-5,
    .pure-u-md-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 64em) {
    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-1-2,
    .pure-u-lg-1-3,
    .pure-u-lg-2-3,
    .pure-u-lg-1-4,
    .pure-u-lg-3-4,
    .pure-u-lg-1-5,
    .pure-u-lg-2-5,
    .pure-u-lg-3-5,
    .pure-u-lg-4-5,
    .pure-u-lg-5-5,
    .pure-u-lg-1-6,
    .pure-u-lg-5-6,
    .pure-u-lg-1-8,
    .pure-u-lg-3-8,
    .pure-u-lg-5-8,
    .pure-u-lg-7-8,
    .pure-u-lg-1-12,
    .pure-u-lg-5-12,
    .pure-u-lg-7-12,
    .pure-u-lg-11-12,
    .pure-u-lg-1-24,
    .pure-u-lg-2-24,
    .pure-u-lg-3-24,
    .pure-u-lg-4-24,
    .pure-u-lg-5-24,
    .pure-u-lg-6-24,
    .pure-u-lg-7-24,
    .pure-u-lg-8-24,
    .pure-u-lg-9-24,
    .pure-u-lg-10-24,
    .pure-u-lg-11-24,
    .pure-u-lg-12-24,
    .pure-u-lg-13-24,
    .pure-u-lg-14-24,
    .pure-u-lg-15-24,
    .pure-u-lg-16-24,
    .pure-u-lg-17-24,
    .pure-u-lg-18-24,
    .pure-u-lg-19-24,
    .pure-u-lg-20-24,
    .pure-u-lg-21-24,
    .pure-u-lg-22-24,
    .pure-u-lg-23-24,
    .pure-u-lg-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-lg-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-lg-1-12,
    .pure-u-lg-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-lg-1-8,
    .pure-u-lg-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-lg-1-6,
    .pure-u-lg-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-lg-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-lg-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-lg-1-4,
    .pure-u-lg-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-lg-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-lg-1-3,
    .pure-u-lg-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-lg-3-8,
    .pure-u-lg-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-lg-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-lg-5-12,
    .pure-u-lg-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-lg-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-lg-1-2,
    .pure-u-lg-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-lg-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-lg-7-12,
    .pure-u-lg-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-lg-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-lg-5-8,
    .pure-u-lg-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-lg-2-3,
    .pure-u-lg-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-lg-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-lg-3-4,
    .pure-u-lg-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-lg-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-lg-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-lg-5-6,
    .pure-u-lg-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-lg-7-8,
    .pure-u-lg-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-lg-11-12,
    .pure-u-lg-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-lg-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-5-5,
    .pure-u-lg-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 80em) {
    .pure-u-xl-1,
    .pure-u-xl-1-1,
    .pure-u-xl-1-2,
    .pure-u-xl-1-3,
    .pure-u-xl-2-3,
    .pure-u-xl-1-4,
    .pure-u-xl-3-4,
    .pure-u-xl-1-5,
    .pure-u-xl-2-5,
    .pure-u-xl-3-5,
    .pure-u-xl-4-5,
    .pure-u-xl-5-5,
    .pure-u-xl-1-6,
    .pure-u-xl-5-6,
    .pure-u-xl-1-8,
    .pure-u-xl-3-8,
    .pure-u-xl-5-8,
    .pure-u-xl-7-8,
    .pure-u-xl-1-12,
    .pure-u-xl-5-12,
    .pure-u-xl-7-12,
    .pure-u-xl-11-12,
    .pure-u-xl-1-24,
    .pure-u-xl-2-24,
    .pure-u-xl-3-24,
    .pure-u-xl-4-24,
    .pure-u-xl-5-24,
    .pure-u-xl-6-24,
    .pure-u-xl-7-24,
    .pure-u-xl-8-24,
    .pure-u-xl-9-24,
    .pure-u-xl-10-24,
    .pure-u-xl-11-24,
    .pure-u-xl-12-24,
    .pure-u-xl-13-24,
    .pure-u-xl-14-24,
    .pure-u-xl-15-24,
    .pure-u-xl-16-24,
    .pure-u-xl-17-24,
    .pure-u-xl-18-24,
    .pure-u-xl-19-24,
    .pure-u-xl-20-24,
    .pure-u-xl-21-24,
    .pure-u-xl-22-24,
    .pure-u-xl-23-24,
    .pure-u-xl-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-xl-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-xl-1-12,
    .pure-u-xl-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-xl-1-8,
    .pure-u-xl-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-xl-1-6,
    .pure-u-xl-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-xl-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-xl-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-xl-1-4,
    .pure-u-xl-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-xl-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-xl-1-3,
    .pure-u-xl-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-xl-3-8,
    .pure-u-xl-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-xl-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-xl-5-12,
    .pure-u-xl-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-xl-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-xl-1-2,
    .pure-u-xl-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-xl-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-xl-7-12,
    .pure-u-xl-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-xl-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-xl-5-8,
    .pure-u-xl-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-xl-2-3,
    .pure-u-xl-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-xl-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-xl-3-4,
    .pure-u-xl-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-xl-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-xl-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-xl-5-6,
    .pure-u-xl-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-xl-7-8,
    .pure-u-xl-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-xl-11-12,
    .pure-u-xl-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-xl-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-xl-1,
    .pure-u-xl-1-1,
    .pure-u-xl-5-5,
    .pure-u-xl-24-24 {
        width: 100%;
    }
}

    /*!
Fork Awesome 1.1.7
License - https://forkaweso.me/Fork-Awesome/license

Copyright 2018 Dave Gandy & Fork Awesome

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */@font-face{font-family:ForkAwesome;src:url(/views/responsive-base/bower_components/fork-awesome/fonts/forkawesome-webfont.eot?v=1.1.7);src:url(/views/responsive-base/bower_components/fork-awesome/fonts/forkawesome-webfont.eot?#iefix&v=1.1.7) format('embedded-opentype'),url(/views/responsive-base/bower_components/fork-awesome/fonts/forkawesome-webfont.woff2?v=1.1.7) format('woff2'),url(/views/responsive-base/bower_components/fork-awesome/fonts/forkawesome-webfont.woff?v=1.1.7) format('woff'),url(/views/responsive-base/bower_components/fork-awesome/fonts/forkawesome-webfont.ttf?v=1.1.7) format('truetype'),url(/views/responsive-base/bower_components/fork-awesome/fonts/forkawesome-webfont.svg?v=1.1.7#forkawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 ForkAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before,.fa-sync:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before,.fa-video:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell-o:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-globe-e:before{content:"\f304"}.fa-globe-w:before{content:"\f305"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-community:before,.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus-g:before,.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before,.fa-utensils:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before,.fa-pound:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before,.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-desc:before,.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-asc:before,.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-desc:before,.fa-sort-amount-up:before{content:"\f161"}.fa-sort-numeric-asc:before,.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-desc:before,.fa-sort-numeric-up:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before,.fa-utensil-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before,.fa-resistance:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before,.fa-heading:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before,.fa-closed-captioning:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before,.fa-gem:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-medium-square:before{content:"\f2f8"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo-v:before,.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-phone-volume:before,.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{content:"\f2a3"}.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-address-card:before,.fa-vcard:before{content:"\f2bb"}.fa-address-card-o:before,.fa-vcard-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bath:before,.fa-bathtub:before,.fa-s15:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.fa-mastodon:before{content:"\f2e1"}.fa-mastodon-alt:before{content:"\f2e2"}.fa-fork-awesome:before,.fa-fork-circle:before{content:"\f2e3"}.fa-peertube:before{content:"\f2e4"}.fa-diaspora:before{content:"\f2e5"}.fa-friendica:before{content:"\f2e6"}.fa-gnu-social:before{content:"\f2e7"}.fa-liberapay-square:before{content:"\f2e8"}.fa-liberapay:before{content:"\f2e9"}.fa-scuttlebutt:before,.fa-ssb:before{content:"\f2ea"}.fa-hubzilla:before{content:"\f2eb"}.fa-social-home:before{content:"\f2ec"}.fa-artstation:before{content:"\f2ed"}.fa-discord:before{content:"\f2ee"}.fa-discord-alt:before{content:"\f2ef"}.fa-patreon:before{content:"\f2f0"}.fa-snowdrift:before{content:"\f2f1"}.fa-activitypub:before{content:"\f2f2"}.fa-ethereum:before{content:"\f2f3"}.fa-keybase:before{content:"\f2f4"}.fa-shaarli:before{content:"\f2f5"}.fa-shaarli-o:before{content:"\f2f6"}.fa-cut-key:before,.fa-key-modern:before{content:"\f2f7"}.fa-xmpp:before{content:"\f2f9"}.fa-archive-org:before{content:"\f2fc"}.fa-freedombox:before{content:"\f2fd"}.fa-facebook-messenger:before{content:"\f2fe"}.fa-debian:before{content:"\f2ff"}.fa-mastodon-square:before{content:"\f300"}.fa-tipeee:before{content:"\f301"}.fa-react:before{content:"\f302"}.fa-dogmazic:before{content:"\f303"}.fa-zotero:before{content:"\f309"}.fa-nodejs:before{content:"\f308"}.fa-nextcloud:before{content:"\f306"}.fa-nextcloud-square:before{content:"\f307"}.fa-hackaday:before{content:"\f30a"}.fa-laravel:before{content:"\f30b"}.fa-signalapp:before{content:"\f30c"}.fa-gnupg:before{content:"\f30d"}.fa-php:before{content:"\f30e"}.fa-ffmpeg:before{content:"\f30f"}.fa-joplin:before{content:"\f310"}.fa-syncthing:before{content:"\f311"}.fa-inkscape:before{content:"\f312"}.fa-matrix-org:before{content:"\f313"}.fa-pixelfed:before{content:"\f314"}.fa-bootstrap:before{content:"\f315"}.fa-dev-to:before{content:"\f316"}.fa-hashnode:before{content:"\f317"}.fa-jirafeau:before{content:"\f318"}.fa-emby:before{content:"\f319"}.fa-wikidata:before{content:"\f31a"}.fa-gimp:before{content:"\f31b"}.fa-c:before{content:"\f31c"}.fa-digitalocean:before{content:"\f31d"}.fa-att:before{content:"\f31e"}.fa-gitea:before{content:"\f31f"}.fa-file-epub:before{content:"\f321"}.fa-python:before{content:"\f322"}.fa-archlinux:before{content:"\f323"}.fa-pleroma:before{content:"\f324"}.fa-unsplash:before{content:"\f325"}.fa-hackster:before{content:"\f326"}.fa-spell-check:before{content:"\f327"}.fa-moon:before{content:"\f328"}.fa-sun:before{content:"\f329"}.fa-f-droid:before{content:"\f32a"}.fa-biometric:before{content:"\f32b"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}/*# sourceMappingURL=fork-awesome.min.css.map */
    /* Alias ForkAwesome to FontAwesome so we can use either name, below code changed from fork-awesome.css */
    @font-face {
        font-family: 'FontAwesome';
        src: url('/views/responsive-base/bower_components/fork-awesome/fonts/forkawesome-webfont.eot?v=1.1.7');
        src: url('/views/responsive-base/bower_components/fork-awesome/fonts/forkawesome-webfont.eot?#iefix&v=1.1.7') format('embedded-opentype'), url('/views/responsive-base/bower_components/fork-awesome/fonts/forkawesome-webfont.woff2?v=1.1.7') format('woff2'), url('/views/responsive-base/bower_components/fork-awesome/fonts/forkawesome-webfont.woff?v=1.1.7') format('woff'), url('/views/responsive-base/bower_components/fork-awesome/fonts/forkawesome-webfont.ttf?v=1.1.7') format('truetype'), url('/views/responsive-base/bower_components/fork-awesome/fonts/forkawesome-webfont.svg?v=1.1.7#forkawesomeregular') format('svg');
        font-weight: normal;
        font-style: normal;
      }

/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
.ui-helper-hidden-accessible{position:absolute!important;clip:rect(1px,1px,1px,1px);}.ui-helper-reset{border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;margin:0;padding:0;}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;}.ui-helper-clearfix:after{clear:both;}.ui-helper-clearfix{zoom:1;}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);}.ui-state-disabled{cursor:default!important;}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;width:16px;height:16px;background-image:url(/images/jquery-ui/ui-icons_222222_256x240.png);}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#aaa url(/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em;}.ui-widget .ui-widget{font-size:1em;}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em;}.ui-widget-content{border:1px solid #aaa;background:#fff url(/images/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222;}.ui-widget-header{border:1px solid #aaa;background:#ccc url(/images/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:700;}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(/images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:400;color:#555;}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none;}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(/images/jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121;}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(/images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121;}.ui-widget :active{outline:none;}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(/images/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636;}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636;}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(/images/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a;}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700;}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400;}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;}.ui-state-default .ui-icon{background-image:url(/images/jquery-ui/ui-icons_888888_256x240.png);}.ui-state-highlight .ui-icon{background-image:url(/images/jquery-ui/ui-icons_2e83ff_256x240.png);}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/images/jquery-ui/ui-icons_cd0a0a_256x240.png);}.ui-icon-carat-1-n{background-position:0 0;}.ui-icon-carat-1-ne{background-position:-16px 0;}.ui-icon-carat-1-e{background-position:-32px 0;}.ui-icon-carat-1-se{background-position:-48px 0;}.ui-icon-carat-1-s{background-position:-64px 0;}.ui-icon-carat-1-sw{background-position:-80px 0;}.ui-icon-carat-1-w{background-position:-96px 0;}.ui-icon-carat-1-nw{background-position:-112px 0;}.ui-icon-carat-2-n-s{background-position:-128px 0;}.ui-icon-carat-2-e-w{background-position:-144px 0;}.ui-icon-triangle-1-n{background-position:0 -16px;}.ui-icon-triangle-1-ne{background-position:-16px -16px;}.ui-icon-triangle-1-e{background-position:-32px -16px;}.ui-icon-triangle-1-se{background-position:-48px -16px;}.ui-icon-triangle-1-s{background-position:-64px -16px;}.ui-icon-triangle-1-sw{background-position:-80px -16px;}.ui-icon-triangle-1-w{background-position:-96px -16px;}.ui-icon-triangle-1-nw{background-position:-112px -16px;}.ui-icon-triangle-2-n-s{background-position:-128px -16px;}.ui-icon-triangle-2-e-w{background-position:-144px -16px;}.ui-icon-arrow-1-n{background-position:0 -32px;}.ui-icon-arrow-1-ne{background-position:-16px -32px;}.ui-icon-arrow-1-e{background-position:-32px -32px;}.ui-icon-arrow-1-se{background-position:-48px -32px;}.ui-icon-arrow-1-s{background-position:-64px -32px;}.ui-icon-arrow-1-sw{background-position:-80px -32px;}.ui-icon-arrow-1-w{background-position:-96px -32px;}.ui-icon-arrow-1-nw{background-position:-112px -32px;}.ui-icon-arrow-2-n-s{background-position:-128px -32px;}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px;}.ui-icon-arrow-2-e-w{background-position:-160px -32px;}.ui-icon-arrow-2-se-nw{background-position:-176px -32px;}.ui-icon-arrowstop-1-n{background-position:-192px -32px;}.ui-icon-arrowstop-1-e{background-position:-208px -32px;}.ui-icon-arrowstop-1-s{background-position:-224px -32px;}.ui-icon-arrowstop-1-w{background-position:-240px -32px;}.ui-icon-arrowthick-1-n{background-position:0 -48px;}.ui-icon-arrowthick-1-ne{background-position:-16px -48px;}.ui-icon-arrowthick-1-e{background-position:-32px -48px;}.ui-icon-arrowthick-1-se{background-position:-48px -48px;}.ui-icon-arrowthick-1-s{background-position:-64px -48px;}.ui-icon-arrowthick-1-sw{background-position:-80px -48px;}.ui-icon-arrowthick-1-w{background-position:-96px -48px;}.ui-icon-arrowthick-1-nw{background-position:-112px -48px;}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px;}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px;}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px;}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px;}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px;}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px;}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px;}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px;}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px;}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px;}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px;}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px;}.ui-icon-arrowreturn-1-w{background-position:-64px -64px;}.ui-icon-arrowreturn-1-n{background-position:-80px -64px;}.ui-icon-arrowreturn-1-e{background-position:-96px -64px;}.ui-icon-arrowreturn-1-s{background-position:-112px -64px;}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px;}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px;}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px;}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px;}.ui-icon-arrow-4{background-position:0 -80px;}.ui-icon-arrow-4-diag{background-position:-16px -80px;}.ui-icon-extlink{background-position:-32px -80px;}.ui-icon-newwin{background-position:-48px -80px;}.ui-icon-refresh{background-position:-64px -80px;}.ui-icon-shuffle{background-position:-80px -80px;}.ui-icon-transfer-e-w{background-position:-96px -80px;}.ui-icon-transferthick-e-w{background-position:-112px -80px;}.ui-icon-folder-collapsed{background-position:0 -96px;}.ui-icon-folder-open{background-position:-16px -96px;}.ui-icon-document{background-position:-32px -96px;}.ui-icon-document-b{background-position:-48px -96px;}.ui-icon-note{background-position:-64px -96px;}.ui-icon-mail-closed{background-position:-80px -96px;}.ui-icon-mail-open{background-position:-96px -96px;}.ui-icon-suitcase{background-position:-112px -96px;}.ui-icon-comment{background-position:-128px -96px;}.ui-icon-person{background-position:-144px -96px;}.ui-icon-print{background-position:-160px -96px;}.ui-icon-trash{background-position:-176px -96px;}.ui-icon-locked{background-position:-192px -96px;}.ui-icon-unlocked{background-position:-208px -96px;}.ui-icon-bookmark{background-position:-224px -96px;}.ui-icon-tag{background-position:-240px -96px;}.ui-icon-home{background-position:0 -112px;}.ui-icon-flag{background-position:-16px -112px;}.ui-icon-calendar{background-position:-32px -112px;}.ui-icon-cart{background-position:-48px -112px;}.ui-icon-pencil{background-position:-64px -112px;}.ui-icon-clock{background-position:-80px -112px;}.ui-icon-disk{background-position:-96px -112px;}.ui-icon-calculator{background-position:-112px -112px;}.ui-icon-zoomin{background-position:-128px -112px;}.ui-icon-zoomout{background-position:-144px -112px;}.ui-icon-search{background-position:-160px -112px;}.ui-icon-wrench{background-position:-176px -112px;}.ui-icon-gear{background-position:-192px -112px;}.ui-icon-heart{background-position:-208px -112px;}.ui-icon-star{background-position:-224px -112px;}.ui-icon-link{background-position:-240px -112px;}.ui-icon-cancel{background-position:0 -128px;}.ui-icon-plus{background-position:-16px -128px;}.ui-icon-plusthick{background-position:-32px -128px;}.ui-icon-minus{background-position:-48px -128px;}.ui-icon-minusthick{background-position:-64px -128px;}.ui-icon-close{background-position:-80px -128px;}.ui-icon-closethick{background-position:-96px -128px;}.ui-icon-key{background-position:-112px -128px;}.ui-icon-lightbulb{background-position:-128px -128px;}.ui-icon-scissors{background-position:-144px -128px;}.ui-icon-clipboard{background-position:-160px -128px;}.ui-icon-copy{background-position:-176px -128px;}.ui-icon-contact{background-position:-192px -128px;}.ui-icon-image{background-position:-208px -128px;}.ui-icon-video{background-position:-224px -128px;}.ui-icon-script{background-position:-240px -128px;}.ui-icon-alert{background-position:0 -144px;}.ui-icon-info{background-position:-16px -144px;}.ui-icon-notice{background-position:-32px -144px;}.ui-icon-help{background-position:-48px -144px;}.ui-icon-check{background-position:-64px -144px;}.ui-icon-bullet{background-position:-80px -144px;}.ui-icon-radio-off{background-position:-96px -144px;}.ui-icon-radio-on{background-position:-112px -144px;}.ui-icon-pin-w{background-position:-128px -144px;}.ui-icon-pin-s{background-position:-144px -144px;}.ui-icon-play{background-position:0 -160px;}.ui-icon-pause{background-position:-16px -160px;}.ui-icon-seek-next{background-position:-32px -160px;}.ui-icon-seek-prev{background-position:-48px -160px;}.ui-icon-seek-end{background-position:-64px -160px;}.ui-icon-stop{background-position:-96px -160px;}.ui-icon-eject{background-position:-112px -160px;}.ui-icon-volume-off{background-position:-128px -160px;}.ui-icon-volume-on{background-position:-144px -160px;}.ui-icon-power{background-position:0 -176px;}.ui-icon-signal-diag{background-position:-16px -176px;}.ui-icon-signal{background-position:-32px -176px;}.ui-icon-battery-0{background-position:-48px -176px;}.ui-icon-battery-1{background-position:-64px -176px;}.ui-icon-battery-2{background-position:-80px -176px;}.ui-icon-battery-3{background-position:-96px -176px;}.ui-icon-circle-plus{background-position:0 -192px;}.ui-icon-circle-minus{background-position:-16px -192px;}.ui-icon-circle-close{background-position:-32px -192px;}.ui-icon-circle-triangle-e{background-position:-48px -192px;}.ui-icon-circle-triangle-s{background-position:-64px -192px;}.ui-icon-circle-triangle-w{background-position:-80px -192px;}.ui-icon-circle-triangle-n{background-position:-96px -192px;}.ui-icon-circle-arrow-e{background-position:-112px -192px;}.ui-icon-circle-arrow-s{background-position:-128px -192px;}.ui-icon-circle-arrow-w{background-position:-144px -192px;}.ui-icon-circle-arrow-n{background-position:-160px -192px;}.ui-icon-circle-zoomin{background-position:-176px -192px;}.ui-icon-circle-zoomout{background-position:-192px -192px;}.ui-icon-circle-check{background-position:-208px -192px;}.ui-icon-circlesmall-plus{background-position:0 -208px;}.ui-icon-circlesmall-minus{background-position:-16px -208px;}.ui-icon-circlesmall-close{background-position:-32px -208px;}.ui-icon-squaresmall-plus{background-position:-48px -208px;}.ui-icon-squaresmall-minus{background-position:-64px -208px;}.ui-icon-squaresmall-close{background-position:-80px -208px;}.ui-icon-grip-dotted-vertical{background-position:0 -224px;}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px;}.ui-icon-grip-solid-vertical{background-position:-32px -224px;}.ui-icon-grip-solid-horizontal{background-position:-48px -224px;}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px;}.ui-icon-grip-diagonal-se{background-position:-80px -224px;}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px;}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}.ui-widget-shadow{background:#aaa url(/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;margin:-8px 0 0 -8px;padding:8px;}.ui-resizable{position:relative;}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0;}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0;}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%;}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%;}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px;}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px;}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px;}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px;}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000;}.ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px;zoom:1;}.ui-accordion .ui-accordion-li-fix{display:inline;}.ui-accordion .ui-accordion-header-active{border-bottom:0!important;}.ui-accordion .ui-accordion-header a{display:block;font-size:1em;padding:.5em .5em .5em .7em;}.ui-accordion-icons .ui-accordion-header a{padding-left:2.2em;}.ui-accordion .ui-accordion-header .ui-icon{position:absolute;left:.5em;top:50%;margin-top:-8px;}.ui-accordion .ui-accordion-content{border-top:0;margin-top:-2px;position:relative;top:1px;margin-bottom:2px;overflow:auto;display:none;zoom:1;padding:1em 2.2em;}.ui-accordion .ui-accordion-content-active{display:block;}.ui-autocomplete{position:absolute;cursor:default;}* html .ui-autocomplete{width:1px;}.ui-menu{list-style:none;display:block;float:left;margin:0;padding:2px;}.ui-menu .ui-menu{margin-top:-3px;}.ui-menu .ui-menu-item{zoom:1;float:left;clear:left;width:100%;margin:0;padding:0;}.ui-menu .ui-menu-item a{text-decoration:none;display:block;line-height:1.5;zoom:1;padding:.2em .4em;}.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px;}.ui-button{display:inline-block;position:relative;margin-right:.1em;text-decoration:none!important;cursor:pointer;text-align:center;zoom:1;overflow:visible;padding:0;}.ui-button-icon-only{width:2.2em;}button.ui-button-icon-only{width:2.4em;}.ui-button-icons-only{width:3.4em;}button.ui-button-icons-only{width:3.7em;}.ui-button .ui-button-text{display:block;line-height:1.4;}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{text-indent:-9999999px;padding:.4em;}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em;}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em;}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em;}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px;}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px;}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em;}.ui-buttonset{margin-right:7px;}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em;}button.ui-button::-moz-focus-inner{border:0;padding:0;}.ui-dialog{position:absolute;width:300px;overflow:hidden;padding:.2em;}.ui-dialog .ui-dialog-titlebar{position:relative;padding:.4em 1em;}.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0;}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;height:18px;margin:-10px 0 0;padding:1px;}.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px;}.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0;}.ui-dialog .ui-dialog-content{position:relative;border:0;background:none;overflow:auto;zoom:1;padding:.5em 1em;}.ui-dialog .ui-dialog-buttonpane{text-align:left;background-image:none;border-width:1px 0 0;margin:.5em 0 0;padding:.3em 1em .5em .4em;}.ui-dialog .ui-dialog-buttonpane button{cursor:pointer;margin:.5em .4em .5em 0;}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px;}.ui-draggable .ui-dialog-titlebar{cursor:move;}.ui-slider{position:relative;text-align:left;}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0;}.ui-slider-horizontal{height:.8em;}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em;}.ui-slider-horizontal .ui-slider-range{top:0;height:100%;}.ui-slider-horizontal .ui-slider-range-min{left:0;}.ui-slider-horizontal .ui-slider-range-max{right:0;}.ui-slider-vertical{width:.8em;height:100px;}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em;}.ui-slider-vertical .ui-slider-range{left:0;width:100%;}.ui-slider-vertical .ui-slider-range-min{bottom:0;}.ui-slider-vertical .ui-slider-range-max{top:0;}.ui-tabs{position:relative;zoom:1;padding:.2em;}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0;}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:1px;border-bottom:0!important;white-space:nowrap;margin:0 .2em 1px 0;padding:0;}.ui-tabs .ui-tabs-nav li a{float:left;text-decoration:none;padding:.5em 1em;}.ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin-bottom:0;padding-bottom:1px;}.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a{cursor:text;}.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer;}.ui-tabs .ui-tabs-panel{display:block;background:none;border-width:0;padding:1em 1.4em;}.ui-tabs .ui-tabs-hide{display:none!important;}.ui-datepicker{width:17em;display:none;padding:.2em .2em 0;}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px;}.ui-datepicker .ui-datepicker-prev{left:2px;}.ui-datepicker .ui-datepicker-next{right:2px;}.ui-datepicker .ui-datepicker-prev-hover{left:1px;}.ui-datepicker .ui-datepicker-next-hover{right:1px;}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;}.ui-datepicker .ui-datepicker-title{line-height:1.8em;text-align:center;margin:0 2.3em;}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%;}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}.ui-datepicker th{text-align:center;font-weight:700;border:0;padding:.7em .3em;}.ui-datepicker td{border:0;padding:1px;}.ui-datepicker td span,.ui-datepicker td a{display:block;text-align:right;text-decoration:none;padding:.2em;}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;border-left:0;border-right:0;border-bottom:0;margin:.7em 0 0;padding:0 .2em;}.ui-datepicker .ui-datepicker-buttonpane button{float:right;cursor:pointer;width:auto;overflow:visible;margin:.5em .2em .4em;padding:.2em .6em .3em;}.ui-datepicker.ui-datepicker-multi{width:auto;}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em;}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%;}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%;}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left;}.ui-datepicker-row-break{clear:both;width:100%;font-size:0;}.ui-datepicker-rtl{direction:rtl;}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto;}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto;}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto;}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto;}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right;}.ui-datepicker-cover{display:block;position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px;}.ui-progressbar{height:2em;text-align:left;overflow:hidden;}.ui-progressbar .ui-progressbar-value{height:100%;margin:-1px;}.ui-helper-hidden,.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none;}.ui-widget-content a,.ui-widget-header a{color:#222;}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none;}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a;}.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(/images/jquery-ui/ui-icons_222222_256x240.png);}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-active .ui-icon{background-image:url(/images/jquery-ui/ui-icons_454545_256x240.png);}.ui-icon-seek-start,.ui-icon-seek-first{background-position:-80px -160px;}.ui-accordion,.ui-datepicker select.ui-datepicker-month-year{width:100%;}.ui-button-text-only .ui-button-text,input.ui-button{padding:.4em 1em;}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em;}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left;}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px;}


/*
    Base styling of generic elements,
    built on top of Normalize.css and Pure-css's base

    e.g. all image tags to be blocks by default
    and box-sizing:border-box all the things!
*/

/* images (taken from .pure-img) */
img {
    max-width: 100%;
    height: auto;
    display: block; /* display block can be overridden by .inline-img when needed */
    margin:5px;
}
/* Allow override of the display block in some cases, but default should be block forcing line breaks!
  Also auto make images with an "align" attribute inline, as align would only work in an inline context
  e.g. used by REC's png capture images */
.inline-img,
img[align] {
    display: inline-block;
}
.inline-img {
    vertical-align: top;
}

/* i don't like how normalize resets the font color on inputs and buttons to inherit */
button, input, optgroup, select, textarea {
    color: #444;
}

/* All hyperlinks, even JS only ones without href's should show a pointer cursor
    also hackily added .CollapsiblePanelTab in here, used in some older apps */
a,
.CollapsiblePanelTab {
    cursor: pointer;
}

/*
    Better box sizing by default on all elements
    http://css-tricks.com/international-box-sizing-awareness-day/
*/
*, *:before, *:after {
    /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
    -webkit-box-sizing: border-box;

    /* Firefox (desktop or Android) 28- */
    -moz-box-sizing: border-box;

    /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
    box-sizing: border-box;
}

/* except fancybox */
[class*="fancybox-"],
[id*="fancybox-"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/*
    Default styling for horizontal rule <hr>
    E.g. seperators between content such as on product page
*/
hr {
    margin: 1em 0;
    border: none;
    border-bottom: 1px solid #EEE;
    border-bottom-color: rgba(0, 0, 0, 0.2);
}



/*
    This file handles setting default font-sizes and any font-family changes.

    ---------------------------------------------------------------------------

    Before applying a new default font-family, please read this:

    The Pure-css grid we use works by reseting a font to ensure the greatest OS/browser compatibility

    So when setting a default font on all elements of the page, you'll need to apply it to the inner grid units too,
    e.g.
    ```
    html, button, input, select, textarea,
    .pure-g [class *= "pure-u"] {
        font-family: Georgia, Times, "Times New Roman", serif;
    }
    ```

    However setting a specific font-family for certain elements should still work as exected :),
    e.g.
    ```
    h1, h2, h3, h4, h5, h6 {
        font-family: Georgia, Times, "Times New Roman", serif;
    }
    ```

    You can read more about this on the Pure-css site: http://purecss.io/grids/#using-grids-with-custom-fonts

*/

/* base font-size */
body { font-size: 0.875em; }

/* Add either the .body-lg-increase-font-size or .body-xl-increase-font-size class to <body> to increase font-size on larger screens,
    this in turn increases the container widths, so it almost zooms in the site for large screens, which could work for your site */
@media screen and (min-width: 64em) {
    .body-lg-increase-font-size,
    .body-xl-increase-font-size {
        font-size: 1em;
    }
}
@media screen and (min-width: 80em) {
    .body-xl-increase-font-size {
        font-size: 1.125em;
    }
}

/* h1-6 sizes,
with classes to set size on non heading elements to the same sizes.
margins and other <hX> elements styling not applied as this serves only to keey font sizes consistant
*/
h1, .h1 {
    font-size: 2em;
}
h2, .h2 {
    font-size: 1.5em;
}
h3, .h3 {
    font-size: 1.17em;
}
h4, .h4 {
    font-size: 1em;
}
h5, .h5 {
    font-size: 0.83em;
}
h6, .h6 {
    font-size: 0.67em;
}

/* fix sans-serif fallback for FontAwesome,
    e.g. header search button uses text next to the icon inside the element
    and so should fallback to sans-serif by default */
.fa {
    font-family: "FontAwesome", sans-serif;
}

/* ie6, just undo font-awesomeness ;) */
.lt-ie7 .fa { font-family: sans-serif; }

/* font-awesome stacked icons, remove text underline */
a.fa-stack {
    text-decoration: none;
}


/* Buttons base styles */

/*
    Rules for this file:

    1. By default all forms on the site should look simple and consistent.
    2. classes are available to enable differnet layouts but still consistent
    3. form bulder's classes should be hooked into some of the above meantioned layouts
    4. Minimal colour set in this file, theme should override these colours

    Elements covered:
    .generated_button, .pagination a,
    button, input[type="submit"], input[type="button"], input[type="reset"]

    States:
    :hover, :focus, :active, :disabled

    e.g.
    <a class="rec-btn" href="/somewhere.html">Find out more</a>

*/

.generated_button,
.rec-btn,
.pagination a {
    text-decoration: none;
}

.generated_button,
.rec-btn,
.pagination a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    background-color: #EEE;
    border: 1px solid #CCC;
    display: inline-block;
    padding: 0.6em 0.8em;
    *padding: 0.5em 0.5em;
    box-sizing: border-box;
    transition: all 0.2s;
    color: #444;
}

.generated_button:hover,
.rec-btn:hover,
.pagination a:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
    background-color: #DDD;
    border: 1px solid #BBB;
}

.generated_button:focus,
.rec-btn:focus,
.pagination a:focus,
button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
    outline: none;
}

.generated_button:active,
.rec-btn:active,
.pagination a:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
    background-color: #CCC;
    border: 1px solid #AAA;
}

/* disabled (.disablelink naming for legacy reasons in pagination) */
.generated_button.disablelink,
.rec-btn.disablelink,
.pagination a.disablelink,
button:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
.generated_button.disablelink:hover,
.rec-btn.disablelink:hover,
.pagination a.disablelink:hover,
button:disabled:hover,
input[type="submit"]:disabled:hover,
input[type="button"]:disabled:hover,
input[type="reset"]:disabled:hover,
.generated_button.disablelink:active,
.rec-btn.disablelink:active,
.pagination a.disablelink:active,
button:disabled:active,
input[type="submit"]:disabled:active,
input[type="button"]:disabled:active,
input[type="reset"]:disabled:active {
    background-color: #EEE;
    color: #999;
    border: 1px solid #CCC;
    cursor: default;
}


/* font-awesome icons inside buttons */
.generated_button .fa:before,
.rec-btn .fa:before,
button .fa:before {
    /* seperate the control icons a little */
    padding-right: 8px;
}


/* Forms and inputs base styles */

/*
    Rules for this file:

    1. By default all forms on the site should look simple and consistent.
    2. classes are available to enable differnet layouts but still consistent
    3. form bulder's classes should be hooked into some of the above meantioned layouts
    4. buttons, input[type="submit"] etc will NOT be covered in this file as thats handled by the base/buttons.css file

    Elements covered:
    1. input, textarea, select
    2. form, fieldset, legend
    3. common layout containers for forms, e.g. ul>li>label+input

    States:
    :disabled, :focus

*/

fieldset {
    border: 1px solid #CCC;
    padding: 8px;
}
legend {
    padding: 0 8px;
    font-weight: bold;
}

/* default border around text fields
    with a small padding and slight inset shadow */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
textarea,
select {
    background-color: #FFF;
    border: 1px solid #CCC;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    display: inline-block;
    padding: 0.5em;
    box-sizing: border-box;
    transition: background-color 0.2s, border 0.2s;
    max-width: 100%;
}

/* slightly darker border when user is focused on this input */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
textarea:focus,
select:focus {
    background-color: #FAFAFA;
    border-color: #999;
    outline: none;
}

/* Hack for IOS */
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */
/* media hack via: http://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome */
/* font-size:16px hack via: http://hallofhavoc.com/2014/07/how-to-prevent-iphoneios-devices-from-zooming-on-input-forms/ */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{
    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="password"]:focus,
    input[type="url"]:focus,
    textarea:focus,
    select:focus,
    input[type="text"]:hover,
    input[type="email"]:hover,
    input[type="number"]:hover,
    input[type="search"]:hover,
    input[type="password"]:hover,
    input[type="url"]:hover,
    textarea:hover,
    select:hover {
        font-size: 16px;
    }
}}

/* disabled, grey out content */
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="password"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
textarea:disabled,
select:disabled {
    background-color: #DDD;
}

/* textarea default height */
textarea {
    min-height: 60px;
    resize: vertical;
}


/*
    Form builder
*/
.rec-form { position: relative; zoom: 1; }
.rec-form-section {
    position: relative;
}

.rec-form-header { }
.rec-form-section { margin-top: 10px; }
.rec-form legend { font-weight: bold; padding: 0 8px; }

/* Remove list style / bullet points (extra selector to force it to work as expected in REC itself) */
.rec-form ul { list-style: none; padding: 0; margin: 0; }

/* Ckeditor was removing the space between ceperatin labels and textareas on occassion
so to combat this we use a fix for inline block spaces used by the yui3 grid
!! Please note, you must wrap any text you put inside these li.rec-form-field-row elements, even if its just with a span !!
*/
.rec-form-field-row { letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; margin: 5px 0 10px 0; }
.rec-form-field-row > * { letter-spacing: normal;word-spacing: normal; }

.rec-form label { display: inline-block; vertical-align: top; }
.rec-form label:first-child { width: 120px; font-weight: bold; }

.rec-form label input { vertical-align: bottom; }
.rec-form-radio-option { padding-right: 10px; }

/* Display modes */
.rec-form-dm-small label:first-child { /* default */ }
.rec-form-dm-med label:first-child { width: 180px; }
.rec-form-dm-large label:first-child { width: auto; display: block; padding: 2px; }

/* placeholder styled labels display mode */
.rec-form-dm-placeholder .rec-form-field-row {
    margin: 15px 0;
    position: relative;
}
.rec-form-dm-placeholder .form-section-is-hidden .rec-form-field-row {
    margin: 0 0 15px 0;
}
.rec-form-dm-placeholder label:first-child {
    width: 100%;
}
.rec-form-dm-placeholder .rec-form-field-row-small_text label:first-child,
.rec-form-dm-placeholder .rec-form-field-row-large_text label:first-child,
.rec-form-dm-placeholder .rec-form-field-row-email label:first-child,
.rec-form-dm-placeholder .rec-form-field-row-phone_number label:first-child,
.rec-form-dm-placeholder .rec-form-field-row-select_options label:first-child {
    width: auto;
    position: absolute;
    top: .25em;
    left: .5em;
    background: #FFF;
    padding: 2px;
    transition: .3s all;
    cursor: text;
}
.rec-form-dm-placeholder .rec-form-field-row-active.rec-form-field-row-small_text label:first-child,
.rec-form-dm-placeholder .rec-form-field-row-active.rec-form-field-row-large_text label:first-child,
.rec-form-dm-placeholder .rec-form-field-row-active.rec-form-field-row-email label:first-child,
.rec-form-dm-placeholder .rec-form-field-row-active.rec-form-field-row-phone_number label:first-child,
.rec-form-dm-placeholder .rec-form-field-row-active.rec-form-field-row-select_options label:first-child {
    top: -1em;
    font-size: smaller;
}
/* space form fields better against legends */
.rec-form-dm-placeholder ul {
    padding: 0 0 0 8px;
}
/* single line checkboxes */
.rec-form-dm-placeholder .rec-form-field-row-checkbox label {
    width: auto;
    padding-left: 8px;
}
.rec-form-dm-placeholder .rec-form-field-row-checkbox input[type="checkbox"] {
    float: left;
}
/* better spaced multi radio options */
.rec-form-dm-placeholder .rec-form-radio-option {
    padding-right: 1em;
}
/* better default baseline for radio options */
.rec-form-dm-placeholder .rec-form-radio-option input {
    vertical-align: text-bottom;
}

/* on a sidebar, the options should display a little differently */
.sidebar_app_shell .rec-form-radio-option { padding-right: 0; float: left; width: 50%; }
.sidebar_app_shell .rec-form-radio-option > span { width: 70%; display: inline-block; zoom: 1; }

/* quick hack to fix wrapping */
.rec-form-field-row-radio_options,
.rec-form-field-row-checkbox_options { overflow: hidden;}

/* on a sidebar, move the checkbox to be right next to the label text */
.sidebar_app_shell .rec-form-field-row-checkbox label { width: auto; margin-right: 5px; }

.rec-form-field {
}
.rec-form .rec-generic-field,
.rec-form .rec-slider-container {
    width: 95%;
    max-width: 320px;
    min-width: 120px;
}
.rec-form .ui-slider { border: 1px solid; border-color: #777 #999 #CCC; }
.rec-form textarea.rec-form-field { height: 100px; resize: vertical; }

.rec-form select.rec-form-field { *width: auto; }

.rec-form .rec-form-button {
    width: auto;
    margin-top: 10px;
}

/* validation failed */
.rec-form-input-required { border: 1px solid #CC0000 !important; }

/* Required Field Marker */
.rec-form-required-marker { color: #B92929; vertical-align: top; padding: 0 5px; position: absolute; margin-left: -15px; margin-top: 5px; user-select: none; pointer-events: none; }

/* Aside */
.rec-form-field-aside { padding-left: 10px; }

/* position the required marker for checkboxes nicely */
input[type=checkbox] + .rec-form-required-marker { margin-left: 0; margin-top: 0; }

/* and on required inputs, account for the astrix inside the input, padd to make sure text doesnt overlap  */
input[type="text"][required],
input[type="email"][required],
input[type="number"][required],
input[type="search"][required],
input[type="password"][required],
input[type="url"][required],
textarea[required] {
    padding-right: .8em;
}

/* end info */
.rec-form-end-aside { position: absolute; bottom: 20px; right: 0; }

/* additional info inside <em>...</em> */
.rec-form em {
    /* dont wrap, treat as a block */
    display: inline-block;
}

/* hidden fieldset is one where the legend and border styles should be unset */
.form-section-is-hidden { border: 0; margin: 0; padding: 0; }
.form-section-is-hidden legend { display: none; }

/* Different widths for different input_sizes */
.rec-generic-field.rec-form-field-tiny,
.rec-slider-container.rec-form-field-tiny { max-width: 60px; min-width: 60px; }
.rec-generic-field.rec-form-field-small,
.rec-slider-container.rec-form-field-small { max-width: 120px; }

.rec-form-field-med { /* no change, default */ }

@media screen and (min-width: 48em) {
    .rec-generic-field.rec-form-field-large,
    .rec-slider-container.rec-form-field-large { max-width: 80%; }
}

/* Slider container */
.rec-slider-container {
    border: 0;
    display: inline-block;
    *display: inline; *zoom: 1;
    position: relative;
    margin-bottom: 10px;
}
.rec-slider-container small { position: absolute; }
.rec-slider-container .rec-slider-left-fig { left: 0; }
.rec-slider-container .rec-slider-middle-fig {
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.rec-slider-container .rec-slider-right-fig { right: 0; }

/* jQuery UI timepicker plugin */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* hide hidden fileds */
.rec-form-field-row-hidden { display: none; }

/* Fix z-index over the top of UI sliders */
.ui-datepicker,
.ui-timepicker-div {
    z-index: 999 !important;
}

/* Pricing table design */
.rec-form-pricing-table-label {
    float: left;
}
.rec-form-pricing-table-container {}

.rec-form-pricing-table th,
.rec-form-pricing-table td {
    text-align: center;
    vertical-align: middle;
    padding: .5em;
}
.rec-form-pricing-table input {
    margin-right: 5px;
}
.rec-form-pricing-table label {
    display: inline-block;
    padding: 1em;
    background: #EEE;
    border-radius: 5%;
    cursor: pointer;
}
.rec-form-pricing-table label:first-child {
    width: auto;
    font-weight: normal;
}

/* Rating Input Styling */
.rec-form-field-row-rating .rec-rating-field-buttons {
    display: inline-block;
}
.rec-form-field-row-rating .rec-rating-field-button {
    position: relative;
    display: inline-block;
    height: 44px;
    width: 41px;
}
.rec-form-field-row-rating .rec-rating-label,
.rec-form-field-row-rating .rec-rating-label:first-child {
    padding: 5px 10px;
    margin: 5px;
    border-radius: 5px;
    display: inline-block;
    background-color: #FFF;
    border: 1px solid #CCC;
    cursor: pointer;
    width: auto;
    overflow: hidden;
    font-weight: normal;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.rec-form-field-row-rating .rec-rating-field {
    min-width: 0;
    max-width: 10px;
    z-index: 0;
    margin: 10px;
}
.rec-form-field-row-rating .rec-rating-field:checked + .rec-rating-label {
    background-color: #CCC;
}
.rec-form-field-row-rating .rec-rating-field-explainer-left,
.rec-form-field-row-rating .rec-rating-field-explainer-right {
    width: 50%;
    display: inline-block;
    color: #444;
}
.rec-form-field-row-rating .rec-rating-field-explainer-right {
    text-align: right;
}
.rec-form-field-row-rating .rec-form-required-marker {
    margin-left: 0;
}

/* Multi column layouts
    Currently 2 by default, but designers can set different section widths to gain greater control
*/
@media screen and (min-width: 48em) {
    .rec-form-multi-column {
        display: flex;
        flex-wrap: wrap;
    }
    .rec-form-multi-column .rec-form-header,
    .rec-form-multi-column .rec-form-footer-section {
        width: 100%;
    }
    .rec-form-multi-column .rec-form-section {
        width: 50%;
        margin-left: 0;
        margin-right: 0;
    }
}

/* Large file uploader, here I'm calling this the dropzone */
.rec-form-dropzone {
    display: inline-block;
    padding: 1em;
    text-align: center;
    cursor: pointer;
    border: 1px solid #CCC;
    background-color: #EEE;
    transition: all .3s;

    /* same sizing as for fields */
    width: 95%;
    max-width: 320px;
    min-width: 120px;
}
.rec-form-dropzone--has-files {
    background-color: #a7eabc;
    border-color: #68ad7e;
}
.rec-form-dropzone__title {
    display: none;
}
.rec-form-dropzone--has-advanced-upload .rec-form-dropzone__title::before {
    display: block;
    /* upload icon */
    content: "\f0ee";
    font-family: ForkAwesome;
    font-size: 4em;
    font-style: normal;
}
.rec-form-dropzone--has-advanced-upload .rec-form-dropzone__title {
    display: block;
    font-style: italic;
}
.rec-form-dropzone--has-advanced-upload input[type="file"] {
    visibility: hidden;
}
.rec-form-dropzone.is-dragover {
    background: #CCC;
}
/* error handling */
.rec-form-dropzone--has-error {
    background-color: #ead5a7;
    border-color: #ad6868;
}
.rec-form-dropzone__error_message {
    display: none;
    background-color: #ad6868;
    color: #FFF;
}
.rec-form-dropzone--has-error .rec-form-dropzone__error_message {
    display: block;
}


/* Table styles */

/*
    Rules for this file:

    1. By default all tables on the site should look simple and consistent.
    2. it should adapt to attributes given, and in future additional classes for custom styles
    3. styling should be as basic as posible by default in order to encourage designs ontop

*/

/* general large border */
th, td { padding: 1em; }

/* single bordered table by default */
table {
    border: 1px solid #EEE;
    border-color: rgba(0, 0, 0, 0.2);
}

/* thead semi transparent background */
thead {
    background-color: #E6E6E6;
    background-color: rgba(0, 0, 0, 0.1);
}

/* hide border when requested */
table[border="0"] {
    border: none;
}


{# Pure Grid Columns with Gaps #}
.pure-g-gapped > div {
    padding: 0 1em;
}
.pure-g-gapped > div:first-child {
    padding-right: 1em;
    padding-left: 0;
}
.pure-g-gapped > div:last-child {
    padding-left: 1em;
    padding-right: 0;
}


/*
    Layout containers

    This class is applied to the outer containers of the page, such as header, middle and footer.
    It acts as an outer wrapper of the page, without being a single wrapper, instead multiple wrappers for each outer section.
*/

.layout-container { }
.layout-container-inner {
	margin: 0 auto;
	max-width: 85em;
	padding: 0 0.5em;
}

/*in sass file*/

.header-search.right-md.pure-u-1.pure-u-md-1-2.pure-u-lg-2-5 {
    margin-top: -20px;
}

@media (min-width:48em){
.header-search.search.togglable.pull-right-md {
    margin-top: -45px;
    margin-right: 144px;
}
}

@media (max-width: 414px) {
    .header-right {
    width: 100% !important;
    margin-top: -119px;
    margin-left: -115px;
}
.header-left {
    width: 100% !important;
    margin-top: 26px;
}

.header-nav-icons.pull-right {
    padding-top: 39px;
    margin: 0;
}

a.nav-icon.nav-search-icon {
    margin: 0;
}

.mobile-header-hide {
    display:none !important;
}
}

@media (max-width: 321px) {
    .header-left {
    margin-top: -72px;
}

.header-right {
    margin-top: -155px;
    margin-left: -108px;
}
}


@media (width: 1024px){
    .header-search.right-md.pure-u-1.pure-u-md-1-2.pure-u-lg-2-5 {
        float:right;
        margin-top:0px;
    }
    .header-search.search.togglable.pull-right-md {
    margin-top: -35px;
    margin-right: 37px !important;
}
}

@media (width: 768px) {
    .header-search.search.togglable.pull-right-md {
    margin-top: -36px;
    margin-right: 37px;
}


}


/*
    Site Middle
    main body of the page between the header and footer
*/

#middle {
    min-height: 200px;
}

@media screen and (min-width: 48em) {
    #main {
        min-height: 400px;
    }

    /* add gutters to middle layout units (main + sidebars) */
    #main[class*="grid-push-"], /* add to main if its being pushed so its not the first element*/
    #sidebar-right /* right sidebar would always want a left gutter */ {
        padding-left: 10px;
    	/* ie7 doesnt get nice box-sizing so lets just cancel that margin for now */
	*padding-left: 0;
    }
}

@media (width: 768px) {
    .event-button {
        position:relative !important;
        left:0px !important;
        font-size:12px !important;
    }
    .calendarnew-container {
    left: 51% !important;
}

.caption {
    top:260px !important;
}
}

@media (max-width:414px) {
    .calendarnew-container {
        margin:-25px 0px 0px -210px !important;
    }
    .home-slider {
        margin-top:69px;
    }
    .home-slider .outer_container {
        width:100% !important;
    }
    
        .event-button {
        position:relative !important;
        left:0px !important;
        font-size:12px !important;
        top:-20px;
    }
}

@media (min-width:768px) and (max-width:1024px){
    #middle {
        margin-top:35px !important;
    }
}
/*Moved to footer scss*/
.footer-top {
	  background-color: #20311a !important;
		padding-top: 20px;
		padding-bottom: 20px;
}
.footer-bottom {
    background-color: #444444 !important;
    padding: 30px 0;
}
.footer-bottom .fa-stack {
    border: 1px solid #305e67;
    border-radius: 30px;
    display: inline-block;
    height: 2.5em;
    line-height: 2.5em;
    margin: 4px;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
		color: #ffffff !important;
}


.footer-bottom .fa-stack:hover {
    border: 1px solid #305e67;
    border-radius: 30px;
    display: inline-block;
    height: 2.5em;
    line-height: 2.5em;
    margin: 4px;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
		background-color: #019795;
		color: #22488e;
}

.copyright-info {
		margin-top: 20px;
		color: #ffffff;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		font-weight: 300;
}

.copyright-info .company-name-color {color: #00A0AF;}

#footer h3 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-align: left;
}

.footer-aboutus p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 0.2px;
    line-height: 19px;
    max-height: 132px;
    overflow: auto;
    padding-right: 30px;
    width: 90%;
}

.company-address {
    float: left;
    position: relative;
		color: #ffffff;
		font-size: 14px;
		font-weight: 200;
		letter-spacing: 0.2px;
		line-height: 19px;
}

.company-address ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.company-address ul li {}


.company-map-icon {
    float: left;
    margin-left: 0px;
		margin-top: 20px;
    position: relative;
}

.company-map-icon img {
	height: 150px;
width: 150px;
}

.tag-wall-links p {
max-height: 132px;
overflow: auto;
padding-right: 30px;
}

.tag-wall-links a {
    color: #ffffff !important;
    font-size: 14px;
    line-height: 19px;
    text-decoration: none;
}

.tag-wall-links a:hover {
    color: #ffffff !important;
    font-size: 14px;
    line-height: 19px;
    text-decoration: none;
}


.sitemap-items {
		color: #688f96;
		font-size: 14px;
		font-weight: 200;
		letter-spacing: 0.2px;
		line-height: 19px;
}

.sitemap-items ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
		width: 100%
}

.sitemap-items ul li {}

	.sitemap-items ul li a {
	    color: #ffffff !important;
	    text-decoration: none;
	    border-bottom: 1px solid #ffffff;
	    margin-bottom: 5px;
	    padding-bottom: 3px;
	    display: block;
	}

.sitemap-items ul li a:hover {
		color: #ffffff !important;
		text-decoration: none;
		border-bottom: 1px solid #ffffff;
		margin-bottom: 5px;
		padding-bottom: 3px;
		display: block;
}

.sitemap-items ul li a i{color: #ffffff;}

/*.colour-hide {color:#01333C !important;} */


/* medium range screen  */
@media screen and (min-width: 48em) {
.tag-wall-links {width: 100%;}

.company-map-icon {
    float: left;
    margin-left: 50px;
    position: relative;
		margin-top: 0px;
}

.sitemap-items ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
		width: 90%
}

}


@media screen and (min-width: 64em) {
.tag-wall-links {width: 20%;}

.company-map-icon {
    float: left;
    margin-left: 20px;
    position: relative;
		margin-top: 0px;
}

.sitemap-items ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
		width: 90%
}
}
.footer-button-outer {margin-top: 25px;}

@media screen and (max-width:600px) {
	.footer-button-outer {margin-top: 25px}
}

.modal-window-header {
    background-color: #20311a !important;
    color: #FFFFFF;
}

.modal-window-header-close a {
    float: right;
    padding: 1em;
    margin-top: -1em;
    margin-right: -1em;
    background-color: #ffffff;
}
.footer-menu-links li {
    display: inline-block;
    padding: 2px;
    margin-right: 5px;
    margin-left: 0px;
    float: left;
    line-height: 2;
}
@media screen and (max-width: 425px) {
	.footer-menu-links li {
		display: block;
		padding-left: 14px;
	}
}



/*
    Print only styling
*/

@media print {

	/* page size */
	@page {
	  size: A4;
	}

	/* center the logo */
	.header-logo {
		text-align: center;
	}

	/* hide the header & footer */
	nav,
	.search,
	.header-nav-icons,
	.sidebar,
	.footer-links,
	.footer-social-links,
	.footer-tags {
		display: none !important;
	}

	/* To avoid breaks directly after a heading, use page-break-after */
	h1, h2, h3, h4, h5 {
	    page-break-after: avoid;
	}
	/* To avoid breaking figures and tables, use the page-break-inside property */
	table, figure {
	    page-break-inside: avoid;
	}

    /* Add full url of links next to external links */
	a[href^=http]:after {
		content: " <" attr(href) "> ";
	}
}



/*
    ### .pull-left & .pull-right
    Bit of magic to quickly throw an element to the side, and optionaly only for certain screen sizes

    e.g.
    ```
    <a class="pull-right" href="#">Go back</a>
    ```

    or to only apply this to medium screens and above:
    ```
    <a class="pull-right-md" href="#">Go back</a>
    ```

*/
.pull-left { float: left; }
.pull-right { float: right; }

/* same sizes as defined here: http://purecss.io/grids/#pure-responsive-grids */
@media screen and (min-width: 35.5em) {
	.pull-left-sm { float: left; }
	.pull-right-sm { float: right; }
}
@media screen and (min-width: 48em) {
	.pull-left-md { float: left; }
	.pull-right-md { float: right; }
}
@media screen and (min-width: 64em) {
	.pull-left-lg { float: left; }
	.pull-right-lg { float: right; }
}
@media screen and (min-width: 80em) {
	.pull-left-xl { float: left; }
	.pull-right-xl { float: right; }
}


/*
    Togglable module
    see js/modules/toggle.js for more info
*/

/* header phone */
.togglable {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease-in-out;
    clear: both;
}
.togglable.is-open {
    max-height: 100px; /* the estimated height */
    overflow: auto;
}

@media screen and (min-width: 48em) {
    /* show the header phone */
    .togglable {
        max-height: 1000px;
        min-height: 50px;
        clear: none;
    }
}


/*
	### .center-content
	Bit of magic to make the contents of an element centered, both vertically and horizontally.

	e.g.
	```
	<div class="center-content" style="height: 200px;">
		Hello World
	</div>
	```
	or
	```
	<div class="center-content" style="padding: 10% 0;">
		<img src="//placehold.it/200x200">
	</div>
	```
*/
.center-content {
	/* align all text center horizontally (100% browser compat, acts as fallback) */
	text-align: center;
	/* align content (using flexbox) both vertically and horizontally */
	display: flex;
    align-items: center;
    justify-content: center;
}

/* fix for images squashing inside center-content (at least in firefox),
ref: http://stackoverflow.com/questions/31452955/centering-and-scaling-an-image-in-a-flexbox */
.center-content img {
    object-fit: contain;
}

/*
	### .center-block
	Simple way to center a block element

	e.g.
	```
	<img src="//placehold.it/100x100" class="center-block">
	```
*/
.center-block {
	/* align blocks center horizontally */
	margin: 0 auto;
}

/*
    ### .center-text
    Simpler .center-content but without using flex
*/
.center-text {
    text-align: center;
}

.jetmenu ul.dropdown ul.dropdown li{
    clear:both;
}
.nav-menu-outer .jetmenu > li > a{
    height:30px !important;
    padding:7px 20px !important;
}

.jetmenu ul.dropdown {
    margin-top: -10px !important;
}

.nav-menu-outer {
    position: relative;
    width: 100%;
}

.nav-menu-outer {
background: #f8f8f8;
}


.nav-menu-inner {
    margin: 0 auto;
    max-width: 1170px;
    position: relative;
}

.top-menu-outer {
    position: relative;
    width: 100%;
}

.top-menu-outer {
background: #3e454d;
    background: #074228;
}

.top-menu-inner {
    margin: 0 auto;
    max-width: 1170px;
    position: relative;
}

.jetmenu {
    margin: 0px 0 20px 0;
    z-index: 9999;
    height:30px;
}
.jetmenu {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    float: left;
    list-style: none;
    margin-top:0px;
}
.jetmenu li {
    float: left
}
.jetmenu a {
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    outline: 0;
    z-index: 10
}
.top-menu-outer .jetmenu>li>a {
    padding: 12px 24px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}
.top-menu-outer .jetmenu>li.active>a,
.top-menu-outer .jetmenu>li:hover>a {
  /*  background: #FCFDE5;*/
    color: #20311A;
}

.top-menu-outer .jetmenu>li>a {
    padding: 12px 24px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    letter-spacing: 1px;
}

.nav-menu-outer .jetmenu>li>a {
    padding: 20px 14px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
    text-transform: capitalize;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
     letter-spacing: 1px;
     font-weight:300;
}

.nav-menu-outer .jetmenu>li.active>a,
.nav-menu-outer .jetmenu>li:hover>a {
  /*  background: #FCFDE5;*/
    color: #20311A;
}


.jetmenu ul.dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    z-index: 99;
    min-width: 200px;
  /*  background: #FCFDE5;*/
    background-image: url(/views/responsive-site-gwsr-new/images/dropdownimg.png);
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
left:0%;
width: 100%;
}

.jetmenu ul.dropdown li ul.dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block !important;
    position: relative;
    z-index: 99;
   /* min-width: 380px;*/
  /*  background: #FCFDE5;*/
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);

}

.jetmenu ul.dropdown {
    top: 40px
}
.jetmenu ul.dropdown li ul.dropdown {
   /* left: 100%;*/
    top: 100%;
    margin-top: 0 !important;
    height: auto;
    box-shadow: none;
    background: none;
}
.jetmenu ul.dropdown li {
   /* clear: both;*/
   /* width: 15%; */
    font-size: 12px;
    float: left;
    height: auto;
}
.jetmenu ul.dropdown li a {
    width: 100%;
    padding: 12px 20px;
    display: inline-block;
  /*  float: left;*
 /*   clear: both;*/
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    color: #633131 !important;
   /* text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.jetmenu ul.dropdown ul.dropdown li a {
    width: 100%;
    padding: 4px 20px;
    display: inline-block;
    float: left;
    /* clear: both; */
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    color: #20311A !important;
    /* text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight: 400;
}
.jetmenu ul.dropdown li:hover>a {
    /*background: #e0e0e0;*/
    color: #555;
}
.jetmenu ul.dropdown li ul.dropdown.left {
    left: auto;
    right: 100%
}
.jetmenu .indicator {
    position: relative;
    left: 5px;
    top: 0;
    font-size: 14px;
    float: right
}
.jetmenu ul li .indicator {
    font-size: 12px;
    top: 1px;
    left: 10px
}

.jetmenu .indicator{
    display: none;
}
.jetmenu>li>.megamenu {
    position: absolute;
    display: none;
    background: #333;
    width: 25%;
    top: 40px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #999;
    z-index: 99;
    padding: 20px 30px;
    border-top: 1px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.jetmenu li>.megamenu ul {
    margin: 0 0 20px;
    float: left;
    padding: 0;
    display: block;
    position: relative
}
.jetmenu li>.megamenu ul li {
    width: 100%;
    padding: 4px 0
}
.jetmenu li>.megamenu ul li.title {
    margin: 0 0 8px;
    padding: 0 0 5px;
    font-size: 14px;
    border-bottom: solid 1px #666
}
.jetmenu li>.megamenu h5 {
    width: 100%;
    margin: 0;
    padding: 0
}
.jetmenu li>.megamenu a {
    color: #999;
    text-decoration: none;
    font-size: 12px;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}
.jetmenu li>.megamenu a:hover {
    color: #dedede
}
.jetmenu .megamenu img {
    width: 100%;
    -webkit-transition: border .3s linear;
    -moz-transition: border .3s linear;
    -o-transition: border .3s linear;
    transition: border .3s linear
}
.jetmenu>li.fix-sub>.dropdown,
.jetmenu>li.fix-sub>.megamenu,
.jetmenu>li.fix-sub>.megamenu.half-width {
    right: 0
}
.jetmenu>li>.megamenu.half-width {
    width: 50%
}
.jetmenu>li>.megamenu.full-width {
    width: 100%;
    left: 0
}
.jetmenu li>.megamenu form {
    width: 100%
}
.jetmenu li>.megamenu form input[type=text],
.jetmenu li>.megamenu form textarea {
    padding: 5px;
    color: #999;
    background: #444;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    border: solid 1px transparent;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border .3s linear;
    -moz-transition: border .3s linear;
    -o-transition: border .3s linear;
    transition: border .3s linear
}
.jetmenu li>.megamenu form input[type=text]:focus,
.jetmenu li>.megamenu form textarea:focus {
    border-color: #e0e0e0
}
.jetmenu li>.megamenu form input[type=text],
.jetmenu li>.megamenu form textarea {
    width: 100%;
    margin-top: 10px
}
.jetmenu li>.megamenu form input[type=submit] {
    width: 25%;
    float: right;
    height: 30px;
    margin-top: 10px;
    border: none;
    cursor: pointer;
    background: #444;
    color: #777;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear
}
.jetmenu li>.megamenu form input[type=submit]:hover {
    background: #e0e0e0;
    color: #555
}
.megamenu .row {
    width: 100%;
    margin-top: 15px
}
.megamenu .row:first-child {
    margin-top: 0
}
.megamenu .row:after,
.megamenu .row:before {
    display: table;
    content: "";
    line-height: 0
}
.megamenu .row:after {
    clear: both
}
.megamenu .row .col1,
.megamenu .row .col2,
.megamenu .row .col3,
.megamenu .row .col4,
.megamenu .row .col5,
.megamenu .row .col6 {
    display: block;
    min-height: 20px;
    float: left;
    margin-left: 2.127659574468085%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.megamenu .row [class*=col]:first-child {
    margin-left: 0
}
.megamenu .row .col1 {
    width: 14.893617021276595%
}
.megamenu .row .col2 {
    width: 31.914893617021278%
}
.megamenu .row .col3 {
    width: 48.93617021276595%
}
.megamenu .row .col4 {
    width: 65.95744680851064%
}
.megamenu .row .col5 {
    width: 82.97872340425532%
}
.megamenu .row .col6 {
    width: 100%
}
.jetmenu>li.right {
    float: right
}
.jetmenu>li.right>.dropdown,
.jetmenu>li.right>.megamenu,
.jetmenu>li.right>.megamenu.half-width {
    right: 0
}
.jetmenu>li.jsright {
    float: right
}
.jetmenu>li.jsright.last>.dropdown,
.jetmenu>li.jsright.last>.megamenu,
.jetmenu>li.jsright.last>.megamenu.half-width {
    right: 0
}

.top-menu-outer .jetmenu > li > a > i {
    color: #023358;
    float: left;
    font-size: 18px;
    line-height: 23px !important;
    margin-right: 10px;
    margin-top: -2px;
}

.top-menu-outer .jetmenu > li > a:hover > i {
    color: #ffffff;
    float: left;
    font-size: 18px;
    line-height: 23px !important;
    margin-right: 10px;
    margin-top: -2px;
}

.nav-menu-outer .jetmenu>li>a>i {
    line-height: 23px!important;
    margin-right: 6px;
    font-size: 18px;
    float: left;
    color: #023358;
}

.nav-menu-outer .jetmenu>li>a:hover>i {
    line-height: 23px!important;
    margin-right: 6px;
    font-size: 18px;
    float: left;
    color: #20311A !important;
}

.jetmenu>li.showhide {
    display: none;
    width: 100%;
    height: 40px;
    cursor: pointer;
    color: #ffffff;
    text-align: center;
}
.jetmenu>li.showhide span.title {
    font-family: "Lato", sans-serif;color: #FFFFFF;font-size:21px;font-weight: 700;letter-spacing: 2px;margin:7px 0 0 0;text-align: center;float:left;}
}
.jetmenu>li.showhide span.icon {
    margin: -17px 20px;
    float: right !important;
    color: #ffffff;
    position: relative;
    top: 0;
    right:0;
    left:0;
    margin-right:25px;
}
.jetmenu>li.showhide .icon em {
    margin-bottom: 3px;
    display: block;
    width: 20px;
    height: 2px;
    background: #ffffff;
}
.black ul.dropdown li:hover>a,
.black>li.active>a,
.black>li:hover>a {
    background: #111;
    color: #fff
}
.black li>.megamenu form input[type=text]:focus,
.black li>.megamenu form textarea:focus {
    border-color: #111
}
.black li>.megamenu form input[type=submit]:hover {
    background: #111;
    color: #fff
}
.black li>.megamenu a:hover {
    color: #dedede
}
.grey ul.dropdown li:hover>a,
.grey>li.active>a,
.grey>li:hover>a {
    background: #82837E;
    color: #fff
}
.grey li>.megamenu form input[type=text]:focus,
.grey li>.megamenu form textarea:focus {
    border-color: #82837E
}
.grey li>.megamenu form input[type=submit]:hover {
    background: #82837E;
    color: #fff
}
.grey li>.megamenu a:hover {
    color: #dedede
}
.blue ul.dropdown li:hover>a,
.blue>li.active>a,
.blue>li:hover>a {
  /*  background: #FCFDE5;*/
  /*  color: #20311A;*/
}
.blue li>.megamenu form input[type=text]:focus,
.blue li>.megamenu form textarea:focus {
    border-color: #023358;
}
.blue li>.megamenu form input[type=submit]:hover {
  /*  background: #FCFDE5;*/
    color: #20311A;
}
.blue li>.megamenu a:hover {
    color: #023358;
}
.deeper ul.dropdown li:hover>a,
.deeper>li.active>a,
.deeper>li:hover>a {
    background: #008C9E;
    color: #20311A;
}
.deeper li>.megamenu form input[type=text]:focus,
.deeper li>.megamenu form textarea:focus {
    border-color: #008C9E
}
.deeper li>.megamenu form input[type=submit]:hover {
    background: #008C9E;
    color: #20311A;
}
.deeper li>.megamenu a:hover {
    color: #008C9E
}
.green ul.dropdown li:hover>a,
.green>li.active>a,
.green>li:hover>a {
    background: #88c425;
    color: #20311A;
}
.green li>.megamenu form input[type=text]:focus,
.green li>.megamenu form textarea:focus {
    border-color: #88c425
}
.green li>.megamenu form input[type=submit]:hover {
    background: #88c425;
    color: #fff
}
.green li>.megamenu a:hover {
    color: #88c425
}
.emerald ul.dropdown li:hover>a,
.emerald>li.active>a,
.emerald>li:hover>a {
    background: #2ecc71;
    color: #fff
}
.emerald li>.megamenu form input[type=text]:focus,
.emerald li>.megamenu form textarea:focus {
    border-color: #2ecc71
}
.emerald li>.megamenu form input[type=submit]:hover {
    background: #2ecc71;
    color: #fff
}
.emerald li>.megamenu a:hover {
    color: #2ecc71
}
.red ul.dropdown li:hover>a,
.red>li.active>a,
.red>li:hover>a {
    background: #C21A01;
    color: #fff
}
.red li>.megamenu form input[type=text]:focus,
.red li>.megamenu form textarea:focus {
    border-color: #C21A01
}
.red li>.megamenu form input[type=submit]:hover {
    background: #C21A01;
    color: #fff
}
.red li>.megamenu a:hover {
    color: #C21A01
}
.pox ul.dropdown li:hover>a,
.pox>li.active>a,
.pox>li:hover>a {
    background: #FA023C;
    color: #fff
}
.pox li>.megamenu form input[type=text]:focus,
.pox li>.megamenu form textarea:focus {
    border-color: #FA023C
}
.pox li>.megamenu form input[type=submit]:hover {
    background: #FA023C;
    color: #fff
}
.pox li>.megamenu a:hover {
    color: #FA023C
}
.orange ul.dropdown li:hover>a,
.orange>li.active>a,
.orange>li:hover>a {
    background: #ff670f;
    color: #fff
}
.orange li>.megamenu form input[type=text]:focus,
.orange li>.megamenu form textarea:focus {
    border-color: #ff670f
}
.orange li>.megamenu form input[type=submit]:hover {
    background: #ff670f;
    color: #fff
}
.orange li>.megamenu a:hover {
    color: #ff670f
}
.sunburst ul.dropdown li:hover>a,
.sunburst>li.active>a,
.sunburst>li:hover>a {
    background: #D46D22;
    color: #fff
}
.sunburst li>.megamenu form input[type=text]:focus,
.sunburst li>.megamenu form textarea:focus {
    border-color: #D46D22
}
.sunburst li>.megamenu form input[type=submit]:hover {
    background: #D46D22;
    color: #fff
}
.sunburst li>.megamenu a:hover {
    color: #D46D22
}
.yellow ul.dropdown li:hover>a,
.yellow>li.active>a,
.yellow>li:hover>a {
    background: #febf01;
    color: #222
}
.yellow li>.megamenu form input[type=text]:focus,
.yellow li>.megamenu form textarea:focus {
    border-color: #febf01
}
.yellow li>.megamenu form input[type=submit]:hover {
    background: #febf01;
    color: #222
}
.yellow li>.megamenu a:hover {
    color: #febf01
}
.purple ul.dropdown li:hover>a,
.purple>li.active>a,
.purple>li:hover>a {
    background: #a849a3;
    color: #fff
}
.purple li>.megamenu form input[type=text]:focus,
.purple li>.megamenu form textarea:focus {
    border-color: #a849a3
}
.purple li>.megamenu form input[type=submit]:hover {
    background: #a849a3;
    color: #fff
}
.purple li>.megamenu a:hover {
    color: #a849a3
}
.pink ul.dropdown li:hover>a,
.pink>li.active>a,
.pink>li:hover>a {
    background: #F56991;
    color: #fff
}
.pink li>.megamenu form input[type=text]:focus,
.pink li>.megamenu form textarea:focus {
    border-color: #F56991
}
.pink li>.megamenu form input[type=submit]:hover {
    background: #F56991;
    color: #fff
}
.pink li>.megamenu a:hover {
    color: #F56991
}
@media (max-width: 820px) {
    .jetmenu>li {
        display: block;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .jetmenu>li>a {
        padding: 15px 25px
    }
    .jetmenu a {
        width: 100%;
        background: #C9BBA7;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .jetmenu ul.dropdown,
    .jetmenu ul.dropdown li ul.dropdown {
        width: 100%!important;
        left: 0;
        position: static!important;
        border: none;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .jetmenu ul.dropdown li {
        background: #fff!important;
        border: none
    }
    .jetmenu ul.dropdown>li>a {
        padding-left: 40px!important
    }
    .jetmenu>li>.megamenu {
        width: 100%!important;
        position: static;
        border-top: none
    }
    .jetmenu>li>.megamenu .row [class*=col] {
        float: none;
        display: block;
        width: 100%!important;
        margin-left: 0;
        margin-top: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .jetmenu>li>.megamenu .row,
    .jetmenu>li>.megamenu .row:first-child [class*=col]:first-child {
        margin-top: 0
    }
    .jetmenu>li>ul.dropdown>li>a {
        padding-left: 40px!important
    }
    .jetmenu>li>ul.dropdown>li>ul.dropdown>li>a {
        padding-left: 60px!important
    }
    .jetmenu>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li>a {
        padding-left: 80px!important
    }

}
@media (min-width: 820px) and (max-width: 900px) {
    .jetmenu>li>.megamenu {
        width: 100%!important;
        left: 0!important
    }

}
.jetmenu li > .megamenu ul li.title {
    margin: 0 0 8px;
    padding: 0 0 5px;
    font-size: 14px;
    border-bottom: solid 1px #666;
}
@media (max-width: 820px) {
    .options {
        font-size: 12px;
    }
    .content {
        margin: 0 20px;
        display: block;
    }
    .jetmenu li > .megamenu ul li.title {
        border: none;
    }


}
@media (max-width: 480px) {
    .content {
        margin: 0;
    }
}

/* larger range screen plus */
@media screen and (min-width:48em) {
.hide-menu-items {display: none !important;}

}

/* medium range screen  */
@media screen and (max-width: 48em) {
.hide-menu-items {display: block;}
#topmenu-hide {
    max-height: 0;
    visibility: hidden;
    display: none;
}

.nav-menu-outer .jetmenu>li>a {color: #ffffff;}

.jetmenu ul.dropdown li a {color: #ffffff;}


  }



/* top level menu */

.jetmenu-custom {
    margin: 0px 0 20px 0;
    z-index: 99;
}
.jetmenu-custom {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    float: left;
    list-style: none;
}
.jetmenu-custom li {
    float: left
}
.jetmenu-custom a {
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    outline: 0;
    z-index: 10
}
.top-menu-outer .jetmenu-custom>li>a {
    padding: 12px 24px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}
.top-menu-outer .jetmenu-custom>li.active>a,
.top-menu-outer .jetmenu-custom>li:hover>a {
    /*background: #FCFDE5;*/
    color: #20311A;
}

.top-menu-outer .jetmenu-custom>li>a {
    padding: 12px 24px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    letter-spacing: 1px;
}



.jetmenu-custom .indicator {
    position: relative;
    left: 5px;
    top: 0;
    font-size: 14px;
    float: right
}
.jetmenu-custom ul li .indicator {
    font-size: 12px;
    top: 1px;
    left: 10px
}

.top-menu-outer .jetmenu-custom > li > a > i {
    color: #023358;
    float: left;
    font-size: 18px;
    line-height: 23px !important;
    margin-right: 10px;
    margin-top: -2px;
}

.top-menu-outer .jetmenu-custom > li > a:hover > i {
    color: #ffffff;
    float: left;
    font-size: 18px;
    line-height: 23px !important;
    margin-right: 10px;
    margin-top: -2px;
}



.jetmenu ul.dropdown ul.dropdown li a:hover {
    color: #633131 !important;
}


@media (max-width: 820px) {
    .jetmenu-custom>li {
        display: block;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .jetmenu-custom>li>a {
        padding: 15px 25px
    }
    .jetmenu-custom a {
        width: 100%;
        background: #1f3062;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
}


@media (max-width: 820px) {
    .jetmenu-custom li {
        border: none;
    }


}



/*.header-search form input {
    background-color: #f0f0f0;
    border: 0 none;
    padding: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0) inset !important;
}

.search-button {
    background-color: #f0f0f0;
    border: 0 none;
    color: #666666;
    float: right;
    font-size: 22px;
    height: 60px;
    padding: 8px 17px !important;
    position: relative;
    width: 56px !important;
    text-indent: 0px !important;
}

.search-button:hover {
    background-color: #FCFDE5;
    border: 0px none;
  }

.search-button:hover .search-bar-icon{
color: #ffffff;
}
*/

.jetmenu ul.dropdown li a[href="javascript:void(0)"] { cursor: default !important; }


.active > a{
   color:#fff !important;
}


@media (max-width: 820px){
  /* .nav-menu-outer {
        display:none;
    }
*/
    .nav-menu-outer li {
    width: 100% !important;
}

.jetmenu ul.dropdown {
    background-image:none !important;
    min-height:0 !important;
}
}

@media (min-width: 820px) and (max-width:1025px){
    .jetmenu {
        margin-top:-62px;
    }
}


/*
    ### .clearfix
    Bit of magic to auto clear floats inside this element

    e.g.
    ```
    <div class="clearfix" style="border:1px solid #000;">
        <div style="float:left; width:50%;">Some<br>text<br>here</div>
        <div style="float:left; width:50%;">More<br>text</div>
    </div>
    ```

    Without the clearfix class the border would not contain the floated sub elements
*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}


/*
	## Media Object
	http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/

    Couple minor changes from above link including a minor margin change,
    class name change and addition of a .media-object-responsive class to change style on small screen

    ```
    <div class="media-object">

        <a href="https://twitter.com/stubbornella" class="media-object-img">
            <img src="//stubbornella.com/profile_image.jpg" alt="me" />
        </a>

        <div class="media-object-bd">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</p>
            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse consequat
            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        </div>

    </div>
*/

.media-object { margin: 10px 0; } /* removed side margins as most use cases we have dont want this */
.media-object,
.media-object-bd { overflow: hidden; _overflow: visible; zoom: 1; }
.media-object-img { float:left; margin-right: 10px; }
.media-object-img img { display:block;}
.media-object-imgExt { float:right; margin-left: 10px;}

/* Responsive tweaks, to not float the image and to center the image and text :)  */
.media-object-responsive .media-object-img { float: none; }
.media-object-responsive .media-object-img img { margin: 0 auto; }
.media-object-responsive .media-object-bd { text-align: center; }
@media screen and (min-width: 35.5em) {
    .media-object-responsive .media-object-img { float: left; }
    .media-object-responsive .media-object-bd { text-align: inherit; }
}


/*
    Blog posts, categories, lists etc. styling

    Contents:

    1. Shared blog styles
    2. Blog post (full page)
    3. Blog posts as a list
    4. Blog categories as a list
    5. Blog category shell around list of blog posts
    6. Blog post comments
    7. Sidebar app list of blog posts
    8. Reference blocks in blog content

 */

/* 1. Shared blog styles */


/* 2. Blog post (full page) */
.blog-post-title {
    margin-top: 0;
}
.blog-post-each aside {
    font-size: smaller;
}
.blog-post-each-image-container {
    width: 140px;
}

/* image max width */
.blog-post-image-container img {
    max-width: 400px;
}

/* social share icons */
.blog-post-social-buttons {
    list-style: none;
    padding-left: 0;
}
.blog-post-social-buttons li {
    display: inline-block;
    padding-left: 5px;
}

/* recomend link/star */
.blog-recommend {
    font-size: larger;
}

/* embeded video */
.blog-post-video-link {
    max-width: 560px;
    margin: auto;
}


/* 3. Blog posts as a list */
.blog-post-each-title {
    margin-bottom: 0;
}
.blog-post-each aside {
    font-size: smaller;
}
.blog-post-each-image-container {
    width: 140px;
}
.blog-post-each-image {
    margin: 0 auto; /* center within container */
}
.blog-post-each-author,
.blog-post-each-date {
    border-right: 1px solid;
    padding-right: 10px;
    margin-right: 10px;
}

/* 4. Blog categories as a list */
.blog-category-each-title {
    margin-top: 0; /* center within container */
}
.blog-category-each-image-container {
    width: 140px;
}
.blog-category-each-image {
    margin: 0 auto;
}

/* 5. Blog category shell around list of blog posts */


/* 6. Blog post comments */
.blog-comment-date {
    font-size: smaller;
}
.each-blog-comment-image {
    max-width: 100px;
    max-height: 100px;
}
.each-blog-comment-reply-image {
    max-width: 50px;
    max-height: 50px;
}


/* 7. Sidebar app list of blog posts */
.blog-item-each-sidebar img {
    max-width: 60px;
}

/* 8. Reference blocks in blog content */
.blog-reference-block-thumb {
    max-width: 200px;
}
.blog-reference-block-youtube {
    max-width: 560px;
    margin: auto;
}

/* 9. Social Sharing Icons */
.blog-facebook-share {
    color: #3C5A99 !important; /* Making this important as they are required to be this color by company branding policies */
}
.blog-twitter-share {
    color: #00ACED !important; /* Making this important as they are required to be this color by company branding policies */
}

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  float: left;
  width: 100%;
  border: 0;
  max-height:600px; /*450px*/
  }
  * {
  margin: 0;
  padding: 0;
}


.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }



/* Callback example */


.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  border: 0;
  height:600px; /*450px*/
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("/userfiles/images/sys/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

/*own style*/

.slider {
  width:100%;
  margin:auto;
}

@media screen and (max-width: 600px) {

  .callbacks_nav {
    top: 47%;
    }
}

/*
    Push and pull Pure-css's grid units

    **Currently only implimented for "-md-" sizes

    Usage example:
    A main element and a sidebar,
    Main is two thirds of screen, while left sidebar is one third of screen.
    We want to push the Main over and pull the left sidebar up to the left of the Main.

    ```
    <div class="pure-g">
        <div class="pure-u-1 pure-u-md-2-3 grid-push-md-1-3"> Main </div>
        <div class="pure-u-1 pure-u-md-1-3 grid-pull-md-2-3"> Left sidebar </div>
    </div>
    ```
*/

.pure-g [class*="grid-push-"],
.pure-g [class*="grid-pull-"] {
    position: relative;
}

@media screen and (min-width: 48em) {

    /* push a unit from the left to right */

    .grid-push-md-1-24 {
        left: 4.1667%;
    }

    .grid-push-md-1-12,
    .grid-push-md-2-24 {
        left: 8.3333%;
    }

    .grid-push-md-1-8,
    .grid-push-md-3-24 {
        left: 12.5000%;
    }

    .grid-push-md-1-6,
    .grid-push-md-4-24 {
        left: 16.6667%;
    }

    .grid-push-md-1-5 {
        left: 20%;
    }

    .grid-push-md-5-24 {
        left: 20.8333%;
    }

    .grid-push-md-1-4,
    .grid-push-md-6-24 {
        left: 25%;
    }

    .grid-push-md-7-24 {
        left: 29.1667%;
    }

    .grid-push-md-1-3,
    .grid-push-md-8-24 {
        left: 33.3333%;
    }

    .grid-push-md-3-8,
    .grid-push-md-9-24 {
        left: 37.5000%;
    }

    .grid-push-md-2-5 {
        left: 40%;
    }

    .grid-push-md-5-12,
    .grid-push-md-10-24 {
        left: 41.6667%;
    }

    .grid-push-md-11-24 {
        left: 45.8333%;
    }

    .grid-push-md-1-2,
    .grid-push-md-12-24 {
        left: 50%;
    }

    .grid-push-md-13-24 {
        left: 54.1667%;
    }

    .grid-push-md-7-12,
    .grid-push-md-14-24 {
        left: 58.3333%;
    }

    .grid-push-md-3-5 {
        left: 60%;
    }

    .grid-push-md-5-8,
    .grid-push-md-15-24 {
        left: 62.5000%;
    }

    .grid-push-md-2-3,
    .grid-push-md-16-24 {
        left: 66.6667%;
    }

    .grid-push-md-17-24 {
        left: 70.8333%;
    }

    .grid-push-md-3-4,
    .grid-push-md-18-24 {
        left: 75%;
    }

    .grid-push-md-19-24 {
        left: 79.1667%;
    }

    .grid-push-md-4-5 {
        left: 80%;
    }

    .grid-push-md-5-6,
    .grid-push-md-20-24 {
        left: 83.3333%;
    }

    .grid-push-md-7-8,
    .grid-push-md-21-24 {
        left: 87.5000%;
    }

    .grid-push-md-11-12,
    .grid-push-md-22-24 {
        left: 91.6667%;
    }

    .grid-push-md-23-24 {
        left: 95.8333%;
    }

    .grid-push-md-1,
    .grid-push-md-1-1,
    .grid-push-md-5-5,
    .grid-push-md-24-24 {
        left: 100%;
    }


    /* pull a unit from the right to left */

    .grid-pull-md-1-24 {
        left: -4.1667%;
    }

    .grid-pull-md-1-12,
    .grid-pull-md-2-24 {
        left: -8.3333%;
    }

    .grid-pull-md-1-8,
    .grid-pull-md-3-24 {
        left: -12.5000%;
    }

    .grid-pull-md-1-6,
    .grid-pull-md-4-24 {
        left: -16.6667%;
    }

    .grid-pull-md-1-5 {
        left: -20%;
    }

    .grid-pull-md-5-24 {
        left: -20.8333%;
    }

    .grid-pull-md-1-4,
    .grid-pull-md-6-24 {
        left: -25%;
    }

    .grid-pull-md-7-24 {
        left: -29.1667%;
    }

    .grid-pull-md-1-3,
    .grid-pull-md-8-24 {
        left: -33.3333%;
    }

    .grid-pull-md-3-8,
    .grid-pull-md-9-24 {
        left: -37.5000%;
    }

    .grid-pull-md-2-5 {
        left: -40%;
    }

    .grid-pull-md-5-12,
    .grid-pull-md-10-24 {
        left: -41.6667%;
    }

    .grid-pull-md-11-24 {
        left: -45.8333%;
    }

    .grid-pull-md-1-2,
    .grid-pull-md-12-24 {
        left: -50%;
    }

    .grid-pull-md-13-24 {
        left: -54.1667%;
    }

    .grid-pull-md-7-12,
    .grid-pull-md-14-24 {
        left: -58.3333%;
    }

    .grid-pull-md-3-5 {
        left: -60%;
    }

    .grid-pull-md-5-8,
    .grid-pull-md-15-24 {
        left: -62.5000%;
    }

    .grid-pull-md-2-3,
    .grid-pull-md-16-24 {
        left: -66.6667%;
    }

    .grid-pull-md-17-24 {
        left: -70.8333%;
    }

    .grid-pull-md-3-4,
    .grid-pull-md-18-24 {
        left: -75%;
    }

    .grid-pull-md-19-24 {
        left: -79.1667%;
    }

    .grid-pull-md-4-5 {
        left: -80%;
    }

    .grid-pull-md-5-6,
    .grid-pull-md-20-24 {
        left: -83.3333%;
    }

    .grid-pull-md-7-8,
    .grid-pull-md-21-24 {
        left: -87.5000%;
    }

    .grid-pull-md-11-12,
    .grid-pull-md-22-24 {
        left: -91.6667%;
    }

    .grid-pull-md-23-24 {
        left: -95.8333%;
    }

    .grid-pull-md-1,
    .grid-pull-md-1-1,
    .grid-pull-md-5-5,
    .grid-pull-md-24-24 {
        left: -100%;
    }

}


/*
    ### .pagination

    **Extends base/buttons.css**

    These are the [First] [Prev] [1] [2] [3] ... [Next] [Last] links

    e.g.
    <ul class="pagination">
        <li>
            <a class="prevnext disablelink" href="#">First</a>
        </li>
        <li>
            <a class="prevnext disablelink" href="#">Prev</a>
        </li>
        <li>
            <a class="currentpage" href="http://www.rec.dev/?p=News&amp;parent=2&amp;page=1">1</a>
        </li>
        <li>
            <a class="currentpage" href="http://www.rec.dev/?p=News&amp;parent=2&amp;page=2">2</a>
        </li>
        <li>
            <a class="prevnext" href="#">Next</a>
        </li>
        <li>
            <a class="prevnext" href="#">Last</a>
        </li>
    </ul>

*/
.pagination {
    list-style: none;
    padding-left: 0;
}

.pagination li {
    display: inline-block;
}

.pagination a {
    /* extends base/buttons.css */
}


/*
    ## Responsive video container (e.g. for Youtube videos)
    Based on: http://coolestguidesontheplanet.com/videodrome/youtube/

    ```
    <div class="video-container">
        <iframe.......></iframe>
    </div>
    ```

    Also aliased to .iframe-container (as in cases like google maps, video-container would be a confusing name)

    This module also contains ways to change the aspect radio of the video / iframe
    By default this is 16:9, for videos such as youtube.

    But you can change the aspect-ration with classes such as .iframe-container-3-1
    And you can do these at breakpoints, e.g.

    ```
    <div class="iframe-container iframe-container-1-1 iframe-container-2-1-sm iframe-container-3-1-md">
        <iframe.......></iframe>
    </div>
    ```

    ***
    You should add another div or element around this with a max width on it in order to contain the video.
    Adding a max-width on .video|iframe-container will NOT work as expected so an ourter element is needed for this.
    ***

*/
.iframe-container,
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 default aspect ratio */
    height: 0;
    overflow: hidden;
}

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

/* videos such as youtube require a bit more space at the bottom */
.video-container {
    padding-top: 30px;
}

/* additional aspect ratios */
.iframe-container-5-1 { padding-bottom: 20%; }
.iframe-container-4-1 { padding-bottom: 25%; }
.iframe-container-3-1 { padding-bottom: 33.3333%; }
.iframe-container-2-1 { padding-bottom: 50%; }
.iframe-container-3-2 { padding-bottom: 66.6666%; }
.iframe-container-4-3 { padding-bottom: 75%; }
.iframe-container-1-1 { padding-bottom: 100%; }

/* same sizes as defined here: http://purecss.io/grids/#pure-responsive-grids */
@media screen and (min-width: 35.5em) {
    .iframe-container-5-1-sm { padding-bottom: 20%; }
    .iframe-container-4-1-sm { padding-bottom: 25%; }
    .iframe-container-3-1-sm { padding-bottom: 33.3333%; }
    .iframe-container-2-1-sm { padding-bottom: 50%; }
    .iframe-container-3-2-sm { padding-bottom: 66.6666%; }
    .iframe-container-4-3-sm { padding-bottom: 75%; }
    .iframe-container-1-1-sm { padding-bottom: 100%; }
}
@media screen and (min-width: 48em) {
    .iframe-container-5-1-md { padding-bottom: 20%; }
    .iframe-container-4-1-md { padding-bottom: 25%; }
    .iframe-container-3-1-md { padding-bottom: 33.3333%; }
    .iframe-container-2-1-md { padding-bottom: 50%; }
    .iframe-container-3-2-md { padding-bottom: 66.6666%; }
    .iframe-container-4-3-md { padding-bottom: 75%; }
    .iframe-container-1-1-md { padding-bottom: 100%; }
}
@media screen and (min-width: 64em) {
    .iframe-container-5-1-lg { padding-bottom: 20%; }
    .iframe-container-4-1-lg { padding-bottom: 25%; }
    .iframe-container-3-1-lg { padding-bottom: 33.3333%; }
    .iframe-container-2-1-lg { padding-bottom: 50%; }
    .iframe-container-3-2-lg { padding-bottom: 66.6666%; }
    .iframe-container-4-3-lg { padding-bottom: 75%; }
    .iframe-container-1-1-lg { padding-bottom: 100%; }
}
@media screen and (min-width: 80em) {
    .iframe-container-5-1-xl { padding-bottom: 20%; }
    .iframe-container-4-1-xl { padding-bottom: 25%; }
    .iframe-container-3-1-xl { padding-bottom: 33.3333%; }
    .iframe-container-2-1-xl { padding-bottom: 50%; }
    .iframe-container-3-2-xl { padding-bottom: 66.6666%; }
    .iframe-container-4-3-xl { padding-bottom: 75%; }
    .iframe-container-1-1-xl { padding-bottom: 100%; }
}


/*
    ## Responsive <table> container
    Used on large width tables where you want to allow the user to scroll within the table

    ```
    <div class="table-container">
        <table.......></table>
    </div>
    ```

    More information: http://maxdesign.com.au/articles/simple-responsive-table/

*/
.table-container {
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em;
}


/*
    Testimonials main body app
*/

.testimonial-each {
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
}

.testimonial-body p:first-child {
    margin-top: 0;
}

/* stop visitors uploading massive images */
.testimonial-logo-container {
    width: 33.3333%;
}

/* ie6 max-width on the images shown here */
.lt-ie7 .testimonial-logo-container img { width: 100%; }


/*
    Downloads app
*/

.downloads-app-container { }

.download-each {
    background-repeat: no-repeat;
    background-position: top left;
    margin: 10px;
    padding: 10px;
    padding-left: 90px;
    border-bottom: 1px solid #CCC;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    display: block;
}

.download-each:last-child {
    border-bottom: none;
}

.download-detail {
    font-size: smaller;
    padding-right: 10px;
}

.download-text {
    overflow: hidden;
}

/* download categories */
.download-category-each {
    display: inline-block;
    padding: 1em 1em 1em 2.5em;
    background: url(/images/icons/folder.png) .5em 1em no-repeat;
    border: 1px solid #CCC;
    text-decoration: none;
    color: inherit;
}


/*
    Login page styles

    TabbedPanels: This old class naming convention was used by older Dreamweaver's tabbed code.
    This is now re-written using jQuery but we've left these class names for backwards compatability.
*/

/* top tabs list */
.TabbedPanelsTabGroup {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

/* each top tab */
.TabbedPanelsTab {
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
}

/* each tab and title */
.TabbedPanelsTab,
.login-tab-title {
    padding: 10px 20px;
}

/* active top tab and titles background */
.TabbedPanelsTabSelected,
.login-tab-title {
    background-color: #EEE;
    background-color: rgba(0, 0, 0, 0.1);
}

/* center all text in the sections */
.TabbedPanelsContent {
    text-align: center;
}

/* little margin to seperate them */
.login-main {
    margin-bottom: 10px;
}

/* nicely layout the labels to inputs */
.login-main label {
    display: inline-block;
    width: 25%;
    text-align: right;
    margin-right: 10px;
    max-width: 150px;
}
.login-main input[type="email"],
.login-main input[type="password"] {
    display: inline-block;
    width: 60%;
    max-width: 350px;
}

/* warning message */
.login-warning-msg {
    color: red;
    font-weight: bold;
    margin-bottom: 10px;
}

/* titles */
.login-tab-title {
    margin: 0;
}
.pure-u-md-1-2:first-child .login-tab-title {
    margin-right: 0;
}
@media screen and (min-width: 48em) {
    .pure-u-md-1-2:first-child .login-tab-title {
        margin-right: 10px;
    }
}


/*
    Minor tweaks for specific sidebar & main body apps
    E.g. hiding icons used for legacy builds

    Contents:

    1. Shared
    2. Newsletter signup

*/

/* 1. Shared */

/* png captcha refresh text should be small and italic */
.png_img_refresher {
    font-size: small;
    font-style: italic;
}

/* 2. Newsletter signup */

/* hide the icon, its only used for legacy sites templates */
.sidebar-app-newsletter-signup h2 > img[alt="Signup"] {
    display: none;
}

/* improve signup form list styling */
.newsletter-signup {
    list-style: none;
    padding-left: 0;
}
.newsletter-signup li {
    padding-bottom: 5px;
}
.newsletter-signup label {
    display: inline-block;
    min-width: 100px;
}
.newsletter-signup input {
    min-width: 100px;
}
.newsletter-signup label[for="NewsletterSignup_image"] {
    display: block;
}



/*
    ### .inline-list
    Stripped down inline list (e.g. without bullet points, left padding/indent and inline)

    e.g.
    ```
    <ul class="inline-list">
        <li>Item A</li>
        <li>Item B</li>
        <li>etc...</li>
    </ul>
    ```

*/

.inline-list,
.plain-list {
    list-style: none;
    padding-left: 0;
}

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


/*
    ### .top-warning-message
    A warning message at the top of the screen

    e.g.
    ```
    <div class="top-warning-message">
        <strong>Thinking of upgrading your browser? <a href="http://beautyoftheweb.co.uk/">Click here!</a></strong>
    </div>
    ```

*/

.top-warning-message {
    width: 100%;
    padding: 10px;
    background-color: yellow;
    color: #000;
    text-align: center;
}


/*
    Simple way to implement tabs, (namespaced to avoid collisions)

    E.g. horizontal / regular tabs:

        <div class="rec-tabs rec-tabs--horizontal">
            <ul>
                <li><a href="#first_tab">First</a>
                <li><a href="#second_tab">Second</a>
            </ul>
            <div id="first_tab">
                <p>First tab text here</p>
            </div>
            <div id="second_tab">
                <p>Second tab text here</p>
            </div>
        </div>

    E.g. vertical / side tabs:

        <div class="rec-tabs rec-tabs--vertical clearfix">
            <ul class="pull-left-sm">
                <li><a href="#first_tab">First</a>
                <li><a href="#second_tab">Second</a>
            </ul>
            <div id="first_tab">
                <p>First tab text here</p>
            </div>
            <div id="second_tab">
                <p>Second tab text here</p>
            </div>
        </div>
*/

/* outer container */
.rec-tabs {}

/* links */
.rec-tabs > ul,
.rec-tabs > ul li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}
.rec-tabs > ul a {
    display: block;
    padding: 1em;
    text-decoration: none;
    color: inherit;
    border-left: 5px solid #FFF;
    transition: border-left-color .3s;
}
.rec-tabs > ul li:hover a {
    border-left-color: rgba(0, 0, 0, 0.1);
}
.rec-tabs > ul li.current a {
    border-left-color: rgba(0, 0, 0, 0.2);
}

/* horizontal vs vertical layout */

.rec-tabs--horizontal > ul li {}

.rec-tabs--vertical > ul li {}


/* tabs */
.rec-tabs > div {
    display: none;
    overflow: auto;
    padding: 5px 10px;
}
.rec-tabs > div.current {
    display: block;
}

/* first heading element in a div should negate any top margin */
.rec-tabs h1:first-child,
.rec-tabs h2:first-child,
.rec-tabs h3:first-child {
    margin-top: 0;
}


/*
    ### #cookie_law_message
    Cookie law message block shown on first load and when cookies are disabled.
*/

/* reset padding */
#cookie_law_message,
#cookie_law_message p,
#cookie_title { padding: 0; margin: 0; }

/* outer container */
#cookie_law_message {
    background-color: #000;
    text-align: left;
    /* full width and fixed to the bottom of the screen */
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999; /* fallback left in in case a browser doesn't support the crazy z-index */
    z-index: 3000000000; /* this looks crazy, but it's needed to beat Tawk.to's z-index lol */
}
#cookie_law_message,
#cookie_law_message p {
    color: #AAA;
}
#cookie_law_message_inner {
    margin: 0 auto;
    max-width: 85em;
    padding: 3em 1em;
    width: 100%;
    position: relative;
}

/* buttons and title style */
#cookie_title,
#cookie_continue_btn,
#cookie_reject_btn,
#cookie_find_out_more_btn {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}
/* and a consistant colour for links too */
#cookie_title,
#cookie_find_out_more_btn,
#cookie_law_message a {
    color: #FFF;
}

#cookie_title {
    /* give the title some space underneith */
    padding-bottom: 0.5em;
    font-size: 20px;
}

p#cookie_extra_links {
    float: right;
    padding-left: 5px;
    max-width: 40%;
}

.cookie_law_button,
#cookie_find_out_more_btn {
    text-decoration: none;
    padding: 5px 15px;
    vertical-align: top;
    display: inline-block;
    text-align: center;
    float: right;
}
.cookie_law_button {
    background: #FFF;
    color: #222 !important; /* important as several sites use important on their links already */
    /* space out the buttons a little */
    margin-left: 10px;
    /* and on mobile */
    margin-bottom: 10px;
}

#cookie_reject_btn {
    background: #BBB;
}

#cookie_find_out_more_btn {
    font-size: small;
}
#cookie_continue_btn:before,
#cookie_reject_btn:before,
#cookie_find_out_more_btn:before {
    font-family: FontAwesome;
    display: inline-block;
    position: relative;
    padding-right: 10px;
    min-height: 24px; /* fix their min heights as the reject X and the accept tick are otherwise 2px off */
}
#cookie_continue_btn:before {
    content: "\f00c";
}
#cookie_reject_btn:before {
    content: "\f00d";
}
#cookie_find_out_more_btn:before {
    content: "\f013";
}

/* save settings button */
#cookie_law_save {
    font-weight: bold;
}

/* we used to let sites design background images on here so let's force remove these */
body #cookie_continue_btn:before,
body #cookie_find_out_more_btn:before {
    background: none !important;
}

/* cookie law modal popup */
.modal-window-is-cookie-law .modal-window-inner {
    max-width: 64em;
}
.modal-window-is-cookie-law .modal-window-footer {
    text-align: center;
}

/* set the tables in the modal to use a smaller font size, as there's lots of text */
.modal-window-is-cookie-law table {
    font-size: small;
    text-align: left;
}

/* on the cookie tables, make sure the purpose & expires columns don't get too small as it sizes down */
.cookie-purpose-column {
    min-width: 200px;
}
.cookie-expires-column {
    min-width: 100px;
}

/* checkboxes to enable/disable cookies */
.modal-window-is-cookie-law label {
    display: inline-block;
    padding: 10px;
    border: 1px solid #CCC;
    border-bottom: none;
}
.modal-window-is-cookie-law label input {
    margin-right: 5px;
    vertical-align: middle;
}


/*
    FAQ System
*/

.question {
    /* make questions clickable*/
    cursor: pointer;
    /* seperate each question */
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 10px;
}

.question:hover {
    font-weight: bold;
}


/*
    Image Gallery
*/


/* each image */
.gallery-image-container {
    text-align: center;
}
.gallery-image-container > a {
    display: block;
    margin: 10px 10px 0 0;
}
.gallery-image {
    margin: 0 auto;
}

/* each image that's an album cover */
.gallery-album-name {
    padding: 10px;
    display: block;
}

/*
    polaroid styling
*/

.gallery-image-polaroids .gallery-image {
    padding: 10px;
    border: 1px solid #CCC;
    background: #FFF;
}

/* create a fake stacked look to album covers */
.gallery-image-polaroids .gallery-album-container > a {
    position: relative;
    margin-left: 20px;
}
.gallery-image-polaroids .gallery-album-container .gallery-image {
    /* bring image to the front */
    z-index: 1;
    position: relative;
}
.gallery-image-polaroids .gallery-album-container > a:before,
.gallery-image-polaroids .gallery-album-container > a:after {
    content: "";
    /* polaroid design */
    background: #FFF;
    padding: 10px;
    border: 1px solid #CCC;
    /* create each stacked fake picture behind as the same size */
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    /* set to back */
    z-index: 0;
    /* offset slightly */
    margin-top: -10px;
    margin-left: 10px;
}
.gallery-image-polaroids .gallery-album-container > a:after {
    margin-left: 5px;
    margin-top: -5px;
}

/* Add shadow to gallery images and albums */
.gallery-image-polaroids .gallery-image,
.gallery-image-polaroids .gallery-album-container > a:before,
.gallery-image-polaroids .gallery-album-container > a:after {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
 }


/*
    Each Youtube video
    shown via the youtube playlist apps
*/

.youtube-video {
    text-decoration: none;
    color: inherit;
    margin-bottom: 10px;
    display: block;
}

.youtube-video h3 {
    margin-top: 0;
}

.youtube-video-thumbnail {
    max-width: 33.3333%;
}

@media screen and (min-width: 48em) {
    .youtube-video-thumbnail {
        max-width: 25%;
    }
}


/*
    Messages shown to the user
*/

.rec-msg {
    padding: 15px;
}
.rec-msg:empty {
    display: none;
}
.rec-msg p { margin: 0; }
.rec-msg a {
    text-decoration: underline;
    color: inherit;
}

/* types of messages */

/* error */
.rec-msg-error {
    color: #a94442;
    background-color: #f2dede;
}

/* success */
.rec-msg-success {
    color: #3c763d;
    background-color: #dff0d8;
}

/* warning */
.rec-msg-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

/* info */
.rec-msg-info {
    color: #31708f;
    background-color: #d9edf7;
}


/*
    Breadcrumb

    e.g.
    ```
    <p class="breadcrumb">
        <a href="/all-categories.html"> Categories </a>
        &rsaquo;
        <a href="/test_cat--category--1168.html"> Test Cat </a>
        &rsaquo;
        <a href="/Test_prod--product--2247.html"> Test Prod </a>
    </p>
    ```
*/

.breadcrumb {
    color: #999;
    color: rgba(0, 0, 0, 0.6);
    border-bottom: 1px solid #EEE;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    padding-bottom: 1em; /* same spacing undereith as margin on default p elements */
    overflow: auto; /* overflow set to prevent underlapping elements floated to the right of it */
}

.breadcrumb a {
    color: inherit; /* inherit colour from above */
    text-decoration: none;
    display: inline-block;
    padding: 0 1em;
    font-size: 90%; /* slightly smaller than regular text */
}
.breadcrumb a:first-child {
    padding-left: 0;
}


/*
    Social share links
*/

.social-share-links {}
.social-share-links > * {}
.social-share-links a {
    color: #FFF;
    padding: 0.6em 0.8em;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 3px;
}

/* real social links */
.social-share-links-facebook { background-color: #3b5998; }
.social-share-links-twitter { background-color: #00aced; }
.social-share-links-pinterest { background-color: #cb2027; }
.social-share-links-google-plus { background-color: #dd4b39; }

/* internal links oftern used together */
.social-share-links-wishlist { background-color: #e3cf7a; }
.social-share-links-comparelist { background-color: #89CC61; }
.social-share-links-send-to-friend { background-color: #3CB181; }

/* font awesome icons */
.social-share-links .fa {
    padding-right: 0.3em;
}


/*
    Modal window styling

    @see js/modules/modal.js

    e.g.
    <div class="modal-window-outer">
        <div class="modal-window-inner">
            <div class="modal-window-header">
                <a class="modal-window-header-close">
                    <i class="fa fa-close"></i>
                </a>
                <div class="modal-window-header-title">Title here</div>
            </div>
            <div class="modal-window-body">
                Hello world
            </div>
            <div class="modal-window-footer"></div>
        </div>
    </div>

*/

.modal-is-open {
    overflow: hidden;
}

/* ----- outer container -----  */
/* modal semi-transparent background */
.modal-window-outer {

    /* hidden by default (not using display none vs block here to allow for css animation) */
    opacity: 0;
    visibility: hidden;

    /* animate back out the modal (animation in covered by: .modal-is-open .modal-window-outer) */
    transition: opacity 1s, visibility 0s 1s, max-height 0s 1s;

    /* full screen */
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    /* on top */
    z-index: 99999;

    /* semi-transparent background */
    background: rgba(0, 0, 0, 0.6);
}
.lt-ie9 .modal-window-outer {
    /* For IE8 and less, ignore the effect and use display: none -> block for showing and hiding the modal
    This works better with the filter used for the transparent background, else we get weird stages of the screen appearing black */
    display: none;
}
.lt-ie9 .modal-is-open .modal-window-outer {
    /* For IE8 and less, we also want a semi-transparent background
    ("rgba" converted to the "argb" used in this filter, from: http://beijingyoung.com/articles/rgba-argb-converter/)
    */
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
}

/* when modal is active */
.modal-is-open .modal-window-outer {
    opacity: 1;
    visibility: visible;

    /* animate in */
    transition: opacity 1s, visibility 0s, max-height 0s;

    /* allow scrolling, only when open as to not show 2 scrollbars */
    overflow: auto;
}

/* inner window */
.modal-window-inner {
    background: #FFF;
    max-width: 35.5em;
    margin: auto;

    /*test height larger than screen*/
    /*height: 800px;*/

    /* initial position off screen, to then animate down */
    transform: translate(0, -20%);
    transition: transform 1s;

    /* a little shadow */
    box-shadow: 0 5px 1em rgba(0, 0, 0, 0.6);
}

.modal-is-open .modal-window-inner {
    /* now move it back into view */
    transform: translate(0, 0);
}

@media screen and (min-width: 35.5em) {
    .modal-window-inner {
        margin: 5% auto;
    }
}

/* general padding */
.modal-window-header,
.modal-window-body,
.modal-window-footer { padding: 1em; }
.modal-window-header { padding-bottom: 0; }
.modal-window-footer { padding-top: 0; }

/* hide footer when not in use */
.modal-window-footer:empty { display: none; }

/* ----- header ----- */
.modal-window-header {}
.modal-window-header-title {
    font-weight: bold;
    /*border under title, unless it's empty*/
    border-bottom: 1px solid #EEE;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    padding-bottom: 0.5em;
}
.modal-window-header-title:empty {
    border-bottom: none;
    padding-bottom: 0;
}
.modal-window-header-close {
    float: right;
    padding: 1em;
    margin-top: -1em;
    margin-right: -1em;
}

/* ----- body ----- */
.modal-window-body {
    position: relative;
}

/* ----- footer ----- */
.modal-window-footer {}


/* ----- Modifications ----- */

/* image popup or simpel content (where simple content takes width of it's content, same as an image, e.g. popup enquire forms etc) */
.modal-window-is-image,
.modal-window-is-simple,
.modal-window-is-youtube,
.modal-window-is-wide {
    text-align: center;
}
.modal-window-is-image .modal-window-inner,
.modal-window-is-simple .modal-window-inner,
.modal-window-is-youtube .modal-window-inner,
.modal-window-is-wide .modal-window-inner {
    display: inline-block;
    /* return to left aligned inside inner content */
    text-align: left;
    /* drop max-width, let the content decide this :), well, up till max width of window */
    max-width: 100%;
}

/* iframe popup */
.modal-window-is-iframe {}
.modal-window-is-iframe iframe {
    width: 100%;
    border: none;
    min-height: 400px;
}
.modal-window-is-wide .modal-window-inner {
    width: 100%;
}
@media screen and (min-width: 35.5em) {
    .modal-window-is-wide .modal-window-inner {
        width: 60%;
    }
}

/* cart popup */
.modal-window-is-cart {
    /* ----- see ./cart.css ----- */
}

/* theme / header style -> see ../theme/default.css.twig */

/* Checkout "spash" page, hide it's old close button, as it now uses this modal too */
#splash_page_main .splash_close { display: none; }

/* Image gallery controls */
.modal-window-gallery-controls a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    height: 100%;

    /* ie hack, no hover on transparent element, blank image instead ;) */
    background: url("/images/blank.gif");
}
.modal-window-gallery-controls a:hover:before,
.modal-window-gallery-controls a:active:before {
    position: absolute;
    top: 50%;
    margin-top: -1em;

    /* style */
    background: #FFF;
    background: rgba(255, 255, 255, 0.8);
    padding: 1em;
    color: #444;
    font-weight: bold;
    font-size: 120%;
}
.modal-window-gallery-controls a[href="#prev"] {
    left: 0;
}
.modal-window-gallery-controls a[href="#next"] {
    right: 0;
}
.modal-window-gallery-controls a[href="#prev"]:hover:before,
.modal-window-gallery-controls a[href="#prev"]:active:before {
    content: " Prev ";
    border-radius: 0 2em 2em 0;
    left: 0;
}
.modal-window-gallery-controls a[href="#next"]:hover:before,
.modal-window-gallery-controls a[href="#next"]:active:before {
    content: " Next ";
    border-radius: 2em 0 0 2em;
    right: 0;
}


/*
    Register

*/

.register-page-form {
    margin: 0;
    padding: 0;
}

/* neatly align inputs and labels */
.register-page-form label {
    display: inline-block;
    vertical-align: top;
    width: 140px;
}
.register-page-form li {
    margin-bottom: 2px;
}
.register-page-form input[type="text"],
.register-page-form input[type="email"],
.register-page-form input[type="tel"],
.register-page-form input[type="password"] {
    width: 180px !important;
}
.register-page-form input[name="user_code"] + em {
    display: block;
}
.register-page-form .png_img_refresher {
    display: none;
}

@media screen and (min-width: 48em) {

    /* delivery address next to billing */
    .register-page-form.delivery_address,
    .register-page-form.billing_address {
        float: left;
        width: 50%;
    }

}


/*
    Customer home / logged in pages
*/

.rec-body-custhome {}
.rec-body-custhome main {
    padding-bottom: 1em; /* little padding under any content shown here */
}

/* sidebar action links */
.customer-home-action-links {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* hide the defualt icons */
.customer-home-action-links img {
    display: none;
}
/* padd out the links shown */
.customer-home-action-links a {
    display: block;
    padding: 0.5em 0;
    color: inherit;
}

/* on small screens, hide the action links, show on toggle, and show on larger screens */
.customer-home-action-links > * {
    display: none;
}
.customer-home-action-links-revealed > * {
    display: block;
}
.customer-home-action-links-heading {
    display: block;
    cursor: pointer;
}
.customer-home-action-links-heading:before {
    content: "[Show]";
    font-size: small;
    float: right;
    padding: 0 0.5em;
}
.customer-home-action-links-revealed .customer-home-action-links-heading:before {
    content: "[Hide]";
}

/* show a border to seperate the menu from cotent on mobile */
.customer-home-action-links:last-child {
    border-bottom: 1px solid #CCC;
    border-bottom-color: rgba(0, 0, 0, 0.2);
}

/* remove some icons on the page */
.rec-body-custhome h2 img,
.rec-body-custhome a[href="/checkout.php"] img {
    display: none;
}


/* ----- Delivery Addresses ----- */

/* change icons for font-awesome */
.rec-body-customer-all-my-delivery-addresses a[href="/customer_home.php?p=add_delivery_address"] img,
.rec-body-customer-all-my-delivery-addresses a[href="/checkout.php"] img,
.rec-body-customer-all-my-delivery-addresses a[href^="/customer_home.php?p=edit_delivery_address"] img,
.rec-body-customer-all-my-delivery-addresses a[href^="/admin/includes/customer/delete_delivery_address"] img {
    display: none;
}
.rec-body-customer-all-my-delivery-addresses a[href="/customer_home.php?p=add_delivery_address"]:before,
.rec-body-customer-all-my-delivery-addresses a[href^="/customer_home.php?p=edit_delivery_address"]:before,
.rec-body-customer-all-my-delivery-addresses a[href^="/admin/includes/customer/delete_delivery_address"]:before {
    font-family: "FontAwesome";
    padding-right: 0.5em;
}

/* add icon */
.rec-body-customer-all-my-delivery-addresses a[href="/customer_home.php?p=add_delivery_address"]:before {
    content: "\f067"; /* plus icon */
}

/* edit icon */
.rec-body-customer-all-my-delivery-addresses a[href^="/customer_home.php?p=edit_delivery_address"]:before {
    content: "\f040"; /* pencil icon */
}

/* remove icon */
.rec-body-customer-all-my-delivery-addresses a[href^="/admin/includes/customer/delete_delivery_address"]:before {
    content: "\f00d"; /* remove/times icon */
}

/* ----- users previous orders ----- */
.rec-customer-orders-menu {
    /* seperate a bit from the top */
    margin-top: 1em;
}

/* previous order items */
.rec-media-object-bd,
.rec-customer-order-reorder {
    display: none;
}
body .rec-customer-order {
    border-top: 0;
}
body .rec-customer-order-container:first-child .rec-customer-order {
    border-top: 1px solid #CCC;
    border-top-color: rgba(0, 0, 0, 0.2);
}
body .rec-customer-order-container {
    margin-bottom: 0;
}
body .rec-customer-order-summary {
    width: 100%;
    max-width: 9999px;
    border-right: 0;
}

/* hide unimportant table fileds on the view order items table */
.rec-body-customer-view-order-items .responsive-unimportant {
    display: none;
}


/* ----- wishlists ----- */
/* treat update blocks as inline blocks to make sure they wrap together */
.customer_each_wishlist_item_update_block { display: inline-block; vertical-align: top; }
/* replace icon */
.customer_each_wishlist_item_remove img { display: none; }
.customer_each_wishlist_item_remove:before {
    font-family: "FontAwesome";
    content: "\f00d"; /* remove/times icon */
}
/* padd under input for when it wraps on smaller screen */
.customer_each_wishlist_item input[name="wish_list_comment"] {
    margin-bottom: 5px;
}
/* mail icon on send to friend */
.rec-body-customer-my-wish-list a[href^="mailto:"] img { display: none; }
.rec-body-customer-my-wish-list a[href^="mailto:"]:before {
    font-family: "FontAwesome";
    content: "\f0e0"; /* mail/envelope icon */
}


@media screen and (min-width: 35.5em) {
    .rec-media-object-bd,
    .rec-customer-order-reorder {
        display: block;
    }
    body .rec-customer-order {
        border-top: 1px solid #CCC;
        border-top-color: rgba(0, 0, 0, 0.2);
    }
    body .rec-customer-order-container {
        margin-bottom: 40px;
    }
    body .rec-customer-order-summary {
        width: auto;
        max-width: 25%;
    }

    /* re-show */
    .rec-body-customer-view-order-items .responsive-unimportant {
        display: table-cell;
    }
}

@media screen and (min-width: 48em) {

    /* show billing/delivery address lists */
    .customer-home-action-links > * {
        display: block;
    }
    .customer-home-action-links-heading {
        cursor: default;
    }
    .customer-home-action-links-heading:before {
        content: "";
    }

    /* remove that bottom border we added for mobile */
    .customer-home-action-links:last-child {
        border-bottom: none;
    }

}

/*
    Store locator
*/

.storelocator-panel {
    border: 1px solid #ccc;
    overflow: auto;
}

.storelocator-panel .store-list {
    margin: 0;
    padding: 0;
}

.storelocator-panel .store-list li,
.storelocator-panel .directions-panel {
    padding: 5px;
}
.storelocator-panel .directions-panel {
    font-size: 0.8em;
}

.storelocator-panel .store-list li.store:hover {
    cursor: pointer;
    background: #eee;
}

.storelocator-panel .store-list li.highlighted,
.storelocator-panel .store-list li.highlighted:hover {
    background: #ccf;
}

.storelocator-panel .directions {
    display: none;
}

.storelocator-panel .location-search {
    padding: 5px;
}

.storelocator-panel .location-search input {
    width: 95%;
}

.storelocator-panel .location-search h4 {
    font-size: 0.8em;
    margin: 0;
  padding: 0;
}

.storelocator-panel .store-list .no-stores {
    color: grey;
}

.storelocator-panel .store .features {
    display: none;
}

.storelocator-panel .feature-filter {
    overflow: hidden;
}

.storelocator-panel .feature-filter label {
    display: block;
    font-size: 0.8em;
    margin: 0 0.4em;
    float: left;
}

.store .title {
    font-weight: bold;
}

.store .address,
.store .phone,
.store .web,
.store .misc {
    font-size: 80%;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    display: block;
}

.store .features {
    overflow: hidden;
    color: grey;
    margin: 0;
    padding: 0;
    font-size: 70%;
    max-width: 250px;
}

.store .features li {
    display: inline;
    float: left;
    padding-right: 0.8em;
}

.store .web a {
    color: green
}

.store .action {
    font-size: 0.8em;
    color: green;
    margin-right: 0.5em;
}


/* list of stores above map iframe by default, then back by the side on larger screens */
body #sl-panel {
    width: auto;
    float: none;
}
body #sl-panel {
    height: auto;
}
@media screen and (min-width: 48em) {
    body #sl-panel {
        width: 33.333%;
        float: left;
    }
    body #sl-panel {
        height: 500px;
    }
}



/*
    Autocomplete
*/

/* override any .togglable state of overflow hidden while the autocomplete is open */
body .search-autocomplete-open,
body .togglable.search-autocomplete-open {
    overflow: visible;
}

.search-autocomplete-container {
    position: relative;
    display: inline-block;
}

.search-autocomplete {
    position: absolute;
    z-index: 999;
    width: 100%;
}
.search-autocomplete ul {
    margin: 0;
    padding: 0;
    background: #FFF;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.search-autocomplete li {
    color: #444;
    display: block;
    padding: 0.5em 1em;
    cursor: pointer;
}
.search-autocomplete li:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

#bc-container {
	clear: both;
}
.bc-each-card-outer {
	padding: 5px;
}
.bc-each-card {
	padding: 10px;
	margin: 5px;
	float: left;
	border: 1px solid #CCCCCC;
	background-color: #FFF;
	cursor: pointer;
	width: 100%;
}
.bc-each-card h3 {
	margin: 0;
}
.bc-each-card p {
	margin-top: 0;
	font-size: small;
}
.bc-each-card img {
	max-height: 65px;
	max-width: 65px;
}
.bc-blockquote {
	margin: 0;
	font-style: italic;
}

/* High priority cards
--------------------------------------*/
.bc-high-priority {
	background-color: #FFFF99;
	color: #FF6600;
}
.bc-high-priority h3 {
	color: #FF6600;
}


/* Modal */
.bc-m-left {
	padding-right: 1em;
}
.bc-m-name {
	margin: 0;
	word-break: break-word;
}
.bc-m-cats {
	margin-top: 0;
	font-size: small;
}
.bc-m-tag {
	font-style: italic;
}
.bc-m-addr-line-1,
.bc-m-addr-line-2,
.bc-m-addr-town,
.bc-m-addr-county,
.bc-m-addr-country,
.bc-m-addr-postcode {
	display: block;
	width: 100%;
}
.bc-m-map-link {

}
.bc-m-map {
	width: 100%;
}
.bc-m-logo {
	max-height: 65px;
	max-width: 65px;
}
.bc-m-link-container {
	margin: 0;
}
.bc-m-link {
	display: block;
	width: 100%;
}
/* Animation for password input flash on invalid password */
@-webkit-keyframes passwordInvalidFlash {
    0% {
        outline: 1px solid #F44326; /* Material Red 500 */
    }
    100% {
        outline: inherit;
    }
}

input[type="password"].has-strength-meter {
    margin-bottom: 0px;
}
input[type="password"].has-strength-meter.flash-invalid {
    -webkit-animation-name: passwordInvalidFlash;
    -webkit-animation-duration: 300ms;
    -webkit-animation-iteration-count: 3;
    -webkit-animation-timing-function: ease;
    /* Moz Animation rules can use webkit keyframes :) */
    -moz-animation-name: passwordInvalidFlash;
    -moz-animation-duration: 300ms;
    -moz-animation-iteration-count: 3;
    -moz-animation-timing-function: ease;
}

div.password-strength-meter {
    height: 0;
    width: 0;
    font-size: 11px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/* Target different stages of password strength by looking at the score data attribute */
div.password-strength-meter[data-score="weak"],
div.password-strength-meter[data-score="fair"],
div.password-strength-meter[data-score="good"],
div.password-strength-meter[data-score="strong"] {
    color: #FFFFFF;
}
div.password-strength-meter[data-score="weak"] {
    background: #F44326; /* Material Red 500 */
}
div.password-strength-meter[data-score="fair"] {
    background: #FF9800; /* Material Orange 500 */
}
div.password-strength-meter[data-score="good"] {
    background: #2196F3; /* Material Blue 500 */
}
div.password-strength-meter[data-score="strong"] {
    background: #4CAF50; /* Material Green 500 */
}

p.password-strength-text {
    margin-top: 0;
    font-style: italic;
    font-size: 0.8em;
    padding: 0;
    display: inline-block;
}
.tree-list {
    background: url("/images/tree/vline.png") repeat-y;
    margin: 10px;
    padding-left: 0;
}
#content ul.tree-list, #content ul.tree-list ul {
    padding: 0;
    display: block;
    zoom: 1;
}
.tree-list ul { margin: 0 0 0 10px; }
.tree-list a, .tree-list strong { *margin-left: -10px; }
.tree-list li {
    list-style: none;
    margin: 0;
    padding: 0 0 0 12px;
    line-height: 20px;
    background: url("/images/tree/node.png") no-repeat, url("/images/tree/vline.png") repeat-y;
    font-weight: bold;
}
.tree-list .tree-last-child,
.tree-list li:last-child,
.tree-list li li:last-child { background-image: url("/images/tree/lastnode.png"); background-repeat: no-repeat; }
.tree-list li li { font-weight: normal; }
.products-price-list-app { }
.products-price-list-app a,
.products-price-list-app a:hover { text-decoration: none; }

.products-price-list-app .tree-list {
    clear: right;
}
.products-price-list-app ul.tree-list,
.products-price-list-app ul.tree-list ul {
    padding: 0;
}

.each-pl-product-code,
.each-pl-product-name,
.each-pl-product-price {
    width: auto;
    display: inline-block;
    padding: 0 2px;
    vertical-align: top;
}
.each-pl-product-price {
    display: block;
}
.each-pl-product-price-each {
    padding: 0 2px;
}
.pl-vat-header,
.pl-price-title {
    display: none;
}
.each-pl-product-price small {
    padding-right: 4px;
}
.pl-download-btn {
    float: right;
    margin-bottom: 1em;
}

@media screen and (min-width: 35.5em) {
    .each-pl-product-price br {
        display: none;
    }
}

@media screen and (min-width: 48em) {
    .each-pl-product-code {
        width: calc(20% - 4px);
    }
    .each-pl-product-name {
        max-width: 50%;
    }
    .each-pl-product-price {
        display: inline-block;
        float: right;
    }
    .each-pl-product-price small,
    .each-pl-product-price strong {
        display: none;
        padding: 0;
    }
    .pl-price-title {
        display: inline-block;
        float: right;
        clear: right;
        margin-right: 10px;
    }
    .pl-price-title span {
        display: inline-block;
        min-width: 10em;
        text-align: center;
        font-weight: bold;
        padding-bottom: 0.5em;
    }
    .pl-vat-header {
        display: inline-block;
        float: right;
        clear: right;
        margin-right: 10px;
    }
    .pl-vat-header span,
    .each-pl-product-price-each {
        padding: 0 4px;
        display: inline-block;
        min-width: 5em;
        text-align: center;
    }
    .each-pl-product-price-each.pl-price-doublewide {
        min-width: 10em;
    }
}

#ea-header {
    padding: 10px 15px;
    white-space: nowrap;
    background: #F9F9F9;
    border: 1px solid #DDD;
}
#ea-header .ea-header-left {
    display: inline-block;
    width: 70%;
}
#ea-header .ea-header-right {
    display: inline-block;
    width: 30%;
    text-align: right;
}
#ea-header .ea-header-title {
    margin: 0;
}

#expert-answers-show-ask-question {
    opacity: 1;
    transition: all 0.4s;
}
#expert-answers-show-ask-question.ea-hidden {
    opacity: 0;
    pointer-events: none;
}
#expert-answers-ask-question-form {
    display: none;
    padding: 10px;
    display: none;
    border: 1px solid #DDD;
    border-top: 0;
}
#expert-answers-ask-question-form-content {
    width: 100%;
    min-height: 100px;
    padding: 0.7em;
}
.ea-form-input-container-left {
    padding: 10px 10px 10px 0;
}
.ea-form-input-container-center {
    padding: 10px;
}
.ea-form-input-container-right {
    padding: 10px 0 10px 10px;
}
#expert-answers-ask-question-form-name,
#expert-answers-ask-question-form-email,
#expert-answers-ask-question-form-phone {
    width: 100%;
    padding: 0.7em;
}
#expert-answers-ask-question-form-submit {
    margin-right: 10px;
}

.ea-answer-container {
    border: 1px solid #DDD;
    border-top: 0;
    padding: 0 15px;
}
.ea-each-answer {
    padding: 10px 0;
    border-bottom: 1px solid #DDD;
}
.ea-each-answer:last-child {
    border-bottom: 0;
}
.ea-each-answer-time {
    text-align: right;
    color: #AAA;
    font-style: italic;
    margin: 0;
}
.ea-each-answer-question,
.ea-each-answer-response {
    margin: 0;
    padding: 10px 0 10px 30px;
    position: relative;
}
.ea-each-answer-question:before,
.ea-each-answer-response:before {
    font-size: 1.5em;
    font-weight: bold;
    color: #327596;
    position: absolute;
    padding: 5px 0; /* Offset the 10px padding top & bottom */
    left: 0;
    top: 0;
    bottom: 0;
}
.ea-each-answer-question:before {
    content: "Q";
}
.ea-each-answer-response:before {
    content: "A";
    opacity: .5;
}

@keyframes ea_input_invalid {
    from, to {
        outline-color: transparent;
    }
    50% {
        outline-color: red;
    }
}
.ea-invalid-input {
    outline: 2px solid red;
    -webkit-animation: ea_input_invalid .6s step-end 3;
    animation: ea_input_invalid .6s step-end 3;
}
/*
    Content Blocks
*/

/* --- Feature blocks --- */
/*
    Pre-defined grid areas for easy re-ordering
    e.g.
    .some-class .cb-feature {
        display: grid;
        grid-template-areas:
            "title"
            "image"
            "text"
            "link";
    }
*/
.cb-feature__image {
    grid-area: image;
}
.cb-feature__title {
    grid-area: title;
}
.cb-feature__text {
    grid-area: text;
}
.cb-feature__link {
    grid-area: link;
}
/* link_text used for when link text set but no link url given */
.cb-feature__link_text {
    grid-area: link_text;
}

.cb-section__image,
.cb-section__video {
    grid-area: media;
}
.cb-section__content {
    grid-area: content;
}
.quickshop-header,
.quickshop-footer {
    background: #F9F9F9;
    border: 1px solid #DDD;
}
.quickshop-header span,
.quickshop-each div.quickshop-each-content {
    display: block;
    margin: 0;
    padding: 10px;
}
.quickshop-header {
    display: none;
}
.quickshop-each-container {
    border: 1px solid #DDD;
    border-bottom: 0;
}
.quickshop-each input[type="text"] {
    width: 100%;
}
.quickshop-each input[type="checkbox"] {
    margin-right: .5em;
}

.quickshop-product-desc img {
    max-height: 50px;
    max-width: 50px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}
.quickshop-product-desc p {
    margin: 0;
    display: inline-block;
    width: calc(100% - 70px);
    vertical-align: middle;
}
.quickshop-product-option,
.quickshop-product-qty {
    white-space: nowrap;
}
.quickshop-product-option label,
.quickshop-product-qty label {
    width: 20%;
    display: inline-block;
}
.quickshop-product-option select,
.quickshop-product-qty input {
    width: 80%;
    margin-bottom: 5px;
    display: inline-block;
}

.quickshop-product-addon label {
    display: block;
    padding: .5em 0;
}
.quickshop-product-addon__options {
    margin-left: 1.5em;
}
.quickshop-product-addon__options select {
    margin-right: .5em;
    font-size: 70%;
}

.quickshop-footer {
    padding: 10px;
}
#quickshop-add-new,
#quickshop-remove-all,
#quickshop-add-to-cart {
    display: block;
    margin: 10px auto;
    float: none;
    text-align: center;
}
/*#quickshop-add-to-cart {
    float: right;
}*/
#quickshop-remove-all {
    background-color: #E65457;
    border-color: #E33E41;
}
#quickshop-remove-all:hover {
    background-color: #E33E41;
    border-color: #E0282B;
}

.quickshop-each-error,
.quickshop-overall-error {
    display: none;
    background-color: #f2dede;
    color: #a94442;
    padding: 15px;
}

.quickshop-csv-upload-container {
    margin-top: 20px;
}
.quickshop-csv-help {
    cursor: pointer;
    display: inline-block;

}
#quickshop-add-csv {
    display: inline-block;
}

@media screen and (min-width: 35.5em) {
    #quickshop-add-new,
    #quickshop-remove-all,
    #quickshop-add-to-cart {
        display: inline-block;
        margin: 0px;
    }
    #quickshop-add-to-cart {
        float: right;
    }
    .quickshop-csv-help {
        cursor: pointer;
        width: auto;
        margin: 0;
    }
    #quickshop-add-csv {
        width: auto;
        margin: 0;
    }
    .quickshop-csv-upload-container {
        margin-top: 10px;
    }
}

@media screen and (min-width: 48em) {
    .quickshop-header {
        display: block;
    }
    .quickshop-each-container {
        border-top: 0;
    }
    .quickshop-each input[type="text"] {
        width: calc(33% - 10px);
    }
    #quickshop-remove-all {
        margin-right: 20px;
    }
    .quickshop-csv-upload-container {
        display: inline-block;
    }
}

.rec-update-banner {
    text-align: center;
    padding: 1em;
    width: 100%;
    display: block;
}
.rec-update-banner__link {
    text-decoration: underline;
    display: inline-block;
}

/* Slider */
.rec-grslider .owl-item {
    padding: 10px;
}
.rec-grslider.rec-grslider--same-height .owl-stage {
    display: flex;
}
.rec-grslider.rec-grslider--same-height .owl-item {
    display: flex;
    flex: 1 0 auto;
}
.rec-grslider--review {
    height: 100%;
    width: 100%;
    border: 1px solid #F1F1F1;
    padding: 15px;
    border-radius: 5px;
    background-color: #FFF;
    box-sizing: border-box;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
    box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
}
.rec-grslider--reviewer__image,
.rec-grslider--reviewer__content {
    display: inline-block;
}
.rec-grslider--reviewer__image {
    width: 70px;
    vertical-align: top;
}
.rec-grslider--reviewer__content {
    padding-left: 10px;
}
.rec-grslider--reviewer__content span {
    display: block;
}
.rec-grslider--reviewer__name {
    font-size: 1.1em;
    font-weight: bold;
}
.rec-grslider--reviewer__date {
    font-style: italic;
}

/* List */
.rec-grlist--review {
    border: 1px solid #F1F1F1;
    padding: 15px;
    border-radius: 5px;
    background-color: #FFF;
    box-sizing: border-box;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
    box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
    margin: 10px 0;
}
.rec-grlist--reviewer__image,
.rec-grlist--reviewer__content {
    display: inline-block;
}
.rec-grlist--reviewer__image {
    width: 70px;
    vertical-align: top;
}
.rec-grlist--reviewer__content {
    padding-left: 10px;
}
.rec-grlist--reviewer__content span {
    display: block;
}
.rec-grlist--reviewer__name {
    font-size: 1.1em;
    font-weight: bold;
}
.rec-grlist--reviewer__date {
    font-style: italic;
}




body {
    background-color: #FFFFFF;
}

/* Header stuff */
#header {
    background-color: #314b27;
}
/* split out for links (else ie7 wouldnt inherit it) */
#header,
#header a {
    color: #FFFFFF;
}
#header .nav ul,
#header .search {
    background-color: #20311a;
    color: #FFFFFF;
}
@media screen and (min-width: 48em) {
    #header .search {
        background-color: transparent;
    }
    #header ul.nav-secondary {
        background-color: transparent;
    }

    /* header height */
    #header .layout-container-inner {
        height: 130px;
    }
}

/* Middle */
#middle {
    color: #0d0c0c;
    background-color: #FFFFFF;
}
h1, h2, h3, h4, h5, h6 {
    color: #633131;
}

/* Footer */
#footer {
    background-color: #444;
}
#footer,
#footer a,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
    color: #FFF;
}


/* Buttons */
.generated_button,
.pagination a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    background-color: #20311a;
    color: #FFFFFF;
    border-color: #1d2c17;
}

.generated_button:hover,
.pagination a:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
    background-color: #1d2c17;
    border-color: #1a2715;
}

.generated_button:active,
.pagination a:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
    background-color: #1a2715;
    border-color: #162212;
}

/* social links -> compare, wishlist, send-to-friend */
.social-share-links-send-to-friend { background-color:  #374631; }
.social-share-links-wishlist { background-color:  #4d5a48; }
.social-share-links-comparelist { background-color:  #636f5f; }



/* Modal window */
.modal-window-header {
    background-color: #314b27;
    color: #FFFFFF;
}




/* Mobile Ticket in Header - 16/03/21 */
.mobile-header-tickets {
    display: none !important;
}

.mobile-header-hide {
    display: inline-block;
}

@media screen and (max-width: 370px) {
    #header .pure-u-1-4 {
        width: 100%;
        float: left;
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 560px) {
    .header-logo {
        margin: 7px 0 !important;
    }
    
    .mobile-header-hide.join-mail {
        display: block;
        text-align: center;
    }
    
    .mobile-header-tickets {
        display: block !important;
    }
}

@media screen and (max-width: 610px) and (min-width: 560px) {
    #header .pure-u-1-4 {
        width: fit-content !important;
    }
    
    .logo2 {
        display: none !important;
    }
    
    #header .pure-u-3-4 {
        width: 84% !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 560px) {
    .header-left {
        position: static !important;
        right: unset !important;
        float: left !important;
    }
    
    .header-right {
        display: block !important;
        top: unset !important;
        position: static !important;
        float: right;
    }
}







/*
    Style changes for the survey form
*/

/* each radio option container */
#rec-form-12 .rec-form-radio-option {
    display: block;
    padding-top: 10px;
}

/* each radio option checkbox input */
#rec-form-12 .rec-form-radio-option input {
    float: left;
}

/* each radio option text */
#rec-form-12 .rec-form-radio-option span {
    overflow: hidden;
    display: block;
    padding-left: 10px;
}


#rec-form-12  {
    font-size:medium;
}

#rec-form-12 option {
    font-size:medium;
}

#rec-form-12 h2 {
    color:white;
    font-size:small;
}

#rec-form-12 .rec-form-button {
font-size:medium;  
font-weight:bold;
border-radius:5px;
}

#rec-form-6 .rec-form-button {
font-size:medium;  
font-weight:bold;
border-radius:5px;
}


}

/* Near the bottom are the timetable colour classes and the available timetable years. Timetable classes also need to be changed in the calendar twig HTML file line 216*/
body {
  color: #0d0c0c;
  font-family: "Lato", sans-serif;
}

#body_home .rec-user-content {
  position: relative;
}

.pure-g [class*="pure-u"] {
  font-family: "Lato", sans-serif;
}
[class*="blue-"] > .table-box, [class*="green-"] > .table-box,  [class*="red-"] > .table-box, [class*="blue-"] > .table-box p, [class*="green-"] > .table-box p,  [class*="red-"] > .table-box p {
    padding:0;
    margin:0;
    font-size:0.55em;
}

/* h1 and mobile h1 tags */
h1 {
  color: #633131;
  font-size: 35px;
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 3px;
  font-weight: 900;
  margin: 10px 0px;
}
@media screen and (max-width: 48em) {
  h1 {
    font-size: 2em;
  }
}
/* fix */
#sidebar_app_id_35 h3 {
text-transform: uppercase;
}
/* h1 and mobile h1 tags */

/* h2,h2,h4,h5,h6 tags */
h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif;
  /*text-transform: uppercase;*/
  font-weight: 700;
}

h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #633131;
  text-decoration: underline;
}
h2, h3, h4, h5, h6 {
text-align: left;
}
/* h2,h2,h4,h5,h6 tags */

/* newsfeed */
.app-multi-news-feed h3 {
    font-size: 32px;
    letter-spacing: 3px;
    padding-top: 0px;
    text-align: left;
    font-weight: 900;
}
/* newsfeed */

p {
    margin: 0.25em 0;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.25px;
    text-align: left;
}

a {
  color: #20311a;
  font-family: "Lato", sans-serif;
  text-decoration:none;
  font-weight:bold;
}

time {
  color: #633131;
  font-family: "Lato", sans-serif;
}

nav {
  font-family: "Lato", sans-serif !important;
}

iframe {
  width: 100%;
}

.rec-user-content ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
  text-align: left;
}

#main {
  min-height: 400px;
  padding: 60px 0px 100px 0px;
}

#middle {
  padding-bottom: 10px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  float: left;
}

/* div positioning CSS */
.row { margin: 0 auto;}
.pull-left {margin: 0px 20px 20px 0px;}
.pull-right {margin: 0px 0px 20px 20px;}
.block {display: block;}
.right {float: right;}
.left {float: left;}
.expand {text-align: left;padding: 0 5px;color: #20311a;font-weight: 900;}
.overflow-h {overflow: hidden;}
.gallery-image-polaroids .pure-u-md-1-3 .gallery-image {height: 240px;overflow: hidden;}
.gallery-image-polaroids .pure-u-md-1-4 .gallery-image {height: 130px;overflow: hidden;}

@media screen and (min-width: 48em) {
  .top-margin {margin-top: 6em;}
  .margins {margin: 2em 0;}
}
@media (max-width: 783px) {
 .header-right {left: 0px !important; top: -75px !important;}
}


@media (max-width: 1024px) and (min-width: 768px) {
  #middle {margin-top: 0px !important;}
}

@media screen and (max-width: 35.5em) {
  #middle img {float: none;width: 100%;margin: 0 auto; padding:0px 0px 20px 0px;}
}

@media (min-width: 48em) {
#main {padding: 60px 20px 100px 20px;}
}

@media screen and (min-width: 48em) {
  .rec-user-content > h1 {
    border-bottom: 1px solid rgba(149, 148, 148, 0.3);
    padding-bottom: 0.5em;
  }
  main {
    max-width: none;
    margin: 0 auto !important;
  }
  #body_home .rec-user-content {
    position: relative;
  }
  #sidebar-right {
    padding: 20px 10px;
    border-left: 1px solid rgba(149, 148, 148, 0.3);
    text-align: left;
  }
  p.caption {
   /* width: 1100px !important;*/
   width: 990px !important;
    margin: auto;
    font-size: 2em;
  }
  .callbacks img {
    height: 600px;
  }
}
/* div positioning CSS */

/* hide blog post */
.blog-post-each section {display: none;}
/* hide blog post */

/* home-slider CSS */
.home-slider .container {padding: 20px;margin: 10px;background-color: #611417;border: 2px solid #FFFFFF;position: relative;top: 0;left: 0;bottom: 0;right: 0;}
.home-slider .outer_container {box-shadow: 4px 7px 20px 0px rgba(0,0,0,0.25);background-color: #611417;min-height: 220px;width: 45%;margin: 15px;}
.home-slider h2 {  color: #FFFFFF;  font-size: 23px;  font-weight: 900; text-align: center;}
.home-slider p {color: #FFFFFF;  font-size: 13px;font-weight: 300;}
.home-slider h1 {text-align: center;font-size: 2em;margin: 0;}
.home-slider .slide-content {background-color: #805745;}
.home-slider .container {min-height: 200px;}
.home-slider {background-color: #a7906d;}
@media screen and (max-width: 47.99em) {
.home-slider {height: auto;}
.home-slider .outer_container {width:100%;}
.home-slider p {text-align:center;}
}
/* home-slider CSS */


/* The Preloader in the Slider */
#iCarousel-preloader {
  position: absolute;
  z-index: 1000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: #000 1px solid;
  border-color: rgba(0, 0, 0, 0.6);
  padding: 1px;
  width: 150px;
  height: 3px;
}

#iCarousel-preloader div {
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 3px;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  width: 0px;
}

#icarousel {
  width: 200px;
  height: 200px;
  position: relative;
  margin: 20px auto;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
}

#icarousel div.slide {
  width: 200px;
  height: 200px;
}

a.iCarouselNav {
  display: none;
}

#iCarousel-timer {
  display: none !important;
}
/* The Preloader in the Slider */

/* ============================================================================================================= */
/* =================================================WEBSITE HEADER============================================== */
/* ============================================================================================================= */

/* Header */
#header {background: #20311a;position: relative;min-height: 80px;}
.header-logo img {margin: 0px;}
.headerTop {background-color: #074228;width: 100%;height: 10px;}
.layout-container {margin: 0 auto;max-width: 100%;}
.ticket img {display: inline-block;float:left;}
.header-left {float:left;width:70%;}
.header-right {float:left; width:30%; padding-right:5px;}

/* Rec Form */
.rec-form-header {text-align: left;border-bottom: 1px solid #ccc;padding: 0px 0px 10px 0px;margin: 0px 0px 20px 0px;font-size: 21px;}
/*.rec-form .rec-form-button {width: auto;margin-top: 10px;background-color: #633131;padding: 15px 40px;font-size: 21px;text-transform: uppercase;}*/
.rec-form .rec-form-button {
border: 2px solid #20311a;
padding: 10px;
color: #fff !important;
background: #20311a;
transition: 1s all;
text-decoration: none !important;
width: 20%;
}

.rec-form .rec-form-button:hover {
background: #633131;
border: 2px solid #512929;
}

.rec-form-field-row {letter-spacing: -0.31em;word-spacing: -0.43em;margin: 0px 0 20px 0;list-style-type: none;}
.rec-user-content ul {display: block;list-style-type: disc;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 10px;text-align: left;}
/* Rec Form */


@media screen and (max-width: 34.99em) {
.header-left {float: right;width: 100%;right: 0;position: relative;margin: 0px;padding: 10px 0px 0px 0px;border-top: 3px solid;height:103px}
.header-right {float: right;width: auto;left: 0px;top: -59px;padding: 0px;position: relative;display:none;}
.header-logo {margin-left: 0; height:70px;}
.header-search {width:100%;float:left;background: #074228;}
.header-search ul {text-align: center!important;}
.header-search form {margin:0 auto;text-align: center;}
#header .pure-u-1-4 {width: 100%;float:left;}
#header  .pure-u-3-4 {width: 100%;float:left;}
.awards .pure-u-1-4 {width: 24%;float:left;}
.top-social {top: 0em!important;}
.pull-right-md {float: right;}/*search box*/
.header-search form {margin-top: 5px!important;padding: 0;width: 90%;}
.header-search button {text-indent: inherit;}
.header-search form button {width: 35px;}
.header-search button:before {margin-right: -100px!important;}
#header .layout-container-inner {height:180px!important;}
#header .nav ul, #header .search {background: #074228}
.nav-menu-inner {height:auto;}
.jetmenu>li.showhide {background: #000;}
.caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: rgba(51, 51, 51, 0.8);left: 0; right: 0; padding: 10px 20px;  margin: 0;max-width: 100%; bottom: 0px;}
.caption a {color:#FFFFFF; text-decoration: none !important;}
.caption a:hover {text-decoration: underline;}
.event-box {width:100%;}
.calendernew-button-inner {width: 99.2%; margin: 0px auto; border: 1px solid #FFFFFF;height: 60px;}
.home-slider .container {height:260px;padding: 10px 0px;}
.home-slider h2 {font-size:20px;}

}
@media screen and (max-width: 767px) {
    .header-right {display: none;}
}


@media screen and (min-width: 35em) {
.header-left {float: right;width: auto;right: 154px;position: relative;}
.header-right {float: right;width: auto;left: 320px;top: 0px; padding:0px; position: relative;}
.pure-u-1-4 {width: 20%;}
.pure-u-3-4 {width: 78%;}
.top-social {top: 0em!important;}
.jetmenu {margin-left: 0px;}
.pull-right-md {float: right;}/*search box*/
.header-search form {margin-top: 5px!important;padding: 0;width: 228px;}
.caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: rgba(51, 51, 51, 0.8);left: 0; right: 0; padding: 10px 20px;  margin: 0;max-width: 100%; bottom: 0px;}
.caption a {color:#FFFFFF; text-decoration: none !important;}
.caption a:hover {text-decoration: underline;}
.event-box {width:100%;}
.calendarnew-container {margin: -400px 0px 0px 0px;}
.calendernew-button-inner {width: 99.2%; margin: 0px auto; border: 1px solid #FFFFFF;height: 60px;}
.home-slider .container {height:260px;padding: 10px 0px;}
.home-slider h2 {font-size:20px;}
}

@media screen and (min-width: 48em) {
.header-left {float: right;width: auto;right: 154px;position: relative;}
.header-right {float: right;width: auto;left: 320px;top: 0px; padding:0px; position: relative;}
.pure-u-lg-2-5 {width: 60%;}
.pure-u-lg-3-5 {width: 40%;}
.jetmenu {margin-left: 0px;}
.nav-menu-outer .jetmenu > li > a {height: 30px !important;padding: 7px 10px !important;}
.caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: rgba(51, 51, 51, 0.8);left: 0; right: 0; padding: 10px 20px;  margin: 0;max-width: 100%; bottom: 0px;}
.caption a {color:#FFFFFF; text-decoration: none !important;}
.caption a:hover {text-decoration: underline;}
.event-box {width:100%;}
.calendernew-button-inner {width: 99.2%; margin: 0 auto;position: relative;background: #000000;border: 1px solid #FFFFFF;margin: 0px 4px 4px 4px; text-align: center;height: 60px;}
.home-slider .container {height:220px;padding: 20px;}
.home-slider h2 {font-size:23px;}
}

@media screen and (min-width: 69em) {
.header-left {float: right;width: auto;right: 154px;position: relative;}
.header-right {float: right;width: auto;left: 320px;top: 0px; padding:0px; position: relative;}
.pure-u-lg-2-5 {width: 40%;}
.pure-u-lg-3-5 {width: 60%;}
.jetmenu {margin-left: 10px;}
.jetmenu ul.dropdown {margin-left: -10px;}
.calendernew-button-inner {margin: 0 auto;position: relative;background: #000000;border: 1px solid #FFFFFF;margin: 0px 4px 4px 4px;width: 342px;text-align: center;height: 60px;}
.caption a {color:#FFFFFF; text-decoration: none !important;}
.caption a:hover {text-decoration: underline;}
.event-box {width:350px;}
}

@media screen and (min-width: 75em) {
.header-left {float: right;width: auto;right: 144px;position: relative;}
.header-right {float: right;width: auto;left: 325px;top: 0px;position: relative;}
.caption {display: block;position: relative;z-index: 2;font-size: 20px;text-shadow: none;  color: #fff;  background: rgba(51, 51, 51, 0.8);left: -25%;/* right: 0; */padding: 10px 20px;margin: 0;max-width: 50%;}
.caption a {color:#FFFFFF; text-decoration: none !important;}
.caption a:hover {text-decoration: underline;}
}

/* Title & slogan */
.header-title {display: block;}
.header-slogan {font-weight: bold;}

/* make sure the logo doesnt wrap/fall under the nav icons to the right
  by using overflow:hidden to generate block formatting context,
  see: http://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/  */
.header-logo {overflow: hidden;_overflow: visible;_zoom: 1;margin-top: 7px;}
.header-logo a {text-decoration: none;color: inherit;}

#header .layout-container-inner {height: 80px;padding: 0px!important;}

/* Enlarge nav icons (and any other large icons in the header for consitancy) */
#header .fa-lg {font-size: 1.666em;}
/* ... and the titles next to them in the nav-icons area */
#header .nav-icon span {font-weight: bold;padding-left: 10px;font-size: larger;}
/* search input size */
#search-q {width: 75%;}
.header-search button {  width: 23%;}
/* hide search button text on small/phone screen */
.header-search button {text-indent: -100px;overflow: hidden;*text-indent: 0;}  /* except in old ie versions */
.header-search button:before {margin-right: -150px;}

/* bring back the search button text on tablet size plus */
@media screen and (min-width: 35.5em) {
.header-logo {margin-top:5px;}
.header-search button {text-indent: inherit;}
.header-search button:before {margin-right: 5px;}
.header-search.search.togglable.pull-right-md {    margin-top: 5px;margin-right: 0px;}
.header-search form {margin-top: 5px!important;padding: 0;width: 228px; }
}
/* bring back the search button text on tablet size plus */

/* bring back the search button text on tablet size plus */
@media screen and (min-width: 48em) {
#header {padding-bottom: 0;}
.header-search form {margin-top: 5px;padding: 0;width: 320px;}/* exact width set for ie8, else the button falls onto a new line (sighs) */
#search-q {width: 170px;}
.header-search button {width: auto;}
#header > .layout-container {position: relative;min-height: 130px;}
/* position the primary nav */
#header .nav {clear: right;position: absolute;bottom: 0;width: 100%;background-color: #20311a;}
#header .nav .nav-primary {max-width: 55em;margin: 0 auto;}
/* sub links should have a shadow */
#header .nav li ul {border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);}
#header .nav li li {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
/* position the secondary nav */
#header ul.nav-secondary {font-size: 90%;margin-top: -5.5em;}/* move it up and just above the main nav */
.header-search.search.togglable.pull-right-md {margin-top: 5px;margin-right: 0px;}
.header-search form {margin-top: 5px!important;padding: 0;width: 228px; }
}
/* bring back the search button text on tablet size plus */

/* Header */

/* Header Search ul */
.header-search ul.top-social li {display: inline-block;list-style: none;margin: 0;padding: 0 1px 0 0;}
.header-search ul.top-social li i {font-size: 22px;width: 32px;line-height: 32px;text-align: center;}
.header-search ul {margin-top: 0;text-align: right;}
.header-search ul a:nth-last-child(1) li {padding-right: 0;}
.header-search form {background: #fff;padding: 0px 0px 0px 5px;border:1px solid #C9BBA7;margin-top:-1px;}
.header-search form input {border: none;background: #fff;box-shadow: none;}
.header-search form button {background: #fff;color: rgba(149, 148, 148, 0.4);border: none;box-shadow: none;height: 30px;width: 35px;float:right;}
.header-search.is-open {max-height: 100px;}
.header-nav-icons pull-right {display:none;}
/* Header Search ul */

/* Header Social */
ul.top-social a {height:32px;text-decoration: none;}
.fa-google-plus {background-color: #074228;transition: all 0.5s;} /* original colour: #d0422a*/
.fa-google-plus:hover {background-color: #9E3220;color: #ffffff;}
.fa-twitter {background-color: #074228;transition: all 0.5s;} /* original colour: #50abf1*/
.fa-twitter:hover {background-color: #3E82B7;color: #ffffff;}
.fa-linkedin {background-color: #074228;transition: all 0.5s;} /* original colour: #50abf1*/
.fa-linkedin:hover {background-color: #3E82B7;color: #ffffff;}
.fa-facebook {background: #074228;transition: all 0.5s;} /* original colour: #3b5998*/
.fa-facebook:hover {background-color: #273B65;color: #ffffff;}
.fa-instagram {background-color: #074228;transition: all 0.5s;} /* original colour: #50abf1*/
.fa-instagram:hover {background-color: #3E82B7;color: #ffffff;}

.logo1 {padding:0px 0px 0px 10px;float: left;}
.logo2 {display:block;float: left;}
.logo3 {display:block;float: left;}

@media screen and (max-width: 34.999em) {
.top-social {position: relative;top: -6.2em;}
.logo2 {display:block!important;}
.logo3 {display:none!important;}
.calendarnew-container {margin: -7px auto 0 auto!important; position:relative; z-index: 1;float: left;left: 0; width:100%;}
.top-social {position: relative;top: -6.2em;}
.jetmenu a {width: 100%;background: #C9BBA7;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.nav-menu-outer .jetmenu>li>a {display: inline-block;text-align: center;color: #000000!important;font-weight: 400;padding: 30px 0px!important;line-height:3px;}
.nav-menu-outer .jetmenu>li>a:hover {color: #FFFFFF!important;}
.jetmenu>li.showhide {background:#000000;}
.jetmenu {background:#000000; height:40px;}
}

@media screen and (min-width: 35em) {
.top-social {position: relative;top: -6.2em;}
.logo2 {display:block;float: left;}
.logo3 {display:none;}
.calendarnew-container { margin: -7px auto 0 auto; position: relative; z-index: 1; float: left; left: 0!important; /* width: 100%; */}
.jetmenu a {width: 100%;background: #C9BBA7;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.jetmenu ul.dropdown li a {background:transparent;}
.nav-menu-outer .jetmenu>li>a {display: inline-block;text-align: center;color: #000000!important;font-weight: 400;padding: 30px 0px!important;line-height:3px;}
.nav-menu-outer .jetmenu>li>a:hover {color: #FFFFFF!important;}
.jetmenu>li.showhide {background:#000000;}
.jetmenu {background:#000000; height:40px;}
}

@media screen and (min-width: 821px) {
.logo1 {padding:0px 0px 0px 10px}
.logo2 {display:block;float: left;}
.logo3 {display:none;}
/*.jetmenu a {background: #074228;} */
.jetmenu ul.dropdown li a {background:transparent;}
.nav-menu-outer .jetmenu>li>a {color: #FFFFFF!important;padding: 7px 10px !important;line-height: 15px;}
.calendarnew-container {    margin: -7px auto 0 auto;position: relative;z-index: 1;float: left;/* left: 0!important; */ width: 100%;}
.jetmenu>li.showhide {background:#000000;}
.jetmenu {background:#000000; height:40px;}
}
@media screen and (min-width: 1024px) {
.calendarnew-container {margin:-407px 0px 0px 59%;width:300px;position:relative;z-index:3;float:left;}
}
@media screen and (min-width: 69em) {
.logo1 {padding:0px 0px 0px 10px;float: left;}
.jetmenu a {background: #074228;}
.jetmenu ul.dropdown li a {background:transparent;}
.logo2 {display:block;float: left;}
.logo3 {display: block;}
.calendarnew-container {width:150px;/* right: 59%!important; */}
}

@media screen and (min-width: 260px) {
.jetmenu ul.dropdown li a {background:transparent;}
}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.calendarnew-container {margin: 0px auto; position:relative; z-index: 1;float: left;left: 0; width:100%;}
.jetmenu>li.showhide {background:#000000;}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.calendarnew-container {margin: 0px auto; position:relative; z-index: 1;float: left;left: 0; width:100%;}
.jetmenu>li.showhide {background:#000000;}
}

/* Header Social */

/* ============================================================================================================= */
/* =================================================WEBSITE HEADER============================================== */
/* ============================================================================================================= */

/* ============================================================================================================= */
/* ===============================================WEBSITE NAVIGATION============================================ */
/* ============================================================================================================= */

/* add spacing above open nav and other toggleable areas */
.nav.is-open,
.togglable.is-open {
  margin-top: 0.5em;
}

/* except when its under another togglable section that's also open (e.g. nav under search) */
.togglable.is-open ~ .togglable.is-open,
.togglable.is-open ~ .nav.is-open {
  margin-top: 0;
}



.nav,.nav li,.nav ul,.nav li a {display: block;margin: 0;padding: 0;letter-spacing:0.5px;}
.nav ul {max-height: 0;overflow: hidden;transition: max-height .5s ease-in-out;clear: both;}

/* entire list item content is the link */
.nav li a {
  padding: 6px 16px;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-weight:normal;
}

.nav li:hover {
  /*background-color: #20311a;*/
  background: transparent;
}

/* open/close icon */
.nav-icon {
  cursor: pointer;
  padding: 8px;
  display: block;
  color: inherit;
  text-decoration: none;
  margin: 1em 0.1em;
}

.nav-icon span {
  display: none;
}

/* sub nav indentation */
.nav li ul {
  border-left: 10px solid rgba(0, 0, 0, 0.2);
}

.nav > li:nth-child(1) {
  display: none;
}

/* larger than small screen */
@media screen and (min-width: 35.5em) {
  /* show the text on the nav icon */
  .nav-icon span {
    display: inline;
  }
}

/* medium and up screens get a horizontal nav */
@media screen and (min-width: 48em) {
  /* remove the max-height trick from earlier */
  .nav ul {
    max-height: 1000px;
    overflow: visible;
  }
  /* display each item next to each other */
  .nav li {
    position: relative;
    /* for positioning sub links inside later */
    display: inline-block;
    *display: inline;
  }
  .nav li a {
    *display: inline;
    /* fix ie7 inline blocks of nav links */
    zoom: 1;
    /* ie7 hasLayout fix */
    /* remove border bottom seperators */
    border-bottom: none;
  }
  /* is-open toggle animation only needed on mobile so lets remove its css here */
  .nav.is-open > ul,
  .nav .is-open > ul {
    max-height: auto;
    overflow: visible;
  }
  /* hide the hamburger nav icon */
  .nav-icon,
  .nav-icon span {
    display: none;
  }
  .nav li ul {
    display: none;
    border-left: 0;
    min-width: 16em;
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 0;
  }
  .nav li:hover > ul,
  .nav .is-open > ul {
    display: block;
  }
  .nav li ul li {
    display: block;
  }
  .nav li ul ul {
    top: 0;
    left: 100%;
  }
  /* position the sub menus to the left instead? */
  .nav-subs-left li ul ul {
    left: auto;
    right: 100%;
  }
  .nav-subs-left li ul {
    left: auto;
    right: 0;
  }
  /* stripped of most style nav (so on mobile it fits into the nav, but on full it can have a custom style) */
  ul.nav-stripped,
  .nav-stripped ul,
  .nav-stripped li,
  .nav-stripped li a,
  .nav-stripped li.is-current {
    background-color: transparent;
    color: inherit;
    margin: 0;
    padding: 0;
  }
  /* hide stripped sub navs even on hover */
  .nav-stripped li:hover ul,
  .nav-stripped .is-open ul {
    display: none;
  }
  /* line separators */
  .nav-line-separators a:only-of-type,
  .nav-line-separators a:only-of-type:only-child {
    padding-right: 0;
  }
  .nav-line-separators li a {
    *padding: 0 8px;
  }
  .nav-line-separators li a:before {
    content: "|";
    padding: 0 8px;
  }
  .nav-line-separators li:first-child a:before {
    content: none;
    padding: 0;
  }
  .nav-line-separators li:hover,
  .nav-line-separators .is-open {
    background-color: transparent;
    text-decoration: underline;
  }
  /* ie8 hack, this took far too long to fix,
    the display:inline-block; caused text overlap on longer named nav links.
    margin-right hack ref: https://twitter.com/jlbruno/status/43692667279917056
    \9 hack ref: http://browserhacks.com/#ie
    Defined at the bottom here to override any margin set to zero above, e.g. nav-stripped
    */
  .nav li {
    margin-right: 1px\9;
  }
}

/* ============================================================================================================= */
/* ===============================================WEBSITE NAVIGATION============================================ */
/* ============================================================================================================= */

/* ============================================================================================================= */
/* ==================================================OWL CAROUSEL=============================================== */
/* ============================================================================================================= */

.new-controls {display: none;}
.slide {box-shadow: 4px 7px 20px 0px rgba(0,0,0,0.25);}
.owl-theme .owl-controls {display: none !important;}
.layout-container-inner {max-width:1200px; clear:both;}
.content, aside {margin: 10px 0 40px 0;}


/*[class^="pure-"] > img {
  border: 5px solid #20311a;
  -webkit-box-shadow: 2px 3px 2px 3px rgba(13, 12, 12, 0.3);
  -moz-box-shadow: 2px 3px 2px 3px rgba(13, 12, 12, 0.3);
  box-shadow: 2px 3px 2px 3px rgba(13, 12, 12, 0.3);
}*/


.caption p {
    text-align: left;
    letter-spacing: 3px;
    font-size: 22px;
    line-height: 26px;
}

@media (min-width: 48em) {
    .caption {
       top: 300px;
       /*padding-right:345px !important;*/
    }

    .caption p {
    text-align: left;
    letter-spacing: 3px;
    font-size: 26px;
    line-height: 36px;
}
}

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

#owl-demo {
  margin-top: 1em;
}

@media screen and (min-width: 35.5em) {
  .callbacks img {
    height: 350px;
  }
  .content, aside {
    padding: 5px;
    float:left;
  }
  #sidebar-right {
  padding: 30px 10px;
  text-align: left;

  }
  .blog-item-each-sidebar {
    padding: 10px 0;
    border-bottom: 1px solid rgba(149, 148, 148, 0.3);
  }
  .owl-controls .clickable {
    display: none;
  }
}

@media screen and (min-width: 48em) {
  #owl-demo {
    padding-bottom: 5em;
    border-bottom: 1px solid rgba(149, 148, 148, 0.3);
  }
}
@media screen and (max-width: 35.499em) {
#sidebar-right {padding: 30px 10px;text-align: left;}
.blog-item-each-sidebar {padding: 10px 0;border-bottom: 1px solid rgba(149, 148, 148, 0.3);
}
}

/* ============================================================================================================= */
/* ==================================================OWL CAROUSEL=============================================== */
/* ============================================================================================================= */

/* ============================================================================================================= */
/* ==================================================EVENT SLIDER=============================================== */
/* ============================================================================================================= */

.event-slider {
  margin: 1em auto !important;
  background: #512929;
  color: #fff;
  width: 85%;
  padding: 2% 0%;
  letter-spacing: 1px;
  -webkit-box-shadow: 6px 6px 10px 1px rgba(149, 148, 148, 0.5);
  -moz-box-shadow: 6px 6px 10px 1px rgba(149, 148, 148, 0.5);
  box-shadow: 6px 6px 10px 1px rgba(149, 148, 148, 0.5);
}

.event-slider h2 {
  color: #fff;
  padding-left: 20px;
}

.event-content {
  margin: 10px auto;
  background: #633131;
  padding: 20px 25px 40px 25px;
}

.event-content img {
  width: initial !important;
  margin: auto;
}

.event-content p {
  padding: 1em 0;
}

.event-button {
    background: #FFFFFF!important;
    color: #611417!important;
    text-decoration: none!important;
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
    border: none!important;
    padding: 10px 20px!important;
    float: inherit!important;
    position: absolute;
    left: 180px;
    bottom: 10px;
    right: 180px;
    width:150px;
    /*left: 150px;
    bottom: 10px;
    right: 150px;*/
}

@media screen and (max-width: 64em) {
.event-button {
    position: static;
    left: 50%;
    bottom: 2px;
    right: 50%;
    text-align: center;
    width: 150px;
}
}

@media screen and (max-width: 48em) {
.event-button {
    position: absolute;
    bottom: 10px;
    margin: 0 auto;
    left: 20%;
    right: 20%;
}
}

/* Funny width I know but ah well, it works so oh well!!! */
@media screen and (max-width: 25.875em) {
.event-button {
    font-size: 12px !important;
    top:40px;
}
}

.event-button:hover {
    border: 1px solid #FFFFFF;
    background: transparent;
    color: #633131;
}

/* ============================================================================================================= */
/* ==================================================EVENT SLIDER=============================================== */
/* ============================================================================================================= */

/* ============================================================================================================= */
/* ==================================================NEW CONTROLS=============================================== */
/* ============================================================================================================= */



@media screen and (min-width: 69.8em) {
  .new-controls {
    display: block;
    position: absolute;
    top: calc(180px + 5em);
    font-size: 2em;
  }
  .new-controls .prev {
    padding: 15px;
    background: #314b27;
    color: #fff;
    position: inherit;
    right: -23px;
    line-height: 65px;
    z-index: 1;
  }
  .new-controls .next {
    left: 878px;
    padding: 15px;
    background: #314b27;
    color: #fff;
    position: inherit;
    line-height: 65px;
    z-index: 1;
  }
}

/* ============================================================================================================= */
/* ==================================================NEW CONTROLS=============================================== */
/* ============================================================================================================= */

/* ============================================================================================================= */
/* =====================================================FOOTER================================================== */
/* ============================================================================================================= */


a.footer-plus-bg, a.footer-minus-bg {
  color: #ffffff;
  display: block;
  width: 100%;
  padding: 5px 0;
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
}

a.footer-plus-bg span {
  background-color: #314b27;
  border-radius: 30px;
  display: inline-block;
  font-size: 22px !important;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
  margin-left: 3px;
  width: 22px;
}

a.footer-plus-bg span {
  background-color: #314b27;
  border-radius: 30px;
  display: inline-block;
  font-size: 22px !important;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
  margin-left: 3px;
  width: 22px;
}

.footer-button-outer {
  text-align: center;
  width: 100%;
  background: #20311a;
}

.footer-button-inner {
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.footer-top {
  padding-top: 20px;
  padding-bottom: 20px;
}

footer {
  background: #a7906d;
  color: #fff;
  float: left;
  width: 100%;
  margin: 30px auto 0px;
}

footer a {
  color: #fff;
  font-family: "Lato", sans-serif;
  letter-spacing:0.5px;
}

footer h3 {
  color: #fff;
  letter-spacing:2px;
  text-align: center;
}

.footer-image {
    background-image: url(/views/responsive-site-gwsr-new/images/footer.png);
    height: 17px;
    margin: 0px auto 20px;
    width: 100%;
    background-repeat: repeat-x;
    float: left;
}

.footer-logo {
background-image: url(/views/responsive-site-gwsr-new/images/gwsrlogo.png);
margin: 0 auto;
background-repeat: no-repeat;;
}

.footer-awards {
  background: #fff;
  display: inline;
  margin: 0 auto;
  float: left;
  width: 100%;
  text-align: center;

}
.footer-address a { color: white;}

.footer-address h3 {
  display: inline;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
}

.footer-address address {
  font-style: normal;
  display: inline;
  letter-spacing:0.5px;
}

.footer-address p {
    display: inline;
    letter-spacing: 0.5px;
    font-weight: 300;
    width: 100%;
}

.awards, .footer-social-links, .footer-copyright, .footer-address {
  padding: 15px;
}

.footer-copyright, .green-bg, .footer-tags {
  text-align: center;
  background: #20311a;
}

.footer-tags {
  border-bottom: 1px solid #314b27;
}

.footer-tags .footer-tags-inner {
  border: 1px solid #314b27;
  text-align: left;
  margin: 20px;
  overflow: scroll;
}

.footer-social-links {
  text-align: center;
}

.awards img {
    max-height: 103px;
    margin: 10px auto;
    text-align: center;
}

footer .fa-plus {
  display: none;
}

.layout-container-inner .pure-u-lg-1-5 {
    width: 15%;
}

.layout-container-inner .pure-u-md-1-5 {
    width: 15%;
}

@media screen and (max-width: 35.5em) {
.layout-container-inner .pure-u-sm-1-1 {
    width: 100%;
}
}

@media screen and (min-width: 35.5em) {
  /* now split them into 4, with only the inner borders showing */
  .footer-copyright {
    padding-top: 10px;
  }
  .contact {
    margin-top: 1em;
  }
  .footer-links {
    font-size: 0.9em;
    padding-top: 5px;
  }
  .footer-links .DownArrowNav {
    display: none;
  }
  .footer-links .has-submenu > ul.has-submenu {
    display: none;
  }
  footer .layout-container-inner {
    padding-bottom: 0px;
    margin: 20px auto;

  }
  .awards, .footer-social-links, .footer-address {
    padding: 0px;
  }
}

@media screen and (min-width: 48em) {
  /* Now remove the top borer and just seperate with a border inbetween */
  /* allow for 3 lines of text in the very bottom sections */

  .footer-social-links,
  .footer-copyright {
    min-height: 80px;
  }
  .footer-links .nav li a {
    text-transform: none;
    padding: 5px 10px 0 0;
    margin-bottom: 0.75em;
    letter-spacing: 0.5px;
    font-weight: 300;
  }

  .footer-links .nav li ul li {
    display: none;
}

  .footer .layout-container-inner {
    padding-bottom: 0px;
    margin: 20px auto;
}

  .footer-tags .footer-tags-inner {
    margin: 20px auto;
  }
}

/* ============================================================================================================= */
/* =====================================================FOOTER================================================== */
/* ============================================================================================================= */

/* ============================================================================================================= */
/* =================================================CUSTOM MENU================================================= */
/* ============================================================================================================= */

/*Custom nav barhttp://responsivenavigation.net/examples/multi-toggle/index.html*/
.mobile-menu {display: none;}

/* old background color: #20311a*/
.desktop-menu {display: block;background: #074228;}
.removeRECnavstyle {padding: 0;}
.mainUL > li:nth-child(1) {display: none;}
.menu-link {display: none;}
.menu {float: left;width: 100%;position: relative;-webkit-box-shadow: 6px 6px 10px 1px rgba(13, 12, 12, 0.3);-moz-box-shadow: 6px 6px 10px 1px rgba(13, 12, 12, 0.3);box-shadow: 6px 6px 10px 1px rgba(13, 12, 12, 0.3);}
.shadowBarNav {width: 100%;height: 5px;position: relative;top: 5px;background-color: rgba(13, 12, 12, 0.5);z-index: 10;}
.menu ul {padding: 0px;margin: 0px;list-style: none;z-index: 999;text-align: center;}
.menu > li > ul.sub-menu {min-width: 10em;padding: 4px 0;background-color: #f4f4f4;border: 1px solid #CCC;}
.menu ul li {padding: 0px;transition: all 0.1s ease;display: block;list-style: none;margin: 0;padding: 0;}
.none {display: none;}
.menu > ul > li {display: inline-block;}
.menu ul li a {display: block;text-decoration: none;font-size: 14px;color: #f6ed08;font-weight: 100;letter-spacing: 0.1px;background: #20311a;}
.menu ul li > a {padding: 15px 10px;}
.menu ul li:hover {background-color: #20311a;}
.menu ul ul {display: none;position: absolute;min-width: 160px;}
.menu ul li:hover > ul {display: block;}
.menu ul ul > li {position: relative;}
.menu ul ul > li a {padding: 8px 15px;height: auto;background-color: #20311a;font-size: 11px;}
.menu ul ul > li a:hover {background-color: #314b27;color: #fff;}
.menu ul ul ul {position: absolute;left: 100%;top: 0;}

@media all and (max-width: 1110px) {
.mobile-menu {display: block;}
.desktop-menu {display: none;}
.example-header .container {width: 100%;}
a.menu-link {display: block;color: #f6ed08;float: right;text-decoration: none;padding: 19px 10px;}
.menu {clear: both;min-width: inherit;float: none;k}
.menu, .menu > ul ul {overflow: hidden;max-height: 0;}
.menu > li > ul.sub-menu {padding: 0px;border: none;}
.menu.active, .menu > ul ul.active {max-height: 20em;overflow: auto;}
.menu ul {display: inline;}
.menu > ul {border-top: 1px solid #959494;}
.menu li, .menu > ul > li {display: block;}
.menu li a {color: #000;display: block;padding: 0.8em;border-bottom: 1px solid #314b27;position: relative;}
.menu li {background-color: #633131;}
.menu ul ul > li a {padding: 15px 15px 15px 35px;border-bottom: 1px solid #314b27;}
.menu ul ul, .menu ul ul ul {display: inherit;position: relative;left: auto;top: auto;border: none;}
.menu ul li > a {padding: 15px 16px;}
.menu ul ul ul > li a {padding: 15px 15px 15px 60px;}
.menu ul ul ul ul > li a {padding: 15px 15px 15px 80px;}
.fa-plus {float: right;}
.DownArrowNav {display: none;}
.RightArrowNav {display: none;}
.searchButtonNav {display: block !important;}
}

/*End of media*/
.navBreak {background-color: #FFF;width: 100%;height: 3px;}
/* old navbar color: #20311a */
.navbarFullWidth {background-color: #074228;z-index: 10;width: 100%;position: relative;bottom: -3px;}
.DownArrowNav {font-weight: normal;text-shadow: none;padding-left: 8px;}
.RightArrowNav {float: right;padding-right: 10px;padding-top: 2px;}

a.menu-link {padding: 0;font-size: 24px;padding-top: 12px;padding-bottom: 11px;padding-right: 12px;padding-left: 12px;background-color: #633131;color: #f6ed08 !important;text-decoration: none !important;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
a.menu-link:hover {color: #f6ed08;text-decoration: none;}
.searchButtonNav {padding: 0;font-size: 24px;padding-top: 12px;padding-bottom: 11px;padding-right: 12px;padding-left: 12px;background-color: #633131;color: #f6ed08 !important;text-decoration: none !important;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
.searchButtonNav {display: none;}
#header .removeRECnavstyle {padding-top: 0px !important;height: auto !important;max-height: none !important;min-height: 0 !important;max-width: none;}


/* ============================================================================================================= */
/* =================================================CUSTOM MENU================================================= */
/* ============================================================================================================= */

/* ============================================================================================================= */
/* ================================================FULL WIDTH MENU============================================== */
/* ============================================================================================================= */

#full-width-menu {
  position: relative;
  margin: 0 auto;
  display: block;
  font-size: 14px;
  padding: 5px 0;
  -webkit-box-shadow: 6px 6px 10px 1px rgba(13, 12, 12, 0.3);
  -moz-box-shadow: 6px 6px 10px 1px rgba(13, 12, 12, 0.3);
  box-shadow: 6px 6px 10px 1px rgba(13, 12, 12, 0.3);
}

/* old color: #20311a*/
#full-width-menu ul.full li {
  background: #074228;
  list-style: none;
  display: inline;
    padding: 10px 5px;
    font-size: 12px;
    letter-spacing: 0.1px;
}

#full-width-menu ul.full li > a {
  font-family: "Lato", sans-serif;
  text-decoration: none;
  font-weight:300;
}

/* old color: #20311a*/
#full-width-menu > ul {
  background: #074228;
  padding: 5px 0;
 /* width: 1100px;*/
 width:1200px;
  margin: 0 auto;
}

#full-width-menu > ul .full li:hover > .sub_pages {display: block;}

.sub-pages {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width:1200px;
  height: 400px;
  font-size: 14px;
  padding: 20px 30px;
  background: #fcfde5;
  background: #fcfde5 url("/userfiles/images/menu-vector-offbeige.png") no-repeat bottom;
  border: 4px solid #633131;
  display: none;
  -webkit-box-shadow: 6px 6px 10px 1px rgba(13, 12, 12, 0.8);
  -moz-box-shadow: 6px 6px 10px 1px rgba(13, 12, 12, 0.8);
  box-shadow: 6px 6px 10px 1px rgba(13, 12, 12, 0.8);
  -webkit-box-shadow: inset 3px 3px 3px 1px rgba(13, 12, 12, 0.15);
  -moz-box-shadow: inset 3px 3px 3px 1px rgba(13, 12, 12, 0.15);
  box-shadow: inset 3px 3px 3px 1px rgba(13, 12, 12, 0.15);
  border-top: 0;
}
.sub-pages ul>li>a {
    text-transform:none!important;
    font-weight:normal;
}

.sub-pages .pure-g:nth-child(2) {margin-top: 2em;}

/* ============================================================================================================= */
/* ================================================FULL WIDTH MENU============================================== */
/* ============================================================================================================= */

#full-width-menu ul.full li:hover > .sub-pages {
  display: block;
  z-index: 66;
  text-align: left;
}

#full-width-menu ul.full li:hover > .sub-pages ul li {
  display: list-item;
  background: #fcfde5;
  padding: 4px 5px 0 0;
}

#full-width-menu ul.full li:hover > .sub-pages ul li h2 {
  color: #633131;
  font-size: 1em;
  text-transform: none;
}

#full-width-menu ul.full li:hover > .sub-pages ul li a {
  color: #20311a;
}


/* ============================================================================================================= */
/* ================================================FULL WIDTH MENU============================================== */
/* ============================================================================================================= */


.table-box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  text-align: center;
  padding: 1em 0;
}

.column-1 {
  flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  display: inline-block;
  float: left;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.column-1 img {
  display: inline-block;
}

.column-1 ul {
  list-style: none;
  text-align: left;
}

.column-2 {
  flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  display: inline-block;
  float: left;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
}

.column-all {
  background: #633131;
  padding: 5px;
  text-align: center;
  color: #fcfde5;
  font-family: "Lato", sans-serif;
}

.button {
  border: 2px solid #20311a;
  border-radius: 5px;	
  padding: 10px;
  color: #fff !important;
  background: #20311a;
  transition: 1s all;
  text-decoration: none !important;
}

.button:hover {
  background: #633131;
  border: 2px solid #512929;
}

.generated_button {
border: 2px solid #20311a;
border-radius: 5px;	
padding: 10px;
color: #fff !important;
background: #20311a;
transition: 1s all;
text-decoration: none !important;
}

.generated_button:hover {
background: #633131;
border: 2px solid #512929;
}

.table-wrapper {
  border: 1px solid #512929;
}

.table-wrapper .column-1:nth-child(1), .table-wrapper .column-1:nth-child(2), .table-wrapper .column-1:nth-child(3) {
  padding-top: 10px;
}

.table-wrapper .table-box:nth-child(odd) {
  background: #fff;
}

.table-wrapper .table-box:nth-child(even) {
  background: #fcf89b;
}

.table-wrapper .table-box:nth-child(5) .column-1:nth-child(2) {
  padding-top: 60px;
}

.box .table-box {
  text-align: left;
  border-bottom: 1px solid #959494;
}

@media screen and (min-width: 1050px) {
  .calendar {
    position: absolute;
    z-index: 5;
    left: 59%;
    top: 135px;
  }
}

@media screen and (max-width: 1050px) {
  .calendar {
    /*  position: absolute;
    z-index: 5;
    */
    position: relative;
  }
  .calendar .event-box {
    width: 95%;
    margin: 1% auto;
  }
  .calendar .event-box .date {
    width: 90%;
  }
  .calendar .event-box .date h4 {
    width: 95%;
    padding: 5px 0;
  }
  .calendar .event-box .date form {
    width: 80%;
  }
  .calendar .event-box .date form select, .calendar .event-box .date form option {
    width: 100%;
  }
  .calendar .event-box .date form input {
    width: 100%;
  }
}

.title {
 /* background: #633131;*/
  font-family: "Lato", sans-serif;
  color: #FFFFFF;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 7px 0 0 0;
  width: 100%;
  z-index: 2;
  /*padding: 10px 0;*/
  text-align: center;
}

.title h2 {
  margin-bottom: 0;
  margin-top: 6px;
  color: #fff;
  font-size: 21px;
  text-align:center;
}

.title h3 {
  margin-bottom: 0;
  margin-top: 0px;
  color: #fff;
  font-size: 16px;
  text-align:center;
}

#dates {
    background-color: #FFF;
    min-height: 266px;
    font-size: 12px;
}

#super-calendar a {font-size: 16px;}

.route-time {
  margin-left: 35px;
}

.event-box {
  /*background: #a7906d;*/
  padding-bottom: 5px;
  text-transform: uppercase;
  position: relative;
}

.event-box .date {
  width: 330px;
  margin: 0 auto;
  background: #fcfde5;
  height: 300px;
  position: relative;
  padding-top: 10px;
  border: 1px dashed #633131;
  border-top: 0;
}

.event-box .date form {
  width: 235px;
  margin: 0px auto;
  position: relative;
}

.event-box .date form select, .event-box .date form option {
  width: 235px;
  margin: 10px auto;
}

.event-box .date form input {
  width: 230px;
}

.event-box .date h4 {
  width: 235px;
  margin: 10px auto;
  color: #20311a;
  border-bottom: 1px solid rgba(149, 148, 148, 0.3);
}

a.calendernew-plus-bg, a.calendernew-minus-bg {
  color: #ffffff;
  display: block;
  width: 100%;
  padding: 5px 0;
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
}

a.calendernew-plus-bg span {
  background-color: #314b27;
  border-radius: 30px;
  display: inline-block;
  font-size: 22px !important;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
  margin-left: 3px;
  padding-left:2px;
  width: 22px;
}

a.calendernew-plus-bg span {
  background-color: #314b27;
  border-radius: 30px;
  display: inline-block;
  font-size: 22px !important;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
  margin-left: 3px;
  width: 22px;
}

.calendernew-button-outer {
   text-align: center;
    width: 100%;
    background: #000000;
    padding: 4px 0px 0px 0px;
}

.calendernew-top {
  /* padding-top: 20px; */
    margin: 4px 0px 0px 0px;
    /* padding-bottom: 20px; */
    background-color: #a7906d;

}

.calendernew {
  background: #a7906d;
  color: #fff;
}

.calendernew a {
  color: #fff;
  font-family: "Lato", sans-serif;
  letter-spacing:0.5px;
}

.calendernew h3 {
  color: #fff;
  letter-spacing:2px;
}

.calback {
    background: #FFF;
}

#dates {
    background-color: #FFF;
}

.dates-width {width:100%!important;}

select {
  background: transparent;
  font-size: 14px;
}

.media-object-bd {
  padding: 1px;
}

.media-object p {
  text-align: left !important;
  line-height: 2;
}

.media-object .blog-read-more {
  font-weight: 700;
}

.blog-post-each {
  margin: 1em 0;
  border-bottom: 1px solid #959494;
}

.blogs_search_form {
  position: relative;
  top: 70px;
}

.blog-post aside {margin:0px; padding:0px;}

.blog-post .blog-post-date {color:#ffffff; margin:0px; padding:0px; text-indent: 0px;}

/*.blog-post .pure-u-md-2-3 {width:100%;}*/

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

.slider,
.slider-slides,
.slider-slides > * {
  width: 100%;
}

.slider {
  overflow: hidden;
  position: relative;
  max-width: 1200px;
  margin: 10px 0px;

}

/* make slider content non dragable in normal browser sense, but instead in JS we'll make each slide dragable */
.slider-slides,
.slider-slides > * * {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}

.slider-slides,
.slider-slides > *,
.slider-ctrls-links,
.slider-ctrls-links > li {
  list-style: none;
  padding-left: 0;
}

.slider-slides {
  position: relative;
  left: 0;
  /* only move left and right please */
  touch-action: manipulation;
  /* kick into hardware acceleration */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* each slide */
.slider-slides > * {
  float: left;
}

/* when using the fade effect, default all the slides to opacity 0  */
.js .slider[data-slider-effect="fade"] .slider-slides > * {
  opacity: 0;
}

/* if entire slide is hyperlink */
.slider-slides .is-linked > a {
  display: block;
}

/* each container inside each slide, this gives the slider it's height, changed by a padding-bottom set in the slider.html.twig file
see: http://jonathannicol.com/blog/2011/10/18/responsive-elements-that-retain-their-aspect-ratio/ */
.slider-slide-inner-container {
  display: block;
  position: relative;
  height: 0;
  width: 100%;
  /* padding-bottom: X(% or px); set in the slider template file */
}

/* slider controls */
.slider-ctrls a,
.slider-ctrls-links li {
  cursor: pointer;
}

.slider-ctrls-links,
.slider-ctrls > a {
  position: absolute;
  z-index: 100;
  display: none;
}

.slider-ctrls-links {
  bottom: 0;
  width: 100%;
  text-align: center;
}

.slider-ctrls-links > li {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid #444;
  border-radius: 5px;
  text-indent: -9999px;
}

.slider-ctrls-links > li.active {
  background: #FFF;
}

/* hide controls until on hover on a larger screen */
.slider-ctrls > a {
  display: none !important;
}

/* simple style for the next/prev/play/pause buttons */
.slider-ctrl-next,
.slider-ctrl-previous,
.slider-ctrl-play,
.slider-ctrl-pause {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 5px;
  border-radius: 5px;
  margin: 5px;
}

.slider-ctrl-next {
  top: 50%;
  right: 0;
}

.slider-ctrl-previous {
  top: 50%;
  left: 0;
}

.slider-ctrl-play,
.slider-ctrl-pause {
  top: 5%;
  right: 0;
}

.slider-ctrls .fa:before {
  /* seperate the control icons a little */
  padding-right: 8px;
}

/* hide text, just showing the icon
    ref: http://stackoverflow.com/questions/23850129/css-text-indent-remove-text-but-not-content-added-using-after
*/
.slider-ctrls-icons-only .slider-ctrl-next,
.slider-ctrls-icons-only .slider-ctrl-previous,
.slider-ctrls-icons-only .slider-ctrl-play,
.slider-ctrls-icons-only .slider-ctrl-pause {
  text-indent: -9999px;
  min-width: 2em;
}

/* show the icon from the text-indent */
.slider-ctrls-icons-only .fa:before {
  float: left;
  text-indent: 0;
  /* remove previously set padding */
  padding-right: 0;
}

/* No js? Hide buttons and only show the first slide */
.no-js .slider-ctrls,
.no-js .slider-slides > * {
  display: none;
}

.no-js .slider-slides > *:first-child {
  display: block;
}

/* straight up hide the slider for ie6... yep */
.lt-ie7 .slider {
  display: none;
}

/* jet menu */
.nav-menu-outer {
    background: #074228;
}
.nav-menu-inner {
    max-width: 1200px;
    height: 30px;
    background-color: #074228;
}
.jetmenu {background-color:transparent;}
.nav-menu-outer .jetmenu>li>a:active {color:#611417;}
.jetmenu>li.showhide span.icon {margin: -20px 20px;float:right;}
.nav-menu-outer .jetmenu>li>a {
  font-family: 'Lato', sans-serif;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 821px) {
.nav-menu-outer .jetmenu>li>a {
  font-family: 'Lato', sans-serif;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
  font-weight: bold;
}
}

.nav-menu-outer .jetmenu>li.active>a,
.nav-menu-outer .jetmenu>li:hover>a {
    background:#20311a;
    color: #FFF !important;
}

.jetmenu ul.dropdown {
  /*min-height:350px;*/
  min-height:410px;
  background-image: url(/views/responsive-site-gwsr-new/images/dropdownimg.png);
}

.jetmenu ul.dropdown li ul.dropdown {
  min-height:auto!important;
}

.jetmenu {
    margin-top: 0px;
}


@media screen and (min-width: 48em) {
  .slider:hover .slider-ctrls > a {
    display: none !important;
  }
  /* if a control has the "hidden" attribute, then make sure they are still hidden,
    e.g. either the play or pause button will have this, as we only want to show 1 at a time! */
  .slider:hover .slider-ctrls > a[hidden] {
    display: none !important;
  }
}



th, td {
  padding: 0.5em;
   color: #003;
}

.responsive th, .responsive td {
  padding: 5px;
  width: 35px;
}
@media only screen and (max-width: 878px) {
.responsive td {
padding-right: 0px !important;
padding-left: 0px !important;
}
}



@media only screen and (max-width: 767px) {
  table.responsive {
    margin-bottom: 0;
  }
  .pinned {
    position: absolute;
    left: 0;
    top: 0;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  .pinned table {
    border-right: none;
    border-left: none;
    width: 100%;
  }
  .pinned table th, .pinned table td {
    white-space: nowrap;
    float: left;
  }
  .pinned td:last-child {
    border-bottom: 0;
  }
  div.table-wrap {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #ccc;
  }
  div.table-wrap div.scrollable {
    margin-left: 35%;
  }
  div.table-wrap div.scrollable {
    overflow: scroll;
    overflow-y: hidden;
  }
  table.responsive td, table.responsive th {
    position: relative;
    /*originally "nowrap"*/
    white-space: wrap;
    overflow: hidden;
  }
  table.responsive th:nth-child(2), table.responsive td:nth-child(2), table.responsive td:nth-child(2), table.responsive.pinned td {
    display: none;
  }
  table.row th, table.row td {
    padding: 0.5em;
  }
}

@media (min-width: 48em){
    .panel-content {
    height: 106px;
}
}

@media (max-width: 35.5em){
    .panel-content {
        height:122px;
    }

    .container {
        height:242px;
    }
}

p.blog-post-comments {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
p.blog-post-date {
  text-indent: 100%;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
}
p.blog-post-author {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.fish {
  margin-left: auto ;
  margin-right: auto ;
  width: 45%;
}

#body_login #sidebar-right {display: none;}

#body_applicationpages .blogs_search_form {
    display: none;
}
#body_applicationpages .print_hidden {
display:none;
}
#body_applicationpages .blogs_search_order_date {
display:none;
}
#middle a.blog-post-link.generated_button {
    float: right;
}
.blog-category-each-title {
    margin-top: 0; /* center within container */
}
.blog-category-each-image-container {
    width: 25%;
}
.blog-category-each-image {
    margin: 0 auto;
}

a { color: #074228; /*text-decoration: underline;*/ }
.content a:hover span, .content a:hover {
    color: green;
}
.content a {
    color: #074228;
    text-decoration: underline;
}

a.blog-post-link.generated_button {
    color: white !important;
    text-decoration: none !important;
}
.media-object-responsive .media-object-img img {
    margin: 0 auto;
    max-width: 100%;
}

/* ============================================================================================================= */
/* ======================================RESPONSIVE TIMETABLES & CALENDAR======================================= */
/* ============================================================================================================= */

/*timetable colours */
.CU {
  background-color: #A9A9A9; /*grey */
}

.CL {
  background-color: #32CD32; /*light green */
}

.CC {
  background-color: #00BFFF; /*sky blue */
}

.CK {
  background-color: #ff00ff; /*pink */
}

.CP {
  background-color: #8a2be2; /* purple */
}

.CB {
  background-color: #1955af; /* blue */
}

.CG {
  background-color: #5aa05a; /* green */
}

.CR {
  background-color: #e54539; /* red */
}

.CS {
  background-color: #f0c850; /* gold */
}

.CO {
  background-color: #ff8c00; /* orange */
}

#body_2025calendarandtimetables .content a {
    color: #074228;
    text-decoration: underline !important;
}
#body_2024calendarandtimetables .content a {
    color: #074228;
    text-decoration: underline !important;
}
#body_2023calendarandtimetables .content a {
    color: #074228;
    text-decoration: underline !important;
}





/* Responsive Tables */
@media screen and (max-width: 766px) {
#body_2025calendarandtimetables .responsive td {
  padding: 7px;
}
#body_2025calendarandtimetables .table-wrap tr {
  height: 31px !important;
}
#body_2024calendarandtimetables .responsive td {
  padding: 7px;
}
#body_2024calendarandtimetables .table-wrap tr {
  height: 31px !important;
}
#body_2024calendarandtimetables .table-wrap th {
  height: 35px !important;
}
#body_2023calendarandtimetables .responsive td {
  padding: 7px;
}
#body_2023calendarandtimetables .table-wrap tr {
  height: 31px !important;
}
#body_2023calendarandtimetables .table-wrap th {
  height: 35px !important;
}
#body_2022calendarandtimetables .responsive td {
  padding: 7px;
}
#body_2022calendarandtimetables .table-wrap tr {
  height: 31px !important;
}
#body_2022calendarandtimetables .table-wrap th {
  height: 35px !important;
}
#body_2021calendarandtimetables .responsive td {
  padding: 7px;
}
#body_2021calendarandtimetables .table-wrap tr {
  height: 31px !important;
}
#body_2021calendarandtimetables .table-wrap th {
  height: 35px !important;
}

    
}
@media screen and (max-width: 913px) {

.calendarnew-container { margin: -7px auto 0 auto; position: relative; z-index: 1; float: left; left: 0!important; width: 100%; }
}
#body_2025calendarandtimetables .content a {
  /*color: white !important;*/
  text-decoration: none;
}
#body_2024calendarandtimetables .content a {
  /*color: white !important;*/
  text-decoration: none;
}
#body_2023calendarandtimetables .content a {
  /*color: white !important;*/
  text-decoration: none;
}


a.content:hover {color: green;}

.rec-user-content-ckeditor ul {margin-left: 1em;}

@media screen and (min-width: 821px) {
.jetmenu a {background: #074228;}
}

.media-object a {
color: #074228;
text-decoration: underline;
}
.media-object a:hover{
color: green;
}

#rec-user-content a {
color: #074228;
text-decoration: underline;
}
#rec-user-content a:hover {
color: green;
}

#CDSWIDCOE {width: auto !important;}

.blog-content-block li { list-style-type: circle; list-style-position: inside; text-align: left; line-height: 2; }
.blog-social-icons{height: auto !important; max-width: 100% !important;}
#body_404page .error-page p {text-align: center;}
#body_404page .error-page h1 {text-align: center;}
#body_404page .rec-user-content h1 {margin-top: 1em; border-bottom: 0px;}

@media (max-width: 1103px) {
#footer .layout-container-inner .pure-u-lg-1-5 {
    width: 25% !important;
}
}

@media (max-width: 808px) {
#footer .layout-container-inner .pure-u-lg-1-5 {
    width: 33% !important;
}
}
@media (max-width: 530px) {
#footer .layout-container-inner .pure-u-lg-1-5 {
    width: 50% !important;
}
}

@media (max-width: 435px) {
#footer .layout-container-inner .pure-u-lg-1-5 {
    width: 100% !important;
}
}

/* ============================================================================================================= */
/* ======================================EVENTS PAGE STYLES ADDED BY: SJO======================================= */
/* ============================================================================================================= */

/* format for image and border */
.eimg {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 200px;
}

.eimg:hover {
    border: 2px solid #777;
}

.eimg img {
    width: 95%;
    height: auto;
padding: 10px;

}

/* format for descriptive text */
.edesc {
    padding: 10px;
width:95%;
    text-align: center;
}