


/* Left blank for you to override */




/*!
Pure v0.6.2
Copyright 2013 Yahoo!
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.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

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

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

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

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 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.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

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.2
Copyright 2013 Yahoo!
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. */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;

    /* Prevents distributing space between rows */
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
}

/* IE10 display: -ms-flexbox (and display: flex in IE 11) does not work inside a table; fall back to block and rely on font hack */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	table .pure-g {
		display: block;
	}
}

/* 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.2
Copyright 2013 Yahoo!
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;
      }

@font-face {
  font-family: 'icomoon';
  src:  url('/fonts/icomoon/icomoon.eot?3gyqnd');
  src:  url('/fonts/icomoon/icomoon.eot?3gyqnd#iefix') format('embedded-opentype'),
    url('/fonts/icomoon/icomoon.ttf?3gyqnd') format('truetype'),
    url('/fonts/icomoon/icomoon.woff?3gyqnd') format('woff'),
    url('/fonts/icomoon/icomoon.svg?3gyqnd#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* By default, these are added as .icon-XXXXX but we're changing them to essentially polyfill for missing ones in FontAwesome/ForkAwesome so renamed to fa-XXXXX
Original SVGs in sub folder.
Can regenerate with each of them if needed to add further ones for the future.
https://icomoon.io/app/#/select
We could also use this same technique to add in the other missing icons, or update existing ones.
E.g. twitter-x I got from https://icons.getbootstrap.com/icons/twitter-x/
*/

.fa-twitter-x,
.fa-tiktok {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* line-height: 1; */

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-twitter-x:before {
  content: "\e901";
}
.fa-tiktok:before {
  content: "\e900";
}

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

/* Chrome 89 changed how <summary> elements display so that you can change the indicator, the change caused our indicators to hide as normalize.css sets them to display block, display revert resolves this by reverting to browser default. More info: https://www.chromestatus.com/feature/6730096436051968 */
summary {
    display: revert;
}

/*
    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;
}
.rec-btn{
    background:white!important;
    margin-top:2.3em;
    border:1px solid white !important;
    border-radius:3px;
    color:green!important;
    font-size:18px;
    width:7.5em;
    text-transform:uppercase;
    padding-top:15px;
    padding-bottom:15px;
    font-weight:400 !important;
}

.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: transparent;
    border: 2px solid #fff;
    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%;
    border-radius:4px;
}

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

/* 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 { 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: 42em;
    margin-top: 10px;
    background: white;
    color: #518163;
    border-radius: 4px;
    border-color:white;
}

/* 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;
}
.rec-form, .rec-generic-field{
    min-width:120px !important;
    max-width:42em !important;
    
}
/* Get in touch form */
#rec-form-1 input::placeholder,
#rec-form-1 textarea::placeholder {
  color: #FFF;
}
/* Signup Newsletter */
.signup-outer{
    background-color:#6aa933;
    padding:40px 0;
}
#input_field_5gq44kEeh7SAGQgcnR34{
    background-color:#fff;
}
#input_field_bPki2djta2A406N8A0a2{
    background-color:#fff;
}
#rec-form-LfpzEY5G8nwcUBye5Xi6 fieldset{
    width:80%;
    float:left;
    margin-top:-6px;
}
@media (max-width:1174px){
   #rec-form-LfpzEY5G8nwcUBye5Xi6 fieldset{
       width:100%;
   } 
}
#rec-form-LfpzEY5G8nwcUBye5Xi6 li.rec-form-field-row{
    width:50%;
    float:left;
    margin-top:3px;
}
@media (max-width:1174px){
  #rec-form-LfpzEY5G8nwcUBye5Xi6 li.rec-form-field-row{
      width:100%;
  }  
}
form#rec-form-LfpzEY5G8nwcUBye5Xi6{
    width:50%;
}
form#rec-form-LfpzEY5G8nwcUBye5Xi6 .rec-form-button{
    margin-top:-4px;
    width:100px;
    text-transform:uppercase;
}
form#rec-form-LfpzEY5G8nwcUBye5Xi6 h2{
    text-transform:uppercase;
    font-weight:400;
    color:#fff;
    margin-top:0;
}


/* For Smaller Screens */
@media (max-width:425px) and (min-width:320px){
    .form-wrap-home{
        padding-top:0;
        padding-left:0em;
    }
}

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

/* helper to make the table cells smaller */
.table-slim th,
.table-slim td { padding: .4em; }

{# Pure Grid Columns with Gaps #}
.pure-g-gapped > div {
    padding: 0 .6em;
}
/* not cancelling padding on first/last as this causes inner items (when showing 3, 4 etc.) to be smaller than the outer ones */



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


/*
    Site Header
*/

#header .layout-container-inner {
	position: relative;
	min-height: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* header search */
.header-search.is-open {
	max-height: 100px;
}
.header-search form {
	padding: 10px 3%;
}



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


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

.header-logo a {
    text-decoration: none;
    color: inherit;
}

/* 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-search button {
        text-indent: inherit;
    }
    .header-search button:before {
        margin-right: 5px;
    }
}

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

    #header .layout-container-inner {
        padding-bottom: 0;
    }

    .header-search form {
        padding: 0;
        width: 320px\9; /* exact width set for ie8, else the button falls onto a new line (sighs) */
    }
    #search-q {
        width: 220px;
    }
    .header-search button {
        width: auto;
    }

	/* position the primary nav */
	#header .nav {
        clear: right;
        position: absolute;
        bottom: 0;
        /* width: 100%; */
        left: 0.5em;
        right: 0.5em;
	}

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

}


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


/*
    Site Footer
*/

.footer-social-links,
.footer-copyright {
	background-color: rgba(0, 0, 0, 0.2);
	padding: 1em;
}

/* the 4 main footer blocks: links, tags, address and text; */
.footer-block {
	padding: 0 1em 1em;
    /* seperate each with a border */
    border-top: 1px solid #FFF;
}
.footer-block:first-child {
    border-top: none;
}

/* any font-awesome icons in the footer */
#footer .fa {
	color: #FFF;
}
#footer .fa-inverse {
	color: #444;
}

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

    /* now split them into 4, with only the inner borders showing */
    .footer-block {
        border-right: 1px solid #FFF;
    }
    .footer-block:nth-of-type(2n) {
        border-right: none;
    }
    .footer-block:nth-of-type(2) {
        border-top: none;
    }

}

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

    /* Now remove the top borer and just seperate with a border inbetween */
	.footer-block,
    .footer-block:nth-of-type(2n) {
		border-right: 1px solid #FFF;
		border-top: none;
	}
	.footer-block:nth-of-type(4) {
		border-right: none;
	}

    /* allow for 3 lines of text in the very bottom sections */
    .footer-social-links,
    .footer-copyright {
        min-height: 80px;
    }

}


/*
    Page Slices
    added to the main body of the page using rec_slices()
*/

/* images in slices should have a max-height: 100%; */
.slice-container img {
    max-height: 100%;
}

/* strip the start and end margins from the first and last elements such as h3's or paragraphs as these would otherwise bulk out the slice */
.slice-container__inner > *:first-child {
    margin-top: 0;
}
.slice-container__inner > *:last-child {
    margin-bottom: 0;
}

.slices-outer-container  {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

/* full width slices that are images would expand the image as well */
.slice-container--simple-image.slice-container--expand-full-width > div > img {
    width: 100%;
}

/* --- Grid slices --- */
.slice-grid {
    display: -ms-grid; /* IE10/11 support, see below */
    display: grid;
    flex: 1 0 auto; /* allow the grid to expand to fill the container, where the parent slice has a height and setting height causes display:flex atm */
}

.slice-grid > .slice-grid__column {
    /* default min-width is auto which with Xfr units allows them to expand, setting 0 here resolves this. Ref https://css-tricks.com/preventing-a-grid-blowout/ */
    min-width: 0;
    /* use flexbox to allow columns slices to set their own alignment */
    display: flex;
    flex-direction: column;
}

/* IE10/11 needs you to tell it where each element goes so let's add enough for all column layouts */
.slice-grid > .slice-grid__column:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.slice-grid > .slice-grid__column:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}
.slice-grid > .slice-grid__column:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.slice-grid > .slice-grid__column:nth-of-type(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
}

/* --- Linked lists --- */
.slice-linked-list--clean .slice-linked-list__list,
.slice-linked-list--clean li,
.slice-linked-list--boxed .slice-linked-list__list,
.slice-linked-list--boxed li,
.slice-linked-list--boxed-rounded .slice-linked-list__list,
.slice-linked-list--boxed-rounded li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.slice-linked-list--clean a,
.slice-linked-list--boxed a,
.slice-linked-list--boxed-rounded a {
    text-decoration: none;
}
.slice-linked-list--clean a:hover {
    text-decoration: underline;
}

.slice-linked-list--boxed,
.slice-linked-list--boxed-rounded {
    border: 1px solid #000;
}
.slice-linked-list--boxed .slice-linked-list__title,
.slice-linked-list--boxed-rounded .slice-linked-list__title {
    margin: 0;
    padding: .5em 1em;
    background-color: #000;
    color: #FFF;
}

.slice-linked-list--boxed a::before,
.slice-linked-list--boxed-rounded a::before {
    float: right;
    font-family: "FontAwesome", 'Lato', sans-serif;
    content: "\f054";
}

.slice-linked-list--boxed a,
.slice-linked-list--boxed-rounded a {
    display: block;
    padding: .5em 1em;
    border-bottom: 1px solid #000;
}
.slice-linked-list--boxed li:last-child a {
    border-bottom: none;
}
.slice-linked-list--boxed li:hover a,
.slice-linked-list--boxed-rounded li:hover a {
    background-color: rgba(0, 0, 0, .1);
}

.slice-linked-list--boxed-rounded {
    border-radius: 8px;
}
.slice-linked-list--boxed-rounded a {
    border-bottom: none;
}

.slice-linked-list__active-link {
    font-weight: bold;
    cursor: default;
}
.slice-linked-list .slice-linked-list__active-link::before {
    content: "";
}

/* --- Hover tiles --- */
.slice-hover-tile {
    position: relative;
    display: inline-block;
}
.slice-hover-tile__front {
    z-index: 1;
}
.slice-hover-tile__back {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}
.slice-hover-tile__back > * {
    margin-top: 0; /* remove top margin on first element */
}
.slice-hover-tile--fade .slice-hover-tile__back {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.slice-hover-tile--fade:hover .slice-hover-tile__back {
    opacity: 1;
}

.slice-hover-tile--flip {
    perspective: 1000px;
}
.slice-hover-tile--flip .slice-hover-tile__back,
.slice-hover-tile--flip .slice-hover-tile__front {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.slice-hover-tile--flip .slice-hover-tile__back {
    transform: rotateY(180deg);
    transition: transform 0.3s ease-in-out;
}
.slice-hover-tile--flip:hover .slice-hover-tile__back {
    transform: rotateY(0deg);
}
.slice-hover-tile--flip .slice-hover-tile__front {
    transform: rotateY(0deg);
    transition: transform 0.3s ease-in-out;
}
.slice-hover-tile--flip:hover .slice-hover-tile__front {
    transform: rotateY(-180deg);
}

/* --- Text/content carousels --- */
/* position content inside to the center, allowing you to set a height on the slice style and have content centered correctly */
.slice-text-carousel.owl-carousel,
.slice-text-carousel.owl-carousel .owl-stage-outer,
.slice-text-carousel.owl-carousel .owl-stage {
    display: flex;
    flex: 1;
}
.slice-text-carousel.owl-carousel {
    flex-direction: column;
}
.slice-text-carousel.owl-carousel .owl-stage {
    align-items: center;
}

.slice-text-carousel .owl-item {
    padding: 2em;
    text-align: center;
}
.slice-text-carousel .owl-nav button[class*=owl-] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.slice-text-carousel .owl-nav button[class*=owl-] .fa {
    font-size: 2em;
}
.slice-text-carousel .owl-nav button[class*=owl-] .fa:before {
    padding: 0;
}
.slice-text-carousel .owl-nav .owl-prev {
    left: 0;
}
.slice-text-carousel .owl-nav .owl-next {
    right: 0;
}
.slice-text-carousel .owl-nav button[class*=owl-]:hover {
    background-color: transparent;
    color: #000;
}
.slice-text-carousel .owl-nav {
    margin-top: 0;
}

/* --- Content switcher --- */
.slice-content-switcher .cb-feature {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "image"
        "title"
        "text"
        "nav";
}
@media screen and (min-width: 35.5em) {
    .slice-content-switcher--image-left .cb-feature {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "image title"
            "image text"
            "image nav";
    }
    .slice-content-switcher--image-right .cb-feature {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "title image"
            "text image"
            "nav image";
    }

    /* padding for the content side */
    .slice-content-switcher .cb-feature__title,
    .slice-content-switcher .cb-feature__text,
    .slice-content-switcher .slice-content-switcher__nav {
        padding: 0 2em;
    }

}

.slice-content-switcher > ul {
    margin: 0;
}
.slice-content-switcher .cb-feature__title {
    align-self: flex-end;
}

.slice-content-switcher__slides > li {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.slice-content-switcher__slides > li.active {
    visibility: visible;
    opacity: 1;
}

.slice-content-switcher__nav a {
    border-radius: 50%;
    color: #444;
    margin: 0 5px;
    text-decoration: none;
    /* why 29px? as it centers on a pixel, it needs to be an odd number and 29px looked slightly nicer than 31px to me but that's preference */
    width: 29px;
    height: 29px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #444;
}
.slice-content-switcher__nav a.active {
    background-color: #444;
    color: #fff;
}

.slice-content-switcher__nav {
    grid-area: nav;
}

/* use css grid to position each slide over the top of each other so they properly fade between */
.slice-content-switcher__slides {
    display: grid;
}
.slice-content-switcher__slides > li {
    grid-area: 1 / 1 / 2 / 2;
}

/* ===== Feature content block style slices originally from https://design.reallyeasycart.co.uk/content-blocks.html#recipe--article-style ===== */

/* --- Article list --- */
.slice-article-style-list {
    display: flex;
    flex-wrap: wrap;
}
.slice-article-style-list li {
    padding: 1em;
}
.no-flexbox .slice-article-style-list li {
    display: inline-block;
    vertical-align: top;
}
@media screen and (min-width: 48em) {
    .slice-article-style-list li {
        width: 33.333%;
    }
}

/* --- Services list --- */
.slice-services-list {
    text-align: center;
}
.slice-services-list .cb-feature__image img {
    max-height: 24px;
    margin: 0 auto;
}
.slice-services-list .cb-feature {
    margin: 1em;
}
.slice-services-list .cb-feature__text {
    margin-top: 0;

    /* cut at 3 lines */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.slice-services-list .cb-feature__title h3 {
    margin: 1em;
}

/* split to columns at breakpoints */
@media screen and (min-width: 35.5em) {

    /* we'll use flex to handle columns */
    .slice-services-list,
    .slice-services-list > li,
    .slice-services-list .cb-feature {
        display: flex;
    }
    .no-flexbox .slice-services-list > li {
        display: inline-block;
        vertical-align: top;
    }
    .slice-services-list {
        flex-wrap: wrap;
    }
    .slice-services-list .cb-feature {
        flex-direction: column;
        flex: 1;
    }

    /* 2 col */
    .slice-services-list > li {
        width: 50%;
    }
}
@media screen and (min-width: 48em) {
    /* 3 col */
    .slice-services-list > li {
        width: 33.333%;
    }
}

/* --- Quick features --- */
.slice-quick-features-list {
    display: flex;
    flex-wrap: wrap;
}
.slice-quick-features-list li {
    width: 50%;
}
.no-flexbox .slice-quick-features-list li {
    display: inline-block;
    vertical-align: top;
}
@media screen and (min-width: 48em) {
    .slice-quick-features-list li {
        width: 25%;
    }
}
.slice-quick-features-list .cb-feature {
    display: grid;
    grid-template-areas:
        "image title"
        ". link_text"
        ". text";
}
.slice-quick-features-list .cb-feature__image {
    max-width: 30px;
    align-self: center;
    padding-right: 10px;
}
.slice-quick-features-list .cb-feature__title h3 {
    margin: 0;
}

/* --- Team members --- */
.slice-team-list {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
.slice-team-list li {
    width: 50%;
    padding: 1em;
}
.no-flexbox .slice-team-list li {
    display: inline-block;
    vertical-align: top;
}
@media screen and (min-width: 48em) {
    .slice-team-list li {
        width: 25%;
    }
}

/* we can use css-grid to reorder the position name in the link text to under the name/title */
.slice-team-list .cb-feature {
    display: grid;
    grid-template-areas:
        "image"
        "title"
        "link_text"
        "text";
}
.slice-team-list .cb-feature__image img {
    border-radius: 50%;
}

/* ===== End feature content blocks ===== */

/* --- accordion --- */
.slice-accordion .cb-tab__title {
    cursor: pointer;
    /* prevent selecting the text when clicking it */
    -webkit-user-select: none;
}
.js .slice-accordion .cb-tab__content { display: none; }

.slice-accordion .cb-tab__title,
.slice-accordion .cb-tab__content {
    margin: 0 10px;
}

.slice-accordion .cb-tab__title::after {
    content: "\f107";
    font-family: "FontAwesome";
    float: right;
}
.slice-accordion .is-active .cb-tab__title::after {
    content: "\f106";
}
.slice-accordion .is-active .cb-tab__content {
    display: block;
}

/* --- tabs --- */
.slice-tabs__nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.slice-tabs__nav a {
    padding: .5em 1em;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    font-size: 1.2em;
    display: inline-block;
}
.slice-tabs__nav a:hover {
    border-color: #CCC;
}
.slice-tabs__nav .is-active a {
    border-color: #000;
}

.slice-tabs__content-item {
    display: none;
}
.slice-tabs__content-item.is-active {
    display: block;
}



/*
    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="/placeholder/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="/placeholder/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;
}


/*
    Navigation module, designed mobile first.
    Starts as a simple vertical list, hidden but viewable by clicking the hamburger.
    Then as the screen size increases the nav changes to be horizontal.

    TODO: More comments!!!

*/

.nav,
.nav li,
.nav ul,
.nav li a {
    display: block;
    margin: 0;
    padding: 0;
}

.nav ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease-in-out;
    clear: both;
}

/* is-open toggle animation on mobile */
.nav.is-open > ul,
.nav .is-open > ul {
    max-height: 550px;
    overflow: auto;
}

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

.nav li:hover,
.nav li.is-focused,
.nav li.is-current {
    background-color: rgba(0, 0, 0, 0.2);
}

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

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

/* add a "sub nav" indicator to all links, and remove from only childs leaving all the links that have sub links to have this :D */
.nav-sub-indicators a:only-of-type {
    position: relative;
    padding-right: 26px;
}
.nav-sub-indicators a:only-of-type:only-child {
    padding-right: 16px;
}
.nav-sub-indicators a:only-of-type:after {
    content: "+";
    position: absolute;
    right: 10px;
    top: 33%;
}
/* change "sub nav" indicator when open */
.nav-sub-indicators .is-open > a:only-of-type:after,
.nav-sub-indicators li:hover > a:only-of-type:after {
    content: "-";
}

/* arrows varient */
.nav-sub-indicator-arrows a:only-of-type:after {
    content: "\f107";
    font-family: "FontAwesome";
}
/* change "sub nav" indicator when open */
.nav-sub-indicator-arrows .is-open > a:only-of-type:after,
.nav-sub-indicator-arrows li:hover > a:only-of-type:after {
    content: "\f106";
    font-family: "FontAwesome";
}

.nav-sub-indicators a:only-child:after,
.nav-sub-indicators li:hover > a:only-child:after {
    content: "";
}

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

}


/*
    ### .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

 */
/* Heading */
.news-h1{
    text-transform:uppercase;
    letter-spacing:1px;
    color:#535353;
    font-size:18px;
    font-weight:bold;
}
.news-hr{
    border-bottom:4px solid #00541c;
    margin-top:2em;
    width:100px;
    padding-left:2em;
}
/* 1. Shared blog styles */


/* 2. Blog post (full page) */

.blog-post-title {
    margin-top: 0;
    
}
.blog-post-each aside {
    font-size: smaller;
}
.media-object-bd{
    overflow:hidden;
    zoom:1;
    text-align:center;
}
.blog-image-container{
    display:flex;
    align-items:center;
    height:200px;
    width:100%;
    overflow:hidden;
}
.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;
    text-align:center;
    font-weight:bold;
}
.blog-post-each aside {
    font-size: smaller;
}
.blog-post-each{
    margin:10px;
    box-shadow:0px 0px 10px #ccc;
    padding:10px;
}
.blog-post-each-image-container {
    width: 140px;
}
.blog-post-each-image {
    margin: 0 auto; /* center within container */
    width:100%;
    object-fit:cover;
}
.blog-post-each-author,
.blog-post-each-date {
    border-right: 1px solid;
    padding-right: 10px;
    margin-right: 10px;
}
/* Blog content */
.blog-content-block img{
    max-width:500px;
    width:100%;
    height:auto;
}

.blog-content-block p span, .blog-content-block p, .blog-content-block p strong{
    font-family:sans-serif;
    font-size:18px;
}

/* 4. Blog categories as a list */

.blog-category{
    margin-top:-80px;
}

.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 post*/
.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;
}
/* Link button of blog posts */
a.blog-post-link.generated_button:hover{
    background:#69a933;
    border:none;
    color:#000000;
}
a.blog-post-link.generated_button{
  background:#69a933;
  font-size:16px;
  text-transform:uppercase;
  letter-spacing:1px;
  width:100%;
  text-align:center;
  border:none;
}
/* Font styles */
.b{
    font-weight:bold;
    color:black;
}

.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;
    overflow: auto;
    margin-top: 120px;
}


/*
    Content Slider

    Built to support both the slide and fade effects.

*/

.slider,
.slider-slides,
.slider-slides > * {
    /*width: 100%;*/
}

.slider {
    overflow: hidden;
    position: relative;
}
.slider-slides{
    bottom:14px;
}

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

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


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


    .slider:hover .slider-ctrls > a {
        display: inline-block !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;
    }

}

/* Responsive slider */
.slider-banner{
    position:absolute;
    text-align:center;
    top:50%;
    transform:translateY(-50%);
}
.slider-banner h1{
    margin:0 auto;
    color:#3a3a3a;
    margin-top:0.4em;
    border-bottom:0px;
}
.slider-banner p{
    color:#3a3a3a;
    /*margin-top:30px;*/
    
    font-size:16px;
}
a#banner-info-link{
    background:#fff;
    text-decoration:none;
    color:green;
    text-transform:uppercase;
    display: inline-block;
}
@media (max-width:863px){
.slider-banner{
    font-size:16px;
    /*padding-left:3em;*/
    /*padding-right:3em;*/
    
}
}
@media (max-width:791px){
.slider-banner h1{
    font-size:30px;
    
}
}
@media (max-width:791px){

.slider-banner p{
    font-size:16px;
    
}
}
@media (max-width:766px){
    .slider-banner{
        padding-top:10px;
    }
}

@media (max-width:758px){
    .slider-banner h1{
        font-size:20px;
    }
}


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

.CollapsiblePanel{
    display:none;
}
.CollapsiblePanelTab{
    display:none;
}

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

.inline-list--scrolling {
    overflow-x: auto;
    white-space: nowrap;
}

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


/*
    ### .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="https://browser-update.org/update-browser.html">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;
}
.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;
    position: relative;
    bottom: -1px;
}
.modal-window-is-cookie-law label input {
    margin-right: 5px;
    vertical-align: middle;
}


/*
    Alternative display modes
    - see displayMode options in the js file
*/

/* centered popup display changes */
#cookie_law_message.cookie-law-message--popup-display {
    background-color: transparent;
    max-width: 38em;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
}
.cookie-law-message--popup-display #cookie_law_message_inner {
    padding: 3em;
    max-width: 100%;
    background: #fff;
    border: 4px solid #000;
    display: flex;
    flex-direction: column;
}
.cookie-law-message--popup-display #cookie_extra_links {
    float: none;
    padding: 2em 0 0 0;
    max-width: 100%;
    order: 3;
}
.cookie-law-message--popup-display #cookie_title,
.cookie-law-message--popup-display #cookie_main_text,
.cookie-law-message--popup-display #cookie_find_out_more_btn,
#cookie_law_message.cookie-law-message--popup-display a {
    color: #000 !important;
}
.cookie-law-message--popup-display #cookie_title {
    padding-bottom: 1em;
}
.cookie-law-message--popup-display .cookie_law_button {
    background: #4caf50;
    margin-left: 0;
    margin-right: 10px;
}

/* modal version of popup display */
#cookie_law_message.cookie-law-message--with-modal {
    background-color: rgba(0, 0, 0, 0.7);
    max-width: 100%;
    transform: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.cookie-law-message--with-modal #cookie_law_message_inner {
    padding: 3em;
    max-width: 38em;
    background: #fff;
    border: none;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
    position: fixed
}

/* move the popup the bottom left */
#cookie_law_message.cookie-law-message--bottom-left,
#cookie_law_message.cookie-law-message--bottom-right {
    transform: none;
    top: auto;
    bottom: 1em;
    left: 1em;
    right: auto;
    width: calc(100% - 2em);
}
#cookie_law_message.cookie-law-message--bottom-right {
    left: auto;
    right: 1em;
}


/*
    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
*/

/* album name */
.gallery-photo-name{
    font-weight:bold;
    letter-spacing:1px;
    text-transform:uppercase;
    font-size:18px;
    color:#535353;
}
.galleries-photo-hr{
    border-bottom:4px solid #00541c;
    margin-top:2em;
    width:100px;
    padding-left:4em;
}

/* each image */
.gallery-image-container {
    text-align: center;
}
.gallery-image-container > a {
    display: block;
    margin: 10px 10px 0 0;
}
.gallery-image {
    margin: 0 auto;
    height: 18em;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 100%;
    position: relative;
    border-radius: 20px;
}

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

/*
    polaroid styling
*/

.gallery-image-polaroids .gallery-image {
    padding: 10px;
    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; /* old z-index remains for any old browsers with large zindex issues */
    z-index: 4000000000; /* crazy big z-index needed for fighting tawk.to & the cookie policy (which inturn also had to be crazy to fight tawk.to lol) */

    /* 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-inner .modal-window-header,
.modal-window-inner .modal-window-body,
.modal-window-inner .modal-window-footer { padding: 1em; }
.modal-window-inner .modal-window-header { padding-bottom: 0; }
.modal-window-inner .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;
}

/* headerless - hide header (but keep close button visable) */
.modal-window-is-headerless .modal-window-header {
    height: 0;
    padding: 0;
}
.modal-window-is-headerless a.modal-window-header-close {
    position: absolute;
    z-index: 99;
    top: 0.5em;
    right: 1em;
    color: #000;
}

/* ----- 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-wide {
    text-align: center;
}
.modal-window-is-image .modal-window-inner,
.modal-window-is-simple .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;
}

/* wide modal, as well youtube & model */
.modal-window-is-wide .modal-window-inner,
.modal-window-is-model .modal-window-inner,
.modal-window-is-youtube .modal-window-inner {
    width: 100%;
}
@media screen and (min-width: 35.5em) {
    .modal-window-is-wide .modal-window-inner,
    .modal-window-is-model .modal-window-inner,
    .modal-window-is-youtube .modal-window-inner {
        width: 80%;
        max-width: 100%;
    }
}
@media screen and (min-width: 48em) {
    .modal-window-is-wide .modal-window-inner,
    .modal-window-is-model .modal-window-inner,
    .modal-window-is-youtube .modal-window-inner {
        width: 60%;
        max-width: 100%;
    }
}

/* 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-category {
    cursor: pointer;
}
.each-pl-category > span:after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 10px;
}
.each-pl-category > ul {
    height: 0;
    overflow: hidden;
}
.each-pl-category.open > span:after {
    content: "\f106";
    font-family: FontAwesome;
    margin-left: 10px;
}
.each-pl-category.open > ul {
    height: auto;
    overflow: auto;
}

.each-pl-product--discontinued span {
    color: #F44336;
}
.each-pl-product--discontinued .each-pl-product-name:after {
    content: "(Discontinued)";
    font-style: italic;
    font-size: small;
    margin-left: 10px;
}

.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.showing-percent-diff {
        margin-right: calc(10px + 5em);
    }
    .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,
    .pl-diff-percent {
        padding: 0 4px;
        display: inline-block;
        min-width: 5em;
        text-align: center;
    }
    .pl-diff-percent-doublewide,
    .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;
    /* undo the white-space change from above so that the text of this button can wrap when it needs to on small mobile size */
    white-space: normal;

}
#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;
}

/* when showing google recaptcha in the ask form */
#expert-answers-ask-question-form .g-recaptcha {
    margin-bottom: 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--extra {
    display: none;
}

.ea-each-answer-footer {
    color: #666;
    font-style: italic;
    margin: 0;
    display: flex;
}
.ea-each-answer-likes {
    flex-grow: 1;
    text-align: left;
    padding-left: 30px; /* Offset the 30px padding left of the .ea-each-answer-response */
}
.ea-each-answer-like {
    color: inherit;
    text-decoration: none;
}
.ea-each-answer-like--liked {
    color: #327596;
}
.ea-each-answer-time {
    text-align: right;
}

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

.ea-each-answer-response p:first-child {
    margin-top: 0;
}
.ea-each-answer-response p:last-child {
    margin-bottom: 0;
}

#expert-answers-show-more {
    width: 100%;
    text-align: center;
}

@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;
}

/* --- section blocks -- */
.cb-section__image,
.cb-section__video {
    grid-area: media;
}
.cb-section__content {
    grid-area: content;
}

/* --- quote blocks -- */
.cb-quote__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: image;
    max-width: 200px;
    padding-right: 2em;
}
.cb-quote__image img {
    border-radius: 50%;
}
.cb-quote__body {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: body;
    margin: 0;
    font-size: 1em;
    font-style: italic;
}
.cb-quote__body:before {
    content: '\201C';
}
.cb-quote__body:after {
    content: '\201D';
}
.cb-quote__author {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: author;
    font-weight: bold;
}
.cb-quote__author-company {
    padding-left: 1em;
    font-weight: normal;
}
.cb-quote {
    display: -ms-grid;
    display: grid;
        grid-template-areas:
        "image body"
        "image author";
}

@media screen and (min-width: 35.5em) {
    .cb-quote__body {
        font-size: 1.6em;
    }
}


@media screen and (min-width: 48em) {
    .cb-quote__body {
        font-size: 2em;
    }
}

.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-product-tickboxes__block {
    padding: .5em 0;
}
.quickshop-product-tickboxes__name {
    margin-top: 0;
    margin-bottom: .5em;
    border-bottom: 1px solid #CCC;
}

.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;
    padding: 0.2em 0.6em;
    font-size: 1.2em;
}
#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 {
        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;
    }
}

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

/* variation of it for user flash messages, see Message::showFlashMessageBanner() */
.rec-update-banner.rec-update-banner--flash-message {
    color: #FFF;
}
.rec-update-banner.rec-update-banner--flash-message--success {
    background-color: #59B65B;
}
.rec-update-banner.rec-update-banner--flash-message--warning {
    background-color: #F8AF49;
}
.rec-update-banner.rec-update-banner--flash-message--error {
    background-color: #E65457;
}
.rec-update-banner.rec-update-banner--flash-message--info {
    background-color: #3E84C9;
}
.rec-update-banner.rec-update-banner--flash-message--default {
    background-color: #222;
}


/* 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;
}
.pa-share-product {
    padding: 20px;
}
.pa-share-product__targets {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin-bottom: 20px;
}
.pa-share-product button,
.pa-share-product__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 2px;
    text-transform: capitalize;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 4px;
    border: 1px solid #ddd;
    cursor: pointer;
}
.pa-share-product button:before,
.pa-share-product__button:before {
    display: none;
}
.pa-share-product__button {
    transition: all 0.2s;
}
.pa-share-product__button:hover {
    background-color: #ddd;
}
.pa-share-product__button i {
    margin-right: 7px;
}
.pa-share-product__button--facebook i {
    color: #1877f2;
}
.pa-share-product__button--twitter i {
    color: #1da1f2;
}
.pa-share-product__button--pinterest i {
    color: #e60023;
}
button.pa-share-product__copy-link {
    padding-left: 30px;
    padding-right: 30px;
    color: #FFF;
}
.pa-share-product__link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 4px;
    background-color: #eee;
}
input.pa-share-product__url {
    margin-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 0;
    background-color: transparent;
    box-shadow: none;
}
input.pa-share-product__url:focus {
    background-color: transparent;
    border: 0;
}
/*
    Slice Entrance Animations
*/

.slice-entrance-animation .slice-container__inner {
    opacity: 0;
}
.no-cssanimations .slice-entrance-animation .slice-container__inner {
    opacity: 1;
}

/* Fade Animation Specific Classes */
.slice-entrance-animation--fade.slice-entrance-animation--visible .slice-container__inner {
    animation: slice-entrance--fade-in 1.5s forwards;
    animation-delay: 100ms;
}

/* Slide Animation Specific Classes */
.slice-entrance-animation--slide-left .slice-container__inner {
    transform: translateX(-100%);
}
.slice-entrance-animation--slide-right .slice-container__inner {
    transform: translateX(100%);
}
.slice-entrance-animation--slide-top .slice-container__inner {
    transform: translateY(-100%);
}
.slice-entrance-animation--slide-bottom .slice-container__inner {
    transform: translateY(100%);
}
.slice-entrance-animation--slide.slice-entrance-animation--visible .slice-container__inner {
    animation: slice-entrance--slide-in 1.5s forwards;
    animation-delay: 100ms;
}
@keyframes slice-entrance--slide-in {
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}
@keyframes slice-entrance--fade-in {
    100% {
        opacity: 1;
    }
}

/* Some users feel sick during animations so turn off the animations for them */
@media (prefers-reduced-motion) {
    .slice-entrance-animation .slice-container__inner {
        transition: none;
        opacity: 1;
        animation: none;
        filter: none;
        transform: none;
    }
}

/*
    Slice Hover Animations
*/

.slice-hover-animation {
    overflow: hidden;
}
.slice-hover-animation .slice-container__inner {
    transition: all .5s ease-in-out;
}
.no-cssanimations .slice-hover-animation .slice-container__inner,
.no-cssanimations .slice-hover-animation:hover .slice-container__inner {
    transition: none;
    filter: none;
    transform: none;
}

/* Zoom Animation Specific Classes */
.slice-hover-animation--zoom:hover:not(.slice-entrance-animation--visible) .slice-container__inner {
    transform: scale(1.1);
}

/* Shrink Animation Specific Classes */
.slice-hover-animation--shrink:hover:not(.slice-entrance-animation--visible) .slice-container__inner {
    transform: scale(0.9);
}

/* Brighten Animation Specific Classes */
.slice-hover-animation--brighten:hover:not(.slice-entrance-animation--visible) .slice-container__inner {
    filter: brightness(120%);
}

/* Darken Animation Specific Classes */
.slice-hover-animation--darken:hover:not(.slice-entrance-animation--visible) .slice-container__inner {
    filter: brightness(60%);
}

/* Colorize Animation Specific Classes */
.slice-hover-animation--colorize .slice-container__inner {
    filter: saturate(40%);
}
.slice-hover-animation--colorize:hover:not(.slice-entrance-animation--visible) .slice-container__inner {
    filter: saturate(100%);
}

/* Decolorize Animation Specific Classes */
.slice-hover-animation--decolorize:hover:not(.slice-entrance-animation--visible) .slice-container__inner {
    filter: saturate(40%);
}

/* Tilt Left Animation Specific Classes */
.slice-hover-animation--tilt-left:hover:not(.slice-entrance-animation--visible) .slice-container__inner {
    transform: rotate(-6deg);
}

/* Tilt Right Animation Specific Classes */
.slice-hover-animation--tilt-right:hover:not(.slice-entrance-animation--visible) .slice-container__inner {
    transform: rotate(6deg);
}

@media (prefers-reduced-motion) {
    .slice-hover-animation .slice-container__inner,
    .slice-hover-animation:hover:not(.slice-entrance-animation--visible) .slice-container__inner {
        transition: none;
        filter: none;
        transform: none;
    }
}

.customer-hub-blocks {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 10px;
}
.customer-hub-block__body {
    display: block;
    height: 100%;
    text-decoration: none;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 10px;
    color: inherit;
    display: flex;
    transition: all .4s ease;
}
.customer-hub-block__body:hover {
    background-color: #DDD;
}
.customer-hub-block__icon {
    padding-right: 5px;
}
.customer-hub-block__title {
    font-weight: bold;
    margin: 0;
    font-size: 1.1em;
}
.customer-hub-block__text {
    margin: 5px 0 0 0;
    font-size: 0.9em;
}

@media screen and (min-width: 35.5em) {
    .customer-hub-blocks {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 10px;
    }
}

@media screen and (min-width: 64em) {
    .customer-hub-blocks {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Form Styling */
.rec-msg + .rec-track-order__form {
    margin-top: 1em;
}
.rec-track-order__form {
    display: flex;
}
.rec-track-order__span {
    display: flex;
    flex-direction: column;
    padding: 0 1em;
    justify-content: flex-end;
}
.rec-track-order__span--id {
    padding-left: 0;
}
.rec-track-order__span--submit {
    padding-right: 0;
}

/* Timeline Styling */
.rec-track-order__timeline-title {
    margin-top: 1em;
    margin-bottom: 0;
}
.rec-track-order__timeline-title span {
    font-weight: bold;
}
.rec-track-order__timeline-title a {
    margin-left: 1em;
}
.rec-track-order__timeline {
    position: relative;
    border-color: rgba(160, 175, 185, .15);
    padding: 1em;
    margin: 0 0 1em 0;
}
.rec-track-order__timeline-item {
    border-radius: 3px;
    position: relative;
    display: -ms-flexbox;
    display: flex
}
.rec-track-order__timeline-item > * {
    padding: 1em .5em;
}
.rec-track-order__timeline-item-dot {
    position: relative;
    border-color: #d9d9d9;
}
.rec-track-order__timeline-item-dot:after,
.rec-track-order__timeline-item-dot:before {
    content: '';
    position: absolute;
    border-color: inherit;
    border-width: 2px;
    border-style: solid;
    width: 10px;
    height: 10px;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #d9d9d9;
}
.rec-track-order__timeline-item-dot:after {
    width: 0;
    height: auto;
    top: 25px;
    bottom: -15px;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-radius: 0
}
.rec-track-order__timeline-item:last-child .rec-track-order__timeline-item-dot:after {
    display: none
}
.rec-track-order__timeline-item-date {
    font-size: small;
    margin-top: -5px;
}
.rec-track-order__timeline-item-title {
    margin: 5px 0 0 0;
    font-weight: bold;
}
.rec-track-order__timeline-item-products {
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none;
}
.rec-track-order__timeline-item-tracking {
    margin: 5px 0 0 0;
}
.modal-window-is-exit-popup .modal-window-inner {
    max-width: 64em;
}
.modal-window-is-exit-popup .modal-window-body {
    padding: 0;
}
#exit-popup-container {
    display: flex;
    flex-direction: column;
}

.exit-popup__close {
    margin-top: .5em;
    display: inline-block;
}

#exit-popup__image{
    flex-basis: 150px;
}
#exit-popup__image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#exit-popup__content {
    padding: 2em;
}
#exit-popup__content h1,
#exit-popup__content h2 {
    margin-top: 0;
}
#exit-popup__content .rec-form-header {
    display: none;
}
#exit-popup__content .rec-form-section {
    left: 0;
    padding: 0;
}
#exit-popup__content .rec-form-required-marker {
    display: none;
}
#exit-popup__content .rec-form label {
    width: 100%;
    font-weight: normal;
    padding: 0 0 5px 0;
}
#exit-popup__content .rec-form input[type="text"],
#exit-popup__content .rec-form input[type="email"] {
    max-width: 100%;
    width: 100%;
    margin: 0;
}
#exit-popup__content .rec-form input[type="submit"] {
    width: 100%;
    font-size: 1.4em;
}
#exit-popup__content .rec-form-footer-section,
#exit-popup__content .rec-form-button {
    margin: 0;
}

@media screen and (min-width: 48em) {
    #exit-popup-container {
        flex-direction: row;
    }
    #exit-popup__image,
    #exit-popup__content {
        flex-basis: 50%;
    }
    #exit-popup__content {
        padding: 5em 3em;
    }
}
.latest-news-app {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}

.latest-news-app__item {
    flex-basis: 100%;
}
@media screen and (min-width: 35.5em) {
    .latest-news-app__item {
        flex-basis: 50%;
    }
}
@media screen and (min-width: 48em) {
    .latest-news-app__item {
        flex-basis: 25%;
    }
}

.latest-news-app-item__author,
.latest-news-app-item__date {
    font-style: italic;
    font-size: 0.9em;
    margin: 0;
}
.latest-news-app-item__title {
    margin: 0;
}


















.firstfont-testimonials{
    font-size: 18px;
    color: #535353;
    letter-spacing: 1px;
    text-transform:uppercase;
    text-align:center;
    padding-top:4em;
}
.testimonial-home-hr{
    border-bottom: 4px solid #00541c;
    margin-top: 2em;
    width: 170px;
    margin: 0 auto;
}
.testimonial-home-text,
.testimonial-home-name,
.testimonial-home-company{
    text-align:center;
}
.testimonial-home-text p{
    text-align:center;
}
.testimonial-home-img{
    margin:0 auto;
    max-width:100px;
}
.testimonial-home-name{
    font-weight:400;
}
/* Arrows nav */
.owl-prev{
    float:left !important;
    margin-top:4px !important;
}
.owl-next{
    float:right !important;
    padding-top:3px;
}

/*Owl Carousel */
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display:block !important;
}
.owl-next{
    right:0;
}
.owl-prev{
    left:0;
}





body {
    overflow-x: hidden;
}

.counter { background-color: transparent; padding: 20px 0; border-radius: 5px; text-align: center;}
.count-title { font-size: 42px; font-weight: 300;  margin-top: 10px; margin-bottom: 0; text-align: center; }
.count-text { font-size: 20px; font-weight: 300;  margin-top: 10px; margin-bottom: 0; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table; color: white; } /* #6ba83a */

.counter-img {
    width: 32px;
    height: 30px;
    margin: 0 auto;
}

.counter {
    height: 100%;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    color: white !important;
}

.counter * {
    color: white !important;
}


.section4 {
    height: fit-content !important;
}

.signup-outer .center-content {
    padding: 4em 0 !important;
}

form#rec-form-LfpzEY5G8nwcUBye5Xi6 h2 {
    margin-bottom: 30px !important;
}

/* this file just loads the scss/site.scss file */
/* line 7, /views/rivendell/scss/base.scss */
html, button, input, select, textarea, .pure-g [class *= "pure-u"] {
  font-family: 'Lato', sans-serif; }

/* line 12, /views/rivendell/scss/base.scss */
.fa {
  font-family: "ForkAwesome", 'Lato', sans-serif; }

/* line 16, /views/rivendell/scss/base.scss */
body {
  color: #444;
  font-size: 15px;
  line-height: 1.5; }

/* line 23, /views/rivendell/scss/base.scss */
.layout-container-inner {
  max-width: 1190px; }

/* line 28, /views/rivendell/scss/base.scss */
h1, h2, h3, .h1, .h2, .h3 {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: #000000; }

/* line 36, /views/rivendell/scss/base.scss */
a {
  color: #00675b; }

/* line 7, /views/rivendell/scss/mixins.scss */
.generated_button, .rec-btn, .pagination a, button, input[type="submit"], input[type="button"], input[type="reset"] {
  background: #00675b;
  border: 1px solid #004e44;
  color: #FFFFFF; }

/* line 46, /views/rivendell/scss/base.scss */
.generated_button:hover, .rec-btn:hover, .pagination a:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
  background: #004e44;
  border: 1px solid #00342e; }

/* line 51, /views/rivendell/scss/base.scss */
.generated_button:active, .rec-btn:active, .pagination a:active, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
  background: #00342e;
  border: 1px solid #001b17; }

/* line 3, /views/rivendell/scss/layout/header.scss */
#header {
  background: #ffffff; }

/* split out for links (else ie7 wouldnt inherit it) */
/* line 11, /views/rivendell/scss/layout/header.scss */
.top-bar {
  background-color: #d8d8e6;
  text-align: center; }

/* line 15, /views/rivendell/scss/layout/header.scss */
.top-bar .layout-container-inner {
  padding: 0.5em; }

/* line 18, /views/rivendell/scss/layout/header.scss */
.top-bar, .top-bar a {
  color: #000000; }

/* line 22, /views/rivendell/scss/layout/header.scss */
.top-bar a {
  margin-right: 1em;
  text-decoration: none; }

/* line 26, /views/rivendell/scss/layout/header.scss */
.top-bar a:last-child {
  margin-right: 0; }

@media screen and (min-width: 48em) {
/* line 40, /views/rivendell/scss/mixins.scss */
/* line 30, /views/rivendell/scss/layout/header.scss */
  .top-bar-left {
    float: right; } }

/* line 37, /views/rivendell/scss/layout/header.scss */
#header {
  background: #ffffff; }

/* split out for links (else ie7 wouldnt inherit it) */
/* line 43, /views/rivendell/scss/layout/header.scss */
#header, #header .h1, #header .h2, #header .h3, #header a {
  color: #000000;
  text-decoration: none; }

/* line 53, /views/rivendell/scss/layout/header.scss */
.header-logo {
  display: block;
  text-align: center; }

/* line 58, /views/rivendell/scss/layout/header.scss */
.header-logo img {
  display: inline-block;
  background-position: center; }

/* line 62, /views/rivendell/scss/layout/header.scss */
.header-nav-icons {
  text-align: center; }

/* line 68, /views/rivendell/scss/layout/header.scss */
.header-phone, .header-email {
  word-break: break-word; }

@media screen and (min-width: 48em) {
/* line 77, /views/rivendell/scss/layout/header.scss */
  .header-logo, .header-nav-icons {
    text-align: left; }

/* line 83, /views/rivendell/scss/layout/header.scss */
  .header-logo {
    float: left; } }

/* line 4, /views/rivendell/scss/layout/header-nav.scss */
.nav-icon span {
  display: inline-block; }

/* line 9, /views/rivendell/scss/layout/header-nav.scss */
.nav li, .nav a {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

/* line 17, /views/rivendell/scss/layout/header-nav.scss */
#header nav ul {
  background-color: #e8e8e8; }

@media screen and (min-width: 48em) {
/* line 21, /views/rivendell/scss/layout/header-nav.scss */
  #header .nav {
    position: relative;
    right: 0;
    float: right;
    clear: none; }

/* line 29, /views/rivendell/scss/layout/header-nav.scss */
  #header nav > ul {
    background-color: transparent; }

/* line 34, /views/rivendell/scss/layout/header-nav.scss */
  .nav li ul ul {
    left: -100%; }

/* line 40, /views/rivendell/scss/layout/header-nav.scss */
  .nav-primary li:hover, .nav-primary li.is-focused, .nav-primary li.is-current {
    background: transparent; }

/* line 45, /views/rivendell/scss/layout/header-nav.scss */
  .nav-primary li:hover > a, .nav-primary li.is-focused > a, .nav-primary li.is-current > a {
    background-color: #6ba83a; }

/* line 53, /views/rivendell/scss/layout/header-nav.scss */
  .nav-primary > li:hover > a, .nav-primary > li.is-focused > a, .nav-primary > li.is-current > a {
    border-radius: 5px; }

/* line 58, /views/rivendell/scss/layout/header-nav.scss */
  #header .nav li ul {
    border: none; }

/* line 63, /views/rivendell/scss/layout/header-nav.scss */
  .nav-primary > li:hover > a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

/* line 67, /views/rivendell/scss/layout/header-nav.scss */
  .nav-primary > li:hover > a:only-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; } }

/* line 72, /views/rivendell/scss/layout/header-nav.scss */
.nav-primary {
  font-size: 13px;
  padding: 5px !important; }

/* line 76, /views/rivendell/scss/layout/header-nav.scss */
.fa fa-phone, .fa fa-envelope {
  color: #d9d9d9; }

/* line 82, /views/rivendell/scss/layout/header-nav.scss */
#header a:hover {
  color: white; }

/* line 2, /views/rivendell/scss/layout/middle.scss */
section {
  padding: 4em 0;
  width: 100%; }

/* line 8, /views/rivendell/scss/layout/middle.scss */
#middle {
  background: #FFFFFF; }

/* line 13, /views/rivendell/scss/layout/middle.scss */
#middle .layout-container-inner {
  background: transparent;
  padding: 4rem 0; }

/* line 18, /views/rivendell/scss/layout/middle.scss */
section .layout-container-inner {
  padding: 0px !important; }

/* line 25, /views/rivendell/scss/layout/middle.scss */
.rec-user-content-ckeditor img, .blog-content-block img {
  display: inline-block; }

/* line 31, /views/rivendell/scss/layout/middle.scss */
.rec-user-content-ckeditor img[style*="float: left;"], .blog-content-block img[style="float: left;"] {
  margin-right: 1em; }

/* line 35, /views/rivendell/scss/layout/middle.scss */
.rec-user-content-ckeditor img[style*="float: right;"], .blog-content-block img[style="float: right;"] {
  margin-left: 1em; }

/* line 39, /views/rivendell/scss/layout/middle.scss */
* {
  font-family: 'Lato', sans-serif;
  letter-spacing: 1px; }

/* line 46, /views/rivendell/scss/layout/middle.scss */
.firstfont {
  font-size: 18px;
  color: #535353;
  letter-spacing: 1px; }

/* line 51, /views/rivendell/scss/layout/middle.scss */
.firstfontp {
  color: #616161;
  letter-spacing: 1px; }

/* line 56, /views/rivendell/scss/layout/middle.scss */
.home-body-hr {
  border-bottom: 4px solid #00541c;
  margin-top: 2em;
  width: 18%; }

/* line 61, /views/rivendell/scss/layout/middle.scss */
.swan-home {
  margin: 0 auto; }

/* line 65, /views/rivendell/scss/layout/middle.scss */
.home-btn {
  background-color: #6aa933;
  padding: 6px 14px;
  position: absolute;
  border: 1px solid #6aa933;
  border-radius: 3px;
  color: #fff;
  text-transform: uppercase;
  width: 23%;
  height: 60px;
  text-decoration: none;
  text-align: center;
  padding-top: 17px; }

/* line 79, /views/rivendell/scss/layout/middle.scss */
.h-btn {
  padding-top: 90px; }

/* line 83, /views/rivendell/scss/layout/middle.scss */
.rec-btn.two {
  margin: 1rem 0; }

/* line 89, /views/rivendell/scss/layout/middle.scss */
.gallery-font {
  text-align: center; }

/* line 93, /views/rivendell/scss/layout/middle.scss */
.gallery-home-hr {
  border-bottom: 4px solid #00541c;
  margin-top: 2em;
  width: 100px;
  margin: 0 auto; }

/* line 99, /views/rivendell/scss/layout/middle.scss */
.galleryp-font {
  color: #fff;
  text-transform: uppercase;
  font-size: 20px; }

/* line 104, /views/rivendell/scss/layout/middle.scss */
.gallery-photo {
  padding-top: 2em; }

/* line 108, /views/rivendell/scss/layout/middle.scss */
.galleries-home {
  height: 18em;
  background-size: cover !important;
  background-repeat: no-repeat;
  width: 96%;
  position: relative;
  border-radius: 10px; }

/* line 116, /views/rivendell/scss/layout/middle.scss */
.inner-sector {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  top: 39%; }

/* line 126, /views/rivendell/scss/layout/middle.scss */
.firstfont-testimonials {
  padding: 0; }

/* line 132, /views/rivendell/scss/layout/middle.scss */
.section4 {
  background-image: url(/userfiles/images/sys/home_imgs/middle2.jpg);
  background-position: center;
  text-align: center;
  background-repeat: no-repeat; }

/* line 141, /views/rivendell/scss/layout/middle.scss */
.middle-font {
  color: #fff;
  letter-spacing: 1px;
  font-size: 16px !important;
  max-width: 600px;
  margin: 0 auto; }

/* line 148, /views/rivendell/scss/layout/middle.scss */
.topmiddle-font {
  font-size: 25px;
  color: #fff;
  letter-spacing: 1px; }

/* line 153, /views/rivendell/scss/layout/middle.scss */
a.rec-btn.three {
  width: 147px; }

/* line 157, /views/rivendell/scss/layout/middle.scss */
.section6 {
  width: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/userfiles/images/sys/home_imgs/footerbg.jpg');
  background-size: inherit;
  background-repeat: no-repeat;
  background-position: center;
  padding: 8em 0; }

/* line 167, /views/rivendell/scss/layout/middle.scss */
#header .layout-container-inner {
  padding: 15px;
  min-height: auto; }

/* line 172, /views/rivendell/scss/layout/middle.scss */
ul.nav-primary li.is-current > a {
  color: white !important; }

/* line 176, /views/rivendell/scss/layout/middle.scss */
.slider-inner h1, .slider-inner p {
  color: white; }

/* line 180, /views/rivendell/scss/layout/middle.scss */
header#header {
  box-shadow: 0 0 35px #0000001c;
  position: relative;
  z-index: 99; }

/* line 186, /views/rivendell/scss/layout/middle.scss */
h1.galleryp-font {
  font-weight: 400; }

/* line 190, /views/rivendell/scss/layout/middle.scss */
.section6 .rec-form-header {
  display: none; }

/* line 194, /views/rivendell/scss/layout/middle.scss */
.form-text {
  padding-left: 2em;
  padding-top: 5em;
  color: #fff; }

/* line 199, /views/rivendell/scss/layout/middle.scss */
.form-text h2 {
  color: #fff;
  font-weight: 400; }

/* line 203, /views/rivendell/scss/layout/middle.scss */
.form-wrap-home {
  padding-top: 8em;
  padding-left: 8em; }

/* line 209, /views/rivendell/scss/layout/middle.scss */
.rec-form-footer-section {
  float: right;
  margin: 0; }

/* line 216, /views/rivendell/scss/layout/middle.scss */
form#rec-form-LfpzEY5G8nwcUBye5Xi6 .rec-form-button {
  margin-top: 3px; }

/* line 219, /views/rivendell/scss/layout/middle.scss */
#rec-form-LfpzEY5G8nwcUBye5Xi6 fieldset {
  margin-top: 0px; }

/* line 224, /views/rivendell/scss/layout/middle.scss */
.pure-g.slider-contain {
  text-align: center;
  width: 100%;
  height: 65vh; }

/* line 230, /views/rivendell/scss/layout/middle.scss */
.pure-u-1-2.slider-inner {
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle; }

/* line 236, /views/rivendell/scss/layout/middle.scss */
.pure-g.slider-contain {
  display: table; }

/* line 240, /views/rivendell/scss/layout/middle.scss */
.slider-slides {
  bottom: unset !important; }

/* line 244, /views/rivendell/scss/layout/middle.scss */
.pure-u-1-2.slider-inner .rec-btn {
  margin-top: 0; }

/* line 248, /views/rivendell/scss/layout/middle.scss */
.slider-inner p {
  font-size: 1.2em;
  font-weight: bolder; }

@media (max-width: 767px) and (min-width: 320px) {
/* line 254, /views/rivendell/scss/layout/middle.scss */
  .form-wrap-home {
    padding-top: 0;
    padding-left: 0em; } }

/* line 262, /views/rivendell/scss/layout/middle.scss */
.inner-stoll {
  display: block;
  max-width: 35%;
  margin: 0 auto; }

@media (max-width: 767px) {
/* line 269, /views/rivendell/scss/layout/middle.scss */
  .top-bar-left a {
    display: block;
    padding: 2px; }

/* line 273, /views/rivendell/scss/layout/middle.scss */
  a.nav-icon.nav-toggle-icon {
    color: #056839 !important; }

/* line 276, /views/rivendell/scss/layout/middle.scss */
  .header-nav-icons {
    text-align: right; }

/* line 279, /views/rivendell/scss/layout/middle.scss */
  .nav li:hover, .nav li.is-focused, .nav li.is-current {
    background-color: #056838; }

/* line 282, /views/rivendell/scss/layout/middle.scss */
  #header nav ul {
    background: unset; }

/* line 285, /views/rivendell/scss/layout/middle.scss */
  #body_home .pure-g.slider-contain {
    height: auto;
    min-height: 300px; }

/* line 289, /views/rivendell/scss/layout/middle.scss */
  #body_home .slider-main-index .slider-slide-inner-container {
    padding: 0px;
    min-height: 350px; }

/* line 293, /views/rivendell/scss/layout/middle.scss */
  .pure-u-1-2.slider-inner {
    margin: 0 auto;
    display: block;
    width: 100%;
    padding: 1.5em; }

/* line 299, /views/rivendell/scss/layout/middle.scss */
  .home-body-hr {
    border-bottom: 4px solid #00541c;
    margin-top: 2em;
    width: 18%;
    margin: 0 auto;
    display: block; }

/* line 306, /views/rivendell/scss/layout/middle.scss */
  section {
    padding: 3em 2em;
    text-align: center; }

/* line 310, /views/rivendell/scss/layout/middle.scss */
  .section4 h1.topmiddle-font {
    margin-top: 0; }

/* line 313, /views/rivendell/scss/layout/middle.scss */
  .fa-angle-right:before, .fa-angle-left:before {
    display: none; }

/* line 316, /views/rivendell/scss/layout/middle.scss */
  .section6 {
    padding: 3em 2em; }

/* line 319, /views/rivendell/scss/layout/middle.scss */
  .form-text {
    padding-left: 0px; }

/* line 322, /views/rivendell/scss/layout/middle.scss */
  .signup-outer {
    display: none; }

/* line 325, /views/rivendell/scss/layout/middle.scss */
  form#rec-form-1 {
    max-width: 100% !important; }

/* line 328, /views/rivendell/scss/layout/middle.scss */
  .rec-form, .rec-generic-field {
    max-width: 100% !important; }

/* line 331, /views/rivendell/scss/layout/middle.scss */
  .inner-stoll {
    max-width: 100%; }

/* line 334, /views/rivendell/scss/layout/middle.scss */
  .nav-primary li ul li a {
    color: white !important; }

/* line 337, /views/rivendell/scss/layout/middle.scss */
  .service-page .rec-user-content.rec-user-content-ckeditor {
    padding: 0 2em; }

/* line 340, /views/rivendell/scss/layout/middle.scss */
  #middle .layout-container-inner {
    padding: 2em 0; }

/* line 343, /views/rivendell/scss/layout/middle.scss */
  a.nav-icon.nav-toggle-icon {
    display: block;
    margin-top: 1em;
    padding: 0px; }

/* line 348, /views/rivendell/scss/layout/middle.scss */
  .pad-right {
    padding-right: 0px !important; }

/* line 352, /views/rivendell/scss/layout/middle.scss */
  .testimonial-each.media-object div {
    display: block;
    width: 100%; }

/* line 356, /views/rivendell/scss/layout/middle.scss */
  .media-object-img img {
    display: block;
    margin: 0 auto;
    margin-bottom: 1em; }

/* line 361, /views/rivendell/scss/layout/middle.scss */
  main#main {
    padding: 0 2em; }

/* line 364, /views/rivendell/scss/layout/middle.scss */
  .service-page main#main {
    padding: 0; }

/* line 367, /views/rivendell/scss/layout/middle.scss */
  .contact-left {
    padding: 0 2em;
    margin: 0 auto; }

/* line 371, /views/rivendell/scss/layout/middle.scss */
  .contact-right {
    padding: 0 2em; }

/* line 374, /views/rivendell/scss/layout/middle.scss */
  a.rec-btn.two {
    width: 100% !important;
    margin: 10px 0 !important; }

/* line 378, /views/rivendell/scss/layout/middle.scss */
  .galleries-home {
    min-height: 250px;
    width: 100%; }

/* line 382, /views/rivendell/scss/layout/middle.scss */
  .gallery-image-polaroids .gallery-image {
    padding: 10px 0; } }

/* Footer */
/* line 3, /views/rivendell/scss/layout/footer.scss */
#footer {
  background-color: #e8e8e8;
  text-align: center; }

/* line 7, /views/rivendell/scss/layout/footer.scss */
#footer, #footer h1, #footer h2, #footer h3 {
  color: #000000; }

/* line 15, /views/rivendell/scss/layout/footer.scss */
.footer-social-links, .footer-copyright {
  background-color: transparent; }

/* line 20, /views/rivendell/scss/layout/footer.scss */
.footer-links, .footer-links li, .footer-links ul, .footer-links li a {
  display: inline-block; }

/* line 26, /views/rivendell/scss/layout/footer.scss */
.webdesigned {
  text-decoration: none; }

/* line 29, /views/rivendell/scss/layout/footer.scss */
#footer a {
  color: #000 !important; }

/* line 32, /views/rivendell/scss/layout/footer.scss */
#footer .fa {
  color: #aeaeae; }

/* line 35, /views/rivendell/scss/layout/footer.scss */
#footer .fa-inverse {
  color: #e8e8e8; }

/* line 4, /views/rivendell/scss/modules/modal.scss */
.modal-window-header {
  background-color: #00675b; }

/* line 9, /views/rivendell/scss/modules/modal.scss */
.modal-window-header, .modal-window-header-title, .modal-window-header-close {
  color: #FFFFFF; }

/* line 16, /views/rivendell/scss/modules/modal.scss */
.modal-window-body, .modal-window-body h1, .modal-window-body h2, .modal-window-body h3, .modal-window-body p {
  color: #000; }

/* line 6, /views/rivendell/scss/modules/header-search.scss */
#search-q {
  width: 20em;
  max-width: 100%;
  padding-right: 2.5em; }

/* line 12, /views/rivendell/scss/modules/header-search.scss */
.header-search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

/* line 20, /views/rivendell/scss/modules/header-search.scss */
.header-search button {
  width: 2.5em;
  position: relative;
  margin-left: -2.5em;
  background: transparent;
  border: none; }

/* line 28, /views/rivendell/scss/modules/header-search.scss */
.header-search button:before {
  color: #333; }
@media screen and (min-width: 35.5em) {
  .header-search button {
    text-indent: -100px; }

/* line 35, /views/rivendell/scss/modules/header-search.scss */
  .header-search button:before {
    margin-right: -150px; } }

/* line 2, /views/rivendell/scss/modules/nav-flexbox.scss */
@media screen and (min-width: 48em) {
/* line 4, /views/rivendell/scss/modules/nav-flexbox.scss */
  .flexbox .nav-flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around; }

/* line 11, /views/rivendell/scss/modules/nav-flexbox.scss */
  .flexbox .nav-flexbox li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s; } }

/* 
    Checkout Button
    - similar to default button, but a larger button at the bottom of the checkout screen
*/
/* line 6, /views/rivendell/scss/modules/checkout.scss */
.rec-body-checkoutlayout .order_checkout_button {
  background-color: #00675b;
  border: 4px solid #004e44; }

/* line 11, /views/rivendell/scss/modules/checkout.scss */
.rec-body-checkoutlayout .order_checkout_button .rec-body-checkoutlayout .order_checkout_button a, .order_checkout_button a:link, .rec-body-checkoutlayout .order_checkout_button .title, .rec-body-checkoutlayout .order_checkout_button .sub {
  color: #FFFFFF !important; }



/***** Home Buttons Section *****/


a.rec-btn.two:hover {
    background: white !important;
    color: #6ba83a !important;
    border: 1px solid #6ba83a !important;
    transition: 0.5s;
}

a.rec-btn.two {
    background: #6ba83a !important;
    width: 96%;
    text-align: center;
    padding: 20px;
    color: white !important;
    border: 1px solid white;
    border-radius: 6px;
    transition: 0.5s;
}

/**** Contact Us Page ****/

#body_contact .contact-user-content{
    float:right;
}

/* Galleries Page */
.gallery-photo-container{
    padding-top:2em;
}
.galleries-container{
    height:18em;
    background-size:cover;
    background-repeat:no-repeat;
    width:96%;
    position:relative;
    border-radius:10px;
}

/* Turf scape solutions page */
.turf-h1{
    text-transform:uppercase;
    letter-spacing:1px;
    color:#535353;
    font-size:18px;
    font-weight:bold;
}
.turf-hr{
    border-bottom:4px solid #00541c;
    margin-top:2em;
    width:100px;
    padding-left:4em;
}

/* Contact page */
.contact-hr{
    border-bottom:4px solid #00541c;
    margin-top:2em;
    width:100px;
    padding-left:2em;
}

.contact-left{
    margin-top:2.3em;
    padding-right: 1em;
}

.contact-left ul{
    padding-left:0;
    margin-bottom:3em;
    margin-top:2em;
}
.contact-decor{
    color:black;
    text-decoration:none;
    font-weight:400;
}
.contact-left li{
    color:black;
    list-style:none;
    margin-bottom:5px;
    font-size:18px;
    font-weight:300;
    letter-spacing:1px;
}

.contact-right{
    padding-left: 1em;
}
.rec-form-button-contact{
    width:100%;
    margin-top:10px;
    background-color:#69a933;
    border-radius:4px;
    border-color:#69a933;
}
@media (max-width:767px) and (min-width:320px){
    .contact-right{
        padding-left: 1em;
    }
    
    .desktop-anim {
        display: none;
    }
    
    .mob-anim {
        display: block;
    }
    
    
}


@media  (min-width: 768px){
    
    .desktop-anim {
        display: block;
    }

    .mob-anim {
        display: none;
    }
    
}
@media (max-width:767px) and (min-width:527px) {

.inner-stoll.hom {
    text-align: center;
    margin-top: -21em !important;
    position: absolute;
    color: white;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 80%;
    top: unset !important;
}




}

@media (max-width:526px) and (min-width:327px) {
    
    .ParallaxVideo video {
    min-width: 100%;
    position: relative !important;
    top: 0;
    z-index: -999;
}

.ParallaxVideo {
    height: 380px !important;
    padding-bottom: 50px;
    padding-top: 50px;
}

.inner-stoll.hom {
    text-align: center;
    margin-top: -21em !important;
    position: absolute;
    color: white;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 80%;
    top: unset !important;
}

.inner-stoll.hom  p {
    display: none;
}

.section6 {
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/userfiles/images/sys/home_imgs/footerbg.jpg);
    background-size: inherit;
    background-repeat: no-repeat;
    background-position: center;
    padding: 8em 0;
    background-attachment: fixed;
    padding-left: 1em !important;
    padding-right: 1em !important;
}

.vid {
    position: relative;
    max-height: 520px;
    min-width: 100%;
    object-fit: cover;
    width: 100%;
    z-index: -2;
    height: 400px;
    
}

}



#header, #header .h1, #header .h2, #header .h3, #header a {
    color: #231f20;
    text-decoration: none;
    font-size: 12px;
    text-transform:uppercase;
}

.top-bar, .top-bar a {
    color: #231f20;
    font-size: 12px;
}

.top-bar {
    background-color: #e8e8e8;
    text-align: center;
}


#header .nav li ul {
    border: none;
    border-radius: 5px !important;
}

.rec-btn {
    border-radius: 3px;
    color: #6ea93c !important;
    border: 1px solid #6ea93c !important;
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
}

.pad-right {
    padding-right: 4%;
}

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

.service-tu hr {
    display: block;
    margin: 0 auto;
    margin-bottom: 2em;
}

a.rec-btn.three:hover {
    border-color: white !important;
    color: white !important;
    background-color: #6ea93c !important;

}

section.section-serivce.section2 {
    background: #e8e8e8;
}

section.section-serivce.section2 .rec-btn.two {
    background: white !important;
    color: #00541c !important;
    border-color: #00541c !important;
}
section.section-serivce.section2 .rec-btn.two:hover {
    background: #69a933 !important;
    color: #ffffff !important;
    border-color: #00541b !important;
}

.galleryp-font {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}

.middle-font {
    color: #fff;
    letter-spacing: 1px;
    font-size: 16px !important;
    max-width: 600px;
    margin: 0 auto;
    font-weight: 300;
}

.testimonial-home-text, .testimonial-home-name, .testimonial-home-company {
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    max-width: 818px;
    margin: 0 auto;
    color:black;
}

.testimonial-home-img {
    margin: 0 auto;
    max-width: 100px;
    margin-bottom: 34px;
}

.generated_button:hover, .rec-btn:hover, .pagination a:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
    background: #6aa932;
    color: white;
}

.footer-address {
    
    font-size: 14px;
    font-weight: 300;
    
}

#footer {
    background-color: #e8e8e8;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    padding: 2rem 0;
}

.slider-slides {
    margin: 0px;
}

ul.slider-slides li {
    background-size: cover !important;
}

.form-text {
    padding-top: 0px !important;
}

.form-wrap-home {
    padding: 0px !important;
}

a.rec-btn.three {
    margin-top: 2rem;
}

.vid {
    position: relative;
    max-height: 520px;
    min-width: 100%;
    object-fit: cover;
    width: 100%;
    z-index: -2;
        filter: brightness(80%);
}

.inner-stoll.hom p {
    text-shadow: 1px 1px black;
}


.inner-stoll.hom h1 {
    color: white;
    text-shadow: 1px 1px black;
}


.inner-stoll.hom {
    text-align: center;
    position: absolute;
    color: white;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 19em;
}

.section4 {
    background-image: url(/userfiles/images/sys/home_imgs/middle2.jpg);
    background-position: center;
    text-align: center;
    background-repeat: no-repeat;
    height: 360px;
}

.section6 {
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/userfiles/images/sys/home_imgs/footerbg.jpg);
    background-size: inherit;
    background-repeat: no-repeat;
    background-position: center;
    padding: 8em 0;
    background-attachment: fixed;
}

.inner-sector {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    top: 43% !important;
}

.tile-home:hover h2 {
    padding-top: 75px;
    transition: 0.6s;
}


.tile-home {
    height: 15em;
    width: 96%;
    margin: 0 auto;
    text-align: center;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    background-repeat: no-repeat;
}

.tile-home h2 {
    transition: 0.6s;
    text-shadow: 0.5px 0.5px black;
    color: white;
    padding-top: 96px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
}

/**** PROJECT PAGES ****/

.proj-tile h2 {
    color: white;
    text-shadow: 0.5px 0.5px black;
    text-align: center;
    padding-top: 6em;
    text-transform: uppercase;
    transition: 0.5s;
}

.proj-tile:hover h2 {
    padding-top: 7.5em;
    transition: 0.5s;
}

.proj-tile {
    height: 20em;
    width: 98%;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    position: relative;
}

.main-img {
    height: 37em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 98%;
}

.before-car {
    height: 18em;
    background-size: cover;
    background-repeat: no-repeat;
}

.after-car {
    height: 18em;
    background-size: cover;
    background-repeat: no-repeat;
}

#info-page .owl-nav {
    margin-top: -4em !important;
    z-index: 99999 !important;
    position: absolute;
    width: 100%;
}

#info-page .owl-next {
    background: white !important;
}

#info-page .owl-next .fa.fa-angle-right {
    color: #076839 !important;
    font-size: 20px;
}

#info-page .owl-prev .fa.fa-angle-left {
    color: #076839 !important;
    font-size: 20px;
}

#info-page .owl-prev {
    background: white !important;
}

.top-bar {
    background-color: #e8e8e8;
    text-align: center;
    position: sticky;
    z-index: 99999;
    width: 100%;
    top: 0;
}

.before {
    position: relative;
    margin-top: 21px;
    margin-bottom: -7px;
}

.before h2 {
    position: absolute;
    z-index: 10;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    color: white;
    font-size: 30px;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
    padding-top: 209px;
    width: 150px;
}

.main-img h1 {
    text-align: center;
    color: white;
    text-shadow: 1px 1px black;
    text-transform: uppercase;
    padding-top: 490px;
}

.text-cont h1 {
    font-size: 20px;
    text-transform: uppercase;
}

.text-cont hr {
    border-bottom: 2px solid #046739;
    width: 260px;
}

.text-cont {
    margin-top: 2em;
    margin-bottom: 3em;
}

#info-page a {
    color: white;
    background: #046739;
    text-decoration: none;
    padding: 15px 25px;
}

.ParallaxVideo {
    height: 570px;
    padding-bottom: 50px;
    padding-top: 50px;
}

.ParallaxVideo video {
    min-width: 100%;
    position: fixed;
    top: 0;
    z-index: -999;
}

.hire span {
    padding-left: 11px;
}

.hire h1 {
    padding-left: 10px;
    font-size: 24px;
}

.hire {
    border: 2px solid #d6d6d6;
    width: 97%;
    margin-bottom: 1em;
}

.hire .img {
    width: 100%;
    height: 17em;
    background-size: cover;
    background-position: center;
}

a.hire-info {
    width: 100%;
    display: block;
    text-align: center;
    background: #69a833;
    color: white;
    text-decoration: none;
    padding: 12px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 12px;
}

.specs ul {
    padding-left: 20px;
}

.img-inner {
    height: 25em;
    width: 95%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.info {
    margin-top: 2.5em;
}

/*.swnbg {
    background-image: url(/userfiles/images/swan.png);
    background-repeat: no-repeat;
    background-size: 120px;
    background-position-x: right;
}*/


.project-image {
    width: 95%;
    height: 12em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 20px;
}

.sml-img {
    width: 48%;
    margin-bottom: 4px;
    display: inline-block;
}

.product-info-image {
    padding-right: 12px;
}

.forseo {
    display: none;
}

#header .nav {
    position: relative;
    right: 0;
    float: none !important;
    clear: none;
    text-align: center;
}

.header-logo {
    float: none !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center !important;
}

.sml-img {
    width: 48%;
    margin-bottom: 4px;
    display: inline-block;
    height: 214px;
}

.team-im {
    background-repeat: no-repeat;
    background-position: left;
    height: 15em;
    background-size: cover;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.team hr {
    border-bottom: 4px solid #00541c;
    margin-top: 1em;
    width: 100px;
    padding-left: 4em;
}

.team {
    width: 96%;
    margin-bottom: 3em;
    height: 460px;
    box-shadow: 0px 3px 17px #eaeaea;
    border-radius: 7px;
}



#main_app_id_74 {
    margin-top: 4em;
}

.team div {
    padding-left: 10px;
    padding-right: 10px;
}

.team h2 {
    font-weight: 400;
    margin-bottom: 0px;
}

.team span {
    font-size: 16px;
    color: #6ba839;
}

.fb-page {
    margin-left: 10em;
}

.prods a {
    background: #6ba83a !important;
    width: 8em !important;
    text-align: center;
    padding: 20px;
    color: white !important;
    border: 1px solid white;
    border-radius: 6px;
    transition: 0.5s;
    text-decoration: none;
}

.prods p {
    margin-bottom: 3em;
}