@charset "UTF-8";
/*!
 *
 * Official Theme Stylesheet
 * Red Clay Interactive | www.redclayinteractive.com
 *   ____          _    ____ _               ___       _                      _   _
 *  |  _ \ ___  __| |  / ___| | __ _ _   _  |_ _|_ __ | |_ ___ _ __ __ _  ___| |_(_)_   _____
 *  | |_) / _ \/ _` | | |   | |/ _` | | | |  | || '_ \| __/ _ \ '__/ _` |/ __| __| \ \ / / _ \
 *  |  _ <  __/ (_| | | |___| | (_| | |_| |  | || | | | ||  __/ | | (_| | (__| |_| |\ V /  __/
 *  |_| \_\___|\__,_|  \____|_|\__,_|\__, | |___|_| |_|\__\___|_|  \__,_|\___|\__|_| \_/ \___|
 *                                   |___/
 */
/**
 * Font REM
 * -- convert and output px and rem
 * -- font-rem( $font-size-px )
 */
/**
 * Responsive Media Query Helpers
 * -- responsiveQuery(xs)
 * -- responsiveQuery("(min-width: 100em)")
 */
/**
 * Clearfix as a mixin
 */
/**
 * Gradients
 */
/**
 * Grayscale Filter
 * -- grayscale( on )
 * -- grayscale( off )
 */
/**
 * Retina Image Helper
 *
 * A helper mixin for applying high-resolution background images (http://www.retinajs.com)
 * by Nathan Crank (nathancrank.com)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

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

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-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] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

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

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

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

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

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

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

td,
th {
  padding: 0;
}

/**
 * Border box all the things
 */
* {
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*
 * Highlighting colors
 */
::-webkit-selection {
  background: #337ab7;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #337ab7;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #337ab7;
  color: #fff;
  text-shadow: none;
}

:focus {
  outline: none;
}

/**
 * HTML tag
 */
html {
  font-size: 62.5%;
}

/**
 * BODY tag
 */
body {
  color: #444;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7;
  text-align: center;
}

table.styled {
  width: 100%;
  margin-bottom: 1.36em;
}
table.styled th {
  border-bottom: solid 2px;
}
table.styled tr {
  border-bottom: solid 1px #d8d6d8;
}

/*
 * Headings
 */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  color: #06418a;
  text-transform: uppercase;
  font-family: "refrigerator-deluxe", sans-serif;
  font-weight: 600;
  line-height: 1.1em;
}

h1, .h1 {
  font-size: 33px;
  font-size: 3.3rem;
}

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

h3, .h3 {
  font-size: 23px;
  font-size: 2.3rem;
}

h4, .h4 {
  font-size: 17px;
  font-size: 1.7rem;
}

h5, .h5 {
  font-size: 14px;
  font-size: 1.4rem;
}

h6, .h6 {
  font-size: 12px;
  font-size: 1.2rem;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0.68em;
  margin-bottom: 0.34em;
}

/**
 * Body Text
 */
p {
  margin: 0 0 0.68em;
}

/*
 * Links
 */
a {
  color: #06418a;
  text-decoration: none;
}
a:hover {
  color: #99be26;
}

/**
 * Lists
 */
ul,
ol {
  margin-top: 0;
  margin-bottom: 1.36em;
  padding-left: 17px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

/**
 * Blockquotes
 */
blockquote {
  font-size: 17px;
  font-size: 1.7rem;
  border-left: 5px solid #bbbbbb;
  padding: 0.34em 0.68em;
  margin: 0 0 0.68em;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer {
  display: block;
  font-size: 80%;
  line-height: 1.7;
  color: #bbbbbb;
}
blockquote footer:before {
  content: "— ";
}
blockquote-reverse {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #bbbbbb;
  border-left: 0;
  text-align: right;
}
blockquote-reverse footer:before {
  content: "";
}
blockquote-reverse footer:after {
  content: " —";
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/**
 * Text meant only for screen readers
 */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle;
}

/**
 * Images
 */
img {
  max-width: 100%;
  height: auto;
}

/**
 * Responsive Embeds
 */
.embed-responsive {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding: 0;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive--ar16x9 {
  padding-top: 56.25%;
}
.embed-responsive--ar4x3 {
  padding-top: 75%;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
  border: solid 3px #d8d6d8;
  padding: 4px 10px 7px;
  border-radius: 5px;
}

input {
  border: solid 3px #d8d6d8;
  padding: 4px 10px 7px;
  border-radius: 5px;
}
input.qty {
  padding: 4px 0px 6px 15px;
}
input#coupon_code {
  width: 50%;
}

select {
  padding: 4px 10px;
  background: #fefefe;
  background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dad8da));
  background: linear-gradient(to bottom, #fefefe 0%, #dad8da 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fefefe", endColorstr="#dad8da",GradientType=0 );
  border-radius: 5px;
  border: solid 1px #d8d6d8;
}

#RCIRequestQuote {
  clear: both;
  padding-top: 25px;
}

.button, [type=submit], .woocommerce input.button, .woocommerce a.button, .woocommerce button.button {
  cursor: pointer;
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "refrigerator-deluxe", sans-serif;
  line-height: normal;
  color: #fff;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  background: #06418a;
  padding: 7px 20px;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 4px;
}
.button:hover, [type=submit]:hover, .woocommerce input.button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover {
  color: white;
  background: #042a59;
}
.button.inline, [type=submit].inline, .woocommerce input.button.inline, .woocommerce a.button.inline, .woocommerce button.button.inline {
  top: -6px;
}
.button.medium, [type=submit].medium, .woocommerce input.button.medium, .woocommerce a.button.medium, .woocommerce button.button.medium {
  font-size: 17px;
  font-size: 1.7rem;
  padding: 10px 20px;
}
.button.large, [type=submit].large, .woocommerce input.button.large, .woocommerce a.button.large, .woocommerce button.button.large {
  font-size: 21px;
  font-size: 2.1rem;
  padding: 20px 20px;
}
.button.square, [type=submit].square, .woocommerce input.button.square, .woocommerce a.button.square, .woocommerce button.button.square {
  border-radius: 0;
}
.button.alt-font, [type=submit].alt-font, .woocommerce input.button.alt-font, .woocommerce a.button.alt-font, .woocommerce button.button.alt-font {
  font-family: "refrigerator-deluxe", sans-serif;
}
.button.secondary, [type=submit].secondary, .woocommerce input.button.secondary, .woocommerce a.button.secondary, .woocommerce button.button.secondary {
  color: #06418a;
  background: #99be26;
}
.button.secondary:hover, [type=submit].secondary:hover, .woocommerce input.button.secondary:hover, .woocommerce a.button.secondary:hover, .woocommerce button.button.secondary:hover {
  color: #06418a;
  background: #77941e;
}
.button.alt, [type=submit].alt, .woocommerce input.button.alt, .woocommerce a.button.alt, .woocommerce button.button.alt {
  color: #06418a;
  background: #99be26;
}
.button.alt:hover, [type=submit].alt:hover, .woocommerce input.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover {
  color: #06418a;
  background: #77941e;
}
.button.alt.addquotelistbutton_prodpage, [type=submit].alt.addquotelistbutton_prodpage, .woocommerce input.button.alt.addquotelistbutton_prodpage, .woocommerce a.button.alt.addquotelistbutton_prodpage, .woocommerce button.button.alt.addquotelistbutton_prodpage {
  background: #06418a;
  color: #fff;
}
.button.tiertiary-one, [type=submit].tiertiary-one, .woocommerce input.button.tiertiary-one, .woocommerce a.button.tiertiary-one, .woocommerce button.button.tiertiary-one {
  color: #fff;
  background: #131223;
}
.button.tiertiary-one:hover, [type=submit].tiertiary-one:hover, .woocommerce input.button.tiertiary-one:hover, .woocommerce a.button.tiertiary-one:hover, .woocommerce button.button.tiertiary-one:hover {
  color: white;
  background: #010101;
}
.button.tiertiary-two, [type=submit].tiertiary-two, .woocommerce input.button.tiertiary-two, .woocommerce a.button.tiertiary-two, .woocommerce button.button.tiertiary-two {
  color: #fff;
  background: #aeaeae;
}
.button.tiertiary-two:hover, [type=submit].tiertiary-two:hover, .woocommerce input.button.tiertiary-two:hover, .woocommerce a.button.tiertiary-two:hover, .woocommerce button.button.tiertiary-two:hover {
  color: white;
  background: #959595;
}
.button [class^=icon-], [type=submit] [class^=icon-], .woocommerce input.button [class^=icon-], .woocommerce a.button [class^=icon-], .woocommerce button.button [class^=icon-] {
  position: relative;
  top: 1px;
  font-size: 14px;
  font-size: 1.4rem;
}
/*
 * Button : Submit
 */
[type=submit], button {
  border: 0 none;
}

.site-search__button {
  font-size: 13px;
  font-size: 1.3rem;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
  font-size: 18px !important;
}

.paging, .woocommerce-pagination, .pagination {
  line-height: normal;
  border-top: 1px solid #ccc;
  padding: 1.5em 0;
  margin: 2em 20px 0;
}
.paging ul, .woocommerce-pagination ul, .pagination ul {
  overflow: hidden;
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.paging li, .woocommerce-pagination li, .pagination li {
  display: inline-block;
  /*float: left;

  &:first-child {
  	a {
  		border-left: 0;
  	}
  }

  &:first-child,
  &:last-child {
  	width: 50%;
  }*/
}
.paging a,
.paging .current,
.paging .dots, .woocommerce-pagination a,
.woocommerce-pagination .current,
.woocommerce-pagination .dots, .pagination a,
.pagination .current,
.pagination .dots {
  text-decoration: none;
  padding: 12px 16px;
}
.paging .prev,
.paging .next, .woocommerce-pagination .prev,
.woocommerce-pagination .next, .pagination .prev,
.pagination .next {
  display: block;
}
.paging .prev span,
.paging .next span, .woocommerce-pagination .prev span,
.woocommerce-pagination .next span, .pagination .prev span,
.pagination .next span {
  position: relative;
  top: -1px;
}
.paging a, .woocommerce-pagination a, .pagination a {
  color: #06418a;
}
.paging a:hover, .woocommerce-pagination a:hover, .pagination a:hover {
  color: #042a59;
  background: #eee;
}
.paging .current, .woocommerce-pagination .current, .pagination .current {
  color: #fff;
  background: #06418a;
}

@media only screen and (min-width: 48em) {
  /*	.paging {
  		ul {
  			display: inline-block;
  		}

  		li {
  			&:first-child,
  			&:last-child {
  				width: auto;
  			}
  		}

  		a,
  		.current,
  		.dots {
  			display: block;
  		}
  	}*/
}
/*------------------------------------*\
	$CSSWIZARDRY-GRIDS (https://github.com/csswizardry/csswizardry-grids)

	MODIFIED EDITION
\*------------------------------------*/
/**
 * CONTENTS
 * INTRODUCTION.........How the grid system works.
 * VARIABLES............Your settings.
 * MIXINS...............Library mixins.
 * GRID SETUP...........Build the grid structure.
 * HELPERS..............Create helper show/hide classes around our breakpoints.
 * WIDTHS...............Build our responsive widths around our breakpoints.
 * PUSH.................Push classes.
 * PULL.................Pull classes.
 */
/*------------------------------------*\
	$INTRODUCTION
\*------------------------------------*/
/**
 * csswizardry grids provides you with widths to suit a number of breakpoints
 * designed around devices of a size you specify. Out of the box, csswizardry
 * grids caters to the following types of device:
 *
 * palm     --  palm-based devices, like phones and small tablets
 * lap      --  lap-based devices, like iPads or laptops
 * portable --  all of the above
 * desk     --  stationary devices, like desktop computers
 * regular  --  any/all types of device
 *
 * These namespaces are then used in the library to give you the ability to
 * manipulate your layouts based around them, for example:
 *
   <div class="grid__item  col-1-1  lap--col-1-2  desk--col-1-3">
 *
 * This would give you a grid item which is 100% width unless it is on a lap
 * device, at which point it become 50% wide, or it is on a desktop device, at
 * which point it becomes 33.333% width.
 *
 * csswizardry grids also has push and pull classes which allow you to nudge
 * grid items left and right by a defined amount. These follow the same naming
 * convention as above, but are prepended by either `push--` or `pull--`, for
 * example:
 *
   `class="grid__item  col-1-2  push--col-1-2"`
 *
 * This would give you a grid item which is 50% width and pushed over to the
 * right by 50%.
 *
 * All classes in csswizardry grids follow this patten, so you should fairly
 * quickly be able to piece together any combinations you can imagine, for
 * example:
 *
   `class="grid__item  col-1-1  lap--col-1-2  desk--col-1-3  push--desk--col-1-3"`
 *
   `class="grid__item  col-1-4  palm--col-1-2  push--palm--col-1-2"`
 *
   `class="grid__item  palm--col-1-3  desk--5-12"`
 */
/*------------------------------------*\
	$VARIABLES
\*------------------------------------*/
/**
 * If you want numbers instead of names (example : 'one-whole' becomes '1-1', 'third-quarter' becomes '3-4' etc...)
 */
/**
 * When the first char of a class is a digit, you need to convert it to his unicode
 * http://stackoverflow.com/a/21229901
 * http://www.w3.org/TR/css3-syntax/#escaping
 *
 * But Sass doesn't support it yet...
 * https://github.com/sass/sass/issues/255
 *
 * So while waiting for this is possible, this is the code.
 */
/**
 * If you are building a non-responsive site but would still like to use
 * csswizardry-grids, set this to ‘false’:
 */
/**
 * Is this build mobile first? Setting to ‘true’ means that all grids will be
 * 100% width if you do not apply a more specific class to them.
 */
/**
 * Set the spacing between your grid items.
 */
/**
 * Would you like Sass’ silent classes, or regular CSS classes?
 */
/**
 * Would you like push and pull classes enabled?
 */
/**
 * Using `inline-block` means that the grid items need their whitespace removing
 * in order for them to work correctly. Set the following to true if you are
 * going to achieve this by manually removing/commenting out any whitespace in
 * your HTML yourself.
 *
 * Setting this to false invokes a hack which cannot always be guaranteed,
 * please see the following for more detail:
 *
 * github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688
 * github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371
 */
/**
 * Define your breakpoints. The first value is the prefix that shall be used for
 * your classes (e.g. `.palm--one-half`), the second value is the media query
 * that the breakpoint fires at.
 *
 *      phone-portrait = 20em   = 320px
 *     phone-landscape = 30em   = 480px
 *   tablet-S-portrait = 37.5em = 600px
 *   tablet-M-portrait = 48em   = 768px
 *   tablet-L-portrait = 60em   = 960px
 *   desktop-landscape = 64em   = 1024px
 * desktop-L-landscape = 80em   = 1280px
 */
/**
 * Define which namespaced breakpoints you would like to generate for each of
 * widths, push and pull. This is handy if you only need pull on, say, desk, or
 * you only need a new width breakpoint at mobile sizes. It allows you to only
 * compile as much CSS as you need. All are turned on by default, but you can
 * add and remove breakpoints at will.
 *
 * Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
 * have been set to ‘true’.
 */
/**
 * You do not need to edit anything from this line onward; csswizardry-grids is
 * good to go. Happy griddin’!
 */
/*------------------------------------*\
	$MIXINS
\*------------------------------------*/
/**
 * These mixins are for the library to use only, you should not need to modify
 * them at all.
 *
 * Enclose a block of code with a media query as named in `$breakpoints`.
 */
/**
 * Drop relative positioning into silent classes which can’t take advantage of
 * the `[class*="push--"]` and `[class*="pull--"]` selectors.
 */
/*------------------------------------*\
	$GRID SETUP
\*------------------------------------*/
/**
 * 1. Allow the grid system to be used on lists.
 * 2. Remove any margins and paddings that might affect the grid system.
 * 3. Apply a negative `margin-left` to negate the columns’ gutters.
 */
.grid {
  list-style: none;
  /* [1] */
  margin: 0;
  /* [2] */
  padding: 0;
  /* [2] */
  margin-left: -20px;
  /* [3] */
}

/**
 * 1. Cause columns to stack side-by-side.
 * 2. Space columns apart.
 * 3. Align columns to the tops of each other.
 * 4. Full-width unless told to behave otherwise.
 * 5. Required to combine fluid widths and fixed gutters.
 */
.grid__item {
  display: inline-block;
  /* [1] */
  padding-left: 20px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
  -webkit-box-sizing: border-box;
  /* [5] */
  /* [5] */
  box-sizing: border-box;
  /* [5] */
}

/**
 * Reversed grids allow you to structure your source in the opposite order to
 * how your rendered layout will appear. Extends `.grid`.
 */
.grid--rev {
  direction: rtl;
  text-align: left;
}
.grid--rev > .grid__item {
  direction: ltr;
  text-align: left;
}

/**
 * Gutterless grids have all the properties of regular grids, minus any spacing.
 * Extends `.grid`.
 */
.grid--full {
  margin-left: 0;
}
.grid--full > .grid__item {
  padding-left: 0;
}

/**
 * Align the entire grid to the right. Extends `.grid`.
 */
.grid--right {
  text-align: right;
}
.grid--right > .grid__item {
  text-align: left;
}

/**
 * Centered grids align grid items centrally without needing to use push or pull
 * classes. Extends `.grid`.
 */
.grid--center {
  text-align: center;
}
.grid--center > .grid__item {
  text-align: left;
}

/**
 * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
 * `.grid`.
 */
.grid--middle > .grid__item {
  vertical-align: middle;
}

.grid--bottom > .grid__item {
  vertical-align: bottom;
}

/**
 * Create grids with narrower gutters. Extends `.grid`.
 */
.grid--narrow {
  margin-left: -10px;
}
.grid--narrow > .grid__item {
  padding-left: 10px;
}

/**
 * Create grids with wider gutters. Extends `.grid`.
 */
.grid--wide {
  margin-left: -40px;
}
.grid--wide > .grid__item {
  padding-left: 40px;
}

/*------------------------------------*\
	$WIDTHS
\*------------------------------------*/
/**
 * Create our width classes, prefixed by the specified namespace.
 */
/*------------------------------------*\
  $HELPERS
\*------------------------------------*/
/**
 * Create helper show/hide classes, prefixed by the specified namespace.
 */
/**
 * Our regular, non-responsive width classes.
 */
/**
 * Whole
 */
.col-1-1 {
  width: 100%;
}

/**
 * Halves
 */
.col-1-2, .col-6-12, .col-5-10, .col-4-8, .col-3-6, .col-2-4 {
  width: 49.4%;
}

/**
 * Thirds
 */
.col-1-3, .col-4-12, .col-3-9, .col-2-6 {
  width: 32.9%;
}

.col-2-3, .col-8-12, .col-6-9, .col-4-6 {
  width: 66%;
}

/**
 * Quarters
 */
.col-1-4, .col-3-12, .col-2-8 {
  width: 24.5%;
}

.col-3-4, .col-9-12, .col-6-8 {
  width: 75%;
}

/**
 * Fifths
 */
.col-1-5, .col-2-10 {
  width: 19.6%;
}

.col-2-5, .col-4-10 {
  width: 40%;
}

.col-3-5, .col-6-10 {
  width: 60%;
}

.col-4-5, .col-8-10 {
  width: 80%;
}

/**
 * Sixths
 */
.col-1-6 {
  width: 16.666%;
}

.col-5-6, .col-10-12 {
  width: 83.333%;
}

/**
 * Sevenths
 */
.col-1-7 {
  width: 14.2857%;
}

.col-2-7 {
  width: 28.5714%;
}

.col-3-7 {
  width: 42.8571%;
}

.col-4-7 {
  width: 57.1428%;
}

.col-5-7 {
  width: 71.4285%;
}

.col-6-7 {
  width: 85.7142%;
}

/**
 * Eighths
 */
.col-1-8 {
  width: 12.5%;
}

.col-3-8 {
  width: 37.5%;
}

.col-5-8 {
  width: 62.5%;
}

.col-7-8 {
  width: 87.5%;
}

/**
 * Ninths
 */
.col-1-9 {
  width: 11.111%;
}

.col-2-9 {
  width: 22.222%;
}

.col-4-9 {
  width: 44.444%;
}

.col-5-9 {
  width: 55.555%;
}

.col-7-9 {
  width: 77.777%;
}

.col-8-9 {
  width: 88.888%;
}

/**
 * Tenths
 */
.col-1-10 {
  width: 10%;
}

.col-3-10 {
  width: 30%;
}

.col-7-10 {
  width: 70%;
}

.col-9-10 {
  width: 90%;
}

/**
 * Elevenths
 */
.col-1-11 {
  width: 9.0909%;
}

.col-2-11 {
  width: 18.1818%;
}

.col-3-11 {
  width: 27.2727%;
}

.col-4-11 {
  width: 36.3636%;
}

.col-5-11 {
  width: 45.4545%;
}

.col-6-11 {
  width: 54.5454%;
}

.col-7-11 {
  width: 63.6363%;
}

.col-8-11 {
  width: 72.7272%;
}

.col-9-11 {
  width: 81.8181%;
}

.col-10-11 {
  width: 90.909%;
}

/**
 * Twelfths
 */
.col-1-12 {
  width: 8.333%;
}

.col-2-12 {
  width: 16.666%;
}

.col-5-12 {
  width: 41.666%;
}

.col-7-12 {
  width: 58.333%;
}

.col-11-12 {
  width: 91.666%;
}

.show {
  display: inline-block;
}

.hide {
  display: none;
}

/**
 * Our responsive classes, if we have enabled them.
 */
@media only screen and (min-width: 30em) {
  /**
   * Whole
   */
  .xs--col-1-1 {
    width: 100%;
  }

  /**
   * Halves
   */
  .xs--col-1-2, .xs--col-6-12, .xs--col-5-10, .xs--col-4-8, .xs--col-3-6, .xs--col-2-4 {
    width: 49.4%;
  }

  /**
   * Thirds
   */
  .xs--col-1-3, .xs--col-4-12, .xs--col-3-9, .xs--col-2-6 {
    width: 32.9%;
  }

  .xs--col-2-3, .xs--col-8-12, .xs--col-6-9, .xs--col-4-6 {
    width: 66%;
  }

  /**
   * Quarters
   */
  .xs--col-1-4, .xs--col-3-12, .xs--col-2-8 {
    width: 24.5%;
  }

  .xs--col-3-4, .xs--col-9-12, .xs--col-6-8 {
    width: 75%;
  }

  /**
   * Fifths
   */
  .xs--col-1-5, .xs--col-2-10 {
    width: 19.6%;
  }

  .xs--col-2-5, .xs--col-4-10 {
    width: 40%;
  }

  .xs--col-3-5, .xs--col-6-10 {
    width: 60%;
  }

  .xs--col-4-5, .xs--col-8-10 {
    width: 80%;
  }

  /**
   * Sixths
   */
  .xs--col-1-6 {
    width: 16.666%;
  }

  .xs--col-5-6, .xs--col-10-12 {
    width: 83.333%;
  }

  /**
   * Sevenths
   */
  .xs--col-1-7 {
    width: 14.2857%;
  }

  .xs--col-2-7 {
    width: 28.5714%;
  }

  .xs--col-3-7 {
    width: 42.8571%;
  }

  .xs--col-4-7 {
    width: 57.1428%;
  }

  .xs--col-5-7 {
    width: 71.4285%;
  }

  .xs--col-6-7 {
    width: 85.7142%;
  }

  /**
   * Eighths
   */
  .xs--col-1-8 {
    width: 12.5%;
  }

  .xs--col-3-8 {
    width: 37.5%;
  }

  .xs--col-5-8 {
    width: 62.5%;
  }

  .xs--col-7-8 {
    width: 87.5%;
  }

  /**
   * Ninths
   */
  .xs--col-1-9 {
    width: 11.111%;
  }

  .xs--col-2-9 {
    width: 22.222%;
  }

  .xs--col-4-9 {
    width: 44.444%;
  }

  .xs--col-5-9 {
    width: 55.555%;
  }

  .xs--col-7-9 {
    width: 77.777%;
  }

  .xs--col-8-9 {
    width: 88.888%;
  }

  /**
   * Tenths
   */
  .xs--col-1-10 {
    width: 10%;
  }

  .xs--col-3-10 {
    width: 30%;
  }

  .xs--col-7-10 {
    width: 70%;
  }

  .xs--col-9-10 {
    width: 90%;
  }

  /**
   * Elevenths
   */
  .xs--col-1-11 {
    width: 9.0909%;
  }

  .xs--col-2-11 {
    width: 18.1818%;
  }

  .xs--col-3-11 {
    width: 27.2727%;
  }

  .xs--col-4-11 {
    width: 36.3636%;
  }

  .xs--col-5-11 {
    width: 45.4545%;
  }

  .xs--col-6-11 {
    width: 54.5454%;
  }

  .xs--col-7-11 {
    width: 63.6363%;
  }

  .xs--col-8-11 {
    width: 72.7272%;
  }

  .xs--col-9-11 {
    width: 81.8181%;
  }

  .xs--col-10-11 {
    width: 90.909%;
  }

  /**
   * Twelfths
   */
  .xs--col-1-12 {
    width: 8.333%;
  }

  .xs--col-2-12 {
    width: 16.666%;
  }

  .xs--col-5-12 {
    width: 41.666%;
  }

  .xs--col-7-12 {
    width: 58.333%;
  }

  .xs--col-11-12 {
    width: 91.666%;
  }
}
@media only screen and (min-width: 30em) {
  .xs--show {
    display: inline-block;
  }

  .xs--hide {
    display: none;
  }
}
@media only screen and (min-width: 37.5em) {
  /**
   * Whole
   */
  .s--col-1-1 {
    width: 100%;
  }

  /**
   * Halves
   */
  .s--col-1-2, .s--col-6-12, .s--col-5-10, .s--col-4-8, .s--col-3-6, .s--col-2-4 {
    width: 49.4%;
  }

  /**
   * Thirds
   */
  .s--col-1-3, .s--col-4-12, .s--col-3-9, .s--col-2-6 {
    width: 32.9%;
  }

  .s--col-2-3, .s--col-8-12, .s--col-6-9, .s--col-4-6 {
    width: 66%;
  }

  /**
   * Quarters
   */
  .s--col-1-4, .s--col-3-12, .s--col-2-8 {
    width: 24.5%;
  }

  .s--col-3-4, .s--col-9-12, .s--col-6-8 {
    width: 75%;
  }

  /**
   * Fifths
   */
  .s--col-1-5, .s--col-2-10 {
    width: 19.6%;
  }

  .s--col-2-5, .s--col-4-10 {
    width: 40%;
  }

  .s--col-3-5, .s--col-6-10 {
    width: 60%;
  }

  .s--col-4-5, .s--col-8-10 {
    width: 80%;
  }

  /**
   * Sixths
   */
  .s--col-1-6 {
    width: 16.666%;
  }

  .s--col-5-6, .s--col-10-12 {
    width: 83.333%;
  }

  /**
   * Sevenths
   */
  .s--col-1-7 {
    width: 14.2857%;
  }

  .s--col-2-7 {
    width: 28.5714%;
  }

  .s--col-3-7 {
    width: 42.8571%;
  }

  .s--col-4-7 {
    width: 57.1428%;
  }

  .s--col-5-7 {
    width: 71.4285%;
  }

  .s--col-6-7 {
    width: 85.7142%;
  }

  /**
   * Eighths
   */
  .s--col-1-8 {
    width: 12.5%;
  }

  .s--col-3-8 {
    width: 37.5%;
  }

  .s--col-5-8 {
    width: 62.5%;
  }

  .s--col-7-8 {
    width: 87.5%;
  }

  /**
   * Ninths
   */
  .s--col-1-9 {
    width: 11.111%;
  }

  .s--col-2-9 {
    width: 22.222%;
  }

  .s--col-4-9 {
    width: 44.444%;
  }

  .s--col-5-9 {
    width: 55.555%;
  }

  .s--col-7-9 {
    width: 77.777%;
  }

  .s--col-8-9 {
    width: 88.888%;
  }

  /**
   * Tenths
   */
  .s--col-1-10 {
    width: 10%;
  }

  .s--col-3-10 {
    width: 30%;
  }

  .s--col-7-10 {
    width: 70%;
  }

  .s--col-9-10 {
    width: 90%;
  }

  /**
   * Elevenths
   */
  .s--col-1-11 {
    width: 9.0909%;
  }

  .s--col-2-11 {
    width: 18.1818%;
  }

  .s--col-3-11 {
    width: 27.2727%;
  }

  .s--col-4-11 {
    width: 36.3636%;
  }

  .s--col-5-11 {
    width: 45.4545%;
  }

  .s--col-6-11 {
    width: 54.5454%;
  }

  .s--col-7-11 {
    width: 63.6363%;
  }

  .s--col-8-11 {
    width: 72.7272%;
  }

  .s--col-9-11 {
    width: 81.8181%;
  }

  .s--col-10-11 {
    width: 90.909%;
  }

  /**
   * Twelfths
   */
  .s--col-1-12 {
    width: 8.333%;
  }

  .s--col-2-12 {
    width: 16.666%;
  }

  .s--col-5-12 {
    width: 41.666%;
  }

  .s--col-7-12 {
    width: 58.333%;
  }

  .s--col-11-12 {
    width: 91.666%;
  }
}
@media only screen and (min-width: 37.5em) {
  .s--show {
    display: inline-block;
  }

  .s--hide {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  /**
   * Whole
   */
  .m--col-1-1 {
    width: 100%;
  }

  /**
   * Halves
   */
  .m--col-1-2, .m--col-6-12, .m--col-5-10, .m--col-4-8, .m--col-3-6, .m--col-2-4 {
    width: 49.4%;
  }

  /**
   * Thirds
   */
  .m--col-1-3, .m--col-4-12, .m--col-3-9, .m--col-2-6 {
    width: 32.9%;
  }

  .m--col-2-3, .m--col-8-12, .m--col-6-9, .m--col-4-6 {
    width: 66%;
  }

  /**
   * Quarters
   */
  .m--col-1-4, .m--col-3-12, .m--col-2-8 {
    width: 24.5%;
  }

  .m--col-3-4, .m--col-9-12, .m--col-6-8 {
    width: 75%;
  }

  /**
   * Fifths
   */
  .m--col-1-5, .m--col-2-10 {
    width: 19.6%;
  }

  .m--col-2-5, .m--col-4-10 {
    width: 40%;
  }

  .m--col-3-5, .m--col-6-10 {
    width: 60%;
  }

  .m--col-4-5, .m--col-8-10 {
    width: 80%;
  }

  /**
   * Sixths
   */
  .m--col-1-6 {
    width: 16.666%;
  }

  .m--col-5-6, .m--col-10-12 {
    width: 83.333%;
  }

  /**
   * Sevenths
   */
  .m--col-1-7 {
    width: 14.2857%;
  }

  .m--col-2-7 {
    width: 28.5714%;
  }

  .m--col-3-7 {
    width: 42.8571%;
  }

  .m--col-4-7 {
    width: 57.1428%;
  }

  .m--col-5-7 {
    width: 71.4285%;
  }

  .m--col-6-7 {
    width: 85.7142%;
  }

  /**
   * Eighths
   */
  .m--col-1-8 {
    width: 12.5%;
  }

  .m--col-3-8 {
    width: 37.5%;
  }

  .m--col-5-8 {
    width: 62.5%;
  }

  .m--col-7-8 {
    width: 87.5%;
  }

  /**
   * Ninths
   */
  .m--col-1-9 {
    width: 11.111%;
  }

  .m--col-2-9 {
    width: 22.222%;
  }

  .m--col-4-9 {
    width: 44.444%;
  }

  .m--col-5-9 {
    width: 55.555%;
  }

  .m--col-7-9 {
    width: 77.777%;
  }

  .m--col-8-9 {
    width: 88.888%;
  }

  /**
   * Tenths
   */
  .m--col-1-10 {
    width: 10%;
  }

  .m--col-3-10 {
    width: 30%;
  }

  .m--col-7-10 {
    width: 70%;
  }

  .m--col-9-10 {
    width: 90%;
  }

  /**
   * Elevenths
   */
  .m--col-1-11 {
    width: 9.0909%;
  }

  .m--col-2-11 {
    width: 18.1818%;
  }

  .m--col-3-11 {
    width: 27.2727%;
  }

  .m--col-4-11 {
    width: 36.3636%;
  }

  .m--col-5-11 {
    width: 45.4545%;
  }

  .m--col-6-11 {
    width: 54.5454%;
  }

  .m--col-7-11 {
    width: 63.6363%;
  }

  .m--col-8-11 {
    width: 72.7272%;
  }

  .m--col-9-11 {
    width: 81.8181%;
  }

  .m--col-10-11 {
    width: 90.909%;
  }

  /**
   * Twelfths
   */
  .m--col-1-12 {
    width: 8.333%;
  }

  .m--col-2-12 {
    width: 16.666%;
  }

  .m--col-5-12 {
    width: 41.666%;
  }

  .m--col-7-12 {
    width: 58.333%;
  }

  .m--col-11-12 {
    width: 91.666%;
  }
}
@media only screen and (min-width: 48em) {
  .m--show {
    display: inline-block;
  }

  .m--hide {
    display: none;
  }
}
@media only screen and (min-width: 60em) {
  /**
   * Whole
   */
  .l--col-1-1 {
    width: 100%;
  }

  /**
   * Halves
   */
  .l--col-1-2, .l--col-6-12, .l--col-5-10, .l--col-4-8, .l--col-3-6, .l--col-2-4 {
    width: 49.4%;
  }

  /**
   * Thirds
   */
  .l--col-1-3, .l--col-4-12, .l--col-3-9, .l--col-2-6 {
    width: 32.9%;
  }

  .l--col-2-3, .l--col-8-12, .l--col-6-9, .l--col-4-6 {
    width: 66%;
  }

  /**
   * Quarters
   */
  .l--col-1-4, .l--col-3-12, .l--col-2-8 {
    width: 24.5%;
  }

  .l--col-3-4, .l--col-9-12, .l--col-6-8 {
    width: 75%;
  }

  /**
   * Fifths
   */
  .l--col-1-5, .l--col-2-10 {
    width: 19.6%;
  }

  .l--col-2-5, .l--col-4-10 {
    width: 40%;
  }

  .l--col-3-5, .l--col-6-10 {
    width: 60%;
  }

  .l--col-4-5, .l--col-8-10 {
    width: 80%;
  }

  /**
   * Sixths
   */
  .l--col-1-6 {
    width: 16.666%;
  }

  .l--col-5-6, .l--col-10-12 {
    width: 83.333%;
  }

  /**
   * Sevenths
   */
  .l--col-1-7 {
    width: 14.2857%;
  }

  .l--col-2-7 {
    width: 28.5714%;
  }

  .l--col-3-7 {
    width: 42.8571%;
  }

  .l--col-4-7 {
    width: 57.1428%;
  }

  .l--col-5-7 {
    width: 71.4285%;
  }

  .l--col-6-7 {
    width: 85.7142%;
  }

  /**
   * Eighths
   */
  .l--col-1-8 {
    width: 12.5%;
  }

  .l--col-3-8 {
    width: 37.5%;
  }

  .l--col-5-8 {
    width: 62.5%;
  }

  .l--col-7-8 {
    width: 87.5%;
  }

  /**
   * Ninths
   */
  .l--col-1-9 {
    width: 11.111%;
  }

  .l--col-2-9 {
    width: 22.222%;
  }

  .l--col-4-9 {
    width: 44.444%;
  }

  .l--col-5-9 {
    width: 55.555%;
  }

  .l--col-7-9 {
    width: 77.777%;
  }

  .l--col-8-9 {
    width: 88.888%;
  }

  /**
   * Tenths
   */
  .l--col-1-10 {
    width: 10%;
  }

  .l--col-3-10 {
    width: 30%;
  }

  .l--col-7-10 {
    width: 70%;
  }

  .l--col-9-10 {
    width: 90%;
  }

  /**
   * Elevenths
   */
  .l--col-1-11 {
    width: 9.0909%;
  }

  .l--col-2-11 {
    width: 18.1818%;
  }

  .l--col-3-11 {
    width: 27.2727%;
  }

  .l--col-4-11 {
    width: 36.3636%;
  }

  .l--col-5-11 {
    width: 45.4545%;
  }

  .l--col-6-11 {
    width: 54.5454%;
  }

  .l--col-7-11 {
    width: 63.6363%;
  }

  .l--col-8-11 {
    width: 72.7272%;
  }

  .l--col-9-11 {
    width: 81.8181%;
  }

  .l--col-10-11 {
    width: 90.909%;
  }

  /**
   * Twelfths
   */
  .l--col-1-12 {
    width: 8.333%;
  }

  .l--col-2-12 {
    width: 16.666%;
  }

  .l--col-5-12 {
    width: 41.666%;
  }

  .l--col-7-12 {
    width: 58.333%;
  }

  .l--col-11-12 {
    width: 91.666%;
  }
}
@media only screen and (min-width: 60em) {
  .l--show {
    display: inline-block;
  }

  .l--hide {
    display: none;
  }
}
@media only screen and (min-width: 64em) {
  /**
   * Whole
   */
  .xl--col-1-1 {
    width: 100%;
  }

  /**
   * Halves
   */
  .xl--col-1-2, .xl--col-6-12, .xl--col-5-10, .xl--col-4-8, .xl--col-3-6, .xl--col-2-4 {
    width: 49.4%;
  }

  /**
   * Thirds
   */
  .xl--col-1-3, .xl--col-4-12, .xl--col-3-9, .xl--col-2-6 {
    width: 32.9%;
  }

  .xl--col-2-3, .xl--col-8-12, .xl--col-6-9, .xl--col-4-6 {
    width: 66%;
  }

  /**
   * Quarters
   */
  .xl--col-1-4, .xl--col-3-12, .xl--col-2-8 {
    width: 24.5%;
  }

  .xl--col-3-4, .xl--col-9-12, .xl--col-6-8 {
    width: 75%;
  }

  /**
   * Fifths
   */
  .xl--col-1-5, .xl--col-2-10 {
    width: 19.6%;
  }

  .xl--col-2-5, .xl--col-4-10 {
    width: 40%;
  }

  .xl--col-3-5, .xl--col-6-10 {
    width: 60%;
  }

  .xl--col-4-5, .xl--col-8-10 {
    width: 80%;
  }

  /**
   * Sixths
   */
  .xl--col-1-6 {
    width: 16.666%;
  }

  .xl--col-5-6, .xl--col-10-12 {
    width: 83.333%;
  }

  /**
   * Sevenths
   */
  .xl--col-1-7 {
    width: 14.2857%;
  }

  .xl--col-2-7 {
    width: 28.5714%;
  }

  .xl--col-3-7 {
    width: 42.8571%;
  }

  .xl--col-4-7 {
    width: 57.1428%;
  }

  .xl--col-5-7 {
    width: 71.4285%;
  }

  .xl--col-6-7 {
    width: 85.7142%;
  }

  /**
   * Eighths
   */
  .xl--col-1-8 {
    width: 12.5%;
  }

  .xl--col-3-8 {
    width: 37.5%;
  }

  .xl--col-5-8 {
    width: 62.5%;
  }

  .xl--col-7-8 {
    width: 87.5%;
  }

  /**
   * Ninths
   */
  .xl--col-1-9 {
    width: 11.111%;
  }

  .xl--col-2-9 {
    width: 22.222%;
  }

  .xl--col-4-9 {
    width: 44.444%;
  }

  .xl--col-5-9 {
    width: 55.555%;
  }

  .xl--col-7-9 {
    width: 77.777%;
  }

  .xl--col-8-9 {
    width: 88.888%;
  }

  /**
   * Tenths
   */
  .xl--col-1-10 {
    width: 10%;
  }

  .xl--col-3-10 {
    width: 30%;
  }

  .xl--col-7-10 {
    width: 70%;
  }

  .xl--col-9-10 {
    width: 90%;
  }

  /**
   * Elevenths
   */
  .xl--col-1-11 {
    width: 9.0909%;
  }

  .xl--col-2-11 {
    width: 18.1818%;
  }

  .xl--col-3-11 {
    width: 27.2727%;
  }

  .xl--col-4-11 {
    width: 36.3636%;
  }

  .xl--col-5-11 {
    width: 45.4545%;
  }

  .xl--col-6-11 {
    width: 54.5454%;
  }

  .xl--col-7-11 {
    width: 63.6363%;
  }

  .xl--col-8-11 {
    width: 72.7272%;
  }

  .xl--col-9-11 {
    width: 81.8181%;
  }

  .xl--col-10-11 {
    width: 90.909%;
  }

  /**
   * Twelfths
   */
  .xl--col-1-12 {
    width: 8.333%;
  }

  .xl--col-2-12 {
    width: 16.666%;
  }

  .xl--col-5-12 {
    width: 41.666%;
  }

  .xl--col-7-12 {
    width: 58.333%;
  }

  .xl--col-11-12 {
    width: 91.666%;
  }
}
@media only screen and (min-width: 64em) {
  .xl--show {
    display: inline-block;
  }

  .xl--hide {
    display: none;
  }
}
/*------------------------------------*\
	$PUSH
\*------------------------------------*/
/**
 * Push classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*\
	$PULL
\*------------------------------------*/
/**
 * Pull classes, to move grid items back to the left by certain amounts.
 */
.woocommerce fieldset {
  margin-bottom: 20px;
}
.woocommerce .woocommerce-MyAccount-navigation {
  margin-bottom: 30px;
}
.woocommerce .woocommerce-MyAccount-navigation ul {
  padding: 0;
  margin: 0;
}
.woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
  display: inline-block;
  list-style: none;
  margin: 0 5px 5px 0;
}
.woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
  width: 100%;
  display: block;
  background-color: #ccc;
  padding: 5px 25px;
}

/*
 * Loggedin Navigation
 */
.logged-in-nav {
  opacity: 0.4;
  position: fixed;
  bottom: 5px;
  right: 5px;
  font-size: 10px;
  font-size: 1rem;
  text-transform: uppercase;
}
.logged-in-nav:hover {
  opacity: 1;
}
.logged-in-nav ul,
.logged-in-nav li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.logged-in-nav li {
  padding: 0 5px;
}
.logged-in-nav a {
  text-decoration: none;
}

.grid--wrapper {
  max-width: 980px;
  margin: 0 auto;
}

.page .grid--wrapper, .archive .grid--wrapper {
  padding: 0 20px;
}

@media only screen and (min-width: 64em) {
  .page .grid--wrapper {
    padding: 0;
  }
}
.global-header {
  font-weight: 500;
}
.global-header .top_info {
  width: 100%;
  background: #f2f2f2;
  top: 0;
  z-index: 9999;
}
.global-header .top_info.sticky {
  background: #99be26;
  color: #fff;
  position: fixed;
}
.global-header .top_info span {
  display: block;
  max-width: 980px;
  margin: 0 auto;
  text-align: right;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 4px 0 2px;
}
.global-header .top_info span a {
  color: #06418a;
  text-decoration: none;
  font-weight: bold;
  padding-left: 5px;
}
.global-header .header_middle_info {
  max-width: 980px;
  margin: 0 auto;
  text-align: right;
  min-height: 100px;
}
.global-header .header_middle_info .global-header__logo {
  float: left;
}
.global-header .header_middle_info .account-nav-wrapper {
  font-size: 11px;
  font-size: 1.1rem;
  display: block;
}
.global-header .header_middle_info .account-nav-wrapper .cart-contents {
  display: none;
  padding-left: 10px;
}
@media only screen and (min-width: 48em) {
  .global-header .header_middle_info .account-nav-wrapper .cart-contents {
    display: inline-block;
  }
}
.global-header .header_middle_info nav.account-nav {
  display: inline-block;
}
.global-header .header_middle_info nav.account-nav ul {
  margin-bottom: 0.3em;
}
.global-header .header_middle_info nav.account-nav li {
  display: inline-block;
  list-style-type: none;
  text-transform: uppercase;
  font-size: 10px;
  font-size: 1rem;
}
.global-header .header_middle_info nav.account-nav li a {
  text-decoration: none;
  color: #444;
  padding: 14px 0 0 20px;
  display: inline-block;
}
.global-header .header_middle_info nav.account-nav li a:hover {
  color: #99be26;
}

.mobile-menubutton {
  display: block;
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: -webkit-gradient(linear, left top, left bottom, from(#071d49), to(#131223));
  background: linear-gradient(#071d49, #131223);
  /* Standard syntax */
  width: 100%;
  height: 58px;
}
.mobile-menubutton #mobile-menu {
  float: left;
  color: #FFF;
  padding: 10px 10% 8px;
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 1;
}
.mobile-menubutton #mobile-menu:hover, .mobile-menubutton #mobile-menu.active {
  background: #06418a;
}
.mobile-menu-open .mobile-menubutton #mobile-menu {
  background: #06418a;
}
.mobile-menubutton #mobile-search {
  float: right;
  color: #FFF;
  padding: 15px 10%;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1;
}
.mobile-menubutton #mobile-search:hover, .mobile-menubutton #mobile-search.active {
  background: #06418a;
}
.mobile-search-open .mobile-menubutton #mobile-search {
  background: #06418a;
}

.nav_column_breaker {
  border-top: none;
}
.nav_column_breaker a.dropdown-toggle {
  display: none;
}
.nav_column_breaker .depth--one a.dropdown-toggle, .nav_column_breaker .depth--two a.dropdown-toggle {
  display: block;
}

.header_middle_info .account-nav {
  display: none;
}

.menu_wrap {
  width: 90%;
  z-index: 9999;
  display: none;
  position: absolute;
}
.mobile-menu-open .menu_wrap {
  display: block;
}
.menu_wrap .mobile-nav {
  text-align: left;
  width: 100%;
  position: relative;
}
.menu_wrap .mobile-nav ul {
  width: 100%;
  z-index: 999;
  background: #131223;
  color: #FFF;
  padding-left: 0;
  padding-bottom: 50px;
}
.menu_wrap .mobile-nav ul li {
  list-style: none;
  padding: 6px 0 4px 10%;
  background: #071d49;
  border-bottom: solid 1px #131223;
}
.menu_wrap .mobile-nav ul li a {
  color: #FFF;
  display: block;
  font-size: 28px;
  font-size: 2.8rem;
  color: #fff;
  text-transform: uppercase;
  font-family: "refrigerator-deluxe", sans-serif;
  font-weight: 300;
}
.menu_wrap .mobile-nav ul li.last_menu_item {
  margin-bottom: 25px;
}
.menu_wrap .mobile-nav ul li.dark_bg_item {
  background: none;
  padding-top: 0;
  padding-bottom: 0;
}
.menu_wrap .mobile-nav ul li.dark_bg_item a {
  font-family: "proxima-nova", sans-serif;
  text-transform: capitalize;
  font-size: 20px;
  font-size: 2rem;
}
.menu_wrap .mobile-nav ul li.dark_bg_item a .bold_item {
  font-family: "refrigerator-deluxe", sans-serif;
  text-transform: uppercase;
  font-size: 28px;
  font-size: 2.8rem;
  padding-top: 10px;
  display: inline-block;
}
.menu_wrap .mobile-nav ul li:hover {
  background: #06418a;
}
.menu_wrap .mobile-nav ul li .menu-toggle-plus {
  display: inline-block;
  margin-left: -11%;
  width: 11%;
  padding: 8px 0 4px;
  text-align: center;
  font-style: normal;
  font-size: 27px;
  font-size: 2.7rem;
  cursor: pointer;
}
.menu_wrap .mobile-nav ul li .menu-toggle-plus:hover {
  background: #06418a;
}
.menu_wrap .mobile-nav ul li.dropdown__item {
  padding-top: 0;
  padding-bottom: 0;
}
.menu_wrap .mobile-nav ul li.dropdown__item a {
  display: inline-block;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 4px;
}
.menu_wrap .mobile-nav ul li.dropdown__item a:hover {
  background: #06418a;
}
.menu_wrap .mobile-nav ul li ul {
  display: none;
  background: #06418a;
  position: relative;
  margin-left: -11%;
  width: 111%;
  padding-bottom: 0;
}
.menu_wrap .mobile-nav ul li ul.mobile-menu-open-dropdown {
  display: block;
}
.menu_wrap .mobile-nav ul li ul li {
  border: none;
  padding: 4px 0 4px 10%;
  background: #06418a;
}
.menu_wrap .mobile-nav ul li ul li:hover {
  background: #071d49;
}
.menu_wrap .mobile-nav ul li ul li:hover a:hover {
  background: none;
}
.menu_wrap .mobile-nav ul li ul li a {
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  text-transform: capitalize;
  font-family: "proxima-nova", sans-serif;
}

.global-header-nav {
  text-align: left;
  width: 100%;
  display: none;
  position: relative;
}
.global-header-nav ul {
  width: 100%;
  z-index: 999;
  background: #071d49;
  color: #FFF;
  padding-left: 0;
}
.global-header-nav ul li {
  list-style: none;
}
.global-header-nav ul li a {
  color: #FFF;
  padding: 6px 0 4px 10%;
  display: block;
  border-bottom: solid 1px #131223;
  font-size: 28px;
  font-size: 2.8rem;
  color: #fff;
  text-transform: uppercase;
  font-family: "refrigerator-deluxe", sans-serif;
  font-weight: 300;
}
.global-header-nav ul li a.dropdown-toggle:before {
  content: "+";
  display: inline-block;
  position: absolute;
  margin-left: -6%;
}
.global-header-nav ul li ul {
  background: #06418a;
  position: relative;
}
.global-header-nav ul li ul li a {
  border: none;
  padding: 4px 0 4px 10%;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  text-transform: capitalize;
  font-family: "proxima-nova", sans-serif;
}

@media only screen and (min-width: 48em) {
  .mobile-menubutton {
    display: none;
  }

  .menu_wrap {
    width: 100%;
    z-index: 9999;
    display: none;
    position: relative;
  }
  .menu_wrap .account-nav {
    display: none;
  }
  .mobile-menu-open .menu_wrap {
    display: none;
  }

  .header_middle_info .account-nav {
    display: block;
  }

  .global-header-nav {
    position: relative;
    z-index: 99;
    display: block;
    clear: both;
    vertical-align: middle;
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    background: -webkit-gradient(linear, left top, left bottom, from(#071d49), to(#131223));
    background: linear-gradient(#071d49, #131223);
    /* Standard syntax */
    margin: 0 0px;
    font-family: "refrigerator-deluxe", sans-serif;
    text-align: center;
    width: 100%;
  }
  .global-header-nav .menu-toggle-plus {
    display: none;
  }
  .global-header-nav .nav_column_breaker {
    border-top: solid 1px #071d49;
  }
  .global-header-nav .nav_column_breaker a.dropdown-toggle {
    display: none;
  }
  .global-header-nav .nav_column_breaker .depth--one a.dropdown-toggle, .global-header-nav .nav_column_breaker .depth--two a.dropdown-toggle {
    display: block;
  }
  .global-header-nav .nav_column_breaker .depth--one a.dropdown-toggle:before, .global-header-nav .nav_column_breaker .depth--two a.dropdown-toggle:before {
    content: "";
    display: none;
  }
  .global-header-nav .nav_column_breaker .depth--one .dropdown__item {
    padding-bottom: 15px;
  }
  .global-header-nav ul,
.global-header-nav li {
    list-style: none;
    padding: 0;
    margin: 0;
    background: none;
    position: relative;
  }
  .global-header-nav a {
    display: block;
    line-height: 1.3;
    text-decoration: none;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
  }
  .global-header-nav a:hover {
    background: #06418a;
  }
  .global-header-nav > ul {
    display: inline-block;
    vertical-align: top;
    width: auto;
  }
  .global-header-nav > ul > li {
    position: relative;
    float: left;
    width: 125px;
  }
  .global-header-nav > ul > li:first-child > a {
    border-left: 0 none;
  }
  .global-header-nav > ul > li:hover {
    background: #06418a;
  }
  .global-header-nav > ul > li > a {
    display: inline-block;
    height: 50px;
    width: 100%;
    font-size: 24px;
    font-size: 2.4rem;
    color: #fff;
    text-transform: uppercase;
    border-left: 1px solid #071d49;
    padding: 0;
  }
  .global-header-nav > ul > li > a:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
  }
  .global-header-nav > ul > li > a:hover {
    color: #fff;
  }
  .global-header-nav > ul > li > a.dropdown-toggle:before {
    content: "";
    display: none;
  }
  .global-header-nav > ul > li > a span {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    line-height: 2;
    padding-right: 10px;
    padding-left: 10px;
  }
  .global-header-nav > ul > li .dropdown {
    background: none;
  }
  .global-header-nav > ul > li.dropdown__item:first-child .dropdown {
    left: 0;
  }
  .global-header-nav > ul > li.dropdown__item:last-child .dropdown {
    left: -100%;
  }
  .global-header-nav > ul > li.dropdown__item:hover > a {
    color: #fff;
  }
  .global-header-nav .dropdown__item:hover ul {
    max-height: 800px;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
  }
  .global-header-nav .dropdown__item .nav_column_breaker {
    border-top: solid 1px #071d49;
    width: 25%;
    float: left;
    display: inline-block;
    padding: 17px 3%;
  }
  .global-header-nav .dropdown__item .nav_column_breaker > a.dropdown-toggle {
    display: none;
  }
  .global-header-nav .dropdown__item ul {
    overflow: hidden;
    position: absolute;
    z-index: 100;
    left: 0;
    max-height: 0;
    width: 100%;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
  }
  .global-header-nav .dropdown__item ul ul {
    position: relative;
  }
  .global-header-nav .dropdown__item ul ul a {
    font-size: 17pxpx;
    font-size: 1.7pxrem;
  }
  .global-header-nav .dropdown__item ul a {
    color: #fff;
    font-size: 18pxpx;
    font-size: 1.8pxrem;
  }
  .global-header-nav .dropdown__item ul a:hover {
    color: #dbfe6f;
    background: none;
  }
  .global-header-nav .dropdown__item .depth--zero {
    left: -50%;
    width: 600%;
    background: #131223;
    text-align: left;
  }
  .global-header-nav .dropdown__item .depth--one {
    margin-top: 5px;
  }
  .global-header-nav .dropdown__item .depth--one a {
    color: #99be26;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "refrigerator-deluxe", sans-serif;
    padding: 5px 0;
    text-transform: uppercase;
  }
  .global-header-nav .dropdown__item .depth--two {
    margin-top: 0px;
  }
  .global-header-nav .dropdown__item .depth--two a {
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "proxima-nova", sans-serif;
    padding: 2px 0px;
    text-transform: none;
  }
  .global-header-nav .dropdown__item .current--item > a {
    background: none;
  }
  .global-header-nav .current--item > a {
    color: #fff;
    background: #06418a;
  }
}
@media only screen and (min-width: 860px) {
  .global-header-nav > ul > li {
    width: 140px;
  }
}
@media only screen and (min-width: 64em) {
  .global-header-nav > ul > li {
    width: 164px;
  }
}
.global-footer {
  background: #131223;
  color: #fff;
  padding: 55px 0 30px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
}
.global-footer .footer_wrap {
  max-width: 980px;
  margin: 0 auto;
  padding-right: 20px;
}
.global-footer ul {
  margin: 0;
  padding: 0;
}
.global-footer ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.global-footer ul li a {
  color: #fff;
  text-decoration: none;
}
.global-footer ul li a:hover {
  color: #99be26;
}
.global-footer a {
  color: #fff;
}
.global-footer a:hover {
  color: #99be26;
}
.global-footer h1, .global-footer .h1,
.global-footer h2, .global-footer .h2,
.global-footer h3, .global-footer .h3,
.global-footer h4, .global-footer .h4,
.global-footer h5, .global-footer .h5,
.global-footer h6, .global-footer .h6 {
  color: #99be26;
  margin-top: 0;
  line-height: 1;
  margin-bottom: 20px;
  display: block;
}
.global-footer .social {
  color: #131223;
  display: block;
  margin: 10px 0;
}
.global-footer .social a {
  color: #131223;
  text-decoration: none;
}
.global-footer .social i {
  background: #fff;
  padding: 3px;
  border-radius: 3px;
  margin-right: 5px;
}
.global-footer .social i:hover {
  background: #99be26;
}
.global-footer .copyright {
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
  text-align: center;
  padding-top: 75px;
}
.global-footer input {
  border: none;
  width: 100% !important;
  padding: 7px 2px !important;
  margin: 10px 0;
  color: #06418a;
}
.global-footer .gform_wrapper {
  margin: 0 !important;
}
.global-footer .gform_body label {
  display: none !important;
}
.global-footer .gform_footer {
  display: none !important;
}

.global-footer-nav {
  margin: 20px 0;
}
.global-footer-nav ul,
.global-footer-nav li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.global-footer-nav li {
  line-height: 1.3;
  padding-top: 5px;
}
.global-footer-nav a {
  color: #fff;
  text-decoration: none;
}
.global-footer-nav a:hover {
  color: #99be26;
}
.global-footer-nav > ul {
  display: block;
  vertical-align: top;
  width: 100%;
  text-align: left;
}
.global-footer-nav > ul > li {
  position: relative;
  display: block;
  vertical-align: top;
  text-align: left;
  padding: 0;
  margin-left: -4px;
}
.global-footer-nav > ul > li:first-child {
  border-left: 0 none;
}
.global-footer-nav > ul > li > a {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}
.global-footer-nav .dropdown a {
  color: white;
  font-size: 13px;
  font-size: 1.3rem;
}
.global-footer-nav .dropdown a:hover {
  color: #99be26;
}

.site-search {
  vertical-align: middle;
  position: absolute;
  z-index: 888;
  right: 0;
  width: 100%;
  padding: 15px 4%;
  background: #071d49;
  margin-top: 139px;
  display: none;
  font-size: 15px;
  font-size: 1.5rem;
}
.mobile-search-open .site-search {
  display: block;
}

.site-search__field {
  width: 80%;
  border: solid #eaeaea;
  border-width: 2px 0 2px 2px;
  border-radius: 0px 0 0 0px;
  padding: 8px 10px 9px;
  text-transform: uppercase;
  background: #fff;
}
.site-search__field:focus {
  border-color: #06418a;
  border-right-width: 2px;
}

.site-search__button {
  border: solid #eaeaea;
  border-width: 2px 2px 2px 0;
  border-radius: 0 0px 0px 0;
  padding: 11px 10px 11px;
  color: #eaeaea;
  background: #fff;
}
.site-search__button:hover {
  border-color: #06418a;
}

.site-search__field,
.site-search__button {
  float: left;
}
.site-search__field, .site-search__field:active, .site-search__field:focus,
.site-search__button,
.site-search__button:active,
.site-search__button:focus {
  outline: 0 none;
}

.screen-reader-text {
  display: none;
}

@media only screen and (min-width: 30em) {
  .site-search__field {
    width: 85%;
  }
}
@media only screen and (min-width: 48em) {
  .site-search {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 888;
    right: 0;
    width: auto;
    padding: 0;
    background: none;
    margin-top: 0;
  }

  .site-search__field {
    width: 316px;
    border: solid #eaeaea;
    border-width: 2px 0 2px 2px;
    border-radius: 0px 0 0 0px;
    padding: 8px 10px 9px;
    text-transform: uppercase;
  }
  .site-search__field:focus {
    border-color: #06418a;
    border-right-width: 2px;
  }

  .site-search__button {
    border: solid #eaeaea;
    border-width: 2px 2px 2px 0;
    border-radius: 0 0px 0px 0;
    padding: 11px 10px 11px;
    color: #eaeaea;
    background: none;
  }
  .site-search__button:hover {
    border-color: #06418a;
  }

  .site-search__field,
.site-search__button {
    float: left;
  }
  .site-search__field, .site-search__field:active, .site-search__field:focus,
.site-search__button,
.site-search__button:active,
.site-search__button:focus {
    outline: 0 none;
  }

  .screen-reader-text {
    display: none;
  }
}
.splash {
  background: url("../images/splash.png") repeat-x #131223;
}
.splash .splash--panel-single-inner {
  max-width: 980px;
  margin: 0 auto;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 100;
}
.splash .splash--panel-single-inner .splash--panel-img {
  display: inline-block;
  max-width: 44.5%;
}
.splash .splash--panel-single-inner .splash--panel-content {
  display: inline-block;
  max-width: 98%;
  text-align: left;
  padding-left: 4%;
  padding-top: 3%;
  vertical-align: top;
}
@media only screen and (min-width: 37.5em) {
  .splash .splash--panel-single-inner .splash--panel-content {
    max-width: 54.5%;
  }
}
.splash .splash--panel-single-inner .splash--panel-content p {
  font-size: 16px;
  font-size: 1.6rem;
}
.splash h1, .splash .h1,
.splash h2, .splash .h2,
.splash h3, .splash .h3,
.splash h4, .splash .h4,
.splash h5, .splash .h5,
.splash h6, .splash .h6 {
  color: #99be26;
}

.splash--products {
  max-width: 960px;
  margin: 70px auto 70px !important;
}
.splash--products .splash--products-single {
  margin-top: 10px;
}
.splash--products .splash--products-single img {
  padding: 9px;
  margin-bottom: 15px;
  width: 100%;
  background: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.splash--products .splash--products-single a {
  display: block;
  width: 100%;
  background: #d8d6d8;
  color: #06418a;
  font-weight: 500;
  border-radius: 6px;
  padding-bottom: 15px;
  text-decoration: none;
  line-height: 1.3em;
}
.splash--products .splash--products-single a:hover {
  background: #06418a;
  color: #fff;
}
.splash--products .splash--products-single a:hover img {
  border-color: #06418a;
}

.slick-active .splash--nav-item {
  background: #99be26;
  color: #06418a;
}

.splash-internal {
  background: url("../images/splash-internal.png") repeat-x #051739;
  margin: 0 auto 60px;
  clear: both;
  color: #fff;
  padding: 50px 0 30px;
  text-align: center;
}
.splash-internal h1, .splash-internal .h1,
.splash-internal h2, .splash-internal .h2,
.splash-internal h3, .splash-internal .h3,
.splash-internal h4, .splash-internal .h4,
.splash-internal h5, .splash-internal .h5,
.splash-internal h6, .splash-internal .h6 {
  color: #99be26;
  margin-top: 0;
  font-size: 40px;
  font-size: 4rem;
}
.splash-internal .page-description {
  max-width: 810px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 0 20px;
  font-weight: 300;
}

.global-sidebar {
  text-align: left;
  padding-bottom: 50px;
}
.global-sidebar .product-categories {
  padding-left: 0;
}
.global-sidebar .product-categories li {
  border-bottom: solid 1px #d8d6d8;
  list-style-type: none;
  padding: 3px 18px;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
}
.global-sidebar .product-categories li a {
  color: #444;
}
.global-sidebar .product-categories li:before {
  content: "+";
  display: inline-block;
  position: relative;
  width: 18px;
  margin-left: -18px;
}
.global-sidebar .product-categories li.current-cat > a, .global-sidebar .product-categories li.current-cat-parent > a {
  color: #99be26;
  font-weight: bold;
}
.global-sidebar .product-categories li.current-cat:before, .global-sidebar .product-categories li.current-cat-parent:before {
  content: "-";
  display: inline-block;
  position: relative;
  width: 18px;
  margin-left: -18px;
  color: #99be26;
  font-weight: bold;
}
.global-sidebar .product-categories li.current-cat .children .current-cat a, .global-sidebar .product-categories li.current-cat-parent .children .current-cat a {
  color: #99be26;
  font-weight: normal;
}
.global-sidebar .product-categories li ul {
  padding-left: 0;
}
.global-sidebar .product-categories li ul li {
  border-bottom: none;
  padding: 0;
  font-weight: 100;
  font-size: 14px;
  font-size: 1.4rem;
}
.global-sidebar .product-categories li ul li:before {
  display: none;
}
.global-sidebar .product-categories li ul li.current-cat:before {
  display: none;
}

.cat-parent .children ul {
  display: none;
}

.contact_sidebar .sidebar_options {
  text-align: center;
}
.contact_sidebar .sidebar_options .button {
  margin-top: 15px;
}
.contact_sidebar hr {
  margin: 2em 0;
}
.contact_sidebar .contact_address, .contact_sidebar .contact_phone_number, .contact_sidebar .contact_email {
  text-align: left;
}

article.page {
  padding-bottom: 75px;
}

.page__content {
  text-align: left;
}

#gform_1 #field_1_2, #gform_1 #field_1_3 {
  display: inline-block;
  width: 50%;
}
#gform_1 #field_1_2 input.medium, #gform_1 #field_1_3 input.medium {
  width: 95%;
}

.search_results_page {
  padding: 0 20px;
}

.sidebar_col {
  float: left;
}

.product_main_col, .sidebar_col {
  padding-right: 20px;
  text-align: left;
}

.component.toggled .component_title {
  width: 100%;
}

ul.products {
  padding-left: 0;
}
ul.products li {
  list-style-type: none;
  margin-bottom: 40px;
  padding-left: 0;
  padding-right: 20px;
  text-align: center;
}
ul.products li .image-wrapper {
  display: inline-block;
  border: solid 2px #d8d6d8;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  height: 150px;
  width: 150px;
}
ul.products li .image-wrapper:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: -4px;
}
ul.products li .image-wrapper img {
  max-height: 150px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
ul.products li h3 {
  text-transform: none;
  font-family: "proxima-nova", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.3;
}
ul.products li:hover {
  color: #99be26;
}
ul.products li:hover img {
  border-color: #99be26;
}
ul.products li:hover h3 {
  color: #99be26;
}

@media only screen and (min-width: 48em) {
  .product_main_col, .sidebar_col {
    padding-right: 0px;
  }
}
.product_cat_information {
  border-top: solid 3px #d8d6d8;
  margin-top: 70px;
  padding-bottom: 50px;
}
.product_cat_information .tab_links ul {
  padding-left: 0;
  padding-top: 10px;
}
.product_cat_information .tab_links ul li {
  display: inline-block;
  list-style-type: none;
  border-top: solid 6px #fff;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
}
.product_cat_information .tab_links ul li.ui-tabs-active {
  border-top-color: #99be26;
  border-left-color: #d8d6d8;
  border-right-color: #d8d6d8;
}
.product_cat_information .tab_links ul li a {
  display: block;
  padding: 5px 20px;
  outline-color: #FFF !important;
  text-transform: uppercase;
  color: #444;
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
}
.product_cat_information .prod_cat_ctas {
  text-align: center;
  font-weight: 400;
  color: #06418a;
}
.product_cat_information .demo .demo_video {
  border-bottom: solid 1px #d8d6d8;
  display: block;
  padding: 11px 0 5px;
}
.product_cat_information .demo .demo_video .play_button {
  float: right;
  margin-top: -6px;
}

.woocommerce {
  margin-bottom: 75px;
}
.woocommerce .cart-collaterals .cart_totals {
  text-align: right;
}
.woocommerce .cart-collaterals .cart_totals table {
  float: right;
  clear: both;
  margin-bottom: 20px;
}
.woocommerce .cart-collaterals .cart_totals table tr {
  padding: 5px 0;
}
.woocommerce #formtable {
  text-align: right;
}
.woocommerce #formtable table {
  float: right;
  clear: both;
  margin-bottom: 20px;
}
.woocommerce #formtable table td {
  padding: 5px 10px;
  font-weight: 400;
}
.woocommerce #formtable table td input {
  width: 100%;
}

.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells, .sfn-cart-addons {
  text-align: left;
}
.woocommerce-loop-product__title {
  font-size: 18px;
}

article .woocommerce {
  margin-bottom: 0;
}

.term-description {
  max-width: 980px;
  padding: 0 20px;
  margin: 0 auto;
}

.single-product, .body--single-product {
  text-align: left;
}
.single-product .float-right, .body--single-product .float-right {
  float: none;
  padding-right: 20px;
}
@media only screen and (min-width: 48em) {
  .single-product .float-right, .body--single-product .float-right {
    float: right;
    padding-right: 0;
  }
}
.single-product .float-left, .body--single-product .float-left {
  float: left;
  padding-right: 20px;
}
@media only screen and (min-width: 48em) {
  .single-product .float-left, .body--single-product .float-left {
    padding-right: 0;
  }
}
.single-product .product_top, .body--single-product .product_top {
  display: block;
}
.single-product .product_top h1, .body--single-product .product_top h1 {
  margin-top: 0;
}
.single-product .product_top .grid__item.float-right, .body--single-product .product_top .grid__item.float-right {
  padding-right: 20px;
}
@media only screen and (min-width: 1000px) {
  .single-product .product_top .grid__item.float-right, .body--single-product .product_top .grid__item.float-right {
    padding-right: 0px;
  }
  .single-product .product_top .grid__item.float-left, .body--single-product .product_top .grid__item.float-left {
    padding-left: 0px;
  }
}
.single-product .variations, .body--single-product .variations {
  margin-bottom: 1.36em;
}
.single-product .variations .label, .body--single-product .variations .label {
  padding-right: 20px;
  font-weight: bold;
}
.single-product .variations .value, .body--single-product .variations .value {
  padding: 3px 0;
}
.single-product .variations .value select, .body--single-product .variations .value select {
  padding: 4px 10px;
  background: #fefefe;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dad8da));
  background: linear-gradient(to bottom, #fefefe 0%, #dad8da 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fefefe", endColorstr="#dad8da",GradientType=0 );
  /* IE6-9 */
  border-radius: 5px;
}
.single-product .product_disclosure, .body--single-product .product_disclosure {
  font-style: italic;
  font-size: 10px;
  font-size: 1rem;
  display: block;
  width: 100%;
  font-weight: 400;
  margin: 1em 0;
}
@media only screen and (min-width: 48em) {
  .single-product .product_disclosure, .body--single-product .product_disclosure {
    width: 50%;
  }
}
.single-product .addthis_default_style .addthis_separator, .single-product .addthis_default_style .at4-icon, .single-product .addthis_default_style .at300b, .single-product .addthis_default_style .at300bo, .single-product .addthis_default_style .at300bs, .single-product .addthis_default_style .at300m, .body--single-product .addthis_default_style .addthis_separator, .body--single-product .addthis_default_style .at4-icon, .body--single-product .addthis_default_style .at300b, .body--single-product .addthis_default_style .at300bo, .body--single-product .addthis_default_style .at300bs, .body--single-product .addthis_default_style .at300m {
  float: right !important;
}
.single-product .images, .body--single-product .images {
  padding-top: 10px;
  display: block;
  width: 100%;
}
.single-product .images figure, .body--single-product .images figure {
  margin: 0;
}
.single-product .images .flex-viewport, .body--single-product .images .flex-viewport {
  border-radius: 5px;
  border: solid 2px #d8d6d8;
  display: block;
  text-align: center;
  width: 100%;
  margin: 0;
}
.single-product .images .flex-control-thumbs,
.single-product .images .thumbnails, .body--single-product .images .flex-control-thumbs,
.body--single-product .images .thumbnails {
  padding: 20px 0;
  list-style: none;
}
.single-product .images .flex-control-thumbs li,
.single-product .images .thumbnails li, .body--single-product .images .flex-control-thumbs li,
.body--single-product .images .thumbnails li {
  display: inline-block;
  max-width: 15%;
}
.single-product .images .flex-control-thumbs img,
.single-product .images .thumbnails img, .body--single-product .images .flex-control-thumbs img,
.body--single-product .images .thumbnails img {
  max-width: 100%;
}
.single-product .images .woocommerce-product-gallery__image, .body--single-product .images .woocommerce-product-gallery__image {
  min-height: auto !important;
}
@media only screen and (min-width: 48em) {
  .single-product .images .flex-control-thumbs li,
.single-product .images .thumbnails li, .body--single-product .images .flex-control-thumbs li,
.body--single-product .images .thumbnails li {
    max-width: 25%;
  }
}
.single-product .summary_element_image, .body--single-product .summary_element_image {
  display: none;
}
.single-product .entry-summary, .body--single-product .entry-summary {
  font-size: 16px;
  font-size: 1.6rem;
}
.single-product .entry-summary .price, .body--single-product .entry-summary .price {
  margin: 0.9em 0;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1em;
  font-family: "refrigerator-deluxe", sans-serif;
}
.single-product .entry-summary .price ins, .body--single-product .entry-summary .price ins {
  text-decoration: none;
}
.single-product .entry-summary .price ins .amount, .body--single-product .entry-summary .price ins .amount {
  color: #06418a;
}
.single-product .entry-summary .quantity, .body--single-product .entry-summary .quantity {
  margin-bottom: 1.36em;
  float: left;
  width: 60px;
  margin-right: 10px;
}
.single-product .entry-summary .quantity input, .body--single-product .entry-summary .quantity input {
  width: 100%;
  padding: 4px 0px 6px 15px;
  border-radius: 5px;
  border: solid 3px #d8d6d8;
}
.single-product .entry-summary .single_add_to_cart_button, .body--single-product .entry-summary .single_add_to_cart_button {
  background: #99be26;
  color: #444;
  float: left;
  margin-right: 15px;
  margin-bottom: 1.36em;
}
.single-product .entry-summary .variations_button, .body--single-product .entry-summary .variations_button {
  float: left;
}
.single-product .entry-summary .js-rci-request-quote, .body--single-product .entry-summary .js-rci-request-quote {
  float: left;
}
.single-product .entry-summary form.cart, .body--single-product .entry-summary form.cart {
  float: left;
  margin-right: 10px;
}
.single-product .entry-summary .addquotelistlink, .body--single-product .entry-summary .addquotelistlink {
  float: left;
  clear: none;
  padding-top: 0;
  margin-bottom: 1.36em;
}
.single-product .variations_form, .body--single-product .variations_form {
  width: 100%;
}
.single-product .product_brochure_download, .body--single-product .product_brochure_download {
  margin: 0;
}
.single-product .product_brochure_download a, .body--single-product .product_brochure_download a {
  display: inline-block;
  padding: 3px 0;
  font-size: 16px;
  font-size: 1.6rem;
  color: #444;
}
.single-product .product_brochure_download a span, .body--single-product .product_brochure_download a span {
  border-bottom: solid 1px #d8d6d8;
}
.single-product .product_meta, .body--single-product .product_meta {
  padding-top: 1em;
  display: block;
  clear: both;
}
.single-product .sku_wrapper, .body--single-product .sku_wrapper {
  display: block;
}
.single-product .description_wrapper, .body--single-product .description_wrapper {
  clear: both;
  width: 100%;
  margin-top: 35px;
}
.single-product .description_wrapper .tabs, .body--single-product .description_wrapper .tabs {
  display: none;
}
.single-product .description_wrapper .product_resources, .body--single-product .description_wrapper .product_resources {
  padding-right: 20px;
}
.single-product .description_wrapper .product_resources .product_resources_wrapper, .body--single-product .description_wrapper .product_resources .product_resources_wrapper {
  margin-left: 5px;
  border-top: solid 3px #d8d6d8;
}
.single-product .description_wrapper .product_resources .product_resources_wrapper ul, .body--single-product .description_wrapper .product_resources .product_resources_wrapper ul {
  padding: 0;
}
.single-product .description_wrapper .product_resources .product_resources_wrapper ul li, .body--single-product .description_wrapper .product_resources .product_resources_wrapper ul li {
  list-style-type: none;
  padding: 3px 0;
}
.single-product .description_wrapper .product_resources .product_resources_wrapper ul li a, .body--single-product .description_wrapper .product_resources .product_resources_wrapper ul li a {
  padding-left: 35px;
  display: block;
}
.single-product .description_wrapper .product_resources .product_resources_wrapper ul li i, .body--single-product .description_wrapper .product_resources .product_resources_wrapper ul li i {
  font-size: 20px;
  font-size: 2rem;
  display: inline-block;
  padding-right: 10px;
  margin-left: -35px;
}
.single-product .description_wrapper .product_resources .product_resources_wrapper ul li:hover i.icon-download:before, .body--single-product .description_wrapper .product_resources .product_resources_wrapper ul li:hover i.icon-download:before {
  color: #06418a;
}
@media only screen and (min-width: 1000px) {
  .single-product .description_wrapper .product_resources, .body--single-product .description_wrapper .product_resources {
    padding-right: 0;
    float: right;
    width: 33.9%;
  }
}
.single-product .description_wrapper .product_specs, .body--single-product .description_wrapper .product_specs {
  padding-right: 20px;
}
.single-product .description_wrapper .product_specs .product_specs_wrapper, .body--single-product .description_wrapper .product_specs .product_specs_wrapper {
  border-top: solid 3px #d8d6d8;
}
@media only screen and (min-width: 1000px) {
  .single-product .description_wrapper .product_specs, .body--single-product .description_wrapper .product_specs {
    padding-right: 0;
    padding-left: 0;
  }
}
.single-product .upsells, .single-product .related, .body--single-product .upsells, .body--single-product .related {
  margin-top: 35px;
  clear: both;
  width: 100%;
  border-top: solid 3px #d8d6d8;
  padding: 20px;
}
.single-product .upsells ul, .single-product .related ul, .body--single-product .upsells ul, .body--single-product .related ul {
  padding: 0;
}
.single-product .upsells ul li, .single-product .related ul li, .body--single-product .upsells ul li, .body--single-product .related ul li {
  list-style-type: none;
  vertical-align: top;
}
@media only screen and (min-width: 64em) {
  .single-product .upsells, .single-product .related, .body--single-product .upsells, .body--single-product .related {
    padding: 0px;
  }
}
.single-product .products .grid__item, .body--single-product .products .grid__item {
  padding: 10px;
}
.single-product .products .grid__item h3, .body--single-product .products .grid__item h3 {
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  text-transform: none;
  line-height: 1.1em;
  font-size: 18px;
  font-size: 1.8rem;
}
.single-product .products .grid__item img, .body--single-product .products .grid__item img {
  border-radius: 5px;
}

.woocommerce-breadcrumb {
  text-align: left;
  width: 100%;
  display: block;
  padding: 30px 20px;
  color: #06418a;
  font-weight: bold;
}
.woocommerce-breadcrumb a {
  color: #444;
  font-weight: 400;
}
.woocommerce-breadcrumb a:hover {
  color: #99be26;
}
.woocommerce-breadcrumb .delimiter {
  display: inline-block;
  padding: 0 10px;
  color: #444;
  font-weight: 400;
}

.email_button {
  width: 100%;
  clear: both;
}

@media only screen and (min-width: 1000px) {
  .woocommerce-breadcrumb {
    padding: 30px 0;
  }
}
.bundle_form .bundled_product_summary {
  padding-top: 0;
  padding-bottom: 0;
}
.composite_form {
  border-top: solid #eeeeee;
  width: 100%;
  margin-bottom: 20px !important;
}
.composite_form .composite_pagination ul li {
  padding: 0 0 0 6px !important;
  margin: 0 18px 4px 0 !important;
  font-size: 12px;
}
.composite_form .composite_navigation.paged.componentized {
  padding: 0;
  height: 0;
}

.composite_form .composite_navigation, .composite_navigation .composite_navigation_inner {
  clear: both;
  padding-top: 20px;
  padding-bottom: 0 !important;
}

.composite_wrap {
  padding-bottom: 0 !important;
}

.product-type-composite .addquotelistlink, .product-type-bundle .addquotelistlink {
  margin-top: -32px;
}

.component {
  border-bottom: solid #eeeeee;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.pagination_elements {
  border-bottom: solid #eeeeee;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.bundled_product_title {
  margin-top: 0;
}

.reset_variations {
  padding-left: 10px;
}

.composite_form .composite_navigation .page_button {
  font-size: 1em !important;
}

.woocommerce-message {
  background: #99be26;
  padding: 10px 10px 10px 50px;
  margin: 0 0 20px;
  border-radius: 5px;
}
.woocommerce-message .button {
  margin-right: 10px;
}
.woocommerce-message::before {
  top: 10px;
}

.component_table_item .product-thumbnail img {
  display: none;
}

.post_list_page_wrap {
  padding-bottom: 75px !important;
}
.post_list_page_wrap .grid__item {
  padding-left: 0;
  padding-right: 60px;
}

.news_post_list_item {
  padding: 20px;
  border-bottom: solid 3px #d8d6d8;
  text-align: left;
}
.news_post_list_item:last-child {
  border-bottom: none;
}
.news_post_list_item .post_date {
  display: block;
  font-style: italic;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 15px;
}

.post_list_page_wrap .grid__item.post_list_sidebar {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 30px;
}

.person {
  margin-bottom: 20px;
}
.person .title {
  color: #aeaeae;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  display: block;
  margin-bottom: 13px;
}
.person .name {
  margin-top: 0;
}

.resource_title_list_divider, .labels {
  width: 100%;
  background: #071d49;
  color: #fff;
  text-transform: uppercase;
  font-family: "refrigerator-deluxe", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 0px 20px;
}

@media only screen and (min-width: 60em) {
  .resource_section {
    padding-right: 80px;
  }
}
.resource_page_list {
  margin-left: 0;
  padding-left: 0;
}
.resource_page_list li {
  margin-left: 0;
  padding: 5px 20px;
  width: 100%;
  list-style-type: none;
  font-size: 16px;
  font-size: 1.6rem;
  border-bottom: solid 2px #d8d6d8;
}
.resource_page_list li:nth-child(odd) {
  background: #eeeeee;
}
.resource_page_list li a {
  display: block;
}
.resource_page_list li a i {
  float: right;
  padding-top: 4px;
}
.resource_page_list li a i.icon-video {
  margin-top: 3px;
}

.resource_categories_list {
  margin-top: 1.02em;
  padding: 50px 0px;
}
.resource_categories_list li {
  border-bottom: solid 2px #d8d6d8;
  list-style-type: none;
  text-align: center;
}
.resource_categories_list li:first-child {
  border-top: solid 2px #d8d6d8;
}
.resource_categories_list li a {
  display: block;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "refrigerator-deluxe", sans-serif;
  text-transform: uppercase;
  line-height: 1em;
  padding: 10px 0;
}

.resource_prod_list .resource_page_list li a i {
  float: left;
  font-size: 19px;
  font-size: 1.9rem;
  margin-right: 15px;
  margin-left: -20px;
  padding-top: 0;
}

article.cpt_resources {
  padding-bottom: 75px;
}

.file_type, .res_language {
  display: none;
}

@media only screen and (min-width: 37.5em) {
  .file_type, .res_language {
    display: inline-block;
  }
}
.select_jump_links {
  width: 100%;
  text-align: right;
}

.map_section {
  width: 100%;
  text-align: center;
  margin-bottom: 60px;
}

.rep_details {
  padding: 0;
  margin: 0 0 50px;
  float: left;
}

.sales_rep_single {
  border-top: solid 20px;
  width: 100%;
  padding-left: 17px;
}
.sales_rep_single .rep_name {
  color: #444;
  margin-bottom: 0;
}

/**
 * 8.0 Alignments
 */
.alignleft,
.alignright {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 37.5em) {
  .alignleft {
    display: inline;
    float: left;
  }
}

@media only screen and (min-width: 37.5em) {
  .alignright {
    display: inline;
    float: right;
  }
}

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft,
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
  margin-top: 0.4em;
  margin-bottom: 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
  clear: both;
  margin-top: 0.4em;
  margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
  margin-bottom: 1.2em;
}

/**
 * 14.0 Media
 */
.avatar {
  border-radius: 50%;
}

img.wp-smiley,
img.emoji {
  display: inline !important;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

audio,
canvas {
  display: inline-block;
}

embed,
iframe,
object,
video {
  margin-bottom: 1.6em;
  max-width: 100%;
  vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
  margin-bottom: 0;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
  font-size: 15px;
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 1.6em;
}

.wp-playlist.wp-playlist {
  padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
  margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
  border-bottom: 0;
  padding: 10px 0;
}

.wp-playlist-item .wp-playlist-item-length {
  top: 10px;
}

/**
 * 14.1 Captions
 */
.wp-caption {
  margin-bottom: 1.6em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin: 0;
}

.wp-caption-text {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0.5em 0;
}

/**
 * 14.2 Galleries
 */
.gallery {
  margin-bottom: 1.6em;
}

.gallery-item {
  display: inline-block;
  padding: 1.79104477%;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-icon img {
  margin: 0 auto;
}

.gallery-caption {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

@media only screen and (min-width: 37.5em) {
  blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
    margin: 0.4em 1.6em 1.6em 0;
  }

  blockquote.alignright,
.wp-caption.alignright,
img.alignright {
    margin: 0.4em 0 1.6em 1.6em;
  }

  blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
    margin-top: 0.4em;
    margin-bottom: 1.6em;
  }

  .wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
    margin-bottom: 1.2em;
  }
}
.component .component_selections > * {
  padding-left: 0 !important;
}

.component .bundled_product_summary {
  padding-left: 0 !important;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 48px;
  width: 16px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
  z-index: 999;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 2%;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: 2%;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.splash .slick-dots {
  position: relative;
  bottom: -20px;
  list-style: none;
  display: inline-block !important;
  text-align: center;
  padding: 3px;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  background: #fff;
}
.splash .slick-dots li {
  position: relative;
  display: inline-block;
  height: auto;
  width: 48%;
  margin: 3px;
  padding: 0;
  cursor: pointer;
  font-size: 18px;
}
.splash .slick-dots li a {
  width: 100%;
}
.splash .slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.splash .slick-dots li button:hover, .splash .slick-dots li button:focus {
  outline: none;
}
.splash .slick-dots li button:hover:before, .splash .slick-dots li button:focus:before {
  opacity: 1;
}
.splash .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.splash .slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

@media only screen and (min-width: 30em) {
  .splash .slick-dots li {
    width: 32%;
  }
}
@media only screen and (min-width: 60em) {
  .splash .slick-dots li {
    width: 16%;
  }
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(../images/overlay.png) repeat 0 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(../images/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(../images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(../images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(../images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
  width: 21px;
  background: url(../images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
  width: 21px;
  background: url(../images/controls.png) right top repeat-y;
}

#cboxTopCenter {
  height: 21px;
  background: url(../images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
  height: 21px;
  background: url(../images/border.png) 0 -29px repeat-x;
}

#cboxContent {
  background: #fff;
  overflow: hidden;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 28px;
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}

#cboxLoadingOverlay {
  background: url(../images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
  background: url(../images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxPrevious:hover {
  background-position: -75px -25px;
}

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(../images/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxNext:hover {
  background-position: -50px -25px;
}

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxClose:hover {
  background-position: -25px -25px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?cobfz4");
  src: url("../fonts/icomoon.eot?cobfz4#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?cobfz4") format("truetype"), url("../fonts/icomoon.woff?cobfz4") format("woff"), url("../fonts/icomoon.svg?cobfz4#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-video:before {
  content: "";
}

.icon-download:before {
  content: "";
  color: #99be26;
  vertical-align: middle;
}

.icon-link:before {
  content: "";
}

.icon-menu:before {
  content: "";
}
.mobile-menu-open .icon-menu:before {
  content: "X";
  font-family: "proxima-nova", sans-serif;
  width: 35px;
  height: 35px;
  display: inline-block;
}

.icon-shopping-cart:before {
  content: "";
}

.icon-google-drive:before {
  content: "";
}

.icon-google-plus:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-linkedin:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-bubble:before {
  content: "";
}

.icon-search:before {
  content: "";
}