@charset "UTF-8";
/* Master Imports
======================================================================================= */
/* 1. Sequence Specific
=================================================================== */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

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

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

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

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

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

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

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

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

td,
th {
  padding: 0; }

/* Grid Settings
======================================================================================= */
/* 1. Neat Settings
=================================================================== */
/* 2. Neat Settings
=================================================================== */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Version 0.5

Rotate method is the vertical hamburger.

The second method animates to X. You need a span tag inside your anchor.
e.g. <a href="#" data-action="toggle-menu"><span></span></a>

*/
/* $nth is the omega child you're trying to reset (3n for example)*/
/* $cols is the new number of cols; needed to correct flex-gutter() */
/* example:
	div{
		@include span-columns(2 of 8);
		@include omega(4n);
	}
	@include media($tablet){
		@include omega-reset(4n, 6);
		@include span-columns(2 of 6);
		@include omega(3n);
	}
*/
/**
 * Standard eCommerce style.
 * 
 * @author Rahman McGinnis
 * @version 0.1
 */
/*
 * 1. Catalog
 * 2. Single Produce
 * 3. Cart
 * 4. Checkout
 */
/**
 * News / Blog style.
 * 
 * @author Nate Walls
 * @author Rahman McGinnis
 * @version 0.2
 */
/*
 * 1. News Overview
 * 2. Single Produce
 * 3. Cart
 * 4. Checkout
 */
/* 1. News Overview
======================================================================================= */
/*
 *	$Columns: Number of columns the overview is to take. (Only used when $DateDisplay is "block")
 *	$Layout	: general layout definitions based off the position of the date.
 *		"default"			: RMS (http://www.consultrms.com/News)
 *	 	"block-left"		: Kelley Bees (http://www.kelleybees.com/articles)
 *		"inline"			: Huber's (http://joehubers.com/news/)
 *		"inline-right"		: CRC (http://www.claimsreviewcorp.staging01.spiiider.com/News)
 *
 * $ReadMorePosition : "block" to position the link below the description, "inline" to position it immediately after.
 */
/* 2. News Article
======================================================================================= */
@-ms-viewport {
  width: device-width; }
.hp {
  position: fixed;
  top: 200%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

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

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

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

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

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

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

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

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

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

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

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

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

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

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* Global Variables
======================================================================================= */
/* 
 * style.scss
 * Compile-to: /res/css/style.css
 * 		
 *	1. Colors
 *	2. General
 *		2.1 General > Specific
 */
/* 1. Colors
=================================================================== */
/* Products */
/* 2. General
=================================================================== */
/* 2.1 General > Specific
------------------------------------------------------------------- */
/* Typography
======================================================================================= */
/* 1. Fonts
=================================================================== */
@font-face {
  font-family: 'Lora';
  src: url("/res/fonts/lora-regular-webfont.eot");
  src: url("/res/fonts/lora-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/res/fonts/lora-regular-webfont.woff2") format("woff2"), url("/res/fonts/lora-regular-webfont.woff") format("woff"), url("/res/fonts/lora-regular-webfont.ttf") format("truetype"), url("/res/fonts/lora-regular-webfont.svg#loraregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Lora';
  src: url("/res/fonts/lora-bold-webfont.eot");
  src: url("/res/fonts/lora-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/res/fonts/lora-bold-webfont.woff2") format("woff2"), url("/res/fonts/lora-bold-webfont.woff") format("woff"), url("/res/fonts/lora-bold-webfont.ttf") format("truetype"), url("/res/fonts/lora-bold-webfont.svg#lorabold") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Lora';
  src: url("/res/fonts/lora-bolditalic-webfont.eot");
  src: url("/res/fonts/lora-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("/res/fonts/lora-bolditalic-webfont.woff2") format("woff2"), url("/res/fonts/lora-bolditalic-webfont.woff") format("woff"), url("/res/fonts/lora-bolditalic-webfont.ttf") format("truetype"), url("/res/fonts/lora-bolditalic-webfont.svg#lorabold_italic") format("svg");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: 'Lora';
  src: url("/res/fonts/lora-italic-webfont.eot");
  src: url("/res/fonts/lora-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/res/fonts/lora-italic-webfont.woff2") format("woff2"), url("/res/fonts/lora-italic-webfont.woff") format("woff"), url("/res/fonts/lora-italic-webfont.ttf") format("truetype"), url("/res/fonts/lora-italic-webfont.svg#loraitalic") format("svg");
  font-weight: normal;
  font-style: italic; }
/*
* Symbolset
* www.symbolset.com
* Copyright © 2012 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-FONTNAME.css" rel="stylesheet" />
*/
@font-face {
  font-family: "SSSocial";
  src: url("/res/fonts/ss-social-regular.eot");
  src: url("/res/fonts/ss-social-regular.eot?#iefix") format("embedded-opentype"), url("/res/fonts/ss-social-regular.woff") format("woff"), url("/res/fonts/ss-social-regular.ttf") format("truetype"), url("/res/fonts/ss-social-regular.svg#SSSocialRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "SSSocial";
  src: url("/res/fonts/ss-social-circle.eot");
  src: url("/res/fonts/ss-social-circle.eot?#iefix") format("embedded-opentype"), url("/res/fonts/ss-social-circle.woff") format("woff"), url("/res/fonts/ss-social-circle.ttf") format("truetype"), url("/res/fonts/ss-social-circle.svg#SSSocialCircle") format("svg");
  font-weight: bold;
  font-style: normal; }
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"] {
  -ms-zoom: 1; }

.ss-icon, .ss-icon.ss-social, .ss-icon.ss-social-circle,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"][class*=" ss-social"]:before, [class*=" ss-"][class*=" ss-social"]:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"][class*=" ss-social"].right:after, [class*=" ss-"][class*=" ss-social"].right:after {
  font-family: "SSSocial";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased; }

.ss-icon.ss-social-circle,
[class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before,
[class^="ss-"].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle.right:after {
  font-weight: bold; }

[class^="ss-"].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: ''; }

.ss-facebook:before, .ss-facebook.right:after {
  content: ''; }

.ss-twitter:before, .ss-twitter.right:after {
  content: ''; }

.ss-linkedin:before, .ss-linkedin.right:after {
  content: ''; }

.ss-googleplus:before, .ss-googleplus.right:after {
  content: ''; }

.ss-appdotnet:before, .ss-appdotnet.right:after {
  content: ''; }

.ss-zerply:before, .ss-zerply.right:after {
  content: ''; }

.ss-reddit:before, .ss-reddit.right:after {
  content: ''; }

.ss-tumblr:before, .ss-tumblr.right:after {
  content: ''; }

.ss-wordpress:before, .ss-wordpress.right:after {
  content: ''; }

.ss-blogger:before, .ss-blogger.right:after {
  content: ''; }

.ss-posterous:before, .ss-posterous.right:after {
  content: ''; }

.ss-youtube:before, .ss-youtube.right:after {
  content: ''; }

.ss-vimeo:before, .ss-vimeo.right:after {
  content: ''; }

.ss-flickr:before, .ss-flickr.right:after {
  content: ''; }

.ss-instagram:before, .ss-instagram.right:after {
  content: ''; }

.ss-fivehundredpx:before, .ss-fivehundredpx.right:after {
  content: ''; }

.ss-pinterest:before, .ss-pinterest.right:after {
  content: ''; }

.ss-svpply:before, .ss-svpply.right:after {
  content: ''; }

.ss-readmill:before, .ss-readmill.right:after {
  content: ''; }

.ss-dropbox:before, .ss-dropbox.right:after {
  content: ''; }

.ss-pinboard:before, .ss-pinboard.right:after {
  content: ''; }

.ss-dribbble:before, .ss-dribbble.right:after {
  content: ''; }

.ss-behance:before, .ss-behance.right:after {
  content: ''; }

.ss-github:before, .ss-github.right:after {
  content: ''; }

.ss-octocat:before, .ss-octocat.right:after {
  content: ''; }

.ss-stackoverflow:before, .ss-stackoverflow.right:after {
  content: ''; }

.ss-paypal:before, .ss-paypal.right:after {
  content: ''; }

.ss-kickstarter:before, .ss-kickstarter.right:after {
  content: ''; }

.ss-foursquare:before, .ss-foursquare.right:after {
  content: ''; }

.ss-yelp:before, .ss-yelp.right:after {
  content: ''; }

.ss-skype:before, .ss-skype.right:after {
  content: ''; }

.ss-rdio:before, .ss-rdio.right:after {
  content: ''; }

.ss-spotify:before, .ss-spotify.right:after {
  content: ''; }

.ss-lastfm:before, .ss-lastfm.right:after {
  content: ''; }

.ss-soundcloud:before, .ss-soundcloud.right:after {
  content: ''; }

.ss-mail:before, .ss-mail.right:after {
  content: '✉'; }

.ss-like:before, .ss-like.right:after {
  content: '👍'; }

.ss-rss:before, .ss-rss.right:after {
  content: ''; }

.ss-share:before, .ss-share.right:after {
  content: ''; }

.ss-apple:before, .ss-apple.right:after {
  content: ''; }

.ss-microsoft:before, .ss-microsoft.right:after {
  content: ''; }

.ss-windows:before, .ss-windows.right:after {
  content: ''; }

.ss-android:before, .ss-android.right:after {
  content: ''; }

.ss-blackberry:before, .ss-blackberry.right:after {
  content: ''; }

/*
* Symbolset
* www.symbolset.com
* Copyright © 2012 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-pika.css" rel="stylesheet" />
*/
@font-face {
  font-family: "SSPika";
  src: url("/res/fonts/ss-pika.eot");
  src: url("/res/fonts/ss-pika.eot?#iefix") format("embedded-opentype"), url("/res/fonts/ss-pika.woff") format("woff"), url("/res/fonts/ss-pika.ttf") format("truetype"), url("/res/fonts/ss-pika.svg#SSPika") format("svg");
  font-weight: normal;
  font-style: normal; }
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"] {
  -ms-zoom: 1; }

.ss-icon, .ss-icon.ss-pika,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-pika:before, [class*=" ss-"].ss-pika:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-pika.right:after, [class*=" ss-"].ss-pika.right:after {
  font-family: "SSPika";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased; }

[class^="ss-"].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: ''; }

.ss-cursor:before, .ss-cursor.right:after {
  content: ''; }

.ss-crosshair:before, .ss-crosshair.right:after {
  content: '⌖'; }

.ss-search:before, .ss-search.right:after {
  content: '🔎'; }

.ss-zoomin:before, .ss-zoomin.right:after {
  content: ''; }

.ss-zoomout:before, .ss-zoomout.right:after {
  content: ''; }

.ss-screenshot:before, .ss-screenshot.right:after {
  content: ''; }

.ss-binoculars:before, .ss-binoculars.right:after {
  content: ''; }

.ss-view:before, .ss-view.right:after {
  content: '👀'; }

.ss-attach:before, .ss-attach.right:after {
  content: '📎'; }

.ss-link:before, .ss-link.right:after {
  content: '🔗'; }

.ss-move:before, .ss-move.right:after {
  content: ''; }

.ss-write:before, .ss-write.right:after {
  content: '✎'; }

.ss-writingdisabled:before, .ss-writingdisabled.right:after {
  content: ''; }

.ss-erase:before, .ss-erase.right:after {
  content: '✐'; }

.ss-compose:before, .ss-compose.right:after {
  content: '📝'; }

.ss-draw:before, .ss-draw.right:after {
  content: '✏'; }

.ss-lock:before, .ss-lock.right:after {
  content: '🔒'; }

.ss-unlock:before, .ss-unlock.right:after {
  content: '🔓'; }

.ss-key:before, .ss-key.right:after {
  content: '🔑'; }

.ss-backspace:before, .ss-backspace.right:after {
  content: '⌫'; }

.ss-ban:before, .ss-ban.right:after {
  content: '🚫'; }

.ss-nosmoking:before, .ss-nosmoking.right:after {
  content: '🚭'; }

.ss-trash:before, .ss-trash.right:after {
  content: ''; }

.ss-target:before, .ss-target.right:after {
  content: '◎'; }

.ss-new:before, .ss-new.right:after {
  content: '🆕'; }

.ss-tag:before, .ss-tag.right:after {
  content: ''; }

.ss-pricetag:before, .ss-pricetag.right:after {
  content: ''; }

.ss-flowertag:before, .ss-flowertag.right:after {
  content: ''; }

.ss-bookmark:before, .ss-bookmark.right:after {
  content: '🔖'; }

.ss-flag:before, .ss-flag.right:after {
  content: '⚑'; }

.ss-like:before, .ss-like.right:after {
  content: '👍'; }

.ss-dislike:before, .ss-dislike.right:after {
  content: '👎'; }

.ss-heart:before, .ss-heart.right:after {
  content: '♥'; }

.ss-halfheart:before, .ss-halfheart.right:after {
  content: ''; }

.ss-emptyheart:before, .ss-emptyheart.right:after {
  content: '♡'; }

.ss-star:before, .ss-star.right:after {
  content: '⋆'; }

.ss-halfstar:before, .ss-halfstar.right:after {
  content: ''; }

.ss-medal:before, .ss-medal.right:after {
  content: ''; }

.ss-ribbon:before, .ss-ribbon.right:after {
  content: '🎀'; }

.ss-bullseye:before, .ss-bullseye.right:after {
  content: '🎯'; }

.ss-sample:before, .ss-sample.right:after {
  content: ''; }

.ss-crop:before, .ss-crop.right:after {
  content: ''; }

.ss-layers:before, .ss-layers.right:after {
  content: ''; }

.ss-gridlines:before, .ss-gridlines.right:after {
  content: ''; }

.ss-pen:before, .ss-pen.right:after {
  content: '✒'; }

.ss-feather:before, .ss-feather.right:after {
  content: ''; }

.ss-rubbereraser:before, .ss-rubbereraser.right:after {
  content: ''; }

.ss-paintroller:before, .ss-paintroller.right:after {
  content: ''; }

.ss-rubberstamp:before, .ss-rubberstamp.right:after {
  content: ''; }

.ss-checkclipboard:before, .ss-checkclipboard.right:after {
  content: ''; }

.ss-linechartclipboard:before, .ss-linechartclipboard.right:after {
  content: ''; }

.ss-clockwise:before, .ss-clockwise.right:after {
  content: '⥁'; }

.ss-phone:before, .ss-phone.right:after {
  content: '📞'; }

.ss-phonedisabled:before, .ss-phonedisabled.right:after {
  content: ''; }

.ss-headset:before, .ss-headset.right:after {
  content: ''; }

.ss-megaphone:before, .ss-megaphone.right:after {
  content: '📢'; }

.ss-rss:before, .ss-rss.right:after {
  content: ''; }

.ss-facetime:before, .ss-facetime.right:after {
  content: ''; }

.ss-reply:before, .ss-reply.right:after {
  content: '↩'; }

.ss-send:before, .ss-send.right:after {
  content: ''; }

.ss-mail:before, .ss-mail.right:after {
  content: '✉'; }

.ss-inbox:before, .ss-inbox.right:after {
  content: '📥'; }

.ss-outbox:before, .ss-outbox.right:after {
  content: '📤'; }

.ss-wifimail:before, .ss-wifimail.right:after {
  content: ''; }

.ss-chat:before, .ss-chat.right:after {
  content: '💬'; }

.ss-user:before, .ss-user.right:after {
  content: '👤'; }

.ss-femaleuser:before, .ss-femaleuser.right:after {
  content: '👧'; }

.ss-users:before, .ss-users.right:after {
  content: '👥'; }

.ss-usergroup:before, .ss-usergroup.right:after {
  content: ''; }

.ss-adduser:before, .ss-adduser.right:after {
  content: ''; }

.ss-removeuser:before, .ss-removeuser.right:after {
  content: ''; }

.ss-deleteuser:before, .ss-deleteuser.right:after {
  content: ''; }

.ss-userprofile:before, .ss-userprofile.right:after {
  content: ''; }

.ss-businessuser:before, .ss-businessuser.right:after {
  content: ''; }

.ss-cart:before, .ss-cart.right:after {
  content: ''; }

.ss-addcart:before, .ss-addcart.right:after {
  content: ''; }

.ss-removecart:before, .ss-removecart.right:after {
  content: ''; }

.ss-deletecart:before, .ss-deletecart.right:after {
  content: ''; }

.ss-downloadcart:before, .ss-downloadcart.right:after {
  content: ''; }

.ss-emptycart:before, .ss-emptycart.right:after {
  content: ''; }

.ss-basket:before, .ss-basket.right:after {
  content: ''; }

.ss-gift:before, .ss-gift.right:after {
  content: '🎁'; }

.ss-apple:before, .ss-apple.right:after {
  content: '🍏'; }

.ss-cashregister:before, .ss-cashregister.right:after {
  content: ''; }

.ss-store:before, .ss-store.right:after {
  content: '🏬'; }

.ss-searchbarcode:before, .ss-searchbarcode.right:after {
  content: ''; }

.ss-notepad:before, .ss-notepad.right:after {
  content: ''; }

.ss-creditcard:before, .ss-creditcard.right:after {
  content: '💳'; }

.ss-safe:before, .ss-safe.right:after {
  content: ''; }

.ss-digitalsafe:before, .ss-digitalsafe.right:after {
  content: ''; }

.ss-atm:before, .ss-atm.right:after {
  content: '🏧'; }

.ss-dispensecash:before, .ss-dispensecash.right:after {
  content: ''; }

.ss-banknote:before, .ss-banknote.right:after {
  content: '💵'; }

.ss-coins:before, .ss-coins.right:after {
  content: ''; }

.ss-bankcheck:before, .ss-bankcheck.right:after {
  content: ''; }

.ss-piggybank:before, .ss-piggybank.right:after {
  content: ''; }

.ss-moneybag:before, .ss-moneybag.right:after {
  content: '💰'; }

.ss-tip:before, .ss-tip.right:after {
  content: ''; }

.ss-calculator:before, .ss-calculator.right:after {
  content: ''; }

.ss-percent:before, .ss-percent.right:after {
  content: '%'; }

.ss-bank:before, .ss-bank.right:after {
  content: '🏦'; }

.ss-scales:before, .ss-scales.right:after {
  content: '⚖'; }

.ss-piechart:before, .ss-piechart.right:after {
  content: ''; }

.ss-piechartthirds:before, .ss-piechartthirds.right:after {
  content: ''; }

.ss-barchart:before, .ss-barchart.right:after {
  content: '📊'; }

.ss-upwardsbarchart:before, .ss-upwardsbarchart.right:after {
  content: ''; }

.ss-downwardsbarchart:before, .ss-downwardsbarchart.right:after {
  content: ''; }

.ss-horizontalbarchart:before, .ss-horizontalbarchart.right:after {
  content: ''; }

.ss-analytics:before, .ss-analytics.right:after {
  content: ''; }

.ss-upwardslinechart:before, .ss-upwardslinechart.right:after {
  content: '📈'; }

.ss-downwardslinechart:before, .ss-downwardslinechart.right:after {
  content: '📉'; }

.ss-linecharts:before, .ss-linecharts.right:after {
  content: ''; }

.ss-scatterchart:before, .ss-scatterchart.right:after {
  content: ''; }

.ss-stock:before, .ss-stock.right:after {
  content: ''; }

.ss-form:before, .ss-form.right:after {
  content: ''; }

.ss-box:before, .ss-box.right:after {
  content: '📦'; }

.ss-crate:before, .ss-crate.right:after {
  content: ''; }

.ss-deliveryvan:before, .ss-deliveryvan.right:after {
  content: ''; }

.ss-deliverytruck:before, .ss-deliverytruck.right:after {
  content: ''; }

.ss-forklift:before, .ss-forklift.right:after {
  content: ''; }

.ss-cargoship:before, .ss-cargoship.right:after {
  content: ''; }

.ss-hook:before, .ss-hook.right:after {
  content: ''; }

.ss-weight:before, .ss-weight.right:after {
  content: ''; }

.ss-containers:before, .ss-containers.right:after {
  content: ''; }

.ss-fragile:before, .ss-fragile.right:after {
  content: ''; }

.ss-thissideup:before, .ss-thissideup.right:after {
  content: ''; }

.ss-home:before, .ss-home.right:after {
  content: '⌂'; }

.ss-building:before, .ss-building.right:after {
  content: '🏢'; }

.ss-lodging:before, .ss-lodging.right:after {
  content: '🏨'; }

.ss-earth:before, .ss-earth.right:after {
  content: '🌎'; }

.ss-globe:before, .ss-globe.right:after {
  content: '🌐'; }

.ss-garage:before, .ss-garage.right:after {
  content: ''; }

.ss-warehouse:before, .ss-warehouse.right:after {
  content: ''; }

.ss-floorplan:before, .ss-floorplan.right:after {
  content: ''; }

.ss-address:before, .ss-address.right:after {
  content: ''; }

.ss-searchhouse:before, .ss-searchhouse.right:after {
  content: ''; }

.ss-housesale:before, .ss-housesale.right:after {
  content: ''; }

.ss-navigate:before, .ss-navigate.right:after {
  content: ''; }

.ss-compass:before, .ss-compass.right:after {
  content: ''; }

.ss-signpost:before, .ss-signpost.right:after {
  content: ''; }

.ss-map:before, .ss-map.right:after {
  content: ''; }

.ss-gps:before, .ss-gps.right:after {
  content: ''; }

.ss-compassnavigate:before, .ss-compassnavigate.right:after {
  content: ''; }

.ss-compassarrow:before, .ss-compassarrow.right:after {
  content: ''; }

.ss-location:before, .ss-location.right:after {
  content: ''; }

.ss-pin:before, .ss-pin.right:after {
  content: '📍'; }

.ss-pushpin:before, .ss-pushpin.right:after {
  content: '📌'; }

.ss-maplocation:before, .ss-maplocation.right:after {
  content: ''; }

.ss-globelocation:before, .ss-globelocation.right:after {
  content: ''; }

.ss-puzzle:before, .ss-puzzle.right:after {
  content: ''; }

.ss-floppydisk:before, .ss-floppydisk.right:after {
  content: '💾'; }

.ss-firewall:before, .ss-firewall.right:after {
  content: ''; }

.ss-database:before, .ss-database.right:after {
  content: ''; }

.ss-hdd:before, .ss-hdd.right:after {
  content: ''; }

.ss-music:before, .ss-music.right:after {
  content: '♫'; }

.ss-eighthnote:before, .ss-eighthnote.right:after {
  content: '♪'; }

.ss-mic:before, .ss-mic.right:after {
  content: '🎤'; }

.ss-volume:before, .ss-volume.right:after {
  content: '🔈'; }

.ss-lowvolume:before, .ss-lowvolume.right:after {
  content: '🔉'; }

.ss-highvolume:before, .ss-highvolume.right:after {
  content: '🔊'; }

.ss-radio:before, .ss-radio.right:after {
  content: '📻'; }

.ss-stereo:before, .ss-stereo.right:after {
  content: ''; }

.ss-airplay:before, .ss-airplay.right:after {
  content: ''; }

.ss-vinylrecord:before, .ss-vinylrecord.right:after {
  content: ''; }

.ss-disc:before, .ss-disc.right:after {
  content: '💿'; }

.ss-camera:before, .ss-camera.right:after {
  content: '📷'; }

.ss-picture:before, .ss-picture.right:after {
  content: '🌄'; }

.ss-video:before, .ss-video.right:after {
  content: '📹'; }

.ss-playvideo:before, .ss-playvideo.right:after {
  content: ''; }

.ss-play:before, .ss-play.right:after {
  content: '▶'; }

.ss-pause:before, .ss-pause.right:after {
  content: ''; }

.ss-stop:before, .ss-stop.right:after {
  content: '■'; }

.ss-record:before, .ss-record.right:after {
  content: '●'; }

.ss-rewind:before, .ss-rewind.right:after {
  content: '⏪'; }

.ss-fastforward:before, .ss-fastforward.right:after {
  content: '⏩'; }

.ss-skipback:before, .ss-skipback.right:after {
  content: '⏮'; }

.ss-skipforward:before, .ss-skipforward.right:after {
  content: '⏭'; }

.ss-eject:before, .ss-eject.right:after {
  content: '⏏'; }

.ss-repeat:before, .ss-repeat.right:after {
  content: '🔁'; }

.ss-replay:before, .ss-replay.right:after {
  content: '↺'; }

.ss-shuffle:before, .ss-shuffle.right:after {
  content: '🔀'; }

.ss-index:before, .ss-index.right:after {
  content: ''; }

.ss-page:before, .ss-page.right:after {
  content: ''; }

.ss-book:before, .ss-book.right:after {
  content: '📕'; }

.ss-books:before, .ss-books.right:after {
  content: '📚'; }

.ss-openbook:before, .ss-openbook.right:after {
  content: '📖'; }

.ss-heartbook:before, .ss-heartbook.right:after {
  content: ''; }

.ss-downloadbook:before, .ss-downloadbook.right:after {
  content: ''; }

.ss-musicopenbook:before, .ss-musicopenbook.right:after {
  content: ''; }

.ss-searchbook:before, .ss-searchbook.right:after {
  content: ''; }

.ss-notebook:before, .ss-notebook.right:after {
  content: '📓'; }

.ss-newspaper:before, .ss-newspaper.right:after {
  content: '📰'; }

.ss-notice:before, .ss-notice.right:after {
  content: ''; }

.ss-rows:before, .ss-rows.right:after {
  content: ''; }

.ss-columns:before, .ss-columns.right:after {
  content: ''; }

.ss-thumbnails:before, .ss-thumbnails.right:after {
  content: ''; }

.ss-pagecurl:before, .ss-pagecurl.right:after {
  content: ''; }

.ss-desktop:before, .ss-desktop.right:after {
  content: '💻'; }

.ss-laptop:before, .ss-laptop.right:after {
  content: ''; }

.ss-tablet:before, .ss-tablet.right:after {
  content: ''; }

.ss-smartphone:before, .ss-smartphone.right:after {
  content: ''; }

.ss-cell:before, .ss-cell.right:after {
  content: '📱'; }

.ss-walkytalky:before, .ss-walkytalky.right:after {
  content: ''; }

.ss-ereader:before, .ss-ereader.right:after {
  content: ''; }

.ss-ebook:before, .ss-ebook.right:after {
  content: ''; }

.ss-wifibook:before, .ss-wifibook.right:after {
  content: ''; }

.ss-wifiopenbook:before, .ss-wifiopenbook.right:after {
  content: ''; }

.ss-battery:before, .ss-battery.right:after {
  content: '🔋'; }

.ss-highbattery:before, .ss-highbattery.right:after {
  content: ''; }

.ss-mediumbattery:before, .ss-mediumbattery.right:after {
  content: ''; }

.ss-lowbattery:before, .ss-lowbattery.right:after {
  content: ''; }

.ss-emptybattery:before, .ss-emptybattery.right:after {
  content: ''; }

.ss-chargingbattery:before, .ss-chargingbattery.right:after {
  content: ''; }

.ss-heartmobile:before, .ss-heartmobile.right:after {
  content: ''; }

.ss-phonemobile:before, .ss-phonemobile.right:after {
  content: ''; }

.ss-lockmobile:before, .ss-lockmobile.right:after {
  content: ''; }

.ss-textmobile:before, .ss-textmobile.right:after {
  content: ''; }

.ss-dollarmobile:before, .ss-dollarmobile.right:after {
  content: ''; }

.ss-euromobile:before, .ss-euromobile.right:after {
  content: ''; }

.ss-rssmobile:before, .ss-rssmobile.right:after {
  content: ''; }

.ss-navigationmobile:before, .ss-navigationmobile.right:after {
  content: ''; }

.ss-batterymobile:before, .ss-batterymobile.right:after {
  content: ''; }

.ss-powermobile:before, .ss-powermobile.right:after {
  content: ''; }

.ss-browseonline:before, .ss-browseonline.right:after {
  content: ''; }

.ss-shoponline:before, .ss-shoponline.right:after {
  content: ''; }

.ss-bankonline:before, .ss-bankonline.right:after {
  content: ''; }

.ss-realtyonline:before, .ss-realtyonline.right:after {
  content: ''; }

.ss-readonline:before, .ss-readonline.right:after {
  content: ''; }

.ss-weatheronline:before, .ss-weatheronline.right:after {
  content: ''; }

.ss-lightbulb:before, .ss-lightbulb.right:after {
  content: '💡'; }

.ss-lightbulbon:before, .ss-lightbulbon.right:after {
  content: ''; }

.ss-cfl:before, .ss-cfl.right:after {
  content: ''; }

.ss-hairdryer:before, .ss-hairdryer.right:after {
  content: ''; }

.ss-picnictable:before, .ss-picnictable.right:after {
  content: ''; }

.ss-flame:before, .ss-flame.right:after {
  content: ''; }

.ss-campfire:before, .ss-campfire.right:after {
  content: '🔥'; }

.ss-bonfire:before, .ss-bonfire.right:after {
  content: ''; }

.ss-balloon:before, .ss-balloon.right:after {
  content: '🎈'; }

.ss-christmastree:before, .ss-christmastree.right:after {
  content: '🎄'; }

.ss-sweep:before, .ss-sweep.right:after {
  content: ''; }

.ss-chess:before, .ss-chess.right:after {
  content: '♞'; }

.ss-onedie:before, .ss-onedie.right:after {
  content: '⚀'; }

.ss-twodie:before, .ss-twodie.right:after {
  content: '⚁'; }

.ss-threedie:before, .ss-threedie.right:after {
  content: '⚂'; }

.ss-fourdie:before, .ss-fourdie.right:after {
  content: '⚃'; }

.ss-fivedie:before, .ss-fivedie.right:after {
  content: '⚄'; }

.ss-sixdie:before, .ss-sixdie.right:after {
  content: '⚅'; }

.ss-downloadcloud:before, .ss-downloadcloud.right:after {
  content: ''; }

.ss-download:before, .ss-download.right:after {
  content: ''; }

.ss-downloadbox:before, .ss-downloadbox.right:after {
  content: ''; }

.ss-downloadcrate:before, .ss-downloadcrate.right:after {
  content: ''; }

.ss-uploadcloud:before, .ss-uploadcloud.right:after {
  content: ''; }

.ss-upload:before, .ss-upload.right:after {
  content: ''; }

.ss-uploadbox:before, .ss-uploadbox.right:after {
  content: ''; }

.ss-uploadcrate:before, .ss-uploadcrate.right:after {
  content: ''; }

.ss-fork:before, .ss-fork.right:after {
  content: ''; }

.ss-merge:before, .ss-merge.right:after {
  content: ''; }

.ss-refresh:before, .ss-refresh.right:after {
  content: '↻'; }

.ss-sync:before, .ss-sync.right:after {
  content: ''; }

.ss-loading:before, .ss-loading.right:after {
  content: ''; }

.ss-wifi:before, .ss-wifi.right:after {
  content: ''; }

.ss-connection:before, .ss-connection.right:after {
  content: ''; }

.ss-reload:before, .ss-reload.right:after {
  content: ''; }

.ss-file:before, .ss-file.right:after {
  content: '📄'; }

.ss-addfile:before, .ss-addfile.right:after {
  content: ''; }

.ss-removefile:before, .ss-removefile.right:after {
  content: ''; }

.ss-deletefile:before, .ss-deletefile.right:after {
  content: ''; }

.ss-downloadfile:before, .ss-downloadfile.right:after {
  content: ''; }

.ss-uploadfile:before, .ss-uploadfile.right:after {
  content: ''; }

.ss-importfile:before, .ss-importfile.right:after {
  content: ''; }

.ss-exportfile:before, .ss-exportfile.right:after {
  content: ''; }

.ss-settingsfile:before, .ss-settingsfile.right:after {
  content: ''; }

.ss-lockfile:before, .ss-lockfile.right:after {
  content: ''; }

.ss-userfile:before, .ss-userfile.right:after {
  content: ''; }

.ss-picturefile:before, .ss-picturefile.right:after {
  content: ''; }

.ss-textfile:before, .ss-textfile.right:after {
  content: ''; }

.ss-exe:before, .ss-exe.right:after {
  content: ''; }

.ss-zip:before, .ss-zip.right:after {
  content: ''; }

.ss-doc:before, .ss-doc.right:after {
  content: ''; }

.ss-ppt:before, .ss-ppt.right:after {
  content: ''; }

.ss-pdf:before, .ss-pdf.right:after {
  content: ''; }

.ss-jpg:before, .ss-jpg.right:after {
  content: ''; }

.ss-png:before, .ss-png.right:after {
  content: ''; }

.ss-folder:before, .ss-folder.right:after {
  content: '📁'; }

.ss-openfolder:before, .ss-openfolder.right:after {
  content: '📂'; }

.ss-downloadfolder:before, .ss-downloadfolder.right:after {
  content: ''; }

.ss-uploadfolder:before, .ss-uploadfolder.right:after {
  content: ''; }

.ss-cloudfolder:before, .ss-cloudfolder.right:after {
  content: ''; }

.ss-lockfolder:before, .ss-lockfolder.right:after {
  content: ''; }

.ss-securefolder:before, .ss-securefolder.right:after {
  content: ''; }

.ss-picturefolder:before, .ss-picturefolder.right:after {
  content: ''; }

.ss-moviefolder:before, .ss-moviefolder.right:after {
  content: ''; }

.ss-quote:before, .ss-quote.right:after {
  content: '“'; }

.ss-text:before, .ss-text.right:after {
  content: ''; }

.ss-font:before, .ss-font.right:after {
  content: ''; }

.ss-highlight:before, .ss-highlight.right:after {
  content: ''; }

.ss-print:before, .ss-print.right:after {
  content: '⎙'; }

.ss-fax:before, .ss-fax.right:after {
  content: '📠'; }

.ss-list:before, .ss-list.right:after {
  content: ''; }

.ss-layout:before, .ss-layout.right:after {
  content: ''; }

.ss-action:before, .ss-action.right:after {
  content: ''; }

.ss-redirect:before, .ss-redirect.right:after {
  content: '↪'; }

.ss-expand:before, .ss-expand.right:after {
  content: '⤢'; }

.ss-contract:before, .ss-contract.right:after {
  content: ''; }

.ss-help:before, .ss-help.right:after {
  content: '❓'; }

.ss-info:before, .ss-info.right:after {
  content: 'ℹ'; }

.ss-alert:before, .ss-alert.right:after {
  content: '⚠'; }

.ss-caution:before, .ss-caution.right:after {
  content: '⛔'; }

.ss-logout:before, .ss-logout.right:after {
  content: ''; }

.ss-login:before, .ss-login.right:after {
  content: ''; }

.ss-scaleup:before, .ss-scaleup.right:after {
  content: ''; }

.ss-scaledown:before, .ss-scaledown.right:after {
  content: ''; }

.ss-plus:before, .ss-plus.right:after {
  content: '+'; }

.ss-hyphen:before, .ss-hyphen.right:after {
  content: '-'; }

.ss-check:before, .ss-check.right:after {
  content: '✓'; }

.ss-delete:before, .ss-delete.right:after {
  content: '␡'; }

.ss-bearface:before, .ss-bearface.right:after {
  content: '🐻'; }

.ss-bird:before, .ss-bird.right:after {
  content: '🐦'; }

.ss-fishes:before, .ss-fishes.right:after {
  content: ''; }

.ss-tropicalfish:before, .ss-tropicalfish.right:after {
  content: ''; }

.ss-tree:before, .ss-tree.right:after {
  content: '🌳'; }

.ss-evergreen:before, .ss-evergreen.right:after {
  content: '🌲'; }

.ss-palmtree:before, .ss-palmtree.right:after {
  content: '🌴'; }

.ss-leaf:before, .ss-leaf.right:after {
  content: '🍂'; }

.ss-seedling:before, .ss-seedling.right:after {
  content: '🌱'; }

.ss-grass:before, .ss-grass.right:after {
  content: ''; }

.ss-settings:before, .ss-settings.right:after {
  content: '⚙'; }

.ss-dashboard:before, .ss-dashboard.right:after {
  content: ''; }

.ss-dial:before, .ss-dial.right:after {
  content: ''; }

.ss-notifications:before, .ss-notifications.right:after {
  content: '🔔'; }

.ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after {
  content: '🔕'; }

.ss-flash:before, .ss-flash.right:after {
  content: '⌁'; }

.ss-wrench:before, .ss-wrench.right:after {
  content: '🔧'; }

.ss-tapemeasure:before, .ss-tapemeasure.right:after {
  content: ''; }

.ss-clock:before, .ss-clock.right:after {
  content: '⏲'; }

.ss-watch:before, .ss-watch.right:after {
  content: '⌚'; }

.ss-stopwatch:before, .ss-stopwatch.right:after {
  content: '⏱'; }

.ss-alarmclock:before, .ss-alarmclock.right:after {
  content: '⏰'; }

.ss-calendar:before, .ss-calendar.right:after {
  content: '📅'; }

.ss-addcalendar:before, .ss-addcalendar.right:after {
  content: ''; }

.ss-removecalendar:before, .ss-removecalendar.right:after {
  content: ''; }

.ss-checkcalendar:before, .ss-checkcalendar.right:after {
  content: ''; }

.ss-deletecalendar:before, .ss-deletecalendar.right:after {
  content: ''; }

.ss-sausage:before, .ss-sausage.right:after {
  content: ''; }

.ss-burger:before, .ss-burger.right:after {
  content: '🍔'; }

.ss-pizza:before, .ss-pizza.right:after {
  content: '🍕'; }

.ss-fish:before, .ss-fish.right:after {
  content: '🐟'; }

.ss-shrimp:before, .ss-shrimp.right:after {
  content: '🍤'; }

.ss-turkey:before, .ss-turkey.right:after {
  content: ''; }

.ss-steak:before, .ss-steak.right:after {
  content: ''; }

.ss-sidedish:before, .ss-sidedish.right:after {
  content: '🍚'; }

.ss-noodles:before, .ss-noodles.right:after {
  content: '🍜'; }

.ss-spaghetti:before, .ss-spaghetti.right:after {
  content: '🍝'; }

.ss-corn:before, .ss-corn.right:after {
  content: ''; }

.ss-carrot:before, .ss-carrot.right:after {
  content: ''; }

.ss-icecream:before, .ss-icecream.right:after {
  content: '🍨'; }

.ss-mug:before, .ss-mug.right:after {
  content: '☕'; }

.ss-beer:before, .ss-beer.right:after {
  content: '🍺'; }

.ss-bottle:before, .ss-bottle.right:after {
  content: ''; }

.ss-wineglass:before, .ss-wineglass.right:after {
  content: '🍷'; }

.ss-cocktail:before, .ss-cocktail.right:after {
  content: '🍸'; }

.ss-tea:before, .ss-tea.right:after {
  content: '🍵'; }

.ss-teapot:before, .ss-teapot.right:after {
  content: ''; }

.ss-waterbottle:before, .ss-waterbottle.right:after {
  content: ''; }

.ss-wineglasssparkle:before, .ss-wineglasssparkle.right:after {
  content: ''; }

.ss-salt:before, .ss-salt.right:after {
  content: ''; }

.ss-pepper:before, .ss-pepper.right:after {
  content: ''; }

.ss-oliveoil:before, .ss-oliveoil.right:after {
  content: ''; }

.ss-hotsauce:before, .ss-hotsauce.right:after {
  content: ''; }

.ss-coal:before, .ss-coal.right:after {
  content: ''; }

.ss-oven:before, .ss-oven.right:after {
  content: ''; }

.ss-stove:before, .ss-stove.right:after {
  content: ''; }

.ss-cook:before, .ss-cook.right:after {
  content: '🍳'; }

.ss-bbq:before, .ss-bbq.right:after {
  content: ''; }

.ss-utensils:before, .ss-utensils.right:after {
  content: '🍴'; }

.ss-spoonfork:before, .ss-spoonfork.right:after {
  content: ''; }

.ss-knife:before, .ss-knife.right:after {
  content: '🔪'; }

.ss-cookingutensils:before, .ss-cookingutensils.right:after {
  content: ''; }

.ss-measuringcup:before, .ss-measuringcup.right:after {
  content: ''; }

.ss-colander:before, .ss-colander.right:after {
  content: ''; }

.ss-scale:before, .ss-scale.right:after {
  content: ''; }

.ss-eggtimer:before, .ss-eggtimer.right:after {
  content: ''; }

.ss-platter:before, .ss-platter.right:after {
  content: ''; }

.ss-apron:before, .ss-apron.right:after {
  content: ''; }

.ss-bbqapron:before, .ss-bbqapron.right:after {
  content: ''; }

.ss-chef:before, .ss-chef.right:after {
  content: ''; }

.ss-handbag:before, .ss-handbag.right:after {
  content: '👜'; }

.ss-briefcase:before, .ss-briefcase.right:after {
  content: '💼'; }

.ss-hanger:before, .ss-hanger.right:after {
  content: ''; }

.ss-weathervane:before, .ss-weathervane.right:after {
  content: ''; }

.ss-thermometer:before, .ss-thermometer.right:after {
  content: ''; }

.ss-weather:before, .ss-weather.right:after {
  content: ''; }

.ss-cloud:before, .ss-cloud.right:after {
  content: '☁'; }

.ss-droplet:before, .ss-droplet.right:after {
  content: '💧'; }

.ss-sun:before, .ss-sun.right:after {
  content: '☀'; }

.ss-partlycloudy:before, .ss-partlycloudy.right:after {
  content: '⛅'; }

.ss-rain:before, .ss-rain.right:after {
  content: '☔'; }

.ss-thunderstorm:before, .ss-thunderstorm.right:after {
  content: '⛈'; }

.ss-umbrella:before, .ss-umbrella.right:after {
  content: '☂'; }

.ss-rainbow:before, .ss-rainbow.right:after {
  content: '🌈'; }

.ss-fog:before, .ss-fog.right:after {
  content: ''; }

.ss-wind:before, .ss-wind.right:after {
  content: ''; }

.ss-tornado:before, .ss-tornado.right:after {
  content: ''; }

.ss-snowflake:before, .ss-snowflake.right:after {
  content: '❄'; }

.ss-fan:before, .ss-fan.right:after {
  content: ''; }

.ss-solarpanel:before, .ss-solarpanel.right:after {
  content: ''; }

.ss-plug:before, .ss-plug.right:after {
  content: '🔌'; }

.ss-outlet:before, .ss-outlet.right:after {
  content: ''; }

.ss-car:before, .ss-car.right:after {
  content: '🚘'; }

.ss-taxi:before, .ss-taxi.right:after {
  content: '🚖'; }

.ss-locomotive:before, .ss-locomotive.right:after {
  content: '🚂'; }

.ss-train:before, .ss-train.right:after {
  content: '🚆'; }

.ss-traintunnel:before, .ss-traintunnel.right:after {
  content: '🚇'; }

.ss-bus:before, .ss-bus.right:after {
  content: '🚍'; }

.ss-truck:before, .ss-truck.right:after {
  content: '🚚'; }

.ss-caravan:before, .ss-caravan.right:after {
  content: '🚐'; }

.ss-tractor:before, .ss-tractor.right:after {
  content: '🚜'; }

.ss-tunnel:before, .ss-tunnel.right:after {
  content: ''; }

.ss-plane:before, .ss-plane.right:after {
  content: '✈'; }

.ss-arrival:before, .ss-arrival.right:after {
  content: ''; }

.ss-departure:before, .ss-departure.right:after {
  content: ''; }

.ss-helicopter:before, .ss-helicopter.right:after {
  content: '🚁'; }

.ss-bike:before, .ss-bike.right:after {
  content: '🚲'; }

.ss-motorcycle:before, .ss-motorcycle.right:after {
  content: ''; }

.ss-boat:before, .ss-boat.right:after {
  content: '🚢'; }

.ss-sailboat:before, .ss-sailboat.right:after {
  content: '⛵'; }

.ss-schooner:before, .ss-schooner.right:after {
  content: ''; }

.ss-skylift:before, .ss-skylift.right:after {
  content: '🚡'; }

.ss-rocket:before, .ss-rocket.right:after {
  content: '🚀'; }

.ss-steeringwheel:before, .ss-steeringwheel.right:after {
  content: ''; }

.ss-trafficcamera:before, .ss-trafficcamera.right:after {
  content: ''; }

.ss-fuel:before, .ss-fuel.right:after {
  content: '⛽'; }

.ss-jerrycan:before, .ss-jerrycan.right:after {
  content: ''; }

.ss-passport:before, .ss-passport.right:after {
  content: ''; }

.ss-trafficlight:before, .ss-trafficlight.right:after {
  content: '🚦'; }

.ss-highway:before, .ss-highway.right:after {
  content: ''; }

.ss-road:before, .ss-road.right:after {
  content: ''; }

.ss-intersection:before, .ss-intersection.right:after {
  content: ''; }

.ss-wheelchair:before, .ss-wheelchair.right:after {
  content: '♿'; }

.ss-elevator:before, .ss-elevator.right:after {
  content: ''; }

.ss-golf:before, .ss-golf.right:after {
  content: ''; }

.ss-hockey:before, .ss-hockey.right:after {
  content: ''; }

.ss-iceskate:before, .ss-iceskate.right:after {
  content: '⛸'; }

.ss-billiards:before, .ss-billiards.right:after {
  content: '🎱'; }

.ss-baseballglove:before, .ss-baseballglove.right:after {
  content: ''; }

.ss-tennis:before, .ss-tennis.right:after {
  content: '🎾'; }

.ss-tabletennis:before, .ss-tabletennis.right:after {
  content: ''; }

.ss-badminton:before, .ss-badminton.right:after {
  content: ''; }

.ss-boxing:before, .ss-boxing.right:after {
  content: ''; }

.ss-bowling:before, .ss-bowling.right:after {
  content: ''; }

.ss-football:before, .ss-football.right:after {
  content: '🏈'; }

.ss-soccer:before, .ss-soccer.right:after {
  content: '⚽'; }

.ss-hiker:before, .ss-hiker.right:after {
  content: ''; }

.ss-pool:before, .ss-pool.right:after {
  content: ''; }

.ss-shower:before, .ss-shower.right:after {
  content: '🚿'; }

.ss-exercise:before, .ss-exercise.right:after {
  content: ''; }

.ss-exercisebike:before, .ss-exercisebike.right:after {
  content: ''; }

.ss-dumbbell:before, .ss-dumbbell.right:after {
  content: ''; }

.ss-jumprope:before, .ss-jumprope.right:after {
  content: ''; }

.ss-yoga:before, .ss-yoga.right:after {
  content: ''; }

.ss-suitcase:before, .ss-suitcase.right:after {
  content: ''; }

.ss-luggage:before, .ss-luggage.right:after {
  content: ''; }

.ss-donotdisturb:before, .ss-donotdisturb.right:after {
  content: ''; }

.ss-sunscreen:before, .ss-sunscreen.right:after {
  content: ''; }

.ss-callbell:before, .ss-callbell.right:after {
  content: ''; }

.ss-hospital:before, .ss-hospital.right:after {
  content: '⛨'; }

.ss-medicalcross:before, .ss-medicalcross.right:after {
  content: ''; }

.ss-ambulance:before, .ss-ambulance.right:after {
  content: '🚑'; }

.ss-bandage:before, .ss-bandage.right:after {
  content: ''; }

.ss-medicalthermometer:before, .ss-medicalthermometer.right:after {
  content: ''; }

.ss-stethoscope:before, .ss-stethoscope.right:after {
  content: ''; }

.ss-syringe:before, .ss-syringe.right:after {
  content: '💉'; }

.ss-pill:before, .ss-pill.right:after {
  content: '💊'; }

.ss-pillbottle:before, .ss-pillbottle.right:after {
  content: ''; }

.ss-supplements:before, .ss-supplements.right:after {
  content: ''; }

.ss-bathroomscale:before, .ss-bathroomscale.right:after {
  content: ''; }

.ss-dna:before, .ss-dna.right:after {
  content: ''; }

.ss-anatomicalheart:before, .ss-anatomicalheart.right:after {
  content: ''; }

.ss-checkheart:before, .ss-checkheart.right:after {
  content: ''; }

.ss-eyesurgery:before, .ss-eyesurgery.right:after {
  content: ''; }

.ss-brokenbone:before, .ss-brokenbone.right:after {
  content: ''; }

.ss-up:before, .ss-up.right:after {
  content: '⬆'; }

.ss-upright:before, .ss-upright.right:after {
  content: '⬈'; }

.ss-right:before, .ss-right.right:after {
  content: '➡'; }

.ss-downright:before, .ss-downright.right:after {
  content: '⬊'; }

.ss-down:before, .ss-down.right:after {
  content: '⬇'; }

.ss-downleft:before, .ss-downleft.right:after {
  content: '⬋'; }

.ss-left:before, .ss-left.right:after {
  content: '⬅'; }

.ss-upleft:before, .ss-upleft.right:after {
  content: '⬉'; }

.ss-navigateup:before, .ss-navigateup.right:after {
  content: ''; }

.ss-navigateright:before, .ss-navigateright.right:after {
  content: '▻'; }

.ss-navigatedown:before, .ss-navigatedown.right:after {
  content: ''; }

.ss-navigateleft:before, .ss-navigateleft.right:after {
  content: '◅'; }

.ss-directup:before, .ss-directup.right:after {
  content: '▴'; }

.ss-directright:before, .ss-directright.right:after {
  content: '▹'; }

.ss-dropdown:before, .ss-dropdown.right:after {
  content: '▾'; }

.ss-directleft:before, .ss-directleft.right:after {
  content: '◃'; }

.ss-leftright:before, .ss-leftright.right:after {
  content: '⬌'; }

.ss-rightward:before, .ss-rightward.right:after {
  content: ''; }

.ss-leftward:before, .ss-leftward.right:after {
  content: ''; }

.ss-previouspage:before, .ss-previouspage.right:after {
  content: '⎗'; }

.ss-nextpage:before, .ss-nextpage.right:after {
  content: '⎘'; }

.ss-retweet:before, .ss-retweet.right:after {
  content: ''; }

.ss-share:before, .ss-share.right:after {
  content: ''; }

/* 2. Styles
=================================================================== */
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  font-family: "Dosis", sans-serif;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 700; }

h1,
.h1 {
  font-size: 36px; }

h2,
.h2 {
  font-size: 28px; }

h3,
.h3 {
  font-size: 20px; }

p, ul, ol, dl, blockquote {
  font-size: 17px;
  line-height: 27px; }

ul, dl {
  list-style-position: inside; }

a {
  color: #008742;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    text-decoration: underline; }

.centered {
  text-align: center; }

.upper {
  text-transform: uppercase; }

.underline {
  text-decoration: underline; }

body {
  overflow-x: hidden;
  font-family: "Lora", Georgia, serif;
  color: #373737; }

img {
  image-rendering: optimizeQuality; }

figure {
  margin: 0; }

.wrapper {
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px; }
  .wrapper:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (max-width: 768px) {
    .wrapper {
      padding: 0 20px; } }

hr {
  width: 100%;
  height: 0;
  margin: 50px 0;
  clear: both;
  background: none;
  border: 0 none;
  border-bottom: 1px solid #373737; }

/* cms images
----------------------------------------------------------------------- */
.cms-content > img,
.cms-content > p img {
  display: block;
  height: auto; }
  .cms-content > img[style^="float:left;"], .cms-content > img[style^="float: left;"], .cms-content > img[style^="float :left;"], .cms-content > img[style*=" float:left;"], .cms-content > img[style*=" float: left;"], .cms-content > img[style*=" float :left;"],
  .cms-content > p img[style^="float:left;"],
  .cms-content > p img[style^="float: left;"],
  .cms-content > p img[style^="float :left;"],
  .cms-content > p img[style*=" float:left;"],
  .cms-content > p img[style*=" float: left;"],
  .cms-content > p img[style*=" float :left;"] {
    max-width: 45%;
    margin-top: 10px;
    margin-right: 2.65625%;
    margin-bottom: 30px; }
  .cms-content > img[style^="float:right;"], .cms-content > img[style^="float: right;"], .cms-content > img[style^="float :right;"], .cms-content > img[style*=" float:right;"], .cms-content > img[style*=" float: right;"], .cms-content > img[style*=" float :right;"],
  .cms-content > p img[style^="float:right;"],
  .cms-content > p img[style^="float: right;"],
  .cms-content > p img[style^="float :right;"],
  .cms-content > p img[style*=" float:right;"],
  .cms-content > p img[style*=" float: right;"],
  .cms-content > p img[style*=" float :right;"] {
    max-width: 45%;
    margin-top: 10px;
    margin-bottom: 30px;
    margin-left: 2.65625%; }
  @media screen and (max-width: 768px) {
    .cms-content > img,
    .cms-content > p img {
      display: block;
      width: 100%;
      max-width: 100% !important;
      float: none !important;
      margin-right: 0 !important;
      margin-left: 0 !important; } }

/* tables
----------------------------------------------------------------------- */
table {
  width: 100%;
  clear: both;
  border-top: 1px solid #373737; }
  table tbody {
    width: 100%; }
  table th {
    padding: 30px 0 10px 0;
    font-family: "Dosis", sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    text-align: left; }
  table td {
    padding: 20px 0;
    font-size: 19px; }
    table td + td {
      padding-left: 20px; }

/* 2. Globs
=================================================================== */
.index #breadcrumbs {
  display: none; }
.index #bucket-shop {
  padding: 155px 30px; }
  @media screen and (max-width: 480px) {
    .index #bucket-shop {
      padding: 100px 20px; } }

/* Index banner
======================================================================================= */
#index-banner {
  overflow: hidden; }

.index-banner-bucket {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 48.67188%;
  padding: 190px 10.2719%;
  margin-bottom: 2.65625%;
  position: relative;
  background: no-repeat center center;
  background-size: cover; }
  .index-banner-bucket:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1023px) {
    .index-banner-bucket {
      padding: 150px 10.2719%; } }
  @media screen and (max-width: 768px) {
    .index-banner-bucket {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 100%;
      margin-right: 0;
      padding: 100px 10.2719%;
      margin-bottom: 6.18182%; }
      .index-banner-bucket:last-child {
        margin-right: 0; } }
  .index-banner-bucket .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: url(/res/images/index-banner-bucket-overlay.png);
    opacity: 0.7;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .index-banner-bucket .content {
    display: block;
    width: 100%;
    height: 330px;
    padding: 70px 10.2719% 0 10.2719%;
    position: relative;
    margin: auto;
    z-index: 2;
    background: rgba(255, 255, 255, 0.87);
    text-align: center;
    color: #373737;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    overflow: hidden; }
    @media screen and (max-width: 1023px) {
      .index-banner-bucket .content {
        height: 400px; } }
    @media screen and (max-width: 768px) {
      .index-banner-bucket .content {
        padding: 50px 7%;
        height: 310px; } }
    .index-banner-bucket .content h2 {
      margin: 0;
      font-size: 36px;
      line-height: 1em; }
      @media screen and (max-width: 480px) {
        .index-banner-bucket .content h2 {
          font-size: 32px; } }
    .index-banner-bucket .content .ss-icon {
      display: block;
      margin: 25px 0;
      font-size: 20px;
      line-height: 30px;
      vertical-align: middle;
      -webkit-transition: color 0.3s;
      -moz-transition: color 0.3s;
      transition: color 0.3s; }
    .index-banner-bucket .content p {
      font-size: 20px; }
    .index-banner-bucket .content .button {
      display: inline-block;
      opacity: 0;
      background: #fff;
      color: #008742;
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s;
      -webkit-transform: translateY(300%);
      -moz-transform: translateY(300%);
      -ms-transform: translateY(300%);
      -o-transform: translateY(300%);
      transform: translateY(300%); }
    .index-banner-bucket .content:hover {
      background: #008742;
      color: #fff;
      text-decoration: none; }
      .index-banner-bucket .content:hover h2 {
        -webkit-animation: banner-hover-heading 0.3s;
        -moz-animation: banner-hover-heading 0.3s;
        animation: banner-hover-heading 0.3s;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards; }
      .index-banner-bucket .content:hover .ss-icon {
        -webkit-animation: banner-hover-icon 0.3s linear;
        -moz-animation: banner-hover-icon 0.3s linear;
        animation: banner-hover-icon 0.3s linear;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards; }
      .index-banner-bucket .content:hover p {
        display: none; }
      .index-banner-bucket .content:hover .button {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%); }
      .index-banner-bucket .content:hover + .overlay {
        opacity: 0; }

.mobile .index-banner-bucket .content {
  background: #008742;
  color: #fff;
  text-decoration: none; }
  .mobile .index-banner-bucket .content .ss-icon {
    font-size: 43px; }
  .mobile .index-banner-bucket .content p {
    display: none; }
  .mobile .index-banner-bucket .content .button {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); }
  .mobile .index-banner-bucket .content + .overlay {
    opacity: 0; }

#index-banner-bucket-1 {
  background-image: url(/res/images/index-banner-bucket-1.jpg); }

#index-banner-bucket-2 {
  background-image: url(/res/images/index-banner-bucket-2.jpg); }

/* index banner hover animation
----------------------------------------------------------------------- */
@-webkit-keyframes banner-hover-heading {
  0% {
    -webkit-transform: translateY(-300%); }
  100% {
    -webkit-transform: translateY(0%); } }
@-moz-keyframes banner-hover-heading {
  0% {
    -moz-transform: translateY(-300%); }
  100% {
    -moz-transform: translateY(0%); } }
@keyframes banner-hover-heading {
  0% {
    -webkit-transform: translateY(-300%);
    -moz-transform: translateY(-300%);
    -ms-transform: translateY(-300%);
    -o-transform: translateY(-300%);
    transform: translateY(-300%); }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }
@-webkit-keyframes banner-hover-icon {
  0% {
    font-size: 20px; }
  50% {
    font-size: 55px; }
  80% {
    font-size: 38px; }
  /*99%{
  	@include transform(scale(2.15));
  	font-size:20px;
  }*/
  100% {
    font-size: 43px; } }
@-moz-keyframes banner-hover-icon {
  0% {
    font-size: 20px; }
  50% {
    font-size: 55px; }
  80% {
    font-size: 38px; }
  /*99%{
  	@include transform(scale(2.15));
  	font-size:20px;
  }*/
  100% {
    font-size: 43px; } }
@keyframes banner-hover-icon {
  0% {
    font-size: 20px; }
  50% {
    font-size: 55px; }
  80% {
    font-size: 38px; }
  /*99%{
  	@include transform(scale(2.15));
  	font-size:20px;
  }*/
  100% {
    font-size: 43px; } }
@-webkit-keyframes banner-hover-txt {
  0% {
    -webkit-transform: translateY(300%); }
  100% {
    -webkit-transform: translateY(0%); } }
@-moz-keyframes banner-hover-txt {
  0% {
    -moz-transform: translateY(300%); }
  100% {
    -moz-transform: translateY(0%); } }
@keyframes banner-hover-txt {
  0% {
    -webkit-transform: translateY(300%);
    -moz-transform: translateY(300%);
    -ms-transform: translateY(300%);
    -o-transform: translateY(300%);
    transform: translateY(300%); }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }
/* Index about section
======================================================================================= */
#index-history {
  width: 100%;
  margin-bottom: 140px;
  background: url(/res/images/index-about-bg.jpg) no-repeat center 0;
  background-size: cover;
  background-attachment: scroll;
  color: #fff; }
  #index-history .wrapper {
    padding-top: 100px;
    padding-bottom: 190px; }
  #index-history .inner {
    float: left;
    display: block;
    margin-right: 2.65625%;
    width: 65.78125%;
    margin-left: 17.10938%; }
    #index-history .inner:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1023px) {
      #index-history .inner {
        float: left;
        display: block;
        margin-right: 2.65625%;
        width: 77.1875%;
        margin-left: 11.40625%; }
        #index-history .inner:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 768px) {
      #index-history .inner {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 73.45455%;
        margin-left: 13.27273%; }
        #index-history .inner:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      #index-history .inner {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-left: 0%; }
        #index-history .inner:last-child {
          margin-right: 0; } }
  #index-history .icon {
    display: block;
    width: 100%;
    max-width: 255px;
    margin: 0 auto 45px auto; }
  #index-history h2 {
    clear: both;
    font-family: "Lora", Georgia, serif;
    font-size: 29px;
    text-transform: none; }
  #index-history p {
    font-size: 19px;
    line-height: 30px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 300; }
  #index-history .cta {
    text-align: center;
    padding-top: 1em; }
  #index-history .button {
    display: inline-block;
    background: #fff;
    color: #796659; }
    #index-history .button:hover {
      background: none;
      border-color: #fff;
      color: #fff; }

/* Index "our" buckets section
======================================================================================= */
#index-about-buckets {
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 135px; }
  #index-about-buckets:after {
    content: "";
    display: table;
    clear: both; }
  #index-about-buckets ul {
    float: left;
    display: block;
    margin-right: 2.65625%;
    width: 88.59375%;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: 5.70313%; }
    #index-about-buckets ul:last-child {
      margin-right: 0; }
    #index-about-buckets ul li {
      list-style: none; }
  #index-about-buckets li {
    float: left;
    display: block;
    margin-right: 2.99824%;
    width: 22.75132%;
    text-align: center; }
    #index-about-buckets li:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1023px) {
      #index-about-buckets li {
        float: left;
        display: block;
        margin-right: 2.99824%;
        width: 29.18871%; }
        #index-about-buckets li:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 768px) {
      #index-about-buckets li {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-bottom: 80px; }
        #index-about-buckets li:last-child {
          margin-right: 0; } }
    #index-about-buckets li .icon {
      background: #606f3f; }
    #index-about-buckets li + li {
      margin-left: 12.87478%; }
      @media screen and (max-width: 1023px) {
        #index-about-buckets li + li {
          margin-left: 3.21869%; } }
      @media screen and (max-width: 768px) {
        #index-about-buckets li + li {
          margin-left: 0%; } }
      #index-about-buckets li + li .icon {
        background: #5f0f5a; }
      #index-about-buckets li + li + li .icon {
        background: #0b3267; }
  #index-about-buckets a {
    display: block; }
  #index-about-buckets .icon {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    top: 0;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    @media screen and (max-width: 768px) {
      #index-about-buckets .icon {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 33.63636%;
        padding-bottom: 33.6%; }
        #index-about-buckets .icon:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 640px) {
      #index-about-buckets .icon {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 43.41085%;
        padding-bottom: 43.4%; }
        #index-about-buckets .icon:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      #index-about-buckets .icon {
        width: 75%;
        float: none;
        padding-bottom: 75%;
        margin: 0 auto; } }
    #index-about-buckets .icon .inner {
      display: block;
      width: 100%;
      height: 38px;
      margin: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }
      @media screen and (max-width: 480px) {
        #index-about-buckets .icon .inner {
          height: 90px; } }
    #index-about-buckets .icon img {
      display: inline-block;
      width: auto;
      height: 38px;
      margin: 0 0.4em;
      vertical-align: middle;
      /*display:block;
      width:auto;
      height:61%;
      margin:auto;
      @include position(absolute, 0 0 0 0);*/
      -webkit-transform: scale(4);
      -moz-transform: scale(4);
      -ms-transform: scale(4);
      -o-transform: scale(4);
      transform: scale(4);
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.5, 0.25, 0.27, 1.175);
      -moz-transition: -moz-transform 0.4s cubic-bezier(0.5, 0.25, 0.27, 1.175);
      transition: transform 0.4s cubic-bezier(0.5, 0.25, 0.27, 1.175); }
      @media screen and (max-width: 768px) {
        #index-about-buckets .icon img {
          margin: 0 0.3em; } }
      @media screen and (max-width: 480px) {
        #index-about-buckets .icon img {
          margin: 10px 0; } }
    #index-about-buckets .icon .learn,
    #index-about-buckets .icon .more {
      display: inline-block;
      color: #fff;
      font-size: 26px;
      line-height: 1em;
      text-transform: uppercase;
      font-weight: 700;
      font-family: "Dosis", sans-serif;
      vertical-align: middle;
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.5, 0.25, 0.27, 1.175);
      -moz-transition: -moz-transform 0.4s cubic-bezier(0.5, 0.25, 0.27, 1.175);
      transition: transform 0.4s cubic-bezier(0.5, 0.25, 0.27, 1.175); }
      @media screen and (max-width: 768px) {
        #index-about-buckets .icon .learn,
        #index-about-buckets .icon .more {
          font-size: 22px; } }
      @media screen and (max-width: 480px) {
        #index-about-buckets .icon .learn,
        #index-about-buckets .icon .more {
          display: block;
          width: 100%;
          font-size: 26px; } }
    #index-about-buckets .icon .learn {
      -webkit-transform: translateX(-250%);
      -moz-transform: translateX(-250%);
      -ms-transform: translateX(-250%);
      -o-transform: translateX(-250%);
      transform: translateX(-250%); }
    #index-about-buckets .icon .more {
      -webkit-transform: translateX(250%);
      -moz-transform: translateX(250%);
      -ms-transform: translateX(250%);
      -o-transform: translateX(250%);
      transform: translateX(250%); }
  @media screen and (max-width: 768px) {
    #index-about-buckets .text {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 60.18182%; }
      #index-about-buckets .text:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 640px) {
    #index-about-buckets .text {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 43.41085%; }
      #index-about-buckets .text:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 480px) {
    #index-about-buckets .text {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%; }
      #index-about-buckets .text:last-child {
        margin-right: 0; } }
  #index-about-buckets h3 {
    margin: 50px 0 35px 0;
    font-size: 27px; }
    @media screen and (max-width: 768px) {
      #index-about-buckets h3 {
        margin-top: 0; } }
    @media screen and (max-width: 640px) {
      #index-about-buckets h3 {
        margin-bottom: 20px; } }
    @media screen and (max-width: 480px) {
      #index-about-buckets h3 {
        margin: 25px 0; } }
  #index-about-buckets p {
    margin: 0;
    font-size: 19px;
    line-height: 30px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 300; }
    @media screen and (max-width: 640px) {
      #index-about-buckets p {
        font-size: 17px;
        line-height: 28px; } }
  #index-about-buckets a {
    color: #373737; }
    #index-about-buckets a:hover {
      text-decoration: none; }
      #index-about-buckets a:hover .icon {
        top: -3px;
        box-shadow: 0 5px 0 rgba(0, 0, 0, 0.28); }
        #index-about-buckets a:hover .icon img {
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1); }
        #index-about-buckets a:hover .icon .learn,
        #index-about-buckets a:hover .icon .more {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0); }
      #index-about-buckets a:hover h3 {
        text-decoration: underline; }

/* overview
======================================================================================= */
.list-blog,
.list-news {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 88.59375%;
  margin-left: 5.70313%; }
  .list-blog li,
  .list-news li {
    list-style: none; }
  .list-blog:last-child,
  .list-news:last-child {
    margin-right: 0; }
  @media screen and (max-width: 640px) {
    .list-blog,
    .list-news {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%;
      margin-left: 0%; }
      .list-blog:last-child,
      .list-news:last-child {
        margin-right: 0; } }
  .list-blog li,
  .list-news li {
    float: left;
    display: block;
    margin-right: 2.99824%;
    width: 48.50088%;
    margin-bottom: 40px; }
    .list-blog li:last-child,
    .list-news li:last-child {
      margin-right: 0; }
    .list-blog li:nth-child(2n),
    .list-news li:nth-child(2n) {
      margin-right: 0; }
    .list-blog li:nth-child(2n+1),
    .list-news li:nth-child(2n+1) {
      clear: left; }
    @media screen and (max-width: 1023px) {
      .list-blog li,
      .list-news li {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 46.90909%; }
        .list-blog li:last-child,
        .list-news li:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 768px) {
      .list-blog li,
      .list-news li {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%; }
        .list-blog li:last-child,
        .list-news li:last-child {
          margin-right: 0; } }
  .list-blog h2,
  .list-news h2 {
    margin: 0 0 0.5em 0;
    font-family: "Lora", Georgia, serif;
    font-family: 24px;
    line-height: 1.2em;
    font-weight: 400;
    text-transform: none; }
  .list-blog .byline,
  .list-blog article > a > time,
  .list-news .byline,
  .list-news article > a > time {
    display: block;
    padding: 0 0 0.3em 0; }
    .list-blog .byline a,
    .list-blog article > a > time a,
    .list-news .byline a,
    .list-news article > a > time a {
      display: inline; }
  .list-blog a,
  .list-news a {
    display: block;
    color: #373737; }

/* article
======================================================================================= */
#blog-content {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 77.1875%; }
  #blog-content:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    #blog-content {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 100%;
      margin-right: 0; }
      #blog-content:last-child {
        margin-right: 0; } }

.blog-figure {
  float: left;
  display: block;
  margin-right: 3.4413%;
  width: 48.27935%;
  margin: 1em 2.65625% 2.65625% 0; }
  .blog-figure:last-child {
    margin-right: 0; }
  .blog-figure img {
    display: block;
    width: 100%;
    height: auto; }

.article-categories {
  padding: 0;
  margin: 0;
  list-style: none;
  clear: both;
  margin: 30px 0; }
  .article-categories li {
    list-style: none; }
  .article-categories li {
    display: inline-block;
    margin-right: 2em;
    white-space: nowrap; }

#blog-author {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 20.15625%;
  margin-right: 0;
  margin-top: 2em; }
  #blog-author:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    #blog-author {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 100%;
      margin-right: 0;
      margin-top: 1em; }
      #blog-author:last-child {
        margin-right: 0; } }
  #blog-author figure {
    margin: 0 0 33px 0; }
    @media screen and (max-width: 768px) {
      #blog-author figure {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 33.63636%;
        margin-bottom: 50px; }
        #blog-author figure:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      #blog-author figure {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0; }
        #blog-author figure:last-child {
          margin-right: 0; } }
    #blog-author figure img {
      display: block;
      width: 100%;
      height: auto; }

@media screen and (max-width: 768px) {
  .author-content {
    float: left;
    display: block;
    margin-right: 6.18182%;
    width: 60.18182%;
    margin-right: 0;
    margin-bottom: 50px; }
    .author-content:last-child {
      margin-right: 0; } }
@media screen and (max-width: 480px) {
  .author-content {
    float: left;
    display: block;
    margin-right: 13.17829%;
    width: 100%;
    margin-right: 0; }
    .author-content:last-child {
      margin-right: 0; } }
.author-content h4 {
  margin: 0 0 0.5em 0;
  font-family: "Dosis", sans-serif;
  font-size: 20px; }
.author-content p {
  margin-top: 0; }
.author-content .more {
  font-family: "Dosis", sans-serif;
  font-size: 20px;
  font-weight: 700; }

/* products overview
======================================================================================= */
.products-overview h1 {
  margin: 1em 0;
  text-align: center; }

#products-banner {
  width: 100%;
  height: 0;
  padding-bottom: 47%;
  overflow: hidden;
  position: relative; }
  #products-banner #carousel {
    width: 100%;
    height: auto !important;
    position: absolute !important;
    top: 0;
    bottom: 0;
    z-index: 1; }
  #products-banner .slider {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    list-style: none; }
    #products-banner .slider li {
      list-style: none; }
  #products-banner .slide {
    width: 100%;
    height: 100%;
    float: left;
    background-size: cover; }
  #products-banner .inner {
    width: 100%;
    height: 100%;
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    #products-banner .inner:after {
      content: "";
      display: table;
      clear: both; }
  #products-banner .content {
    width: 55%;
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 40px 5%;
    background: rgba(255, 255, 255, 0.87);
    text-align: center; }
    @media screen and (max-width: 1023px) {
      #products-banner .content {
        width: auto;
        right: 30px; } }
    @media screen and (max-width: 768px) {
      #products-banner .content {
        top: 30px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        padding: 30px; } }
    @media screen and (max-width: 640px) {
      #products-banner .content {
        padding: 20px; } }
    @media screen and (max-width: 480px) {
      #products-banner .content {
        display: none; } }
    #products-banner .content p {
      margin: 0 0 0.5em 0;
      font-size: 36px;
      line-height: 1.3em;
      font-family: "Dosis", sans-serif;
      text-transform: uppercase;
      font-weight: 700; }
      @media screen and (max-width: 1023px) {
        #products-banner .content p {
          font-size: 32px; } }
      @media screen and (max-width: 768px) {
        #products-banner .content p {
          font-size: 24px; } }
      @media screen and (max-width: 640px) {
        #products-banner .content p {
          font-size: 20px; } }
    #products-banner .content .button {
      display: inline-block;
      padding: 0.5em 3em;
      font-family: Helvetica, Arial, sans-serif;
      font-weight: 300;
      font-size: 1em;
      text-transform: uppercase; }
      @media screen and (max-width: 768px) {
        #products-banner .content .button {
          font-size: 14px; } }

#carousel-pager {
  position: absolute;
  right: 0;
  bottom: 5%;
  left: 0;
  z-index: 20;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  font-size: 1em;
  line-height: 1em; }
  #carousel-pager li {
    list-style: none; }
  #carousel-pager li {
    display: inline-block;
    width: 2em;
    height: 2em;
    margin: 0 14px;
    border-radius: 1em;
    background: #fff;
    box-shadow: inset 2px 3px 3px rgba(0, 0, 0, 0.52);
    cursor: pointer; }
    #carousel-pager li.active {
      background: #008742; }

.message-bar .message {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 65.78125%;
  line-height: 1.1em;
  text-align: left; }
  .message-bar .message:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .message-bar .message {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 60.18182%; }
      .message-bar .message:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 640px) {
    .message-bar .message {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%;
      margin-bottom: 30px; }
      .message-bar .message:last-child {
        margin-right: 0; } }
.message-bar form {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 25.85938%;
  margin-left: 5.70313%;
  margin-right: 0;
  height: 32px;
  position: relative;
  color: #373737; }
  .message-bar form:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .message-bar form {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 33.63636%;
      margin-left: 0%; }
      .message-bar form:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 640px) {
    .message-bar form {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%; }
      .message-bar form:last-child {
        margin-right: 0; } }
.message-bar input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 40px 0 8px;
  margin: 0;
  border: 0 none;
  border-radius: 0;
  position: relative;
  z-index: 1;
  font-size: 17px;
  line-height: 32px;
  color: #373737;
  font-family: "Lora", Georgia, serif; }
.message-bar button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: block;
  width: 32px;
  height: 100%;
  padding: 0;
  margin: 0;
  background: #008742;
  border: 0 none;
  border-left: 1px solid #008742;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  color: #fff;
  line-height: 37px;
  cursor: pointer;
  text-align: center; }
  .message-bar button:hover {
    color: #008742;
    background: #fff; }

#products-category-list {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 77.1875%;
  margin-left: 11.40625%; }
  #products-category-list:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1023px) {
    #products-category-list {
      float: left;
      display: block;
      margin-right: 2.65625%;
      width: 88.59375%;
      margin-left: 5.70313%; }
      #products-category-list:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 768px) {
    #products-category-list {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 100%;
      margin-left: 0%; }
      #products-category-list:last-child {
        margin-right: 0; } }
  #products-category-list ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    #products-category-list ul li {
      list-style: none; }
  #products-category-list li {
    float: left;
    display: block;
    margin-right: 3.4413%;
    width: 48.27935%;
    margin-bottom: 3.4413%;
    height: 145px;
    padding: 3px;
    background: no-repeat center center;
    background-size: cover; }
    #products-category-list li:last-child {
      margin-right: 0; }
    #products-category-list li:nth-child(2n) {
      margin-right: 0; }
    #products-category-list li:nth-child(2n+1) {
      clear: left; }
    @media screen and (max-width: 768px) {
      #products-category-list li {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0;
        height: auto; }
        #products-category-list li:last-child {
          margin-right: 0; } }
  #products-category-list a {
    display: table;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    color: #fff;
    text-align: center;
    -webkit-transition: background 0.3s, color 0.3s;
    -moz-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s; }
    @media screen and (max-width: 768px) {
      #products-category-list a {
        display: block; } }
    #products-category-list a:hover {
      background: rgba(255, 255, 255, 0.8);
      text-decoration: none; }
  #products-category-list .inner {
    display: table-cell;
    vertical-align: middle; }
    @media screen and (max-width: 768px) {
      #products-category-list .inner {
        display: block;
        padding: 20px; } }
  #products-category-list h2,
  #products-category-list .h2 {
    display: block;
    margin: 0;
    font-size: 36px;
    line-height: 1em; }
  #products-category-list p {
    display: none;
    font-size: 1em;
    line-height: 1.1em;
    margin: 0.5em 0 0 0; }
    @media screen and (max-width: 768px) {
      #products-category-list p {
        display: block; } }
  #products-category-list a:hover p {
    display: block; }
  #products-category-list .product1 {
    background-image: url(/res/images/product-cat-bg-1.jpg); }
    #products-category-list .product1 a:hover {
      color: #008742; }
  #products-category-list .product2 {
    background-image: url(/res/images/product-cat-bg-2.jpg); }
    #products-category-list .product2 a:hover {
      color: #b7ac01; }
  #products-category-list .product3 {
    background-image: url(/res/images/product-cat-bg-3.jpg); }
    #products-category-list .product3 a:hover {
      color: #f7911d; }
  #products-category-list .product4 {
    background-image: url(/res/images/product-cat-bg-4.jpg); }
    #products-category-list .product4 a:hover {
      color: #606f3f; }
  #products-category-list .product5 {
    background-image: url(/res/images/product-cat-bg-5.jpg); }
    #products-category-list .product5 a:hover {
      color: #0b3267; }
  #products-category-list .product6, #products-category-list .product9 {
    background-image: url(/res/images/product-cat-bg-6.jpg); }
    #products-category-list .product6 a:hover, #products-category-list .product9 a:hover {
      color: #5f0f5a; }
  #products-category-list .product7 {
    background-image: url(/res/images/product-cat-bg-7.jpg); }
    #products-category-list .product7 a:hover {
      color: #786658; }
  #products-category-list .product8 {
    background-image: url(/res/images/product-cat-bg-8.jpg); }
    #products-category-list .product8 a:hover {
      color: #7d1115; }
  #products-category-list li:last-child:nth-child(odd) {
    float: none;
    clear: both;
    margin-right: auto !important;
    margin-left: auto !important; }

/* products categories
======================================================================================= */
.products-catagory .cms-content {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 65.78125%; }
  .products-catagory .cms-content:last-child {
    margin-right: 0; }
  .products-catagory .cms-content img {
    display: block;
    width: 100%; }
  @media screen and (max-width: 768px) {
    .products-catagory .cms-content {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 100%;
      margin-right: 0; }
      .products-catagory .cms-content:last-child {
        margin-right: 0; } }

#products-main {
  width: 100%;
  float: left;
  clear: both;
  padding-bottom: 50px;
  margin-top: 20px; }
  @media screen and (max-width: 768px) {
    #products-main {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 100%;
      margin-right: 0; }
      #products-main:last-child {
        margin-right: 0; } }

.products-list {
  float: left;
  display: block;
  margin-right: 4.038%;
  width: 100%; }
  .products-list:last-child {
    margin-right: 0; }
  .products-list ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .products-list ul li {
      list-style: none; }
  .products-list li {
    float: left;
    display: block;
    margin-right: 4.038%;
    width: 30.64133%;
    text-align: center;
    margin-bottom: 60px; }
    .products-list li:last-child {
      margin-right: 0; }
    .products-list li:nth-child(3n) {
      margin-right: 0; }
    .products-list li:nth-child(3n+1) {
      clear: left; }
    @media screen and (max-width: 1023px) {
      .products-list li {
        float: left;
        display: block;
        margin-right: 4.038%;
        width: 47.981%; }
        .products-list li:nth-child(3n) {
          margin-right: 4.038%; }
        .products-list li:nth-child(3n+1) {
          clear: none; }
        .products-list li:last-child {
          margin-right: 0; }
        .products-list li:nth-child(2n) {
          margin-right: 0; }
        .products-list li:nth-child(2n+1) {
          clear: left; } }
    @media screen and (max-width: 480px) {
      .products-list li {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0; }
        .products-list li:last-child {
          margin-right: 0; } }
  .products-list span {
    display: block;
    width: 100%; }
  .products-list .img {
    height: 0;
    padding-bottom: 85%;
    margin-bottom: 20px;
    background: center center no-repeat;
    background-size: contain;
    border: 1px solid #373737; }
  .products-list .h3 {
    margin: 0;
    line-height: 1.1em;
    margin: 0 0 5px; }
  .products-list a {
    color: #373737; }
    .products-list a:hover {
      color: #008742; }
      .products-list a:hover .img {
        border: 1px solid #008742; }

#categories-sidebar {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 25.85938%;
  margin-left: 5.70313%;
  margin-right: 0;
  text-align: center;
  margin-top: 20px; }
  #categories-sidebar:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1023px) {
    #categories-sidebar {
      float: left;
      display: block;
      margin-right: 2.65625%;
      width: 31.5625%;
      margin-left: 0%; }
      #categories-sidebar:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 768px) {
    #categories-sidebar {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 100%; }
      #categories-sidebar:last-child {
        margin-right: 0; } }
  #categories-sidebar h2 {
    margin-top: 0; }
  #categories-sidebar #products-category-list {
    width: 100%;
    margin: 0;
    float: none; }
    #categories-sidebar #products-category-list li {
      width: 100%;
      float: none;
      margin: 0 0 3.4413% 0;
      height: 100px; }
      @media screen and (max-width: 768px) {
        #categories-sidebar #products-category-list li {
          float: left;
          display: block;
          margin-right: 4.038%;
          width: 47.981%;
          margin-bottom: 4.038%; }
          #categories-sidebar #products-category-list li:last-child {
            margin-right: 0; }
          #categories-sidebar #products-category-list li:nth-child(2n) {
            margin-right: 0; }
          #categories-sidebar #products-category-list li:nth-child(2n+1) {
            clear: left; } }
      @media screen and (max-width: 480px) {
        #categories-sidebar #products-category-list li {
          float: left;
          display: block;
          margin-right: 13.17829%;
          width: 100%;
          margin-right: 0;
          margin-bottom: 6.18182%; }
          #categories-sidebar #products-category-list li:last-child {
            margin-right: 0; } }
    #categories-sidebar #products-category-list .h2 {
      font-size: 25px; }
    #categories-sidebar #products-category-list a {
      display: table; }
    #categories-sidebar #products-category-list .inner {
      display: table-cell; }

/* products detail
======================================================================================= */
/* product detail main
----------------------------------------------------------------------- */
#product-detail-main {
  margin: 50px 0 0 0;
  border-bottom: 1px solid #796659; }
  #product-detail-main:after {
    content: "";
    display: table;
    clear: both; }

#product-img-main {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 42.96875%;
  margin-bottom: 10px; }
  #product-img-main:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    #product-img-main {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 100%; }
      #product-img-main:last-child {
        margin-right: 0; } }
  #product-img-main img {
    display: block;
    width: 100%;
    height: auto; }
    @media screen and (max-width: 768px) {
      #product-img-main img {
        width: 70%;
        margin: 0 auto; } }
    @media screen and (max-width: 480px) {
      #product-img-main img {
        width: 100%; } }

#product-info {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 54.375%;
  margin-right: 0; }
  #product-info:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    #product-info {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 100%;
      margin-right: 0; }
      #product-info:last-child {
        margin-right: 0; } }

#product-details {
  width: 100%;
  clear: both;
  padding: 20px 0 30px 0;
  	/*.qty{
  		@include span-columns(1.5 of 10);
  		//margin-top:-1em;
  		font-size:17px;
  		line-height:40px;
  		white-space:nowrap;
  		text-align:right;
  
  		@include media($bp-tablet){
  			//@include span-columns(1.25 of 10);
  		}
  		@include media($bp-phablet){
  			@include span-columns(1 of 8);
  		}
  		@include media($bp-mobile){
  			@include span-columns(1 of 4);
  		}
  
  	}*/ }
  #product-details:after {
    content: "";
    display: table;
    clear: both; }
  #product-details .specs {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    display: block;
    margin-right: 4.88506%;
    width: 47.55747%; }
    #product-details .specs li {
      list-style: none; }
    #product-details .specs:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      #product-details .specs {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 46.90909%; }
        #product-details .specs:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      #product-details .specs {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        padding-bottom: 20px; }
        #product-details .specs:last-child {
          margin-right: 0; } }
  #product-details .price {
    float: left;
    display: block;
    margin-right: 4.88506%;
    width: 47.55747%;
    text-align: right; }
    #product-details .price:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      #product-details .price {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 46.90909%; }
        #product-details .price:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      #product-details .price {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        text-align: center; }
        #product-details .price:last-child {
          margin-right: 0; } }

/* product detail left sidebar
----------------------------------------------------------------------- */
#product-sidebar {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 31.5625%; }
  #product-sidebar:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1023px) {
    #product-sidebar {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 100%; }
      #product-sidebar:last-child {
        margin-right: 0; } }

#product-gallery {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  padding-top: 35px;
  overflow: hidden; }
  #product-gallery li {
    list-style: none; }
  #product-gallery li {
    margin-bottom: 25px; }
    @media screen and (max-width: 1023px) {
      #product-gallery li {
        float: left;
        display: block;
        margin-right: 5.45746%;
        width: 29.69502%; }
        #product-gallery li:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      #product-gallery li {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%; }
        #product-gallery li:last-child {
          margin-right: 0; } }
  #product-gallery img {
    display: block;
    width: 70%;
    margin: 0 auto; }
    @media screen and (max-width: 1023px) {
      #product-gallery img {
        width: 100%; } }

#product-social {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 30px;
  font-size: 38px;
  text-align: center; }
  #product-social li {
    list-style: none; }
  @media screen and (max-width: 1023px) {
    #product-social {
      margin-top: 20px; } }
  #product-social li {
    display: inline-block;
    margin: 0 5px; }
  #product-social a {
    color: #ed1c24;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s; }
    #product-social a:hover {
      text-decoration: none;
      color: #008742; }

/* product form
----------------------------------------------------------------------- */
#product-form {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 65.78125%;
  margin-right: 0;
  padding-bottom: 50px; }
  #product-form:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1023px) {
    #product-form {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 100%; }
      #product-form:last-child {
        margin-right: 0; } }
  #product-form .col {
    float: left;
    display: block;
    margin-right: 4.038%;
    width: 47.981%; }
    #product-form .col:last-child {
      margin-right: 0; }
    #product-form .col:nth-child(2n) {
      margin-right: 0; }
    #product-form .col:nth-child(2n+1) {
      clear: left; }
    @media screen and (max-width: 640px) {
      #product-form .col {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0; }
        #product-form .col:last-child {
          margin-right: 0; } }
  #product-form .state {
    float: left;
    display: block;
    margin-right: 8.41584%;
    width: 45.79208%;
    float: right; }
    #product-form .state:last-child {
      margin-right: 0; }
  #product-form .zip {
    float: left;
    display: block;
    margin-right: 8.41584%;
    width: 45.79208%;
    margin-right: 0; }
    #product-form .zip:last-child {
      margin-right: 0; }
  #product-form .button {
    float: right;
    clear: both;
    margin-top: 40px; }

#product-options {
  border-bottom: 1px solid #796659; }
  #product-options:after {
    content: "";
    display: table;
    clear: both; }

.product-upgrades {
  padding: 0;
  margin: 0;
  list-style: none;
  padding-bottom: 35px; }
  .product-upgrades li {
    list-style: none; }
  .product-upgrades li {
    margin-bottom: 10px; }

#product-shipping {
  padding-bottom: 30px;
  margin-bottom: 50px; }

.card-note-maxlength {
  text-align: right;
  font-size: 14px; }

#mylocations-label {
  padding-top: 26px; }
  @media screen and (max-width: 640px) {
    #mylocations-label {
      padding-top: 0; } }

.applied-filters {
  margin: 0 0 1em 0; }
  .applied-filters .filter {
    display: inline-block;
    background: #eee;
    padding: 0.3em 0.7em;
    margin: 0 0.5em 0 0;
    line-height: 1em; }
  .applied-filters .remove {
    display: inline-block;
    margin-left: 0.5em;
    cursor: pointer;
    font-size: 1.3em;
    font-family: "Dosis", sans-serif;
    font-weight: 700;
    color: #ed1c24;
    cursor: pointer;
    text-align: center; }

.shop_progress h1 {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 65.78125%; }
  .shop_progress h1:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .shop_progress h1 {
      width: 100%;
      float: none;
      margin-right: 0; } }

#shop-progress {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 25.85938%;
  margin-right: 0;
  margin-top: 20px;
  border-top: 1px solid #a5a5a5;
  text-align: center; }
  #shop-progress li {
    list-style: none; }
  #shop-progress:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    #shop-progress {
      display: none; } }
  #shop-progress li {
    width: 40px;
    height: 40px;
    position: relative;
    top: -20px;
    font-size: 18px;
    text-align: center;
    color: #a5a5a5; }
    #shop-progress li:nth-child(1) {
      float: left;
      left: -10px; }
    #shop-progress li:nth-child(2) {
      display: inline-block; }
    #shop-progress li:nth-child(3) {
      float: right;
      right: -10px; }
    #shop-progress li:before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      margin: auto;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-radius: 10px;
      background: #a5a5a5; }
    #shop-progress li span {
      display: block;
      margin: auto;
      position: absolute;
      top: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
    #shop-progress li.active {
      color: #008742;
      font-weight: 700; }
      #shop-progress li.active:before {
        width: 38px;
        height: 36px;
        background: transparent url(/res/images/star-green.png) no-repeat center center;
        background-size: contain;
        border-radius: 0; }

#cart-form {
  clear: both;
  padding-top: 20px;
  margin-top: 40px;
  border-top: 1px solid #373737; }

#cart-summary {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 94.29688%;
  margin-left: 2.85156%; }
  #cart-summary:last-child {
    margin-right: 0; }
  #cart-summary p {
    font-size: 19px; }
  @media screen and (max-width: 1023px) {
    #cart-summary p {
      font-size: 17px; } }
  @media screen and (max-width: 768px) {
    #cart-summary {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%;
      margin-left: 0%; }
      #cart-summary:last-child {
        margin-right: 0; } }

.cart-section {
  margin: 0 0 50px 0;
  overflow: hidden; }
  .cart-section + .cart-section {
    margin-top: 100px; }

.cart-subitem {
  clear: both;
  overflow: hidden;
  border-top: 1px solid #373737; }
  .cart-subitem + .cart-subitem {
    margin-top: 3px; }

.cartitem-main,
.cartitem-options {
  overflow: hidden;
  border-right: 1px solid #373737;
  border-left: 1px solid #373737;
  border-bottom: 1px solid #373737; }
  .cartitem-main > div,
  .cartitem-options > div {
    padding: 25px 25px 525px 25px;
    margin-bottom: -500px;
    background: #fff; }
    @media screen and (max-width: 768px) {
      .cartitem-main > div,
      .cartitem-options > div {
        padding-bottom: 25px;
        margin-bottom: 0; } }

.cart-img-name {
  float: left;
  display: block;
  width: 66.52858%;
  display: table;
  border-right: 1px solid #373737; }
  .cart-img-name:last-child {
    width: 63.71168%; }
  @media screen and (max-width: 1023px) {
    .cart-img-name {
      float: left;
      display: block;
      width: 53.09091%; }
      .cart-img-name:last-child {
        width: 46.90909%; } }
  @media screen and (max-width: 768px) {
    .cart-img-name {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%;
      margin-right: 0;
      border-right: 0 none;
      border-bottom: 1px solid #373737;
      text-align: center; }
      .cart-img-name:last-child {
        margin-right: 0; } }
  .cart-img-name a {
    color: #373737; }
    .cart-img-name a:hover {
      text-decoration: none; }
      .cart-img-name a:hover h2,
      .cart-img-name a:hover h4 {
        text-decoration: underline; }

.cartitem-thumb {
  display: table-cell;
  width: 36.36364%;
  vertical-align: middle; }
  @media screen and (max-width: 1023px) {
    .cartitem-thumb {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%;
      margin-right: 0; }
      .cartitem-thumb:last-child {
        margin-right: 0; } }
  .cartitem-thumb img {
    display: block;
    width: 100%;
    height: auto; }

.cartitem-name {
  display: table-cell;
  width: 63.63636%;
  vertical-align: middle;
  padding-left: 20px; }
  @media screen and (max-width: 1023px) {
    .cartitem-name {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%;
      margin-right: 0;
      padding-left: 0; }
      .cartitem-name:last-child {
        margin-right: 0; } }
  .cartitem-name h2 {
    margin: 0;
    line-height: 1.1em; }
  .cartitem-name h4 {
    margin: 0;
    font-size: 19px;
    line-height: 1em;
    font-family: "Lora", Georgia, serif; }

.cartitem-quantity-subtotal {
  float: left;
  display: block;
  width: 36.28832%;
  padding: 0 !important;
  margin: 0 !important; }
  .cartitem-quantity-subtotal:last-child {
    width: 33.47142%; }
  .cartitem-quantity-subtotal > div {
    padding: 25px 25px 525px 25px;
    margin-bottom: -500px; }
    @media screen and (max-width: 1023px) {
      .cartitem-quantity-subtotal > div {
        padding-bottom: 25px;
        margin-bottom: 0; } }
  @media screen and (max-width: 1023px) {
    .cartitem-quantity-subtotal {
      float: left;
      display: block;
      width: 53.09091%; }
      .cartitem-quantity-subtotal:last-child {
        width: 46.90909%; } }
  @media screen and (max-width: 768px) {
    .cartitem-quantity-subtotal {
      float: left;
      display: block;
      width: 113.17829%; }
      .cartitem-quantity-subtotal:last-child {
        width: 100%; } }

.cartitem-quantity {
  float: left;
  display: block;
  width: 45.17327%;
  text-align: center;
  border-right: 1px solid #373737; }
  .cartitem-quantity:last-child {
    width: 36.75743%; }
  @media screen and (max-width: 1023px) {
    .cartitem-quantity {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%;
      margin-right: 0;
      border-right: 0 none;
      border-bottom: 1px solid #373737; }
      .cartitem-quantity:last-child {
        margin-right: 0; } }
  .cartitem-quantity label {
    margin: 0 0 1em 0; }
  .cartitem-quantity input {
    width: 55px;
    padding-right: 5px;
    margin: 0 auto; }
  .cartitem-quantity p {
    margin-bottom: 0; }

.cartitem-subtotal {
  float: left;
  display: block;
  width: 63.24257%;
  margin-right: 0;
  text-align: center; }
  .cartitem-subtotal:last-child {
    width: 54.82673%; }
  @media screen and (max-width: 1023px) {
    .cartitem-subtotal {
      width: 100% !important;
      margin: 0 !important;
      margin-right: 0; } }
  .cartitem-subtotal h3 {
    margin: 0 0 1em 0; }

.cartitem-options {
  float: left;
  display: block;
  margin-right: 2.8169%;
  width: 100%;
  margin-right: 0;
  overflow: hidden; }
  .cartitem-options:last-child {
    margin-right: 0; }

.cartitem-upgrades {
  float: left;
  display: block;
  width: 54.43248%;
  border-right: 1px solid #373737; }
  .cartitem-upgrades:last-child {
    width: 51.61558%; }
  @media screen and (max-width: 1023px) {
    .cartitem-upgrades {
      float: left;
      display: block;
      width: 53.09091%; }
      .cartitem-upgrades:last-child {
        width: 46.90909%; } }
  @media screen and (max-width: 768px) {
    .cartitem-upgrades {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%;
      margin-right: 0;
      border-right: 0;
      border-bottom: 1px solid #373737; }
      .cartitem-upgrades:last-child {
        margin-right: 0; } }

.cartitem-message {
  float: left;
  display: block;
  width: 48.38442%;
  margin-right: 0; }
  .cartitem-message:last-child {
    width: 45.56752%; }
  @media screen and (max-width: 1023px) {
    .cartitem-message {
      float: left;
      display: block;
      width: 53.09091%; }
      .cartitem-message:last-child {
        width: 46.90909%; } }
  @media screen and (max-width: 768px) {
    .cartitem-message {
      width: 100% !important;
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%;
      margin-right: 0; }
      .cartitem-message:last-child {
        margin-right: 0; } }

.cartitem-delivery {
  float: left;
  display: block;
  width: 102.8169%;
  margin-right: 0;
  padding: 25px;
  border-top: 1px solid #373737;
  border-right: 1px solid #373737;
  border-left: 1px solid #373737;
  text-align: center; }
  .cartitem-delivery:last-child {
    width: 100%; }
  .cartitem-delivery label,
  .cartitem-delivery input {
    width: 300px;
    margin-right: auto;
    margin-left: auto; }
  .cartitem-delivery input {
    margin-bottom: 0; }
  @media screen and (max-width: 1023px) {
    .cartitem-delivery {
      float: left;
      display: block;
      width: 35.15249%;
      margin-right: 0; }
      .cartitem-delivery:last-child {
        width: 29.69502%; } }
  @media screen and (max-width: 768px) {
    .cartitem-delivery {
      float: left;
      display: block;
      width: 113.17829%;
      margin-right: 0;
      border-left: 0 none; }
      .cartitem-delivery:last-child {
        width: 100%; } }

.cartitem-shipping-total {
  float: left;
  display: block;
  margin-right: 2.8169%;
  width: 100%;
  background: rgba(0, 135, 66, 0.23);
  overflow: hidden; }
  .cartitem-shipping-total:last-child {
    margin-right: 0; }
  .cartitem-shipping-total h2 {
    padding: 0.7em 2em 0.7em 0;
    margin: 0;
    float: left;
    display: block;
    margin-right: 2.8169%;
    width: 93.95195%;
    margin-left: 3.02403%;
    cursor: pointer;
    position: relative;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px; }
    .cartitem-shipping-total h2:last-child {
      margin-right: 0; }
    .cartitem-shipping-total h2:after {
      display: block;
      content: "";
      width: 28px;
      height: 8px;
      margin: auto;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      background: url(/res/images/select-arrow.png) no-repeat right center;
      background-size: contain;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s;
      -webkit-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -ms-transform: rotateX(0deg);
      -o-transform: rotateX(0deg);
      transform: rotateX(0deg); }

.shipping-info-container {
  height: auto;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  clear: both;
  border-top: 1px solid rgba(55, 55, 55, 0); }

.cartitem-shipping-total.active h2:after {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg); }
.cartitem-shipping-total.active .shipping-info-container {
  max-height: 2000px;
  border-top: 1px solid #373737; }

.cartitem-shipping {
  float: left;
  display: block;
  margin-right: 2.8169%;
  width: 78.83181%;
  margin-left: 3.02403%;
  padding: 37px 2% 20px 0;
  border-right: 1px solid #373737; }
  .cartitem-shipping:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1023px) {
    .cartitem-shipping {
      float: left;
      display: block;
      margin-right: 4.038%;
      width: 91.33017%;
      margin-left: 4.33492%;
      padding-right: 0;
      border: 0 none; }
      .cartitem-shipping:last-child {
        margin-right: 0; } }
  .cartitem-shipping .col {
    float: left;
    display: block;
    margin-right: 4.038%;
    width: 30.64133%; }
    .cartitem-shipping .col:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1023px) {
      .cartitem-shipping .col {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 46.90909%; }
        .cartitem-shipping .col:last-child {
          margin-right: 0; }
        .cartitem-shipping .col:nth-child(2n) {
          margin-right: 0; }
        .cartitem-shipping .col:nth-child(2n+1) {
          clear: left; } }
    @media screen and (max-width: 768px) {
      .cartitem-shipping .col {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0; }
        .cartitem-shipping .col:last-child {
          margin-right: 0; } }
  .cartitem-shipping .col-half {
    float: left;
    display: block;
    margin-right: 4.038%;
    width: 47.981%; }
    .cartitem-shipping .col-half:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1023px) {
      .cartitem-shipping .col-half {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 46.90909%; }
        .cartitem-shipping .col-half:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 768px) {
      .cartitem-shipping .col-half {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0; }
        .cartitem-shipping .col-half:last-child {
          margin-right: 0; } }
  .cartitem-shipping .col-2 {
    float: left;
    display: block;
    margin-right: 4.038%;
    width: 65.32067%; }
    .cartitem-shipping .col-2:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1023px) {
      .cartitem-shipping .col-2 {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 46.90909%;
        margin-right: 0;
        margin-right: 0 !important; }
        .cartitem-shipping .col-2:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 768px) {
      .cartitem-shipping .col-2 {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0; }
        .cartitem-shipping .col-2:last-child {
          margin-right: 0; } }
  .cartitem-shipping .col-3 {
    float: left;
    display: block;
    margin-right: 4.038%;
    width: 100%;
    margin-right: 0; }
    .cartitem-shipping .col-3:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1023px) {
      .cartitem-shipping .col-3 {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 100%;
        margin-right: 0;
        margin-right: 0 !important; }
        .cartitem-shipping .col-3:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 768px) {
      .cartitem-shipping .col-3 {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0; }
        .cartitem-shipping .col-3:last-child {
          margin-right: 0; } }
  .cartitem-shipping .col-full {
    float: left;
    display: block;
    margin-right: 4.038%;
    width: 100%;
    margin-right: 0; }
    .cartitem-shipping .col-full:last-child {
      margin-right: 0; }
    .cartitem-shipping .col-full:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (max-width: 1023px) {
      .cartitem-shipping .col-full {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 100%;
        margin-right: 0; }
        .cartitem-shipping .col-full:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 768px) {
      .cartitem-shipping .col-full {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0; }
        .cartitem-shipping .col-full:last-child {
          margin-right: 0; } }
  .cartitem-shipping .omega {
    margin-right: 0; }
    .cartitem-shipping .omega + div {
      clear: left; }
  .cartitem-shipping .state,
  .cartitem-shipping .zip {
    float: left;
    display: block;
    margin-right: 8.41584%;
    width: 45.79208%; }
    .cartitem-shipping .state:last-child,
    .cartitem-shipping .zip:last-child {
      margin-right: 0; }
  .cartitem-shipping label {
    font-size: 15px; }
  .cartitem-shipping a {
    cursor: pointer;
    background: none repeat scroll 0 0 #008742;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    line-height: 1.5em;
    padding: 0.4em 1em 0.3em;
    text-decoration: none;
    transition: background 0.2s ease 0s; }
    .cartitem-shipping a:hover {
      text-decoration: underline; }
  .cartitem-shipping [data-action="save-location"],
  .cartitem-shipping [data-login-action="save-location"] {
    float: left; }
    @media screen and (max-width: 480px) {
      .cartitem-shipping [data-action="save-location"],
      .cartitem-shipping [data-login-action="save-location"] {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 1em; } }
  .cartitem-shipping [data-action="update"] {
    float: right; }
    @media screen and (max-width: 480px) {
      .cartitem-shipping [data-action="update"] {
        float: none;
        width: 100%;
        text-align: center; } }

.cartitem-total {
  float: left;
  display: block;
  margin-right: 2.8169%;
  width: 15.32726%;
  margin-right: 0;
  padding: 30px 0 10px 2%; }
  .cartitem-total:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1023px) {
    .cartitem-total {
      float: left;
      display: block;
      margin-right: 4.038%;
      width: 91.33017%;
      margin-left: 4.33492%;
      border-top: 1px solid #373737;
      border-left: 0 none; }
      .cartitem-total:last-child {
        margin-right: 0; }
      .cartitem-total div {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 20.36364%; }
        .cartitem-total div:last-child {
          margin-right: 0; } }
  @media screen and (max-width: 768px) {
    .cartitem-total {
      padding-bottom: 0;
      margin-bottom: 0; }
      .cartitem-total div {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 43.41085%; }
        .cartitem-total div:last-child {
          margin-right: 0; }
        .cartitem-total div:nth-child(2n) {
          margin-right: 0; }
        .cartitem-total div:nth-child(2n+1) {
          clear: left; } }
  .cartitem-total h3 {
    margin: 0; }
  .cartitem-total p {
    margin-top: 0; }
  .cartitem-total .total {
    font-size: 29px !important;
    line-height: 39px; }

#cart-footer {
  margin-bottom: 70px; }
  #cart-footer:after {
    content: "";
    display: table;
    clear: both; }
  #cart-footer .continue {
    float: left;
    display: block;
    margin-right: 2.8169%;
    width: 63.71168%; }
    #cart-footer .continue:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1023px) {
      #cart-footer .continue {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 60.18182%; }
        #cart-footer .continue:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 768px) {
      #cart-footer .continue {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 100%;
        margin-right: 0;
        text-align: center; }
        #cart-footer .continue:last-child {
          margin-right: 0; } }
    #cart-footer .continue a {
      color: #373737;
      text-decoration: none; }
      #cart-footer .continue a strong {
        color: #008742; }
      #cart-footer .continue a:hover strong {
        text-decoration: underline; }
  #cart-footer .cart-total-container {
    float: left;
    display: block;
    margin-right: 2.8169%;
    width: 15.32726%; }
    #cart-footer .cart-total-container:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1023px) {
      #cart-footer .cart-total-container {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 33.63636%;
        margin-right: 0;
        text-align: right; }
        #cart-footer .cart-total-container:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 768px) {
      #cart-footer .cart-total-container {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 100%;
        margin-right: 0;
        text-align: center;
        margin-bottom: 20px; }
        #cart-footer .cart-total-container:last-child {
          margin-right: 0; } }
    #cart-footer .cart-total-container h3 {
      margin: 0;
      font-family: "Lora", Georgia, serif;
      font-size: 15px;
      line-height: 15px;
      font-weight: 400;
      text-transform: none; }
    #cart-footer .cart-total-container .h1 {
      margin: 0; }
  #cart-footer .button {
    float: left;
    display: block;
    margin-right: 2.8169%;
    width: 15.32726%;
    margin-right: 0;
    margin-top: 10px; }
    #cart-footer .button:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1023px) {
      #cart-footer .button {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 20.36364%;
        margin-right: 0;
        float: right; }
        #cart-footer .button:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 768px) {
      #cart-footer .button {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 46.90909%;
        margin-right: 0;
        float: none;
        margin: 0 auto !important;
        clear: both; }
        #cart-footer .button:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      #cart-footer .button {
        width: 100%; } }

#checkout-form {
  float: left;
  display: block;
  margin-right: 4.038%;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 50px;
  border-top: 1px solid #373737;
  position: relative;
  overflow: hidden; }
  #checkout-form:last-child {
    margin-right: 0; }
  #checkout-form:after {
    content: "";
    display: table;
    clear: both; }
  #checkout-form fieldset {
    padding: 0 !important;
    border: 0 none; }
  #checkout-form .col {
    float: left;
    display: block;
    margin-right: 4.038%;
    width: 47.981%; }
    #checkout-form .col:last-child {
      margin-right: 0; }
    #checkout-form .col:nth-child(2n) {
      margin-right: 0; }
    #checkout-form .col:nth-child(2n+1) {
      clear: left; }
    @media screen and (max-width: 480px) {
      #checkout-form .col {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0; }
        #checkout-form .col:last-child {
          margin-right: 0; } }
    #checkout-form .col .col {
      float: left;
      display: block;
      margin-right: 8.41584%;
      width: 45.79208%; }
      #checkout-form .col .col:last-child {
        margin-right: 0; }
      #checkout-form .col .col:nth-child(2n) {
        margin-right: 0; }
      #checkout-form .col .col:nth-child(2n+1) {
        clear: left; }
      @media screen and (max-width: 1023px) {
        #checkout-form .col .col {
          float: left;
          display: block;
          margin-right: 13.17829%;
          width: 100%;
          margin-right: 0; }
          #checkout-form .col .col:last-child {
            margin-right: 0; } }
  #checkout-form .state {
    float: left;
    display: block;
    margin-right: 8.41584%;
    width: 45.79208%; }
    #checkout-form .state:last-child {
      margin-right: 0; }
    @media screen and (max-width: 480px) {
      #checkout-form .state {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0; }
        #checkout-form .state:last-child {
          margin-right: 0; } }
  #checkout-form .zip {
    float: left;
    display: block;
    margin-right: 8.41584%;
    width: 45.79208%;
    margin-right: 0; }
    #checkout-form .zip:last-child {
      margin-right: 0; }
    @media screen and (max-width: 480px) {
      #checkout-form .zip {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0; }
        #checkout-form .zip:last-child {
          margin-right: 0; } }
  #checkout-form .or {
    width: 100%;
    clear: both;
    text-align: center;
    border-bottom: 1px solid #373737;
    margin: 50px 0;
    line-height: 1em; }
    #checkout-form .or span {
      display: inline-block;
      padding: 0 0.5em;
      position: relative;
      bottom: -0.5em;
      background: #fff; }
  #checkout-form label {
    white-space: nowrap; }
    #checkout-form label.control-label {
      white-space: normal; }
    #checkout-form label.error.active {
      white-space: normal;
      margin: -1.3em 0 1em 0; }
  #checkout-form .newsletter {
    margin-top: 2em; }
    @media screen and (max-width: 480px) {
      #checkout-form .newsletter {
        margin-top: 0; } }
  #checkout-form .error.active {
    color: red;
    font-size: 18px;
    font-family: "Dosis", sans-serif;
    font-weight: 700;
    text-transform: uppercase; }

#checkout-billing {
  margin-bottom: 30px; }

@media screen and (max-width: 480px) {
  #payment-types {
    margin-bottom: 30px; } }
#payment-types h3 {
  margin: 0 0 1em 0; }
  @media screen and (max-width: 480px) {
    #payment-types h3 {
      font-size: 20px; } }
#payment-types ul {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  display: block;
  margin-right: 8.41584%;
  width: 63.86139%; }
  #payment-types ul li {
    list-style: none; }
  #payment-types ul:last-child {
    margin-right: 0; }
  @media screen and (max-width: 480px) {
    #payment-types ul {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%; }
      #payment-types ul:last-child {
        margin-right: 0; } }
#payment-types li {
  float: left;
  display: block;
  margin-right: 13.17829%;
  width: 43.41085%;
  margin-bottom: 13.17829%; }
  #payment-types li:last-child {
    margin-right: 0; }
  #payment-types li:nth-child(2n) {
    margin-right: 0; }
  #payment-types li:nth-child(2n+1) {
    clear: left; }
  @media screen and (max-width: 480px) {
    #payment-types li {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 20.36364%; }
      #payment-types li:nth-child(2n) {
        margin-right: 6.18182%; }
      #payment-types li:nth-child(2n+1) {
        clear: none; }
      #payment-types li:last-child {
        margin-right: 0; }
      #payment-types li:nth-child(4n) {
        margin-right: 0; }
      #payment-types li:nth-child(4n+1) {
        clear: left; } }
#payment-types img {
  display: block;
  width: 100%;
  height: auto; }

.add-payment {
  margin-top: -20px; }

#checkout-fields {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 71.48438%;
  padding-right: 5%;
  border-right: 1px solid #373737; }
  #checkout-fields:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1023px) {
    #checkout-fields {
      padding-right: 3%; } }
  @media screen and (max-width: 768px) {
    #checkout-fields {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 100%;
      margin-right: 0;
      border-right: 0;
      padding-right: 0;
      margin-bottom: 50px; }
      #checkout-fields:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 480px) {
    #checkout-fields {
      padding-bottom: 20px;
      margin-bottom: 10px;
      border-bottom: 1px solid #373737; } }

#save-payment {
  clear: both; }

#house-account:after {
  content: "";
  display: table;
  clear: both; }
#house-account h3 {
  position: relative;
  margin: 0;
  text-align: center;
  vertical-align: middle; }
  @media screen and (max-width: 1023px) {
    #house-account h3 {
      width: 180px;
      margin: 0 auto; } }
  @media screen and (max-width: 480px) {
    #house-account h3 {
      width: auto;
      margin-bottom: 20px; } }
  #house-account h3 .ss-help {
    margin: 0;
    vertical-align: middle; }

#checkout-summary {
  width: 25%;
  float: left;
  margin-right: 0;
  padding: 30px 0 0 0; }
  #checkout-summary h3 {
    margin: 0; }
  #checkout-summary p {
    margin: 0; }
  #checkout-summary .plus {
    font-size: 17px; }
  #checkout-summary hr {
    clear: both;
    margin: 20px 0; }
    @media screen and (max-width: 768px) {
      #checkout-summary hr {
        width: 100%;
        float: left; } }
  #checkout-summary .button {
    float: left;
    display: block;
    margin-right: 10.2719%;
    width: 100%;
    margin-right: 0;
    /*float:none;
    margin:0 auto 50px auto !important;
    white-space:nowrap;*/
    /*
    		@include media($bp-tablet){
    			@include span-columns(6 of 6);
    			@include omega;
    		}*/ }
    #checkout-summary .button:last-child {
      margin-right: 0; }
  @media screen and (max-width: 768px) {
    #checkout-summary {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%;
      margin-right: 0; }
      #checkout-summary:last-child {
        margin-right: 0; }
      #checkout-summary .total-sub {
        float: left;
        display: block;
        margin-right: 10.2719%;
        width: 11.78248%; }
        #checkout-summary .total-sub:last-child {
          margin-right: 0; }
        #checkout-summary .total-sub.omega {
          margin-right: 0; }
      #checkout-summary .plus {
        float: left;
        display: block;
        margin-right: 10.2719%;
        width: 11.78248%;
        text-align: center; }
        #checkout-summary .plus:last-child {
          margin-right: 0; }
      #checkout-summary .total-total {
        text-align: center; } }
  @media screen and (max-width: 480px) {
    #checkout-summary .total-sub {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%;
      margin-right: 0; }
      #checkout-summary .total-sub:last-child {
        margin-right: 0; }
      #checkout-summary .total-sub h3, #checkout-summary .total-sub p {
        display: inline-block;
        margin-right: 10px; }
    #checkout-summary .plus {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%;
      margin-right: 0;
      text-align: left; }
      #checkout-summary .plus:last-child {
        margin-right: 0; }
    #checkout-summary .total-total {
      text-align: center; } }

#checkout-shipping-service {
  float: left;
  display: block;
  margin-right: 8.41584%;
  width: 81.93069%;
  float: none;
  margin: 0 auto 50px auto; }
  #checkout-shipping-service:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1023px) {
    #checkout-shipping-service {
      float: left;
      display: block;
      margin-right: 8.41584%;
      width: 100%;
      margin-right: 0; }
      #checkout-shipping-service:last-child {
        margin-right: 0; } }

#checkout-total {
  margin-bottom: 50px;
  font-size: 29px;
  line-height: 29px; }

#coupon_output {
  margin-bottom: 1em; }

.contact .message-bar {
  margin: 30px 0 50px; }
  .contact .message-bar .h1 span {
    display: inline-block;
    padding: 0 30px;
    white-space: nowrap; }
    @media screen and (max-width: 1023px) {
      .contact .message-bar .h1 span {
        display: block;
        white-space: normal;
        padding: 0; } }
    @media screen and (max-width: 640px) {
      .contact .message-bar .h1 span {
        font-size: 28px; } }
    @media screen and (max-width: 480px) {
      .contact .message-bar .h1 span {
        font-size: 20px; } }

#locations-container {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 65.78125%; }
  #locations-container:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1023px) {
    #locations-container {
      float: left;
      display: block;
      margin-right: 2.65625%;
      width: 54.375%; }
      #locations-container:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 768px) {
    #locations-container {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 100%;
      margin-right: 0; }
      #locations-container:last-child {
        margin-right: 0; } }
  #locations-container h3 a {
    color: #373737; }
  #locations-container .location {
    float: left;
    display: block;
    margin-right: 4.038%;
    width: 47.981%;
    margin-bottom: 50px;
    text-align: center; }
    #locations-container .location:last-child {
      margin-right: 0; }
    #locations-container .location:nth-child(2n) {
      margin-right: 0; }
    #locations-container .location:nth-child(2n+1) {
      clear: left; }
    @media screen and (max-width: 1023px) {
      #locations-container .location {
        float: left;
        display: block;
        margin-right: 4.038%;
        width: 100%;
        margin-right: 0; }
        #locations-container .location:last-child {
          margin-right: 0; } }
    #locations-container .location a {
      font-weight: 700; }
  #locations-container .map {
    width: 100%;
    height: 230px;
    margin-bottom: 10px;
    position: relative; }
    #locations-container .map iframe {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }

#contact-form {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 31.5625%;
  margin-right: 0; }
  #contact-form:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1023px) {
    #contact-form {
      float: left;
      display: block;
      margin-right: 2.65625%;
      width: 42.96875%; }
      #contact-form:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 768px) {
    #contact-form {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 100%;
      margin-right: 0; }
      #contact-form:last-child {
        margin-right: 0; } }
  #contact-form button {
    width: 230px;
    margin: 0 auto; }
  #contact-form #contact-form-email {
    display: none; }

.map {
  cursor: pointer; }
  .map iframe {
    pointer-events: none; }
  .map.enable {
    cursor: auto; }
    .map.enable iframe {
      pointer-events: auto; }

.location-content {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 60.07813%; }
  .location-content:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1023px) {
    .location-content {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 53.54545%; }
      .location-content:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 768px) {
    .location-content {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%; }
      .location-content:last-child {
        margin-right: 0; } }

.location-info {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 31.5625%;
  margin-left: 5.70313%;
  margin-right: 0; }
  .location-info:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1023px) {
    .location-info {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 40.27273%;
      margin-left: 0%;
      margin-right: 0; }
      .location-info:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 768px) {
    .location-info {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%; }
      .location-info:last-child {
        margin-right: 0; } }
  .location-info .map {
    width: 100%;
    height: 230px;
    margin-bottom: 40px;
    position: relative; }
    .location-info .map iframe {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .location-info ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1.3em; }
    .location-info ul li {
      list-style: none; }
    .location-info ul li {
      margin-bottom: 30px; }
    .location-info ul .ss-icon {
      display: inline-block;
      font-size: 28px;
      line-height: 1em; }

#latest-news-blog.location-news {
  text-align: center; }
  #latest-news-blog.location-news .wrapper {
    position: relative; }
  #latest-news-blog.location-news h3 {
    float: none; }
  #latest-news-blog.location-news .all {
    float: none;
    position: absolute;
    top: 0;
    right: 30px;
    background: #fff;
    margin: 0; }
    @media screen and (max-width: 768px) {
      #latest-news-blog.location-news .all {
        display: inline-block;
        position: relative;
        right: 0;
        margin-top: 10px; } }
    #latest-news-blog.location-news .all:hover {
      border-color: #fff;
      background: none; }
  #latest-news-blog.location-news .inner {
    clear: both;
    float: left;
    display: block;
    margin-right: 2.65625%;
    width: 88.59375%;
    margin-left: 5.70313%; }
    #latest-news-blog.location-news .inner:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      #latest-news-blog.location-news .inner {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 100%;
        margin-left: 0%; }
        #latest-news-blog.location-news .inner:last-child {
          margin-right: 0; } }
  #latest-news-blog.location-news article {
    clear: none;
    float: left;
    display: block;
    margin-right: 2.99824%;
    width: 48.50088%; }
    #latest-news-blog.location-news article:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      #latest-news-blog.location-news article {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 100%;
        padding-top: 3em; }
        #latest-news-blog.location-news article:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 640px) {
      #latest-news-blog.location-news article {
        margin-bottom: 50px; } }

.account_page {
  background: #c4e3d3; }
  .account_page #breadcrumbs {
    background: #fff;
    padding-bottom: 10px; }

/* Account Login page
======================================================================================= */
.login_page .main {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media screen and (max-width: 768px) {
    .login_page .main {
      padding-top: 50px;
      padding-bottom: 50px; } }
  .login_page .main .h1, .login_page .main p {
    text-align: center; }
  .login_page .main p {
    clear: both;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 19px;
    font-weight: 300; }
  .login_page .main hr {
    float: left;
    display: block;
    margin-right: 2.65625%;
    width: 65.78125%;
    margin-left: 17.10938%; }
    .login_page .main hr:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1023px) {
      .login_page .main hr {
        float: left;
        display: block;
        margin-right: 2.65625%;
        width: 88.59375%;
        margin-left: 5.70313%; }
        .login_page .main hr:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 768px) {
      .login_page .main hr {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 100%;
        margin-left: 0%; }
        .login_page .main hr:last-child {
          margin-right: 0; } }

/* Account login form
======================================================================================= */
.account-login-form {
  width: 100%;
  max-width: 400px;
  margin: 0 auto; }
  .account-login-form .button {
    width: 100%;
    margin: 50px 0 20px;
    font-family: "Dosis", sans-serif;
    text-transform: uppercase; }
  .account-login-form .remember {
    display: block;
    float: left;
    margin-top: 2px; }
  .account-login-form .forgot {
    display: block;
    float: right;
    font-style: italic; }

/* Account Info
======================================================================================= */
#account-nav {
  float: right;
  padding: 35px 15px 0 0; }
  @media screen and (max-width: 1023px) {
    #account-nav {
      float: none;
      padding: 20px 0 20px 0; } }
  @media screen and (max-width: 640px) {
    #account-nav {
      padding: 10px 0 0 0; } }
  #account-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 18px;
    line-height: 1.1em;
    text-align: center; }
    #account-nav ul li {
      list-style: none; }
    @media screen and (max-width: 640px) {
      #account-nav ul {
        overflow: hidden; } }
  #account-nav li {
    display: inline-block;
    margin-left: 40px; }
    @media screen and (max-width: 1023px) {
      #account-nav li {
        margin: 0 20px; } }
    @media screen and (max-width: 640px) {
      #account-nav li {
        margin: 0;
        display: block;
        float: left;
        width: 33.3%;
        padding: 0 12px; } }
    #account-nav li a {
      color: #373737;
      opacity: 0.45; }
      #account-nav li a:hover {
        opacity: 1;
        color: #008742;
        text-decoration: none; }
    #account-nav li.active a {
      opacity: 1;
      pointer-events: none; }
  #account-nav .ss-icon {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    font-size: 36px;
    vertical-align: middle; }
    @media screen and (max-width: 640px) {
      #account-nav .ss-icon {
        display: none; } }
  #account-nav + h1 {
    float: left; }
    @media screen and (max-width: 1023px) {
      #account-nav + h1 {
        float: none; } }

#account-info-form {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 100%;
  margin-right: 0;
  clear: both;
  border-top: 1px solid rgba(55, 55, 55, 0.8);
  padding-bottom: 75px;
  margin-top: 20px; }
  #account-info-form:last-child {
    margin-right: 0; }
  #account-info-form:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (max-width: 1023px) {
    #account-info-form {
      margin-top: 0; } }
  #account-info-form hr {
    border-bottom: 1px solid rgba(55, 55, 55, 0.8); }
  #account-info-form fieldset {
    padding: 0 0 10px 0;
    border: 0 none; }
  #account-info-form .billing {
    float: left;
    display: block;
    margin-right: 2.65625%;
    width: 65.78125%; }
    #account-info-form .billing:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      #account-info-form .billing {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 100%;
        margin-right: 0; }
        #account-info-form .billing:last-child {
          margin-right: 0; } }
  #account-info-form .password {
    float: left;
    display: block;
    margin-right: 2.65625%;
    width: 25.85938%;
    margin-left: 5.70313%;
    margin-right: 0; }
    #account-info-form .password:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1023px) {
      #account-info-form .password {
        float: left;
        display: block;
        margin-right: 2.65625%;
        width: 31.5625%;
        margin-left: 0%;
        margin-right: 0; }
        #account-info-form .password:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 768px) {
      #account-info-form .password {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 100%;
        margin-right: 0; }
        #account-info-form .password:last-child {
          margin-right: 0; } }
    #account-info-form .password .col {
      float: left;
      display: block;
      margin-right: 10.2719%;
      width: 100%;
      margin-right: 0; }
      #account-info-form .password .col:last-child {
        margin-right: 0; }
      @media screen and (max-width: 768px) {
        #account-info-form .password .col {
          float: left;
          display: block;
          margin-right: 6.18182%;
          width: 46.90909%; }
          #account-info-form .password .col:last-child {
            margin-right: 0; }
          #account-info-form .password .col:nth-child(2n) {
            margin-right: 0; }
          #account-info-form .password .col:nth-child(2n+1) {
            clear: left; } }
      @media screen and (max-width: 480px) {
        #account-info-form .password .col {
          float: left;
          display: block;
          margin-right: 13.17829%;
          width: 100%;
          margin-right: 0; }
          #account-info-form .password .col:last-child {
            margin-right: 0; } }
  #account-info-form .col {
    float: left;
    display: block;
    margin-right: 4.038%;
    width: 47.981%; }
    #account-info-form .col:last-child {
      margin-right: 0; }
    #account-info-form .col:nth-child(2n) {
      margin-right: 0; }
    #account-info-form .col:nth-child(2n+1) {
      clear: left; }
    @media screen and (max-width: 480px) {
      #account-info-form .col {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0; }
        #account-info-form .col:last-child {
          margin-right: 0; } }
  #account-info-form .state {
    float: left;
    display: block;
    margin-right: 8.41584%;
    width: 27.72277%; }
    #account-info-form .state:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1023px) {
      #account-info-form .state {
        float: left;
        display: block;
        margin-right: 8.41584%;
        width: 45.79208%; }
        #account-info-form .state:last-child {
          margin-right: 0; } }
    #account-info-form .state select {
      width: 100% !important;
      margin-right: 0 !important;
      float: none !important; }
  #account-info-form .zip {
    float: left;
    display: block;
    margin-right: 8.41584%;
    width: 63.86139%;
    margin-right: 0; }
    #account-info-form .zip:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1023px) {
      #account-info-form .zip {
        float: left;
        display: block;
        margin-right: 8.41584%;
        width: 45.79208%;
        margin-right: 0; }
        #account-info-form .zip:last-child {
          margin-right: 0; } }
  #account-info-form .locations ul,
  #account-info-form .payments ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 19px;
    line-height: 22px; }
    #account-info-form .locations ul li,
    #account-info-form .payments ul li {
      list-style: none; }
  #account-info-form .locations li,
  #account-info-form .payments li {
    display: inline-block;
    padding-right: 90px;
    margin-bottom: 15px;
    position: relative;
    clear: both; }
    @media screen and (max-width: 640px) {
      #account-info-form .locations li,
      #account-info-form .payments li {
        display: block;
        padding: 0; } }
  #account-info-form .locations .remove,
  #account-info-form .payments .remove {
    width: 70px;
    position: absolute;
    top: 0;
    right: 0; }
    @media screen and (max-width: 640px) {
      #account-info-form .locations .remove,
      #account-info-form .payments .remove {
        width: auto;
        position: relative;
        clear: both;
        margin: 5px 0; } }
  #account-info-form .locations {
    float: left;
    display: block;
    margin-right: 2.65625%;
    width: 65.78125%; }
    #account-info-form .locations:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      #account-info-form .locations {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 60.18182%; }
        #account-info-form .locations:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 640px) {
      #account-info-form .locations {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0; }
        #account-info-form .locations:last-child {
          margin-right: 0; } }
  #account-info-form .payments {
    float: left;
    display: block;
    margin-right: 2.65625%;
    width: 25.85938%;
    margin-left: 5.70313%;
    margin-right: 0; }
    #account-info-form .payments:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1023px) {
      #account-info-form .payments {
        float: left;
        display: block;
        margin-right: 2.65625%;
        width: 31.5625%;
        margin-left: 0%;
        margin-right: 0; }
        #account-info-form .payments:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 768px) {
      #account-info-form .payments {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 33.63636%;
        margin-right: 0; }
        #account-info-form .payments:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 640px) {
      #account-info-form .payments {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0; }
        #account-info-form .payments:last-child {
          margin-right: 0; } }
  #account-info-form .button {
    float: right;
    clear: both;
    margin-top: 40px; }

/* Order History
======================================================================================= */
@media screen and (max-width: 768px) {
  .orders-table .order-qty {
    display: none; } }
@media screen and (max-width: 640px) {
  .orders-table {
    display: block;
    text-align: center; }
    .orders-table thead {
      display: none; }
    .orders-table tbody {
      display: block; }
    .orders-table tr {
      display: block;
      width: 100%;
      padding: 10px 0 20px 0; }
      .orders-table tr + tr {
        border-top: 1px solid #373737; }
    .orders-table td {
      display: block;
      padding: 10px 0; } }

#cart-summary.order-detail {
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #373737;
  overflow: hidden;
  margin-bottom: 40px;
  clear: both; }
  #cart-summary.order-detail div {
    background: none !important; }
  #cart-summary.order-detail h3 {
    margin-top: 0; }
  #cart-summary.order-detail .order-main {
    float: left;
    display: block;
    width: 72.57664%;
    margin-right: 0; }
    #cart-summary.order-detail .order-main:last-child {
      width: 69.75973%; }
    @media screen and (max-width: 1300px) {
      #cart-summary.order-detail .order-main {
        float: left;
        display: block;
        width: 60.48053%; }
        #cart-summary.order-detail .order-main:last-child {
          width: 57.66363%; } }
    @media screen and (max-width: 480px) {
      #cart-summary.order-detail .order-main {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0;
        border: 0 none; }
        #cart-summary.order-detail .order-main:last-child {
          margin-right: 0; } }
  #cart-summary.order-detail .cartitem-main {
    border: 0 none;
    border-bottom: 1px solid #373737;
    clear: both; }
  #cart-summary.order-detail .cartitem-options {
    border: 0 none;
    border-right: 1px solid #373737; }
  #cart-summary.order-detail .cart-img-name {
    float: left;
    display: block;
    width: 78.0285%; }
    #cart-summary.order-detail .cart-img-name:last-child {
      width: 73.9905%; }
    @media screen and (max-width: 1300px) {
      #cart-summary.order-detail .cart-img-name {
        float: left;
        display: block;
        width: 73.41954%; }
        #cart-summary.order-detail .cart-img-name:last-child {
          width: 68.53448%; } }
    @media screen and (max-width: 1023px) {
      #cart-summary.order-detail .cart-img-name {
        float: left;
        display: block;
        margin-right: 4.88506%;
        width: 100%;
        margin-right: 0;
        border: 0 none;
        padding-bottom: 25px;
        margin-bottom: 0;
        border-bottom: 1px solid #373737; }
        #cart-summary.order-detail .cart-img-name:last-child {
          margin-right: 0; } }
  @media screen and (max-width: 1300px) {
    #cart-summary.order-detail .cartitem-thumb,
    #cart-summary.order-detail .cartitem-name {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%;
      margin-right: 0; }
      #cart-summary.order-detail .cartitem-thumb:last-child,
      #cart-summary.order-detail .cartitem-name:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 1300px) {
    #cart-summary.order-detail .cartitem-thumb {
      margin-bottom: 20px; } }
  #cart-summary.order-detail .cartitem-quantity {
    float: left;
    display: block;
    width: 26.0095%;
    border-right: 0 none; }
    #cart-summary.order-detail .cartitem-quantity:last-child {
      width: 21.9715%; }
    @media screen and (max-width: 1300px) {
      #cart-summary.order-detail .cartitem-quantity {
        float: left;
        display: block;
        width: 31.46552%; }
        #cart-summary.order-detail .cartitem-quantity:last-child {
          width: 26.58046%; } }
    @media screen and (max-width: 1023px) {
      #cart-summary.order-detail .cartitem-quantity {
        float: left;
        display: block;
        width: 113.17829%;
        border: 0 none; }
        #cart-summary.order-detail .cartitem-quantity:last-child {
          width: 100%; } }
  #cart-summary.order-detail .cartitem-delivery {
    border: 0 none;
    float: left;
    display: block;
    width: 26.0095%; }
    #cart-summary.order-detail .cartitem-delivery:last-child {
      width: 21.9715%; }
    @media screen and (max-width: 1300px) {
      #cart-summary.order-detail .cartitem-delivery {
        float: left;
        display: block;
        width: 31.46552%; }
        #cart-summary.order-detail .cartitem-delivery:last-child {
          width: 26.58046%; } }
    @media screen and (max-width: 1023px) {
      #cart-summary.order-detail .cartitem-delivery {
        float: left;
        display: block;
        width: 62.93103%;
        margin-right: 0;
        text-align: center;
        padding-bottom: 125px;
        margin-bottom: -100px; }
        #cart-summary.order-detail .cartitem-delivery:last-child {
          width: 58.04598%; } }
  #cart-summary.order-detail .cartitem-options {
    float: left;
    display: block;
    margin-right: 4.038%;
    width: 100%;
    border-right: 0 none; }
    #cart-summary.order-detail .cartitem-options:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1023px) {
      #cart-summary.order-detail .cartitem-options {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0;
        border-right: 0; }
        #cart-summary.order-detail .cartitem-options:last-child {
          margin-right: 0; } }
  #cart-summary.order-detail .cartitem-upgrades {
    float: left;
    display: block;
    width: 53.09091%; }
    #cart-summary.order-detail .cartitem-upgrades:last-child {
      width: 46.90909%; }
    @media screen and (max-width: 1023px) {
      #cart-summary.order-detail .cartitem-upgrades {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0;
        border: 0 none;
        padding-bottom: 0;
        margin-bottom: 0; }
        #cart-summary.order-detail .cartitem-upgrades:last-child {
          margin-right: 0; } }
  #cart-summary.order-detail .cartitem-message {
    float: left;
    display: block;
    width: 53.09091%; }
    #cart-summary.order-detail .cartitem-message:last-child {
      width: 46.90909%; }
    @media screen and (max-width: 1023px) {
      #cart-summary.order-detail .cartitem-message {
        float: left;
        display: block;
        width: 113.17829%;
        margin-right: 0;
        border: 0 none;
        border-top: 1px solid #373737;
        padding-bottom: 0;
        margin-bottom: 0; }
        #cart-summary.order-detail .cartitem-message:last-child {
          width: 100%; } }
    @media screen and (max-width: 480px) {
      #cart-summary.order-detail .cartitem-message {
        border-bottom: 1px solid #373737; } }
  #cart-summary.order-detail .cartitem-location {
    float: left;
    display: block;
    width: 34.67933%;
    margin-right: 0;
    padding-right: 10px; }
    #cart-summary.order-detail .cartitem-location:last-child {
      width: 30.64133%; }
    @media screen and (max-width: 1023px) {
      #cart-summary.order-detail .cartitem-location {
        float: left;
        display: block;
        width: 113.17829%;
        margin-right: 0;
        padding: 25px; }
        #cart-summary.order-detail .cartitem-location:last-child {
          width: 100%; } }
    @media screen and (max-width: 480px) {
      #cart-summary.order-detail .cartitem-location {
        text-align: center;
        border-bottom: 1px solid #373737; } }
  #cart-summary.order-detail .order-totals {
    float: left;
    display: block;
    width: 30.24027%;
    margin-right: 0;
    border-left: 1px solid #373737;
    padding-bottom: 2000px;
    margin-bottom: -2000px; }
    #cart-summary.order-detail .order-totals:last-child {
      width: 27.42336%; }
    @media screen and (max-width: 1300px) {
      #cart-summary.order-detail .order-totals {
        float: left;
        display: block;
        width: 42.33637%;
        margin-right: 0; }
        #cart-summary.order-detail .order-totals:last-child {
          width: 39.51947%; } }
    @media screen and (max-width: 480px) {
      #cart-summary.order-detail .order-totals {
        float: left;
        display: block;
        width: 113.17829%;
        margin-right: 0;
        border-left: 0 none; }
        #cart-summary.order-detail .order-totals:last-child {
          width: 100%; } }
    #cart-summary.order-detail .order-totals h3 {
      margin: 20px 0 0 0; }
    #cart-summary.order-detail .order-totals p {
      margin: 0 0 30px 0; }
    #cart-summary.order-detail .order-totals .button {
      padding-right: 0;
      padding-left: 0; }
    #cart-summary.order-detail .order-totals .cartitem-location,
    #cart-summary.order-detail .order-totals .cartitem-delivery {
      width: 100%;
      padding: 25px;
      margin: 0;
      border-bottom: 1px solid #373737;
      text-align: center; }
      #cart-summary.order-detail .order-totals .cartitem-location h3, #cart-summary.order-detail .order-totals .cartitem-location p,
      #cart-summary.order-detail .order-totals .cartitem-delivery h3,
      #cart-summary.order-detail .order-totals .cartitem-delivery p {
        margin: 0; }
  #cart-summary.order-detail .cartitem-subtotal {
    float: left;
    display: block;
    width: 44.10876%;
    padding: 25px 25px 25px 25px; }
    #cart-summary.order-detail .cartitem-subtotal:last-child {
      width: 33.83686%; }
  #cart-summary.order-detail .cartitem-total {
    margin-left: 0;
    float: left;
    display: block;
    width: 66.16314%;
    margin-right: 0;
    padding: 25px 25px 1525px 25px;
    margin-bottom: -1500px;
    text-align: center; }
    #cart-summary.order-detail .cartitem-total:last-child {
      width: 55.89124%; }
    @media screen and (max-width: 1023px) {
      #cart-summary.order-detail .cartitem-total {
        float: left;
        display: block;
        width: 113.17829%;
        margin-right: 0;
        padding-bottom: 25px;
        margin-bottom: 0; }
        #cart-summary.order-detail .cartitem-total:last-child {
          width: 100%; } }
    #cart-summary.order-detail .cartitem-total p {
      font-size: 19px; }
  #cart-summary.order-detail .order-subitem {
    clear: both;
    overflow: hidden; }
    #cart-summary.order-detail .order-subitem + .order-subitem {
      padding-top: 3px;
      border-top: 1px solid #373737;
      border-bottom: 0; }
      @media screen and (max-width: 480px) {
        #cart-summary.order-detail .order-subitem + .order-subitem {
          border-top: 0 none; } }
      #cart-summary.order-detail .order-subitem + .order-subitem .cart-img-name,
      #cart-summary.order-detail .order-subitem + .order-subitem .cartitem-quantity,
      #cart-summary.order-detail .order-subitem + .order-subitem .cartitem-delivery {
        border-top: 1px solid #373737; }
        @media screen and (max-width: 1023px) {
          #cart-summary.order-detail .order-subitem + .order-subitem .cart-img-name,
          #cart-summary.order-detail .order-subitem + .order-subitem .cartitem-quantity,
          #cart-summary.order-detail .order-subitem + .order-subitem .cartitem-delivery {
            border-top: 0 none; } }
      @media screen and (max-width: 1023px) {
        #cart-summary.order-detail .order-subitem + .order-subitem .cartitem-main {
          border-top: 1px solid #373737; } }
  #cart-summary.order-detail .order-main.single-item .order-subitem {
    overflow: visible; }
    #cart-summary.order-detail .order-main.single-item .order-subitem .cartitem-options {
      margin-bottom: -500px;
      padding-bottom: 500px; }

.history_page .banner-full {
  position: relative;
  z-index: 1; }
.history_page .cms-content {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 60.07813%;
  margin-bottom: 60px; }
  .history_page .cms-content:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .history_page .cms-content {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 100%;
      margin-right: 0;
      margin-bottom: 30px; }
      .history_page .cms-content:last-child {
        margin-right: 0; } }
.history_page .aside-fig {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 31.5625%;
  margin-left: 5.70313%;
  margin-right: 0;
  margin-top: -120px;
  position: relative;
  z-index: 3; }
  .history_page .aside-fig:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1023px) {
    .history_page .aside-fig {
      float: left;
      display: block;
      margin-right: 2.65625%;
      width: 37.26563%;
      margin-left: 0%;
      margin-right: 0;
      margin-top: -80px; }
      .history_page .aside-fig:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 768px) {
    .history_page .aside-fig {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 100%;
      margin-top: 0;
      margin-bottom: 60px; }
      .history_page .aside-fig:last-child {
        margin-right: 0; } }
  .history_page .aside-fig img {
    display: block;
    width: 100%; }
    @media screen and (max-width: 768px) {
      .history_page .aside-fig img {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 46.90909%; }
        .history_page .aside-fig img:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      .history_page .aside-fig img {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0; }
        .history_page .aside-fig img:last-child {
          margin-right: 0; } }
  @media screen and (max-width: 768px) {
    .history_page .aside-fig figcaption {
      float: left;
      display: block;
      margin-right: 6.18182%;
      width: 46.90909%;
      margin-right: 0; }
      .history_page .aside-fig figcaption:last-child {
        margin-right: 0; }
      .history_page .aside-fig figcaption h3 {
        margin-top: 0; } }
  @media screen and (max-width: 480px) {
    .history_page .aside-fig figcaption {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%;
      margin-right: 0; }
      .history_page .aside-fig figcaption:last-child {
        margin-right: 0; }
      .history_page .aside-fig figcaption h3 {
        margin-top: 1em; } }

#timeline {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 100%;
  margin-right: 0; }
  #timeline:last-child {
    margin-right: 0; }

#timeline-content {
  width: 100%;
  height: 100% !important; }
  #timeline-content #timeline-slider {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0; }
  #timeline-content section {
    width: 100%;
    height: 100%;
    position: relative;
    float: left; }
    #timeline-content section figure {
      float: left;
      display: block;
      margin-right: 2.65625%;
      width: 45.82031%;
      display: inline-block;
      float: none;
      vertical-align: middle; }
      #timeline-content section figure:last-child {
        margin-right: 0; }
      @media screen and (max-width: 480px) {
        #timeline-content section figure {
          float: left;
          display: block;
          margin-right: 13.17829%;
          width: 100%;
          margin-right: 0;
          height: 0;
          padding-bottom: 74%;
          position: absolute; }
          #timeline-content section figure:last-child {
            margin-right: 0; } }
  #timeline-content img {
    display: block;
    width: 100%;
    height: auto; }
    @media screen and (max-width: 480px) {
      #timeline-content img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; } }
  #timeline-content .content {
    float: left;
    display: block;
    margin-right: 2.65625%;
    width: 48.67188%;
    margin-right: 0;
    display: inline-block;
    float: none;
    vertical-align: middle; }
    #timeline-content .content:last-child {
      margin-right: 0; }
    @media screen and (max-width: 480px) {
      #timeline-content .content {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0;
        padding-top: 74%; }
        #timeline-content .content:last-child {
          margin-right: 0; } }

#timeline-nav {
  float: left;
  display: block;
  margin-right: 2.65625%;
  width: 100%;
  margin-right: 0;
  margin-top: 50px;
  border-bottom: 3px solid #796659; }
  #timeline-nav:last-child {
    margin-right: 0; }
  @media screen and (max-width: 480px) {
    #timeline-nav {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 43.41085%;
      margin-right: 0;
      margin-left: 32.53876%;
      margin-top: 30px;
      border-bottom: 0;
      border-left: 3px solid #796659; }
      #timeline-nav:last-child {
        margin-right: 0; } }
  #timeline-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "Dosis", sans-serif;
    font-size: 36px;
    line-height: 1em;
    font-weight: 700;
    text-align: justify; }
    #timeline-nav ul li {
      list-style: none; }
  #timeline-nav li {
    display: inline-block;
    margin-bottom: -30px;
    position: relative;
    top: 16px;
    cursor: pointer; }
    @media screen and (max-width: 480px) {
      #timeline-nav li {
        display: block;
        margin: 0;
        top: 0; }
        #timeline-nav li + li {
          padding-top: 30px; } }
    #timeline-nav li.justify {
      width: 100%;
      height: 0;
      margin: 0;
      line-height: 0; }
      @media screen and (max-width: 480px) {
        #timeline-nav li.justify {
          display: none; } }
    #timeline-nav li.active span:after {
      background: #fff; }
  #timeline-nav span {
    display: block;
    padding-bottom: 22px;
    color: #373737;
    position: relative; }
    @media screen and (max-width: 480px) {
      #timeline-nav span {
        display: inline-block;
        padding: 0 0 0 22px; } }
    #timeline-nav span:after {
      content: "";
      display: block;
      width: 16px;
      height: 16px;
      margin: auto;
      position: absolute;
      right: 0;
      bottom: -10px;
      left: 0;
      border-radius: 11px;
      background: #796659;
      border: 3px solid #796659;
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s; }
      @media screen and (max-width: 480px) {
        #timeline-nav span:after {
          top: 0;
          right: auto;
          bottom: 0;
          left: -12px;
          -webkit-transition: none;
          -moz-transition: none;
          transition: none; } }
    #timeline-nav span:hover {
      text-decoration: none; }
      #timeline-nav span:hover:after {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3); }
        @media screen and (max-width: 480px) {
          #timeline-nav span:hover:after {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none; } }

#page-header {
  height: 122px;
  padding: 25px 0;
  position: relative;
  z-index: 100;
  background: #fff; }
  #page-header .wrapper {
    position: relative; }
    #page-header .wrapper:after {
      content: "";
      display: table;
      clear: both; }
  @media screen and (max-width: 768px) {
    #page-header {
      height: auto;
      padding: 20px 0; } }
  @media screen and (max-width: 480px) {
    #page-header {
      padding: 15px 0; } }

#logo {
  display: block;
  width: 32%;
  position: relative; }
  @media screen and (max-width: 1023px) {
    #logo {
      width: 27%; } }
  @media screen and (max-width: 768px) {
    #logo {
      width: 300px; } }
  @media screen and (max-width: 480px) {
    #logo {
      width: 200px; } }
  #logo img {
    display: block;
    width: 100%;
    height: auto; }

#header-nav-toggle {
  display: none;
  position: absolute !important;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  cursor: pointer; }
  @media screen and (max-width: 768px) {
    #header-nav-toggle {
      height: 30px;
      width: 30px;
      position: relative;
      display: block; }
      #header-nav-toggle:before, #header-nav-toggle:after {
        content: '';
        height: 6px;
        width: 100%;
        position: absolute;
        right: 0px;
        left: 0px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background: #008742; }
      #header-nav-toggle:before {
        top: 0; }
      #header-nav-toggle:after {
        bottom: 0; }
      #header-nav-toggle span {
        display: block;
        height: 100%;
        width: 100%; }
        #header-nav-toggle span:before, #header-nav-toggle span:after {
          content: '';
          height: 6px;
          width: 100%;
          position: absolute;
          top: 12px;
          right: 0px;
          left: 0px;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          background: #008742; }
      #header-nav-toggle[data-property="open"]:before, #header-nav-toggle[data-property="open"]:after {
        background: #008742;
        opacity: 0; }
      #header-nav-toggle[data-property="open"] span:before, #header-nav-toggle[data-property="open"] span:after {
        background: #008742; }
      #header-nav-toggle[data-property="open"] span:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      #header-nav-toggle[data-property="open"] span:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); } }

@media screen and (max-width: 768px) {
  #site-nav {
    padding: 0.5em 0;
    position: absolute;
    top: -350px;
    right: 70px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: top 0.3s ease-out;
    -moz-transition: top 0.3s ease-out;
    transition: top 0.3s ease-out; }
    #site-nav.open {
      top: -20px; } }
@media screen and (max-width: 480px) {
  #site-nav {
    top: -500px; }
    #site-nav.open {
      top: -15px; } }

#main-nav {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  top: 45px;
  right: 30px;
  font-size: 20px;
  font-family: "Dosis", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-align: right;
  /*.dropdown{
  	@include list-reset;
  	height:auto;
  	max-height:0px;
  	overflow:hidden;
  	padding:0;
  	margin:0 0 0 10px;
  	position:absolute;
  	top:100%;
  	left:50%;
  	border-radius:10px;
  	background:$col-link;
  	text-align:center;
  	box-shadow:0 2px 5px rgba(0,0,0,0.3);
  	@include transform(translateX(-50%));
  	@include transition(max-height 0.3s, padding 0.3s);
  	
  	li{
  		padding:5px 0;
  	}
  	
  	a{
  		display:block;
  		padding:0 1em;
  		color:#fff;
  		white-space:nowrap;
  	}
  	
  	@include media($bp-phablet){
  		position:relative;
  		top:0;
  		left:0;
  		margin:0;
  		border-radius:0;
  		@include transform(translateX(0));
  		text-align:right;
  		box-shadow:none;
  	}
  }*/ }
  #main-nav li {
    list-style: none; }
  #main-nav > li {
    display: inline-block;
    padding: 0 0 11px 20px;
    position: relative;
    /*&.has-dropdown{
    
    	&:after{
    		content:"";
    		display:block;
    		width:0;
    		height:0;
    		margin:auto;
    		position:absolute;
    		bottom:0;
    		right:0;
    		left:10px;
    		border-right:10px solid rgba(255,255,255, 0);
    		border-bottom:0px solid $col-link;
    		border-left:10px solid rgba(255,255,255, 0);
    		@include transition(border-bottom 0.2s);
    	
    		@include media($bp-phablet){
    			display:none;
    		}
    	}
    	&.vis{
    		.dropdown{
    			max-height:300px;
    			padding:7px 0;
    		}
    			
    		&:after{
    			border-bottom:10px solid $col-link;
    		}
    	}
    }*/ }
  #main-nav a {
    color: #373737;
    text-decoration: none; }
    #main-nav a:hover {
      text-decoration: underline;
      color: #008742; }
  @media screen and (max-width: 768px) {
    #main-nav {
      position: relative;
      top: 0;
      right: 0;
      float: left;
      margin-right: 1em;
      border-right: 1px solid rgba(0, 135, 66, 0.5); }
      #main-nav > li {
        display: block;
        padding: 0.5em 1em;
        margin: 0; }
      #main-nav a {
        display: block; } }
  @media screen and (max-width: 480px) {
    #main-nav {
      float: none;
      margin-right: 0;
      border: 0 none;
      font-size: 23px; }
      #main-nav > li {
        padding: 0.3em 1em; } }

#top-links {
  position: absolute;
  top: 0;
  right: 30px;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1em; }
  #top-links li {
    display: inline-block;
    position: relative; }
  #top-links a {
    text-decoration: none; }
    #top-links a:hover {
      text-decoration: underline; }
  @media screen and (max-width: 768px) {
    #top-links {
      position: relative;
      top: 0;
      right: 0;
      text-align: right;
      float: left; }
      #top-links li {
        display: block; } }
  @media screen and (max-width: 480px) {
    #top-links {
      float: none; } }

#minor-links {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right; }
  #minor-links li {
    list-style: none; }
  #minor-links > li {
    margin-right: 20px;
    padding-bottom: 8px; }
  #minor-links a {
    color: #796659; }
  @media screen and (max-width: 768px) {
    #minor-links {
      float: none; }
      #minor-links li {
        padding: 0.5em 1em;
        margin: 0; } }
  @media screen and (max-width: 480px) {
    #minor-links li {
      padding-top: 0.4em;
      padding-bottom: 0.4em; } }

#member-links {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
  padding: 8px 10px;
  margin-top: -10px;
  background: #008742;
  border-radius: 10px;
  color: #fff; }
  #member-links li {
    list-style: none; }
  #member-links li + li {
    margin-left: 20px; }
  #member-links a {
    color: #fff; }
  #member-links .item-count {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: -1px;
    line-height: 21px;
    border-radius: 10px;
    background: #fff;
    color: #008742;
    text-align: center;
    font-weight: 700;
    font-size: 13px; }
  @media screen and (max-width: 768px) {
    #member-links {
      float: none;
      padding: 1em;
      margin: 0.5em 0;
      border-radius: 10px 0 0 10px; }
      #member-links li + li {
        margin: 1em 0 0 0; }
      #member-links .account-link {
        line-height: 20px; }
        #member-links .account-link span {
          display: block; } }
  @media screen and (max-width: 480px) {
    #member-links {
      border-radius: 0; }
      #member-links li + li {
        margin: 0.8em 0 0 0; } }

.has-dropdown:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 20px;
  border-right: 10px solid rgba(255, 255, 255, 0);
  border-bottom: 0px solid #008742;
  border-left: 10px solid rgba(255, 255, 255, 0);
  -webkit-transition: border-bottom 0.2s;
  -moz-transition: border-bottom 0.2s;
  transition: border-bottom 0.2s; }
  @media screen and (max-width: 768px) {
    .has-dropdown:after {
      display: none; } }
.has-dropdown.vis .dropdown {
  max-height: 300px;
  padding: 7px 0; }
.has-dropdown.vis:after {
  border-bottom: 10px solid #008742; }

.dropdown {
  padding: 0;
  margin: 0;
  list-style: none;
  height: auto;
  max-height: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0 0 0 10px;
  position: absolute;
  top: 100%;
  left: 50%;
  border-radius: 10px;
  background: #008742;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  font-size: 0.9em;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: max-height 0.3s, padding 0.3s;
  -moz-transition: max-height 0.3s, padding 0.3s;
  transition: max-height 0.3s, padding 0.3s; }
  .dropdown li {
    list-style: none; }
  .dropdown li {
    display: block !important;
    padding: 5px 0 !important;
    margin: 0 !important; }
  .dropdown a {
    display: block;
    padding: 0 1em;
    color: #fff !important;
    white-space: nowrap; }
  @media screen and (max-width: 768px) {
    .dropdown {
      position: relative;
      top: 0;
      left: 0;
      margin: 0;
      border-radius: 0;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      text-align: right;
      box-shadow: none;
      font-size: 0.8em; } }

/* http://css-tricks.com/snippets/css/sticky-footer/
 *
 * Use:
 * @include sticky-footer("#wrapper", "#footer", (
 *		$bp-desktop 100px,
 *		$bp-tablet 120px
 *	));
 *
 *	Or:
 *	@include sticky-footer("#wrapper", "#footer", 100px)
 *
 *	Note: When using a list of breakpoints, there must be more than one breakpoint.
 */
html, body {
  height: 100%; }

body {
  min-height: 100%; }

#sticky-footer-wrap:after {
  content: "";
  display: block; }

#sticky-footer-wrap {
  min-height: 100%; }

@media screen and (min-width: 1024px) {
  #sticky-footer-wrap {
    margin-bottom: -250px; }

  #page-footer, #sticky-footer-wrap:after {
    height: 250px; } }
@media screen and (max-width: 1023px) {
  #sticky-footer-wrap {
    margin-bottom: -330px; }

  #page-footer, #sticky-footer-wrap:after {
    height: 330px; } }
@media screen and (max-width: 768px) {
  #sticky-footer-wrap {
    margin-bottom: -330px; }

  #page-footer, #sticky-footer-wrap:after {
    height: 330px; } }
@media screen and (max-width: 480px) {
  #sticky-footer-wrap {
    margin-bottom: -350px; }

  #page-footer, #sticky-footer-wrap:after {
    height: 350px; } }
#page-footer {
  padding: 30px 0;
  position: relative;
  z-index: 1;
  background: #796659;
  color: #fff;
  text-transform: uppercase;
  font-family: "Dosis", sans-serif; }
  #page-footer .wrapper {
    height: 100%; }
  #page-footer a {
    color: #fff;
    text-decoration: none; }
    #page-footer a:hover {
      text-decoration: underline; }

#site-info {
  float: left;
  position: relative;
  font-size: 15px;
  line-height: 1.3em;
  font-weight: 700; }
  #site-info span {
    display: block;
    padding: 5px 0; }
  #site-info a {
    white-space: nowrap; }
  @media screen and (max-width: 1023px) {
    #site-info {
      float: none;
      top: 0;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      text-align: center; } }

#footer-phone {
  width: 100%;
  clear: both;
  padding-top: 10px;
  position: relative;
  margin-right: 30px;
  text-align: center; }
  @media screen and (max-width: 1023px) {
    #footer-phone {
      padding-top: 0; } }
  #footer-phone p {
    margin: 0;
    font-size: 16px;
    line-height: 24px; }
    #footer-phone p span {
      display: inline-block;
      white-space: nowrap;
      padding: 0 0.7em; }
      @media screen and (max-width: 768px) {
        #footer-phone p span {
          display: block;
          padding: 0; } }
    @media screen and (max-width: 768px) {
      #footer-phone p .or {
        display: inline-block;
        padding: 0 1em; } }
    @media screen and (max-width: 480px) {
      #footer-phone p .or {
        padding: 0 0.5em;
        font-size: 14px; } }
    #footer-phone p a {
      display: inline-block;
      margin-top: 15px;
      padding: 7px 12px;
      border-radius: 10px;
      font-size: 18px;
      line-height: 1;
      color: #008742;
      background: #fff; }
      @media screen and (max-width: 1023px) {
        #footer-phone p a {
          margin-top: 15px; } }
  #footer-phone em {
    display: inline-block;
    padding: 0.3em 0;
    font-size: 22px;
    line-height: 22px;
    font-style: normal; }
    @media screen and (max-width: 480px) {
      #footer-phone em {
        font-size: 18px; } }
  @media screen and (max-width: 1023px) {
    #footer-phone {
      float: none;
      clear: both;
      margin-right: 0;
      top: 0;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      text-align: center; } }

#footer-social {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  font-family: "SSSocial";
  font-size: 45px;
  line-height: 1em;
  font-weight: 400;
  /* for IE9 */ }
  @media screen and (max-width: 1023px) {
    #footer-social {
      float: none;
      clear: both;
      padding: 15px 0;
      top: 0;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      text-align: center; } }
  #footer-social li {
    float: left;
    padding: 10px 10px 0 10px;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s; }
    @media screen and (max-width: 1023px) {
      #footer-social li {
        display: inline-block;
        float: none;
        vertical-align: middle; } }
    #footer-social li.social:hover {
      -webkit-animation: social-hover 0.3s ease-in-out;
      -moz-animation: social-hover 0.3s ease-in-out;
      animation: social-hover 0.3s ease-in-out; }
  #footer-social a {
    text-decoration: none;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s; }
    #footer-social a:hover {
      color: #fff;
      text-decoration: none; }
    #footer-social a.ss-facebook:hover {
      color: #3b5998; }
    #footer-social a.ss-twitter:hover {
      color: #00aced; }
  #footer-social span {
    overflow: hidden;
    position: absolute;
    text-indent: -999em; }

@-webkit-keyframes social-hover {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes social-hover {
  0% {
    -moz-transform: scale(1); }
  50% {
    -moz-transform: scale(1.1); }
  100% {
    -moz-transform: scale(1); } }
@keyframes social-hover {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
#footer-social li.ooh-branding {
  padding: 10px 0 0 10px; }
  @media screen and (max-width: 1023px) {
    #footer-social li.ooh-branding {
      padding: 0 10px; } }
  #footer-social li.ooh-branding a {
    display: block;
    overflow: hidden;
    height: 27px;
    width: 30px;
    float: right;
    font-size: 30px; }
    #footer-social li.ooh-branding a svg {
      display: block;
      height: 100%;
      width: 100%; }
    #footer-social li.ooh-branding a path {
      -webkit-transition: fill 0.1s ease;
      -moz-transition: fill 0.1s ease;
      transition: fill 0.1s ease;
      fill: #fff; }

#footer-social li.ooh-branding:hover path.blue {
  fill: #2BA8E0; }

#footer-social li.ooh-branding:hover path.green {
  fill: #8BC541; }

#footer-social li.ooh-branding:hover path.orange {
  fill: #F7971D; }

#footer-social li.ooh-branding:hover path.pink {
  fill: #EC2279; }

#footer-social li.ooh-branding:hover path.purple {
  fill: #922A8C; }

#footer-social li.ooh-branding:hover path.red {
  fill: #C0272D; }

.no-svg #footer-social li.ooh-branding a {
  background: url(/res/images/oohology.png) no-repeat 0 0; }

#contact-form-email {
  display: none; }

form {
  padding: 0;
  margin: 0; }
  @media screen and (max-width: 480px) {
    form .button {
      width: 100%;
      float: none; } }

fieldset {
  min-width: 0 !important;
  border: 0 none;
  border-bottom: 1px solid #796659;
  padding: 40px 0;
  margin: 0; }

@-moz-document url-prefix() {
  fieldset {
    display: table-cell; } }
legend {
  display: block;
  margin: 1em 0; }

label {
  display: block;
  margin: 0 0 10px 0;
  font-family: "Dosis", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  position: relative; }
  label.control-label {
    margin: 0;
    font-family: "Lora", Georgia, serif;
    font-size: 15px;
    line-height: 16px;
    text-transform: none;
    font-weight: normal; }
  label.error {
    color: #f00; }

.label--small {
  font-size: 14px; }

.ss-help {
  display: inline-block;
  margin: 0 0 -10px 10px;
  font-size: 15px;
  color: #ed1c24;
  cursor: pointer; }
  .ss-help .content {
    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0px 25px;
    position: absolute;
    right: 5px;
    bottom: 0;
    left: 5px;
    background: #fff12b;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    font-family: "Lora", Georgia, serif;
    line-height: 1.5em;
    text-transform: none;
    color: #373737;
    white-space: normal;
    cursor: default;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
  .ss-help .close {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer; }
    .ss-help .close:before {
      content: "x";
      display: block;
      font-size: 20px;
      line-height: 20px;
      font-family: "Dosis", sans-serif;
      font-weight: 700; }
  .ss-help.vis .content {
    padding: 20px 25px;
    height: auto;
    opacity: 1;
    position: absolute;
    right: 5px;
    bottom: 70%;
    left: 5px; }

input,
textarea,
select {
  display: block;
  width: 100%;
  height: 38px;
  padding: 0 10px;
  margin: 0 0 25px 0;
  border-radius: 0;
  border: 1px solid #373737;
  font-family: "Lora", Georgia, serif;
  font-size: 16px;
  line-height: 38px; }

input,
textarea {
  appearance: none;
  -webkit-appearance: none; }

input[type="checkbox"] {
  -webkit-appearance: checkbox; }

input[type="radio"] {
  -webkit-appearance: radio; }

textarea {
  height: 10em;
  margin-bottom: 15px;
  line-height: 20px; }

select {
  padding-right: 0;
  appearance: select;
  -webkit-appearance: select; }

.control-label input {
  width: auto;
  height: auto;
  float: left;
  padding: 0;
  margin: 3px 10px 7px 0;
  line-height: 1em; }

.fieldset {
  border-bottom: 1px solid #c1b3aa;
  margin-bottom: 30px;
  padding-bottom: 30px; }
  .fieldset:last-child {
    border-bottom: 0px solid transparent;
    margin-bottom: 0;
    padding-bottom: 0; }
  .fieldset__legend {
    color: #008742;
    font-family: "Dosis", sans-serif;
    font-size: 28px;
    font-weight: 700;
    float: left;
    margin-top: 0;
    padding: 0;
    position: relative;
    text-transform: uppercase; }
    .fieldset__legend--sub {
      font-size: 24px; }
    .fieldset__legend > i {
      display: block;
      font-size: 70%; }
    .fieldset__legend + * {
      clear: both; }
    .fieldset__legend + .fieldset {
      padding-top: 0; }
  .fieldset__row {
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    margin-bottom: 35px; }
    @media screen and (max-width: 768px) {
      .fieldset__row {
        display: block; } }
  .fieldset__column {
    width: 48%;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 48%;
    -moz-flex: 0 0 48%;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%; }
    @media screen and (max-width: 768px) {
      .fieldset__column {
        width: 100%; } }
    .fieldset__column--third {
      width: 30%;
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 30%;
      -moz-flex: 0 0 30%;
      -ms-flex: 0 0 30%;
      flex: 0 0 30%; }
      @media screen and (max-width: 768px) {
        .fieldset__column--third {
          width: 100%; } }
    .fieldset__column--medium {
      width: 40%;
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 40%;
      -moz-flex: 0 0 40%;
      -ms-flex: 0 0 40%;
      flex: 0 0 40%; }
      @media screen and (max-width: 768px) {
        .fieldset__column--medium {
          width: 100%; } }
    .fieldset__column--small {
      width: 10%;
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 10%;
      -moz-flex: 0 0 10%;
      -ms-flex: 0 0 10%;
      flex: 0 0 10%; }
      @media screen and (max-width: 768px) {
        .fieldset__column--small {
          width: 100%; } }
  .fieldset__date:after {
    clear: both;
    content: '';
    display: table; }
  .fieldset__date-column {
    float: left; }
    .fieldset__date-column > input {
      display: inline-block;
      width: auto; }
    .fieldset__date-column > span {
      display: inline-block;
      margin-right: 10px;
      margin-left: 10px;
      padding-top: 8px; }
  .fieldset__file {
    font-family: "Dosis", sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #c1b3aa; }

.checkbox-group {
  margin-bottom: 35px; }
  .checkbox-group:after {
    content: '';
    display: table;
    clear: both; }
  .checkbox-group__checkbox {
    cursor: pointer;
    float: left;
    margin-right: 20px;
    margin-bottom: 0; }
    .checkbox-group__checkbox:last-child {
      margin-right: 0; }
    .checkbox-group__checkbox > input {
      float: left;
      width: auto;
      height: auto;
      margin-top: 5px;
      margin-right: 10px;
      margin-bottom: 0;
      margin-left: 0;
      padding: 0; }
    .checkbox-group__checkbox:after {
      display: table;
      content: '';
      clear: both; }

.forgotpassword input {
  width: 50%; }
  @media screen and (max-width: 768px) {
    .forgotpassword input {
      width: 100%; } }

/* simpleselect style
----------------------------------------------------------------------- */
.hidden_select_container {
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline-block;
  padding: 0;
  margin: 0;
  position: absolute; }
  @media screen and (max-width: 480px) {
    .hidden_select_container {
      display: block; } }

.simpleselect {
  position: relative;
  width: 100%;
  height: 38px;
  margin-bottom: 25px; }
  @media screen and (max-width: 480px) {
    .simpleselect {
      width: 100%;
      float: none; } }

.simpleselect .placeholder,
.simpleselect .options .option,
.simpleselect .options .optgroup .optgroup-label {
  cursor: pointer; }

.simpleselect .options .optgroup .optgroup-label {
  cursor: default;
  font-weight: bold; }

.simpleselect .options .option {
  padding: 10px 15px;
  line-height: 18px; }

.simpleselect .placeholder,
.simpleselect .options {
  background: #fff; }

.simpleselect .placeholder {
  position: relative;
  padding: 0 45px 0 15px;
  border: 1px solid #373737;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 38px;
  line-height: 38px; }

.simpleselect .placeholder:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  width: 28px;
  background: url(/res/images/select-arrow.png) no-repeat center center;
  background-size: contain; }

.simpleselect .options {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  border: 1px solid #796659; }

.simpleselect .options .option.active {
  background: rgba(121, 102, 89, 0.1);
  color: #008742; }

.simpleselect.disabled .placeholder,
.simpleselect.disabled .placeholder:hover {
  background: #fafafa;
  color: #aaa;
  border-color: #eee;
  cursor: default; }

.simpleselect.disabled .placeholder:after {
  opacity: .5; }

/* datepicker
----------------------------------------------------------------------- */
/* (custom code below, after defaults) */
/*! jQuery UI - v1.11.1 - 2014-09-24
* http://jqueryui.com
* Includes: core.css, datepicker.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-front {
  z-index: 100; }

.ui-state-disabled {
  cursor: default !important; }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.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 {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.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: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.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-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.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-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

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

/*! jQuery UI - v1.11.1 - 2014-09-21
* http://jqueryui.com
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-front {
  z-index: 100; }

.ui-state-disabled {
  cursor: default !important; }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.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 {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.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: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.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-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.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-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

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

#ui-datepicker-div {
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); }
  #ui-datepicker-div a:hover {
    text-decoration: underline; }

.ui-datepicker-unselectable {
  opacity: 0.5; }

.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center !important; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  cursor: pointer;
  text-align: center;
  line-height: 1.8em; }
  .ui-datepicker .ui-datepicker-prev:hover,
  .ui-datepicker .ui-datepicker-next:hover {
    text-decoration: underline; }
  .ui-datepicker .ui-datepicker-prev:before,
  .ui-datepicker .ui-datepicker-next:before {
    display: inline-block;
    color: #373737;
    font-weight: 700; }
  .ui-datepicker .ui-datepicker-prev span,
  .ui-datepicker .ui-datepicker-next span {
    display: none; }
  .ui-datepicker .ui-datepicker-prev.ui-state-disabled:before,
  .ui-datepicker .ui-datepicker-next.ui-state-disabled:before {
    opacity: 0.3; }

.ui-datepicker .ui-datepicker-prev:before {
  content: "<"; }

.ui-datepicker .ui-datepicker-next:before {
  content: ">"; }

.errors {
  font-weight: bold;
  font-size: 1.5em;
  color: #ff0000;
  clear: both; }

.modal {
  width: 100%;
  max-width: 550px;
  background: #fff;
  margin: auto;
  padding: 10px 0;
  position: relative;
  /*.guest{
  	font-size:19px;
  	font-family:$font-3;
  	font-weight:700;
  }*/ }
  .modal .inner {
    padding: 40px 30px; }
    .modal .inner:after {
      content: "";
      display: table;
      clear: both; }
    .modal .inner + .inner {
      border-top: 1px solid #373737; }
    @media screen and (max-width: 480px) {
      .modal .inner {
        padding: 20px; } }
  .modal h1, .modal h2, .modal h3, .modal p {
    width: 100%;
    text-align: center;
    clear: both; }
  .modal h1, .modal h2, .modal h3 {
    line-height: 1.1em; }
  .modal h1 {
    margin-bottom: 8px;
    font-size: 32px; }
    @media screen and (max-width: 480px) {
      .modal h1 {
        font-size: 23px; } }
  .modal h2 {
    font-size: 28px; }
    @media screen and (max-width: 480px) {
      .modal h2 {
        font-size: 21px; } }
  .modal p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 19px;
    font-weight: 300; }
    .modal p a {
      font-weight: 700; }
  @media screen and (max-width: 480px) {
    .modal label {
      font-size: 17px;
      margin-bottom: 5px; } }
  .modal .button {
    float: left;
    display: block;
    margin-right: 6.18182%;
    width: 73.45455%;
    margin-left: 13.27273%;
    font-family: "Dosis", sans-serif;
    text-align: center;
    text-transform: uppercase; }
    .modal .button:last-child {
      margin-right: 0; }
    @media screen and (max-width: 480px) {
      .modal .button {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0;
        margin-left: 0%; }
        .modal .button:last-child {
          margin-right: 0; } }
  .modal .account-login-form {
    float: left;
    display: block;
    margin-right: 6.18182%;
    width: 73.45455%;
    margin-left: 13.27273%;
    padding: 50px 0 0 0; }
    .modal .account-login-form:last-child {
      margin-right: 0; }
    @media screen and (max-width: 480px) {
      .modal .account-login-form {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0;
        margin-left: 0%;
        padding-top: 30px; }
        .modal .account-login-form:last-child {
          margin-right: 0; } }
    .modal .account-login-form .button {
      float: left;
      display: block;
      margin-right: 13.17829%;
      width: 100%;
      margin-right: 0;
      margin-left: 0%;
      margin-top: 30px;
      margin-bottom: 40px; }
      .modal .account-login-form .button:last-child {
        margin-right: 0; }
      @media screen and (max-width: 480px) {
        .modal .account-login-form .button {
          margin: 0 0 20px 0; } }

#account-modal h1, #account-modal h2, #account-modal p,
#register-modal h1,
#register-modal h2,
#register-modal p {
  width: 100%;
  margin: 0;
  text-align: center;
  clear: both; }
#account-modal h1, #account-modal h2,
#register-modal h1,
#register-modal h2 {
  line-height: 1.1em; }
#account-modal h1,
#register-modal h1 {
  margin-bottom: 8px; }

/*@include sticky-footer("#sticky-footer-wrap", "#page-footer", (
	$bp-desktop 250px,
	$bp-tablet 330px,
	$bp-phablet 330px,
	$bp-mobile 370px
));*/
#srb-header {
  padding: 100px 0 60px; }
  #srb-header #header-logo {
    width: 90%;
    max-width: 476px;
    margin: 0 auto;
    position: static; }
    #srb-header #header-logo img {
      display: block;
      width: 100%;
      height: auto; }
  @media screen and (max-width: 1023px) {
    #srb-header {
      padding: 50px 0 40px; } }

.srb-footer {
  margin-top: 110px; }

.srb-wrap {
  width: 90%;
  padding-bottom: 100px;
  margin: 0 auto;
  text-align: center; }
  .srb-wrap:after {
    content: "";
    display: table;
    clear: both; }
  .srb-wrap .content {
    margin: 0 auto;
    max-width: 715px; }
  .srb-wrap h1 {
    line-height: 1;
    margin-bottom: 8px; }
  .srb-wrap h2 {
    margin-top: 0; }
  .srb-wrap p {
    font-size: 28px;
    margin-top: 68px; }
    @media screen and (max-width: 1023px) {
      .srb-wrap p {
        font-size: 24px; } }
  .srb-wrap a.cta {
    font-size: 25px;
    text-decoration: underline; }
    .srb-wrap a.cta:hover {
      text-decoration: none; }
  .srb-wrap .choose-location {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 25px;
    line-height: 30px;
    font-family: "Dosis", sans-serif;
    font-weight: 700;
    text-transform: uppercase; }
    .srb-wrap .choose-location li {
      list-style: none; }
    .srb-wrap .choose-location li {
      margin-bottom: 0.5em; }

#review-icons {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 40%;
  margin: 40px auto; }
  #review-icons li {
    list-style: none; }
  #review-icons:hover li button, #review-icons:active li button {
    opacity: 1; }
  @media screen and (max-width: 1023px) {
    #review-icons {
      width: 60%; } }
  @media screen and (max-width: 768px) {
    #review-icons {
      width: 80%; } }
  @media screen and (max-width: 480px) {
    #review-icons {
      width: 90%; } }
  #review-icons li {
    background-image: url("/res/images/review-off.png");
    background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    display: block;
    margin-right: 4.88506%;
    width: 16.09195%; }
    #review-icons li:last-child {
      margin-right: 0; }
    #review-icons li:nth-child(5n) {
      margin-right: 0; }
    #review-icons li:nth-child(5n+1) {
      clear: left; }
    #review-icons li:hover ~ li button, #review-icons li:active ~ li button {
      opacity: 0; }
  #review-icons button {
    background: none;
    border: none;
    opacity: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out; }
  #review-icons img {
    height: auto;
    width: 100%; }

#review-feedback-form {
  margin: 60px auto 0;
  max-width: 360px;
  /*
  	//input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"],
  	textarea {
  		@include appearance(none);
  		border: none;
  		border-radius: 4px;
  		font-size: 30px;
  		margin-bottom: 30px;
  		padding: 10px;
  	}
  
  	textarea {
  		height: 310px;
  		margin-bottom: 40px;
  	}
  
  	.cta-button {
  		padding: { top: 10px; bottom: 10px; }
  	}*/ }
  #review-feedback-form label {
    text-align: left; }
  #review-feedback-form .button {
    width: 100%; }

#srb-social-icons {
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 70px 0 50px 0;
  text-align: center; }
  #srb-social-icons li {
    list-style: none; }
  #srb-social-icons img {
    height: 120px;
    width: 120px;
    display: block;
    margin: 0 auto; }
  #srb-social-icons a {
    display: inline-block;
    font-size: 25px;
    line-height: 40px; }
  #srb-social-icons li {
    display: inline-block;
    margin: 0 30px; }
    @media screen and (max-width: 768px) {
      #srb-social-icons li {
        margin: 0 10px; } }
    @media screen and (max-width: 480px) {
      #srb-social-icons li {
        display: block;
        margin: 0 0 50px 0; } }

.button {
  display: block;
  padding: 0.4em 1em 0.3em;
  background: #008742;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #fff;
  font-size: 24px;
  line-height: 1em;
  text-decoration: none;
  font-weight: 700;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s; }
  .button:hover {
    background: #fff;
    border: 1px solid #008742;
    color: #008742;
    text-decoration: none; }

/* breadcrumbs
======================================================================================= */
#breadcrumbs {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 17px;
  color: #796659;
  font-family: Helvetica, Arial, sans-serif; }
  #breadcrumbs a {
    color: #796659; }

/* pop-out flag
======================================================================================= */
#sideflag {
  display: block;
  width: 200px;
  position: fixed;
  top: 165px;
  right: -185px;
  z-index: 1001;
  background: url(/res/images/flag-bg.png);
  color: #373737;
  font-family: "Dosis", sans-serif;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition: right 0.3s;
  -moz-transition: right 0.3s;
  transition: right 0.3s; }
  @media screen and (max-width: 1023px) {
    #sideflag {
      display: none; } }
  #sideflag:before, #sideflag:after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 0; }
  #sideflag:before {
    width: 0;
    height: 0;
    left: 0;
    border-bottom: 10px solid rgba(0, 0, 0, 0.25);
    border-left: 3px solid rgba(255, 255, 255, 0); }
  #sideflag:after {
    width: 100%;
    height: 10px;
    left: 3px;
    background: rgba(0, 0, 0, 0.25); }
  #sideflag .inner {
    width: 170px;
    height: 70px;
    padding: 1em;
    background: #fff12b;
    position: relative; }
    #sideflag .inner:before, #sideflag .inner:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      top: 0;
      bottom: 0; }
    #sideflag .inner:before {
      right: 100%;
      border-top: 35px solid #fff12b;
      border-bottom: 35px solid #fff12b;
      border-left: 10px solid rgba(255, 255, 255, 0); }
    #sideflag .inner:after {
      left: 100%;
      border-top: 35px solid rgba(255, 241, 43, 0);
      border-bottom: 35px solid rgba(255, 241, 43, 0);
      border-left: 10px solid #fff12b; }
  #sideflag:hover {
    right: 0;
    text-decoration: none; }

/* full-width banner
======================================================================================= */
.banner-full {
  width: 100%;
  margin-bottom: 50px; }
  @media screen and (max-width: 768px) {
    .banner-full {
      margin-bottom: 30px; } }
  .banner-full img {
    display: block;
    width: 100%;
    height: auto; }

/* blue bar
======================================================================================= */
.message-bar {
  background: #0b3267;
  padding: 32px 0;
  margin: 55px 0 0 0;
  text-align: center;
  color: #fff; }

/* wax pager
======================================================================================= */
.wax-pager ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
  width: 100%;
  clear: both;
  text-align: center;
  font-size: 24px; }
  .wax-pager ul li {
    list-style: none; }
.wax-pager li {
  display: inline-block;
  margin: 0 0.3em; }
  .wax-pager li.current {
    text-decoration: underline;
    opacity: 0.5; }
.wax-pager .disablelink {
  opacity: 0.5;
  cursor: default; }
  .wax-pager .disablelink a {
    cursor: default; }
.wax-pager a {
  color: #373737; }

/* detail page pagination
======================================================================================= */
.pagination-detail {
  clear: both;
  text-align: center;
  margin: 65px 0 0 0; }
  .pagination-detail ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 36px;
    line-height: 1em;
    font-family: "Dosis", sans-serif;
    font-weight: 700;
    text-transform: uppercase; }
    .pagination-detail ul li {
      list-style: none; }
    @media screen and (max-width: 640px) {
      .pagination-detail ul {
        font-size: 25px; } }
  .pagination-detail a:hover {
    text-decoration: underline; }
  .pagination-detail .prev {
    float: left; }
  .pagination-detail .back {
    display: inline-block; }
  .pagination-detail .next {
    float: right; }
  @media screen and (max-width: 480px) {
    .pagination-detail li {
      display: block !important;
      float: none !important;
      margin: 1em 0;
      text-align: center; } }

/* detail page social share
======================================================================================= */
.social-share {
  padding: 0;
  margin: 0;
  list-style: none;
  clear: both;
  font-size: 20px;
  line-height: 35px;
  font-family: "Dosis", sans-serif;
  font-weight: 700;
  text-transform: uppercase; }
  .social-share li {
    list-style: none; }
  .social-share li {
    display: inline-block;
    margin-right: 1em; }
    @media screen and (max-width: 480px) {
      .social-share li {
        display: block;
        margin: 0.5em 0;
        text-align: center; } }
  .social-share img {
    display: inline-block;
    width: 16px;
    height: 16px; }
  .social-share .facebook {
    color: #37629b; }
  .social-share .twitter {
    color: #32b1d7; }
  .social-share .googleplus {
    color: #d55239; }
  .social-share a {
    display: inline-block;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s; }
    .social-share a:hover {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }

/* Featured Products section
======================================================================================= */
#orange {
  display: block;
  margin: auto;
  width: auto;
  height: 405px;
  position: absolute;
  top: -205px;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1; }
  @media screen and (max-width: 480px) {
    #orange {
      width: 100%;
      height: auto; } }

#featured-products {
  position: relative;
  margin: 410px 0 2.65625% 0; }
  #featured-products header {
    background: rgba(249, 145, 48, 0.8);
    position: relative;
    z-index: 2;
    text-align: center; }
    #featured-products header .wrapper {
      position: relative;
      padding-top: 1.8em;
      padding-bottom: 1.8em; }
      @media screen and (max-width: 768px) {
        #featured-products header .wrapper {
          padding-top: 1.5em;
          padding-bottom: 1.5em; } }
    #featured-products header h2 {
      padding: 0;
      margin: 0;
      font-size: 36px;
      line-height: 1em;
      color: #fff; }
      @media screen and (max-width: 1023px) {
        #featured-products header h2 {
          text-align: left; } }
      @media screen and (max-width: 768px) {
        #featured-products header h2 {
          text-align: center;
          padding-bottom: 0.5em; } }
    #featured-products header .button {
      display: block;
      height: 41px;
      margin: auto;
      position: absolute;
      top: 0;
      right: 30px;
      bottom: 0;
      background: #fff;
      color: rgba(249, 145, 48, 0.8); }
      #featured-products header .button:hover {
        background: none;
        color: #fff;
        border-color: #fff; }
      @media screen and (max-width: 768px) {
        #featured-products header .button {
          display: inline-block;
          position: relative;
          right: 0;
          clear: both; } }
  #featured-products ul {
    padding: 35px 0 15px 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: 2; }
  #featured-products li {
    float: left;
    display: block;
    margin-right: 2.65625%;
    width: 31.5625%;
    background: no-repeat center center;
    background-size: cover; }
    #featured-products li:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      #featured-products li {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 2.65625%; }
        #featured-products li:last-child {
          margin-right: 0; } }
    #featured-products li a {
      display: block;
      padding: 8.41584%;
      color: #373737;
      text-align: center;
      text-decoration: none;
      border: 1px solid #373737;
      position: relative; }
      #featured-products li a div {
        height: 250px;
        padding: 50px 8.41584% 0;
        opacity: 0;
        position: relative;
        z-index: 2;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s; }
        @media screen and (max-width: 1023px) {
          #featured-products li a div {
            padding-top: 40px;
            height: 300px; } }
        @media screen and (max-width: 768px) {
          #featured-products li a div {
            height: auto;
            padding-bottom: 40px;
            opacity: 1; } }
      #featured-products li a .bg {
        display: block;
        width: 0%;
        height: 0%;
        margin: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        background: rgba(255, 255, 255, 0.87);
        opacity: 0;
        -webkit-transition: all 0.3s cubic-bezier(0.255, 0.32, 0, 1.25);
        -moz-transition: all 0.3s cubic-bezier(0.255, 0.32, 0, 1.25);
        transition: all 0.3s cubic-bezier(0.255, 0.32, 0, 1.25); }
        @media screen and (max-width: 768px) {
          #featured-products li a .bg {
            width: 84%;
            height: 84%;
            opacity: 1; } }
      #featured-products li a:hover div {
        opacity: 1; }
      #featured-products li a:hover .bg {
        width: 84%;
        height: 84%;
        opacity: 1; }
    #featured-products li h3 {
      margin: 0 0 20px 0;
      font-size: 36px;
      line-height: 1em; }
      @media screen and (max-width: 768px) {
        #featured-products li h3 {
          margin-bottom: 20px; } }
    #featured-products li p {
      margin: 0 0 10px 0;
      font-size: 20px;
      line-height: 25px; }
      #featured-products li p.more {
        color: #008742;
        text-decoration: underline; }

/* shop/truck section 
======================================================================================= */
#bucket-shop {
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 30px;
  overflow: hidden;
  /*@include media($bp-mobile){
  	padding:100px $outerpad2;
  }*/ }
  #bucket-shop:after {
    content: "";
    display: table;
    clear: both; }
  #bucket-shop .left {
    float: left;
    display: block;
    margin-right: 2.65625%;
    width: 48.67188%; }
    #bucket-shop .left:last-child {
      margin-right: 0; }
    @media screen and (max-width: 480px) {
      #bucket-shop .left {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        padding-bottom: 30px; }
        #bucket-shop .left:last-child {
          margin-right: 0; } }
    #bucket-shop .left img {
      display: block;
      width: 100%;
      max-width: 362px;
      height: auto;
      float: right;
      margin-right: 10%;
      position: relative; }
      @media screen and (max-width: 480px) {
        #bucket-shop .left img {
          margin: 0 auto;
          float: none; } }
  #bucket-shop .right {
    float: left;
    display: block;
    margin-right: 2.65625%;
    width: 48.67188%; }
    #bucket-shop .right:last-child {
      margin-right: 0; }
    @media screen and (max-width: 480px) {
      #bucket-shop .right {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        text-align: center; }
        #bucket-shop .right:last-child {
          margin-right: 0; } }
  #bucket-shop .h1 {
    margin: 0; }
  #bucket-shop p {
    margin: 0.3em 0 1.5em 0;
    font-size: 24px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 300; }
  #bucket-shop a {
    float: left;
    clear: both; }
    @media screen and (max-width: 480px) {
      #bucket-shop a {
        float: none; } }

/* truck animation
----------------------------------------------------------------------- */
@-webkit-keyframes truck {
  0% {
    left: 200%;
    -webkit-transform: skew(0deg);
    opacity: 0; }
  20% {
    opacity: 1; }
  50% {
    left: 0;
    -webkit-transform: skew(0deg); }
  60% {
    -webkit-transform: skew(10deg); }
  80% {
    -webkit-transform: skew(-5deg); }
  100% {
    left: 0;
    opacity: 1;
    -webkit-transform: skew(0deg); } }
@-moz-keyframes truck {
  0% {
    left: 200%;
    -moz-transform: skew(0deg);
    opacity: 0; }
  20% {
    opacity: 1; }
  50% {
    left: 0;
    -moz-transform: skew(0deg); }
  60% {
    -moz-transform: skew(10deg); }
  80% {
    -moz-transform: skew(-5deg); }
  100% {
    left: 0;
    opacity: 1;
    -moz-transform: skew(0deg); } }
@keyframes truck {
  0% {
    left: 200%;
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -ms-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
    opacity: 0; }
  20% {
    opacity: 1; }
  50% {
    left: 0;
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -ms-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg); }
  60% {
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -ms-transform: skew(10deg);
    -o-transform: skew(10deg);
    transform: skew(10deg); }
  80% {
    -webkit-transform: skew(-5deg);
    -moz-transform: skew(-5deg);
    -ms-transform: skew(-5deg);
    -o-transform: skew(-5deg);
    transform: skew(-5deg); }
  100% {
    left: 0;
    opacity: 1;
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -ms-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg); } }
@-webkit-keyframes truck-content {
  0% {
    -webkit-transform: scale(0.5) translateX(-100%);
    opacity: 0; }
  30% {
    -webkit-transform: scale(0.5) translateX(-100%);
    opacity: 0; }
  55% {
    -webkit-transform: scale(0.7);
    opacity: 1; }
  75% {
    -webkit-transform: scale(1.07);
    opacity: 1; }
  90% {
    -webkit-transform: scale(0.95);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) translateX(0%);
    opacity: 1; } }
@-moz-keyframes truck-content {
  0% {
    -moz-transform: scale(0.5) translateX(-100%);
    opacity: 0; }
  30% {
    -moz-transform: scale(0.5) translateX(-100%);
    opacity: 0; }
  55% {
    -moz-transform: scale(0.7);
    opacity: 1; }
  75% {
    -moz-transform: scale(1.07);
    opacity: 1; }
  90% {
    -moz-transform: scale(0.95);
    opacity: 1; }
  100% {
    -moz-transform: scale(1) translateX(0%);
    opacity: 1; } }
@keyframes truck-content {
  0% {
    -webkit-transform: scale(0.5) translateX(-100%);
    -moz-transform: scale(0.5) translateX(-100%);
    -ms-transform: scale(0.5) translateX(-100%);
    -o-transform: scale(0.5) translateX(-100%);
    transform: scale(0.5) translateX(-100%);
    opacity: 0; }
  30% {
    -webkit-transform: scale(0.5) translateX(-100%);
    -moz-transform: scale(0.5) translateX(-100%);
    -ms-transform: scale(0.5) translateX(-100%);
    -o-transform: scale(0.5) translateX(-100%);
    transform: scale(0.5) translateX(-100%);
    opacity: 0; }
  55% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 1; }
  75% {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);
    opacity: 1; }
  90% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) translateX(0%);
    -moz-transform: scale(1) translateX(0%);
    -ms-transform: scale(1) translateX(0%);
    -o-transform: scale(1) translateX(0%);
    transform: scale(1) translateX(0%);
    opacity: 1; } }
#truck {
  left: 0;
  opacity: 1;
  z-index: 2;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

#truck-content {
  opacity: 1;
  position: relative;
  z-index: 1;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%; }

#bucket-shop #truck {
  left: 200%;
  opacity: 0; }
#bucket-shop #truck-content {
  opacity: 0;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s; }

#bucket-shop.ani #truck {
  -webkit-animation: truck 0.8s linear;
  -moz-animation: truck 0.8s linear;
  animation: truck 0.8s linear;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
#bucket-shop.ani #truck-content {
  -webkit-animation: truck-content 1s linear;
  -moz-animation: truck-content 1s linear;
  animation: truck-content 1s linear;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

#bucket-shop.no-ani #truck {
  left: 0;
  opacity: 1; }
#bucket-shop.no-ani #truck-content {
  opacity: 1; }

/* Lastest News/Blog
======================================================================================= */
#latest-news-blog {
  width: 100%;
  padding: 50px 0;
  margin-top: 60px;
  background: #feec73; }
  #latest-news-blog .blog {
    float: left;
    display: block;
    margin-right: 2.65625%;
    width: 42.96875%;
    margin-left: 5.70313%; }
    #latest-news-blog .blog:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      #latest-news-blog .blog {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 46.90909%;
        margin-left: 0%; }
        #latest-news-blog .blog:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 640px) {
      #latest-news-blog .blog {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%;
        margin-bottom: 50px; }
        #latest-news-blog .blog:last-child {
          margin-right: 0; } }
  #latest-news-blog .news {
    float: left;
    display: block;
    margin-right: 2.65625%;
    width: 42.96875%; }
    #latest-news-blog .news:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      #latest-news-blog .news {
        float: left;
        display: block;
        margin-right: 6.18182%;
        width: 46.90909%; }
        #latest-news-blog .news:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 640px) {
      #latest-news-blog .news {
        float: left;
        display: block;
        margin-right: 13.17829%;
        width: 100%; }
        #latest-news-blog .news:last-child {
          margin-right: 0; } }
  #latest-news-blog h3 {
    margin: 0 1em 0 0;
    float: left;
    font-size: 31px;
    line-height: 40px; }
    @media screen and (max-width: 1023px) {
      #latest-news-blog h3 {
        float: left;
        clear: both;
        margin: 0; } }
  #latest-news-blog a {
    color: #373737; }
  #latest-news-blog .all {
    display: inline-block;
    margin: 16px 0 0 0;
    font-size: 20px;
    line-height: 1em;
    font-weight: 700; }
    @media screen and (max-width: 1023px) {
      #latest-news-blog .all {
        float: left;
        clear: both; } }
  #latest-news-blog h4 {
    margin: 0 0 0.5em 0;
    font-size: 24px;
    font-weight: 400; }
  #latest-news-blog article {
    clear: both;
    padding: 4em 0 0; }

/*# sourceMappingURL=style.css.map */