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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, .navigation .sign-up,
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, .navigation .sign-up {
  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, .navigation .sign-up,
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, .navigation .sign-up,
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], .navigation [disabled].sign-up,
html input[disabled] {
  cursor: default; }

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0; }

/* Bourbon installation */
/* Bitters 0.10.0
 * http://bitters.bourbon.io
 * Copyright 2013–2014 thoughtbot, inc.
 * MIT License */
button, .navigation .sign-up,
input[type="submit"], .free-product-brochure, .free-pricing-quote, .visit-our-showroom, #home .engine a, #home .email-list a, #collection .mantle .shop a, #product .shop a {
  -webkit-font-smoothing: antialiased;
  background-color: #4E4E4E;
  color: white;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  padding: 0.75em 1em;
  text-decoration: none; }
  button:hover, .navigation .sign-up:hover,
  input[type="submit"]:hover, .free-product-brochure:hover, .free-pricing-quote:hover, .visit-our-showroom:hover, #home .engine a:hover, #home .email-list a:hover, #collection .mantle .shop a:hover, #product .shop a:hover {
/*     background-color: #007442; */
    color: white; }
  button:disabled, .navigation .sign-up:disabled,
  input[type="submit"]:disabled, .free-product-brochure:disabled, .free-pricing-quote:disabled, .visit-our-showroom:disabled, #home .engine a:disabled, #home .email-list a:disabled, #collection .mantle .shop a:disabled, #product .shop a:disabled {
    cursor: not-allowed;
    opacity: 0.5; }

body {
  -webkit-font-smoothing: antialiased;
  background-color: white;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  line-height: 1.25;
  margin: 0;
  text-rendering: optimizeLegibility; }

h1 {
  font-size: 2.25em; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 1.75em; }

h4 {
  font-size: 1.5em; }

h5 {
  font-size: 1.25em; }

h6 {
  font-size: 1em; }

p {
  margin: 0 0 0.75em; }

a {
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear;
  color: #477DCA;
  text-decoration: none; }
  a:hover {
    color: #2c5999; }
  a:active, a:focus {
    color: #2c5999;
    outline: none; }

hr {
  border-bottom: 1px solid #DDD;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

blockquote {
  border-left: 2px solid #DDD;
  color: #595959;
  margin: 1.5em 0;
  padding-left: 0.75em; }

cite {
  color: #737373;
  font-style: italic; }
  cite:before {
    content: "\2014 \00A0"; }

fieldset {
  background: #f7f7f7;
  border: 1px solid #DDD;
  margin: 0 0 0.75em 0;
  padding: 1.5em; }

input,
label,
select {
  display: block;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1em; }

label {
  font-weight: bold;
  margin-bottom: 0.375em; }
  label.required:after {
    content: "*"; }
  label abbr {
    display: none; }

textarea,
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"],
select[multiple=multiple] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color;
  -moz-transition: border-color;
  transition: border-color;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #DDD;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em 0.5em;
  width: 100%; }
  textarea:hover,
  input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover,
  select[multiple=multiple]:hover {
    border-color: #c4c4c4; }
  textarea:focus,
  input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
  select[multiple=multiple]:focus {
    border-color: #477DCA;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(55, 112, 192, 0.7);
    outline: none; }

textarea {
  resize: vertical; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

input[type="file"] {
  padding-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto; }

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  width: 100%; }

th {
  border-bottom: 1px solid #b7b7b7;
  font-weight: bold;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #DDD;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none; }
dl {
  margin-bottom: 0.75em; }
  dl dt {
    font-weight: bold;
    margin-top: 0.75em; }
  dl dd {
    margin: 0; }

button, .navigation .sign-up,
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }

/* Neat 1.7.0
 * http://neat.bourbon.io
 * Copyright 2012-2014 thoughtbot, inc.
 * MIT License */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

/* 
	Imports
	Directions: _general.scss contains styles that should work across the entire site. The rest of the imports
	are wrapped within IDs. These IDs should be put in the <html> element. For example, the home page is
	<html id="home"> and we import _home.scss as a rule. This makes it so that all styles in _home.scss will only
	work in the homepage because they all have #home before them. The reason we do this is to modularize our code.
	All our rules will go in one big CSS file. Using this method, you don't have to worry about a class in one template
	interferring with a class in another. We want it to all be in one big file to make it easier, and faster. The 
	browser only has to download the file once, and it will cache it for the entire site. We keep production compressed
	and ugly, and development files clean since these are the files we code with.
*/
/* Icons */
/* http://fortawesome.github.io/Font-Awesome/ */
@font-face {
  font-family: "Font Awesome";
  src: url("../fonts/font-awesome/fontawesome-webfont.eot");
  src: url("../fonts/font-awesome/fontawesome-webfont.eot") format("embedded-opentype"), url("../fonts/font-awesome/fontawesome-webfont.woff") format("woff"), url("../fonts/font-awesome/fontawesome-webfont.ttf") format("truetype"), url("../fonts/font-awesome/fontawesome-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Font Awesome doesn't have Houzz social icon by default. https://github.com/brandoncordell/houzz-icon-font */
@font-face {
  font-family: "Font Awesome Houzz";
  src: url("../fonts/font-awesome/custom/houzz.eot");
  src: url("../fonts/font-awesome/custom/houzz.eot") format("embedded-opentype"), url("../fonts/font-awesome/custom/houzz.woff") format("woff"), url("../fonts/font-awesome/custom/houzz.ttf") format("truetype"), url("../fonts/font-awesome/custom/houzz.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  font-family: 'Roboto', sans-serif;
  padding-top: 85px;
  /* REMOVE**************** */
  /* */ }
  body p {
    margin: 0px 0px 0px; }
  body a, body a:link, body a:visited, body a:hover, body a:active {
    color: #8DC63F; }
  body h1 {
    font-size: 40px; }
  body h2 {
    font-size: 30px;
    font-weight: 200; }
  body h3 {
    font-size: 26px; }
  body h4 {
    font-size: 22px; }
  body h5 {
    font-size: 18px; }
  body h6 {
    font-size: 16px; }
  body p {
    font-size: 18px; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: 'Roboto', sans-serif; }
    body h1 strong, body h1 b, body h2 strong, body h2 b, body h3 strong, body h3 b, body h4 strong, body h4 b, body h5 strong, body h5 b, body h6 strong, body h6 b {
      font-weight: 500; }
  body p strong, body p b {
    font-weight: 700; }
  body span {
    color: #007442; }

/* Buttons */
button, .navigation .sign-up {
  text-transform: uppercase; }

.free-product-brochure, .free-pricing-quote, .visit-our-showroom {
  height: 35px;
  line-height: 1px; }

.free-product-brochure {
/*   background-color: #00aeef; */
  border: 1px solid #8dc63f; }
  .free-product-brochure:hover {
/*     background-color: #009eda; */ }

.free-pricing-quote {
/*   background-color: #8dc63f; */
  border: 1px solid #8dc63f; }
  .free-pricing-quote:hover {
/*     background-color: #82b739; */ }

.visit-our-showroom {
/*   background-color: #f26522; */
  border: 1px solid #8dc63f; }
  .visit-our-showroom:hover {
/*     background-color: #d4561a; */ }

/* Header */
.fix {
  position: fixed;
  width: 100%;
  z-index: 1000;
  top: 0; }

.header-top {
  background-color: #4E4E4E; }
  .header-top .header-top-content {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px; }
    .header-top .header-top-content:after {
      content: "";
      display: table;
      clear: both; }

/*
.social {
	@include span-columns();
	
	li {
		font-family: "Font Awesome";
		display: inline-block;
		margin: 5px 10px;
		
		@media screen and (max-width: 500px) {
			margin-right: -3px;
		}
	}

	li[title="Houzz"] {
		font-family: "Font Awesome Houzz";
	}
	
	a, a:link, a:visited, a:hover, a:active {
		color: #fff;
		font-size: 20px;
	}
}
*/
.header-top .contact {
  text-align: center; }
  .header-top .contact p {
    line-height: 30px;
    color: #fff;
    text-align: right;
    font-size: 14px;
    margin: 0px;
    font-weight: 100;
    display: inline; }
    @media screen and (max-width: 630px) {
      .header-top .contact p {
        display: none; } }
  .header-top .contact a, .header-top .contact a:link, .header-top .contact a:visited, .header-top .contact a:hover, .header-top .contact a:active {
    color: #fff;
    padding-left: 10px;
    font-weight: 400;
    display: inline-block; }
    @media screen and (max-width: 630px) {
      .header-top .contact a, .header-top .contact a:link, .header-top .contact a:visited, .header-top .contact a:hover, .header-top .contact a:active {
        margin-top: 7px; } }

/* START: Bourbon Refills navigation */
.navigation {
  background-color: #000000;
  border-bottom: 1px solid #000000;
/*   min-height: 45px; */
  width: 100%;
  z-index: 999; }
  .navigation .navigation-wrapper {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 9999; }
    .navigation .navigation-wrapper:after {
      content: "";
      display: table;
      clear: both; }
    .navigation .navigation-wrapper:after {
      content: "";
      display: table;
      clear: both; }
  .navigation .logo {
    float: left;
    max-height: 58px;
    padding-left: 1em;
    padding-right: 2em;
    line-height: 68px; }
    .navigation .logo img {
      width: 300px; }
  .navigation .navigation-menu-button {
    color: #fff;
    display: block;
    float: right;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
    line-height: 43px;
    margin: 0;
    padding-right: 1em;
    text-transform: uppercase; }
    @media screen and (min-width: 1005px) {
      .navigation .navigation-menu-button {
        display: none; } }
    .navigation .navigation-menu-button:hover {
      color: rgba(255, 255, 255, 0.7); }
  .navigation .nav {
    z-index: 9999999;
    float: none;
    min-height: 45px;
    height: 45px; }
    @media screen and (min-width: 1005px) {
      .navigation .nav {
        float: right; } }
  .navigation ul.navigation-menu {
    -webkit-transform-style: preserve-3d;
    clear: both;
    display: none;
    margin: 0 auto;
    overflow: visible;
    padding: 0;
    width: 100%;
    z-index: 9999; }
    .navigation ul.navigation-menu.show {
      display: block; }
    @media screen and (min-width: 1005px) {
      .navigation ul.navigation-menu {
        display: block;
        margin: 0;
        padding: 0; } }
  .navigation ul li.nav-link {
    background: #010101;
    display: block;
    line-height: 35px;
    overflow: hidden;
    padding-right: 25px;
    text-align: right;
    width: 100%;
    z-index: 9999;
    text-transform: uppercase; }
    @media screen and (min-width: 1005px) {
      .navigation ul li.nav-link {
        background: transparent;
        display: inline;
        line-height: 35px;
        text-decoration: none;
        width: auto; } }
    .navigation ul li.nav-link a {
      color: #fff;
      display: inline-block;
      font-weight: 400; }
      @media screen and (min-width: 1005px) {
        .navigation ul li.nav-link a {
          padding-right: 0px; } }
      .navigation ul li.nav-link a:hover {
        color: rgba(255, 255, 255, 0.7); }
  .navigation .active-nav-item a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 3px; }
  .navigation li.more.nav-link {
    padding-right: 0;
    font-size: 15px; }
    @media screen and (min-width: 53.75em) {
      .navigation li.more.nav-link {
        padding-right: 25px; } }
    .navigation li.more.nav-link a {
      margin-right: 1em; }
    .navigation li.more.nav-link > a {
      padding-right: 0.6em; }
    .navigation li.more.nav-link > a:after {
      position: absolute;
      top: auto;
      right: -0.4em;
      bottom: auto;
      left: auto;
      content: '\25BE';
      color: #fff; }
  .navigation li.more {
    overflow: visible;
    padding-right: 0; }
    .navigation li.more a {
      padding-right: .8em; }
    .navigation li.more > a {
      padding-right: 1.6em;
      position: relative; }
      @media screen and (min-width: 53.75em) {
        .navigation li.more > a {
          margin-right: 1em; } }
      .navigation li.more > a:after {
        content: '›';
        font-size: 1.2em;
        position: absolute;
        right: 0.5em; }
    .navigation li.more:hover > .submenu {
      display: block; }
    @media screen and (min-width: 1005px) {
      .navigation li.more {
        padding-right: .8em;
        position: relative; } }
  .navigation ul.submenu {
    display: none;
    padding-left: 0; }
    @media screen and (min-width: 1005px) {
      .navigation ul.submenu {
        right: -1em;
        position: absolute;
        top: 1.5em; } }
    @media screen and (min-width: 1005px) {
      .navigation ul.submenu .submenu {
        right: 11.8em;
        top: 0; } }
    .navigation ul.submenu li {
      display: block;
      padding-right: 0;
      font-size: 13px; }
      @media screen and (min-width: 1005px) {
        .navigation ul.submenu li {
          line-height: 34.6153846154px; }
          .navigation ul.submenu li:first-child > a {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            margin-top: 5px; }
          .navigation ul.submenu li:last-child > a {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px; } }
      .navigation ul.submenu li a {
        background-color: #383838;
        display: inline-block;
        text-align: right;
        width: 100%; }
        @media screen and (min-width: 1005px) {
          .navigation ul.submenu li a {
            background-color: #404040;
            padding-left: 1em;
            text-align: right;
            width: 250px;
            padding-right: 20px; } }
        .navigation ul.submenu li a:hover {
          background-color: #585858; }
  .navigation .navigation-tools {
    height: 45px;
    display: block;
    padding-right: 1em;
    padding-left: 0.5em;
    clear: both;
    background: #505050; }
    @media screen and (min-width: 53.75em) {
      .navigation .navigation-tools {
        background: transparent;
        float: right;
        clear: none; } }
  .navigation .sign-up {
    margin-top: 1.1em;
    float: right;
    display: inline;
    font-size: .8em;
    text-transform: uppercase;
    padding: .75em 1em; }
  .navigation .search-bar {
    padding: .85em .6em .7em .6em;
    width: 60%;
    float: left; }
    .navigation .search-bar .search-and-submit {
      position: relative; }
      .navigation .search-bar .search-and-submit input[type=search] {
        background: #4d4d4d;
        border: 1px solid #333333;
        padding: .5em .8em;
        font-size: .9em;
        font-style: italic;
        color: #fff;
        border-radius: 6px;
        margin: 0; }
        @media screen and (min-width: 53.75em) {
          .navigation .search-bar .search-and-submit input[type=search] {
            width: 100%; } }
      .navigation .search-bar .search-and-submit button[type=submit], .navigation .search-bar .search-and-submit [type=submit].sign-up {
        background-color: #4d4d4d;
        border-radius: 3px;
        border: none;
        color: white;
        display: inline-block;
        font-size: inherit;
        font-weight: bold;
        padding: 7px 18px;
        text-decoration: none;
        background-clip: padding-box;
        background-color: #4d4d4d;
        border-radius: 3px;
        border: none;
        color: white;
        display: inline-block;
        font-size: inherit;
        font-weight: bold;
        padding: 7px 18px;
        text-decoration: none;
        background-clip: padding-box;
        position: absolute;
        top: 0.3em;
        right: 0.3em;
        bottom: 0.3em;
        left: auto;
        outline: none;
        padding: 0 9px; }
        .navigation .search-bar .search-and-submit button[type=submit]:hover:not(:disabled), .navigation .search-bar .search-and-submit [type=submit].sign-up:hover:not(:disabled) {
          background-color: #5a5a5a;
          cursor: pointer; }
        .navigation .search-bar .search-and-submit button[type=submit]:active:not(:disabled), .navigation .search-bar .search-and-submit [type=submit].sign-up:active:not(:disabled), .navigation .search-bar .search-and-submit button[type=submit]:focus:not(:disabled), .navigation .search-bar .search-and-submit [type=submit].sign-up:focus:not(:disabled) {
          background-color: #404040;
          cursor: pointer; }
        .navigation .search-bar .search-and-submit button[type=submit]:hover:not(:disabled), .navigation .search-bar .search-and-submit [type=submit].sign-up:hover:not(:disabled) {
          background-color: #5d5656;
          cursor: pointer; }
        .navigation .search-bar .search-and-submit button[type=submit]:active:not(:disabled), .navigation .search-bar .search-and-submit [type=submit].sign-up:active:not(:disabled), .navigation .search-bar .search-and-submit button[type=submit]:focus:not(:disabled), .navigation .search-bar .search-and-submit [type=submit].sign-up:focus:not(:disabled) {
          background-color: #404040;
          cursor: pointer; }
        .navigation .search-bar .search-and-submit button[type=submit]:disabled, .navigation .search-bar .search-and-submit [type=submit].sign-up:disabled {
          opacity: 0.5;
          cursor: not-allowed; }
        .navigation .search-bar .search-and-submit button[type=submit] img, .navigation .search-bar .search-and-submit [type=submit].sign-up img {
          height: 12px;
          opacity: .7;
          padding: 1px; }
    @media screen and (min-width: 1005px) {
      .navigation .search-bar {
        width: 16em;
        position: relative;
        display: inline-block; }
        .navigation .search-bar input {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          display: block; } }

/* END: Bourbon Refills navigation */
/* header - bottom content */
.header-bottom {
  background-color: #000000; }
  .header-bottom nav {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px; }
    .header-bottom nav:after {
      content: "";
      display: table;
      clear: both; }
  .header-bottom .search a, .header-bottom .search a:link, .header-bottom .search a:visited, .header-bottom .search a:hover, .header-bottom .search a:active {
    color: #000000;
    background-color: #000000;
    padding: 4px 20px 0px 20px;
    height: 45px;
    font-family: "Font Awesome";
    font-size: 25px; }
  .header-bottom ul li.nav-link.search a:hover {
    color: #fff; }
  .header-bottom ul li.nav-link.search form {
    display: inline; }
  .header-bottom ul li.nav-link.search #search-field {
    display: none;
    width: auto;
    margin-right: 20px;
    padding-top: 10px; }
  @media screen and (max-width: 768px) {
    .header-bottom ul li.nav-link.search {
      display: none; } }

/* Footer */
footer {
  background-color: #000000;
  padding-top: 10px;
/*   background-image: url("/assets/img/gradient.jpg"); */
  background-repeat: repeat-x; }

.footer-top {
  background-color: #000000;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff; }
  .footer-top .footer-top-content {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px; }
    .footer-top .footer-top-content:after {
      content: "";
      display: table;
      clear: both; }

.social {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%; }
  .social:last-child {
    margin-right: 0; }
  .social li {
    font-family: "Font Awesome";
    display: inline-block;
    margin: 5px 10px; }
    @media screen and (max-width: 500px) {
      .social li {
        margin-right: -3px; } }
  .social li[title="Houzz"] {
    font-family: "Font Awesome Houzz"; }
  .social a, .social a:link, .social a:visited, .social a:hover, .social a:active {
    color: #fff;
    font-size: 20px; }

footer .contact {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
  text-align: right; }
  footer .contact:last-child {
    margin-right: 0; }
  footer .contact p {
    line-height: 40px;
    color: #fff;
    text-align: right;
    font-size: 14px;
    margin: 0px;
    font-weight: 100;
    display: inline; }
    @media screen and (max-width: 630px) {
      footer .contact p {
        display: none; } }
  footer .contact a, footer .contact a:link, footer .contact a:visited, footer .contact a:hover, footer .contact a:active {
    color: #fff;
    padding-left: 10px;
    font-weight: 400;
    display: inline-block; }
    @media screen and (max-width: 630px) {
      footer .contact a, footer .contact a:link, footer .contact a:visited, footer .contact a:hover, footer .contact a:active {
        margin-top: 7px; } }

.footer-bottom {
  background-color: #000000;
  color: #fff;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 20px;
  padding-bottom: 30px;
/*   background-image: url("/assets/img/gradient.jpg"); */
  background-repeat: repeat-x; }
  .footer-bottom:after {
    content: "";
    display: table;
    clear: both; }
  .footer-bottom h1 {
    font-size: 20px;
    color: #8DC63F;
    font-weight: 400;
    border-bottom: 1px solid #979797;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .footer-bottom article {
    padding-bottom: 20px; }
  .footer-bottom .blog {
    float: left;
    display: block;
    margin-right: 3.1684356888%;
    width: 31.2210428741%; }
    .footer-bottom .blog:last-child {
      margin-right: 0; }
    .footer-bottom .blog .view-more {
      background-color: #8DC63F;
      padding: 10px;
      text-align: center; }
      .footer-bottom .blog .view-more a, .footer-bottom .blog .view-more a:link, .footer-bottom .blog .view-more a:visited, .footer-bottom .blog .view-more a:hover, .footer-bottom .blog .view-more a:active {
        color: #fff; }
      .footer-bottom .blog .view-more span {
        font-family: "Font Awesome";
        color: #ffffff;
        margin-right: 5px; }
  .footer-bottom .product-collection {
    float: left;
    display: block;
    margin-right: 3.1684356888%;
    width: 31.2210428741%; }
    .footer-bottom .product-collection:last-child {
      margin-right: 0; }
    .footer-bottom .product-collection ul li {
      font-size: 14px;
      padding-bottom: 5px; }
      .footer-bottom .product-collection ul li a:link, .footer-bottom .product-collection ul li a:visited, .footer-bottom .product-collection ul li a:active {
        color: #fff; }
    .footer-bottom .product-collection ul li:hover {
      margin-left: 5px;
      transition: all 0.18s ease 0s; }
    .footer-bottom .product-collection ul a span {
      font-family: "Font Awesome";
      color: #8DC63F;
      margin-right: 5px; }
    .footer-bottom .socialfollow a {
      margin-right: 13px; }
      .footer-bottom .socialfollow a::last-child {
        margin-right: 0; }
  .footer-bottom .visit-showroom {
    float: left;
    display: block;
    margin-right: 3.1684356888%;
    width: 31.2210428741%; }
    .footer-bottom .visit-showroom:last-child {
      margin-right: 0; }
    .footer-bottom .visit-showroom h2 {
      color: #fff;
      font-weight: 300;
      font-size: 16px;
      padding-bottom: 5px; }
    .footer-bottom .visit-showroom span {
      color: #8DC63F; }
    .footer-bottom .visit-showroom #map_canvas {
      border: 2px solid #fff;
      border-radius: 6px; }
  .footer-bottom .blog-image {
    float: left;
    margin-right: 10px;
    padding-top: 5px; }
    @media screen and (min-width: 400px) and (max-width: 980px) {
      .footer-bottom .blog-image {
        float: none; } }
    .footer-bottom .blog-image img {
      width: 80px; }
  .footer-bottom .blog-content {
    font-size: 12px;
    min-height: 55px; }
    .footer-bottom .blog-content h5 {
      font-size: 14px; }
    .footer-bottom .blog-content p {
      color: #9C9B9B;
      font-size: 11px;
      padding-bottom: 7px; }
    .footer-bottom .blog-content a:link, .footer-bottom .blog-content a:visited, .footer-bottom .blog-content a:active {
      color: #fff;
      transition: all 0.18s ease 0s; }
    .footer-bottom .blog-content a:hover {
      color: #8DC63F; }
  @media screen and (max-width: 980px) {
    .footer-bottom .blog, .footer-bottom .product-collection, .footer-bottom .visit-showroom {
      width: 100%;
      margin-right: 0px; } }

footer p, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  font-family: 'Roboto', sans-serif; }

.copyright {
  background: #424242; }
  .copyright div {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 10px; }
    .copyright div:after {
      content: "";
      display: table;
      clear: both; }
    .copyright div p {
      color: white;
      text-align: left;
      font-size: 12px;
      font-weight: 300;
      padding-left: 15px; }
      .copyright div p strong {
        font-weight: 500;
        padding-right: 20px; }
        @media screen and (max-width: 630px) {
          .copyright div p strong {
            padding-right: 0;
            padding-left: 0; } }
      .copyright div p a {
        padding: 0 5px; }
      .copyright div p span {
        display: inline-block; }
        @media screen and (max-width: 630px) {
          .copyright div p span {
            display: none; } }

/* Bourbon Refills map */
#map_canvas {
  height: 250px;
  width: 100%;
  margin-top: 20px; }

#map_canvas img {
  max-width: none; }

#map_canvas .content {
  padding: 0 .5em 1em .5em; }

#map_canvas .firstHeading {
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
  margin: 0; }

#map_canvas #bodyContent p {
  font-size: 1em;
  margin: 0; }

/* END: Bourbon refills map */
.description-content ul {
  list-style-type: disc; }

.description-content ol {
  list-style-type: decimal; }

.description-content ul li, .description-content ol li {
  margin: 0 0 5px 18px; }

.vertical-space {
  margin: 8px 0 !important; }

.side a:link, .side a:visited {
  color: #95a3a6 !important; }

.side a:hover {
  color: gray !important; }

.description-sidebar h4 {
  padding-top: 20px;
  text-transform: uppercase;
  font-size: 16px; }

.description-sidebar h6 {
  padding-bottom: 10px; }

.promo .navigation .nav {
  display: none; }

#home {
  /*
  .navigation-buttons {
  	text-align: center;
  	margin-top: 30px;
  	margin-bottom: 30px;
  	
  	button {
  		width: 31%;
  		
  		@media screen and (max-width: 1050px) {
  			width: 100%;
  			margin-bottom: 10px;
  		}
  	}
  	
  	.free-pricing-quote {
  		margin-left: 2%;
  		margin-right: 2%;
  		
  		@media screen and (max-width: 1050px) {
  			margin-left: 0px;
  			margin-right: 0px;
  		}
  	}
  }
  */
  /* START: Bourbon Refills parallax */
  /* END: Bourbon Refills parallax */
  /* START: Bourbon Refills video */
  /* END: Bourbon Refills video */ }
  #home .header-image {
    background-position: center top;
    background-repeat: none;
/*     min-height: 300px; */
    text-align: center;
    padding-top: 10px; }
    #home .header-image h3 {
      color: #000;
      padding-top: 35px;
      padding-bottom: 15px;
      font-weight: 300 !important;
      font-size: 20px;
/*       letter-spacing: 1px; */
      text-transform: uppercase;
       }
      @media screen and (max-width: 400px) {
        #home .header-image p {
          margin-top: 10px; } }
    #home .header-image img {
      width: 500px; }
      @media screen and (max-width: 560px) {
        #home .header-image img {
          width: 80%; } }
      @media screen and (max-width: 400px) {
        #home .header-image img {
          margin-top: 20px; } }
  #home .circle-navigation {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
/*     margin-top: -80px; */ }
    #home .circle-navigation:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (max-width: 980px) {
      #home .circle-navigation {
        max-width: 600px; } }
    #home .circle-navigation ul {
      text-align: center; }
    #home .circle-navigation ul li {
      display: inline-block;
      text-align: center;
      padding: 20px 16px 30px 16px; }
      @media screen and (max-width: 400px) {
        #home .circle-navigation ul li {
          padding: 30px 25px; } }
      @media screen and (min-width: 320px) and (max-width: 399px) {
        #home .circle-navigation ul li {
          padding: 30px 15px; } }
    #home .circle-navigation ul li p {
      text-transform: uppercase;
      font-weight: 400;
      font-size: 13px;
      color: #000;
      line-height: 16px; }
    #home .circle-navigation img {
      width: 115px;
/*       border-radius: 100%; */
/*       border: 6px solid #DDDDDD; */ }
    #home .circle-navigation a, #home .circle-navigation a:link, #home .circle-navigation a:visited, #home .circle-navigation a:active {
      color: #000; }
    #home .circle-navigation a:hover {
      text-decoration: underline; }
  #home .navigation-buttons {
    text-align: center;
/*
    margin-top: 30px;
    margin-bottom: 50px;
*/
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 20px;
/*     padding: 0px 20px; */ }
    #home .navigation-buttons:after {
      content: "";
      display: table;
      clear: both; }
    #home .navigation-buttons button, #home .navigation-buttons .navigation .sign-up, .navigation #home .navigation-buttons .sign-up {
      width: 31%; }
      @media screen and (max-width: 800px) {
        #home .navigation-buttons button, #home .navigation-buttons .navigation .sign-up, .navigation #home .navigation-buttons .sign-up {
          width: 100%;
          margin-bottom: 10px; } }
    #home .navigation-buttons .free-pricing-quote {
      margin-left: 2%;
      margin-right: 2%; }
      @media screen and (max-width: 1050px) {
        #home .navigation-buttons .free-pricing-quote {
          margin-left: 0px;
          margin-right: 0px; } }
  #home .parallax-window {
    max-height: 250px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%; }
  #home .parallax-static-content {
    color: #9A9A8A;
    padding: 45px 0;
    position: relative;
    z-index: 9; }
  #home .parallax-background {
    background-position: center top;
    background-repeat: none;
    background-color: #fff;
    height: 500px;
    left: 0;
    position: absolute;
    top: -83.3333333333px;
    width: 100%;
    background-size: cover;
    /*
      	@media screen and (min-width: 320px) and (max-width: 399px) {
    	    background-size: 1500px;
    	  }
    */ }
  #home .testimonial {
    text-align: center;
    color: #fff; }
    #home .testimonial .stars {
      font-family: "Font Awesome"; }
    #home .testimonial .stars, #home .testimonial .testimonial-quote {
      font-size: 25px; }
    #home .testimonial .customer {
      font-size: 16px;
      color: #8DC63F; }
    #home .testimonial img {
      width: 28px; }
  #home .content {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
    margin-top: 60px; }
    #home .content:after {
      content: "";
      display: table;
      clear: both; }
  #home .description {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%; }
    #home .description:last-child {
      margin-right: 0; }
    @media screen and (max-width: 980px) {
      #home .description {
        width: 100%;
        margin-right: 0%; } }
    #home .description h1, #home .description h2, #home .description h3, #home .description h4, #home .description h5, #home .description h6 {
      font-weight: 300; }
      #home .description h1 strong, #home .description h2 strong, #home .description h3 strong, #home .description h4 strong, #home .description h5 strong, #home .description h6 strong {
        font-weight: 500; }
    #home .description h1 {
      font-size: 40px; }
    #home .description h2 {
      font-size: 32px; }
    #home .description h3 {
      font-size: 24px; }
    #home .description h4 {
      font-size: 20px; }
    #home .description h5 {
      font-size: 18px; }
    #home .description h6 {
      font-size: 16px; }
    #home .description p {
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: 300; }
  #home .video {
    float: left;
    display: block;
    margin-top: 15px;
    margin-right: 2.3576515979%;
    width: 48.821174201%; }
    #home .video:last-child {
      margin-right: 0; }
    @media screen and (max-width: 980px) {
      #home .video {
        width: 100%;
        margin-right: 0%; } }
  #home #engineered {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1250px;
    min-height: 250px; }
    @media screen and (max-width: 600px) {
      #home #engineered {
        background-position: left top;
        background-size: cover; } }
  #home .engineer {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto; }
    #home .engineer:after {
      content: "";
      display: table;
      clear: both; }
  #home .engine {
/*     float: left; */
    display: block;
    text-align: center;
/*
    margin-right: 2.3576515979%;
    width: 80.821174201%;
*/
    padding-top: 250px;
    padding-bottom: 50px; }
    #home .engine:last-child {
      margin-right: 0; }
    @media screen and (max-width: 600px) {
      #home .engine {
        padding-bottom: 40px;
        text-align: center; } }
    @media screen and (max-width: 980px) {
      #home .engine {
        width: 100%; } }
    #home .engine p {
      color: white;
      font-size: 36px;
      font-weight: 600;
      padding: 40px 20; }
      @media screen and (max-width: 600px) {
        #home .engine p {
          padding-top: 30px;
          padding-left: 10px;
          padding-right: 10px;
          font-size: 34px;
          text-align: center; } }
    #home .engine a {
      line-height: 1px;
      background-color: transparent !important;
      color: white !important;
      border: 1px solid white !important;
      text-transform: uppercase;
      display: inline;
      padding: 0.5em 1em;
      margin-left: 20px;
      font-weight: normal;
      margin-bottom: 30px;
       }
       #home .engine a span {
	       
	       font-family: "Font Awesome";
        color: #8DC63F;
        margin-left: 5px;
	       
       }
      @media screen and (max-width: 600px) {
        #home .engine a {
          text-align: center;
          margin: 0 auto; } }
      #home .engine a:hover {
/*         background-color: #f26522 !important; */
/*         border: 1px solid #d4561a !important; */
        color: #fff; }
  #home .video-wrapper {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative; }
    #home .video-wrapper embed,
    #home .video-wrapper object,
    #home .video-wrapper iframe {
      position: absolute;
      top: 0px;
      left: 0px;
      height: 100%;
      width: 100%; }
  #home .email-list {
    background-color: #007442;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 10px;
    margin-top: 30px;
    /*
    	input {
    		width: 200px;
    		background-color: #8DC63F;
    		display: inline-block;
    		color: #007442;
    		margin-right: 10px;
    		
    		@media screen and (max-width: 750px) {
    			display: block;
    			color: #000;
    			margin: 10px auto;
    			background-color: #fff;
    		}
    	}
    */ }
    #home .email-list div {
      max-width: 68em;
      margin-left: auto;
      margin-right: auto;
      padding: 0px 20px; }
      #home .email-list div:after {
        content: "";
        display: table;
        clear: both; }
    #home .email-list h5 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 65.8807828007%;
      font-weight: 300;
      font-size: 28px;
      text-align: right;
      padding: 20px 0 17px 0; }
      #home .email-list h5:last-child {
        margin-right: 0; }
      @media screen and (max-width: 500px) {
        #home .email-list h5 {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 100%;
          text-align: center; }
          #home .email-list h5:last-child {
            margin-right: 0; } }
    #home .email-list p {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 31.7615656014%;
      margin-bottom: 10px;
      font-size: 18px;
      padding: 24px 0 17px 0;
      text-align: left; }
      #home .email-list p:last-child {
        margin-right: 0; }
      @media screen and (max-width: 500px) {
        #home .email-list p {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 100%;
          text-align: center; }
          #home .email-list p:last-child {
            margin-right: 0; } }
    #home .email-list a {
      line-height: 1px;
      background-color: #ffffff;
      color: #8dc63f;
      border: 1px solid #82b739;
      text-transform: uppercase;
      display: inline;
      padding: 0.5em 1em; }
      #home .email-list a:hover {
        background-color: #8dc63f;
        color: #fff; }
  #home #submit-button {
    width: 100px;
    background-color: #fff;
    border: 1px solid #8DC63F;
    color: #007442; }
    #home #submit-button:hover {
      background-color: #007442;
      color: #fff; }
    @media screen and (max-width: 980px) {
      #home #submit-button {
        display: block;
        margin: 0 auto;
        padding: 10px;
        color: #007442; } }

#collection {
  /* START: Bourbon Refills hover tiles */
  /* END: Bourbon Refills hover tiles */ }
  #collection .header-image {
    background-position: center top;
    background-repeat: none;
    text-align: center;
    padding-top: 10px;
    margin-top: 30px !important;
    padding-bottom: 20px; }
    #collection .header-image h1 {
      font-size: 65px;
      color: #fff;
      text-shadow: 3px 3px 8px black; }
      @media screen and (max-width: 820px) {
        #collection .header-image h1 {
          font-size: 50px; } }
      @media screen and (max-width: 630px) {
        #collection .header-image h1 {
          font-size: 35px; } }
    #collection .header-image p {
      color: #000;
      font-size: 20px;
      letter-spacing: 1px;
      padding-left: 250px;
      padding-right: 250px; }
      @media screen and (max-width: 980px) {
        #collection .header-image p {
          padding-left: 150px;
          padding-right: 150px; } }
      @media screen and (max-width: 820px) {
        #collection .header-image p {
          padding-left: 100px;
          padding-right: 100px;
          font-size: 16px; } }
      @media screen and (max-width: 980px) {
        #collection .header-image p {
          padding-left: 0px;
          padding-right: 0px;
          font-size: 14px; } }
  #collection .navigation-buttons {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px; }
    #collection .navigation-buttons:after {
      content: "";
      display: table;
      clear: both; }
    #collection .navigation-buttons button, #collection .navigation-buttons .navigation .sign-up, .navigation #collection .navigation-buttons .sign-up {
      width: 31%; }
      @media screen and (max-width: 800px) {
        #collection .navigation-buttons button, #collection .navigation-buttons .navigation .sign-up, .navigation #collection .navigation-buttons .sign-up {
          width: 100%;
          margin-bottom: 10px; } }
    #collection .navigation-buttons .free-pricing-quote {
      margin-left: 2%;
      margin-right: 2%; }
      @media screen and (max-width: 1050px) {
        #collection .navigation-buttons .free-pricing-quote {
          margin-left: 0px;
          margin-right: 0px; } }
  #collection .content {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px; }
    #collection .content:after {
      content: "";
      display: table;
      clear: both; }
  #collection .portfolio-description {
    text-align: center; }
    #collection .portfolio-description h2 {
      font-weight: 300;
      font-size: 30px;
      margin-bottom: 10px; }
    #collection .portfolio-description p {
      font-size: 16px; }
  #collection .hover-tile-outer {
    background-color: #fff;
    cursor: pointer;
    height: 10em;
    margin-bottom: 1.5; }
    #collection .hover-tile-outer h4 {
      margin: 0; }
    #collection .hover-tile-outer p {
      line-height: 1.5; }
    @media screen and (max-width: 600px) {
      #collection .hover-tile-outer {
        height: 5em; } }
    #collection .hover-tile-outer .hover-tile-container {
      height: 10em;
      overflow: hidden; }
      @media screen and (max-width: 600px) {
        #collection .hover-tile-outer .hover-tile-container {
          height: 5em; } }
    #collection .hover-tile-outer .hover-tile-container:hover > .hover-tile {
      opacity: 0.7; }
    #collection .hover-tile-outer .hover-tile {
      background: inherit;
      color: white;
      height: inherit;
      overflow: hidden; }
    #collection .hover-tile-outer .hover-tile-hidden {
      text-align: center;
      padding-top: 50px;
      background-color: grey; }
      @media screen and (max-width: 600px) {
        #collection .hover-tile-outer .hover-tile-hidden {
          padding-top: 30px; } }
      #collection .hover-tile-outer .hover-tile-hidden a, #collection .hover-tile-outer .hover-tile-hidden a:link, #collection .hover-tile-outer .hover-tile-hidden a:visited, #collection .hover-tile-outer .hover-tile-hidden a:hover, #collection .hover-tile-outer .hover-tile-hidden a:active {
        color: #fff; }
      #collection .hover-tile-outer .hover-tile-hidden span {
        font-family: "Font Awesome";
        color: #8DC63F;
        margin-left: 5px; }
      #collection .hover-tile-outer .hover-tile-hidden p {
        color: #000;
        font-size: 20px; }
        @media screen and (max-width: 600px) {
          #collection .hover-tile-outer .hover-tile-hidden p {
            display: none; } }
  #collection .portfolio-gallery {
    margin-top: 30px; }
    #collection .portfolio-gallery li {
      margin-top: 20px;
      text-align: center;
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 23.2317613015%; }
      #collection .portfolio-gallery li:last-child {
        margin-right: 0; }
      #collection .portfolio-gallery li:nth-child(4n) {
        margin-right: 0; }
      #collection .portfolio-gallery li:nth-child(4n+1) {
        clear: left; }
      @media screen and (max-width: 600px) {
        #collection .portfolio-gallery li div {
          line-height: 14px; } }
      #collection .portfolio-gallery li a, #collection .portfolio-gallery li a:link, #collection .portfolio-gallery li a:visited, #collection .portfolio-gallery li a:hover, #collection .portfolio-gallery li a:active {
        color: #000; }
        @media screen and (max-width: 600px) {
          #collection .portfolio-gallery li a, #collection .portfolio-gallery li a:link, #collection .portfolio-gallery li a:visited, #collection .portfolio-gallery li a:hover, #collection .portfolio-gallery li a:active {
            font-size: 14px; } }
  #collection .description {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
    margin-top: 30px; }
    #collection .description:after {
      content: "";
      display: table;
      clear: both; }
    #collection .description .description-wrapper {
      border-top: 1px solid #999999;
      padding-top: 30px; }
    #collection .description .description-image {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      #collection .description .description-image:last-child {
        margin-right: 0; }
      @media screen and (max-width: 980px) {
        #collection .description .description-image {
          display: none; } }
    #collection .description .description-content {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      #collection .description .description-content:last-child {
        margin-right: 0; }
      @media screen and (max-width: 980px) {
        #collection .description .description-content {
          width: 100%;
          margin-right: 0%; } }
      #collection .description .description-content p {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 300; }
      #collection .description .description-content a:link, #collection .description .description-content a:visited {
        text-decoration: underline; }
      #collection .description .description-content a:hover {
        text-decoration: none; }
      #collection .description .description-content h1, #collection .description .description-content h2, #collection .description .description-content h3, #collection .description .description-content h4, #collection .description .description-content h5, #collection .description .description-content h6 {
        font-weight: 300; }
        #collection .description .description-content h1 strong, #collection .description .description-content h2 strong, #collection .description .description-content h3 strong, #collection .description .description-content h4 strong, #collection .description .description-content h5 strong, #collection .description .description-content h6 strong {
          font-weight: 500; }
      #collection .description .description-content h1 {
        font-size: 40px; }
      #collection .description .description-content h2 {
        font-size: 18px;
        letter-spacing: 1px;
        text-transform: uppercase; }
      #collection .description .description-content h3 {
        font-size: 24px; }
      #collection .description .description-content h4 {
        font-size: 20px; }
      #collection .description .description-content h5 {
        font-size: 18px; }
      #collection .description .description-content h6 {
        font-size: 16px; }
  #collection .mantle h1, #collection .mantle h2, #collection .mantle h3, #collection .mantle h4, #collection .mantle h5, #collection .mantle h6 {
    font-weight: 300 !important; }
    #collection .mantle h1 strong, #collection .mantle h2 strong, #collection .mantle h3 strong, #collection .mantle h4 strong, #collection .mantle h5 strong, #collection .mantle h6 strong {
      font-weight: 500; }
  #collection .mantle h1 {
    font-size: 40px; }
  #collection .mantle h3 {
    font-size: 24px; }
  #collection .mantle h4 {
    font-size: 20px;
    font-weight: 300 !important;
    padding-top: 10px; }
  #collection .mantle h5 {
    font-size: 18px; }
  #collection .mantle h6 {
    font-size: 16px; }
  #collection .mantle {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 15px;
    padding-bottom: 15px; }
  #collection .mantle p {
    font-size: 14px; }
  #collection .mantle .shop {
    float: left;
    margin: 20px 12px 12px 12px; }
  #collection .mantle .shop a {
    line-height: 1px;
    background-color: #8dc63f;
    border: 1px solid #82b739;
    text-transform: uppercase;
    display: inline;
    padding: 0.5em 1em; }
    #collection .mantle .shop a:hover {
      background-color: #ffffff;
      color: #8dc63f; }

#product {
  /* START: Bourbon Refills tabs */
  /* END: Bourbon Refills tabs */
  /*! Swipebox v1.2.8 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
  /* Skin 
  --------------------------*/ }
  #product .header-image {
    background-position: center top;
    background-repeat: none;
    text-align: center;
    margin-top: 40px;
    padding-bottom: 0px; }
    #product .header-image h1 {
      font-size: 65px;
      color: #fff;
      text-shadow: 3px 3px 8px black;
      margin-top: -5px; }
      @media screen and (max-width: 820px) {
        #product .header-image h1 {
          font-size: 50px; } }
      @media screen and (max-width: 630px) {
        #product .header-image h1 {
          font-size: 35px; } }
    #product .header-image h2 {
      color: #fff;
      font-size: 20px;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-weight: 300; }
      @media screen and (max-width: 820px) {
        #product .header-image h2 {
          font-size: 16px; } }
      @media screen and (max-width: 980px) {
        #product .header-image h2 {
          font-size: 14px; } }
  #product .navigation-buttons {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px; }
    #product .navigation-buttons:after {
      content: "";
      display: table;
      clear: both; }
    #product .navigation-buttons button, #product .navigation-buttons .navigation .sign-up, .navigation #product .navigation-buttons .sign-up {
      width: 31%; }
      @media screen and (max-width: 800px) {
        #product .navigation-buttons button, #product .navigation-buttons .navigation .sign-up, .navigation #product .navigation-buttons .sign-up {
          width: 100%;
          margin-bottom: 10px; } }
    #product .navigation-buttons .free-pricing-quote {
      margin-left: 2%;
      margin-right: 2%; }
      @media screen and (max-width: 1050px) {
        #product .navigation-buttons .free-pricing-quote {
          margin-left: 0px;
          margin-right: 0px; } }
  #product .description {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
    margin-top: 30px; }
    #product .description:after {
      content: "";
      display: table;
      clear: both; }
    #product .description .description-image {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      #product .description .description-image:last-child {
        margin-right: 0; }
      @media screen and (max-width: 980px) {
        #product .description .description-image {
          width: 100%;
          margin-right: 0%;
          text-align: center; } }
      #product .description .description-image .product-image-wrapper {
        position: relative;
        margin-bottom: 20px;
        cursor: pointer;
        line-height: 0; }
        #product .description .description-image .product-image-wrapper div {
          position: absolute;
          width: 100%;
          text-align: center;
          color: #fff;
          text-transform: uppercase;
/*           background: rgba(0, 116, 66, 0.8); */
          bottom: 0;
          left: 0;
          height: 45px; }
          #product .description .description-image .product-image-wrapper div span { 
	          font-family: "Font Awesome";
      color: #8DC63F;
      margin-right: 5px;
	          }
          @media screen and (max-width: 980px) {
            #product .description .description-image .product-image-wrapper div {
              position: static;
              margin: 20px auto;
              width: 50%; } }
          @media screen and (max-width: 600px) {
            #product .description .description-image .product-image-wrapper div {
              width: 80%; } }
          #product .description .description-image .product-image-wrapper div p {
            font-size: 18px;
            cursor: pointer;
            line-height: 45px; }
            @media screen and (max-width: 980px) {
              #product .description .description-image .product-image-wrapper div p {
                font-size: 14px; } }
      #product .description .description-image h3 {
        font-weight: 300;
        text-transform: uppercase;
        margin: 20px 0px; }
      #product .description .description-image ul li { 
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.7615656014%;
        margin-bottom: 30px; }
        #product .description .description-image ul li:nth-last-child(odd) {
          margin-right: 0; }
        #product .description .description-image ul li a, #product .description .description-image ul li a:link, #product .description .description-image ul li a:visited, #product .description .description-image ul li a:hover, #product .description .description-image ul li a:active {
          color: #000;
          font-size: 14px; }
    #product .description .description-content {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%;
      /*
      		h1 {
      			color: #007442;
      			font-weight: 300;
      		}
      		
      		h2 {
      			font-size: 18px;
      			letter-spacing: 1px;
      			text-transform: uppercase;
      			font-weight: 300;
      		}
      		
      		h3 {
      			font-weight: 300;
      			font-size: 20px;
      		}
      */ }
      #product .description .description-content:last-child {
        margin-right: 0; }
      @media screen and (max-width: 980px) {
        #product .description .description-content {
          width: 100%;
          margin-right: 0%; } }
      #product .description .description-content p {
        margin-top: 0px;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 300; }
      #product .description .description-content h1, #product .description .description-content h2, #product .description .description-content h3, #product .description .description-content h4, #product .description .description-content h5, #product .description .description-content h6 {
        font-weight: 300; }
        #product .description .description-content h1 strong, #product .description .description-content h2 strong, #product .description .description-content h3 strong, #product .description .description-content h4 strong, #product .description .description-content h5 strong, #product .description .description-content h6 strong {
          font-weight: 500; }
      #product .description .description-content h1 {
        font-size: 40px;
        /*
        			color: #007442;
        			font-weight: 500;
        */ }
      #product .description .description-content h2 {
        font-size: 18px;
        letter-spacing: 1px;
        text-transform: uppercase; }
      #product .description .description-content h3 {
        font-size: 24px; }
      #product .description .description-content h4 {
        font-size: 20px; }
      #product .description .description-content h5 {
        font-size: 18px; }
      #product .description .description-content h6 {
        font-size: 16px; }
  #product .accordion-tabs {
    line-height: 1.5;
    margin-bottom: 1.5em;
    padding: 0; }
    #product .accordion-tabs:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (max-width: 40em) {
      #product .accordion-tabs {
        border-radius: 3px;
        border: 1px solid #DDD; } }
    #product .accordion-tabs .tab-header-and-content {
      list-style: none; }
      @media screen and (min-width: 40em) {
        #product .accordion-tabs .tab-header-and-content {
          display: inline; } }
      #product .accordion-tabs .tab-header-and-content:first-child .tab-link {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; }
        @media screen and (max-width: 40em) {
          #product .accordion-tabs .tab-header-and-content:first-child .tab-link {
            border-top: 0; } }
      @media screen and (max-width: 40em) {
        #product .accordion-tabs .tab-header-and-content:last-child .tab-link {
          border-bottom-left-radius: 3px;
          border-bottom-right-radius: 3px; } }
    #product .accordion-tabs .tab-link {
      background-color: white;
      border-top: 1px solid #DDD;
      color: #000;
      display: block;
      font-weight: bold;
      padding: 0.75em 0.809em;
      text-decoration: none; }
      @media screen and (min-width: 40em) {
        #product .accordion-tabs .tab-link {
          display: inline-block;
          border-top-left-radius: 3px;
          border-top-right-radius: 3px;
          border-top: 0; } }
      #product .accordion-tabs .tab-link:hover {
        color: #007442; }
      #product .accordion-tabs .tab-link:focus {
        outline: none; }
      #product .accordion-tabs .tab-link.is-active {
        background-color: #f7f7f7; }
        @media screen and (min-width: 40em) {
          #product .accordion-tabs .tab-link.is-active {
            background-color: #f7f7f7;
            border: 1px solid #DDD;
            border-bottom-color: #f7f7f7;
            margin-bottom: -1px; } }
    #product .accordion-tabs .tab-content {
      background: #f7f7f7;
      display: none;
      padding: 1.5em 1.618em;
      width: 100%; }
      @media screen and (min-width: 40em) {
        #product .accordion-tabs .tab-content {
          border-bottom-left-radius: 3px;
          border-bottom-right-radius: 3px;
          border-top-right-radius: 3px;
          border: 1px solid #DDD;
          float: left; } }
      #product .accordion-tabs .tab-content h3 {
        color: #007442;
        margin: 10px 0px; }
      #product .accordion-tabs .tab-content ul li {
        font-size: 12px; }
        #product .accordion-tabs .tab-content ul li span {
          font-weight: bold;
          font-size: 14px; }
  #product li.tab-header-and-content {
    margin: 0; }
  #product .spec-sheet {
    margin-top: 20px; }
    #product .spec-sheet span {
      font-family: "Font Awesome";
      margin-right: 5px; }
    #product .spec-sheet a, #product .spec-sheet a:link, #product .spec-sheet a:visited, #product .spec-sheet a:active {
      color: #007442;
      font-weight: 300; }
    #product .spec-sheet a:hover {
      color: #000; }
  #product .tab-content.accessories span {
    font-family: "Font Awesome";
    margin-right: 5px; }
  #product .tab-content.accessories a, #product .tab-content.accessories a:link, #product .tab-content.accessories a:visited, #product .tab-content.accessories a:active {
    color: #007442;
    font-weight: 300;
    font-size: 16px; }
  #product .tab-content.accessories a:hover {
    color: #000; }
  #product #social {
    float: left !important; }
    @media screen and (max-width: 630px) {
      #product #social {
        margin-right: 0; } }
  #product .shop {
    margin: 20px 0; }
  #product .shop a {
    line-height: 1px;
    background-color: #8dc63f;
    border: 1px solid #82b739;
    text-transform: uppercase;
    display: inline;
    padding: 0.5em 1em; }
    #product .shop a:hover {
      background-color: #ffffff;
      color: #8dc63f; }
  #product .snipcart-btn {
    -webkit-font-smoothing: antialiased;
    border-radius: 3px;
    color: white !important;
    display: inline-block;
    font-size: 1em;
    text-decoration: none;
    height: 35px;
    box-shadow: none !important;
    background-color: #00aeef !important;
    border: 1px solid #009eda !important; }
  #product #snipcart-cartcontent-next {
    background-color: #8dc63f !important;
    border: 1px solid #82b739 !important; }
  #product #snipcart-billingaddress-next {
    background-color: #8dc63f !important;
    border: 1px solid #82b739 !important; }
  #product #snipcart-paymentmethod-pay {
    background-color: #8dc63f !important;
    border: 1px solid #82b739 !important; }
  #product .snipcart-finalize {
    background-color: #8dc63f !important;
    border: 1px solid #82b739 !important; }
  #product #snipcart-cartitems-continue-top {
    background-color: #f26522 !important;
    border: 1px solid #d4561a !important; }
  #product #snipcart-billingaddress-previous {
    background-color: #f26522 !important;
    border: 1px solid #d4561a !important; }
  #product #snipcart-paymentmethod-previous {
    background-color: #f26522 !important;
    border: 1px solid #d4561a !important; }
  #product #snipcart-confirm-previous {
    background-color: #f26522 !important;
    border: 1px solid #d4561a !important; }
  #product .snipcart-label span {
    color: #007442; }
  #product #snipcart-main-container a.snipcart-next, #product #snipcart-main-container a.snipcart-finalize, #product #snipcart-main-container a.snipcart-mainaction {
    background: #8dc63f !important;
    border: 1px solid #82b739 !important; }
  #product #snipcart-main-container #snipcart-flash-messages > li.snipcart-flash-success {
    background-color: #007442 !important;
    color: #ffffff !important; }
  #product #snipcart-title {
    display: none; }
  #product #habla_beta_container_do_not_rely_on_div_classes_or_names {
    display: none; }
  #product html.swipebox-html.swipebox-touch {
    overflow: hidden !important; }
  #product #swipebox-overlay img {
    border: none !important; }
  #product #swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999 !important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  #product #swipebox-slider {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none; }
  #product #swipebox-slider .slide {
    background: url(/assets/img/swipebox/loader.gif) no-repeat center center;
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block; }
  #product #swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px; }
  #product #swipebox-slider .slide img, #product #swipebox-slider .slide .swipebox-video-container {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle; }
  #product #swipebox-slider .slide .swipebox-video-container {
    background: none;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; }
  #product #swipebox-slider .slide .swipebox-video-container .swipebox-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative; }
  #product #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0; }
  #product #swipebox-action,
  #product #swipebox-caption {
    position: absolute;
    left: 0;
    z-index: 999;
    height: 50px;
    width: 100%; }
  #product #swipebox-action {
    bottom: -50px; }
  #product #swipebox-action.visible-bars {
    -ms-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px); }
  #product #swipebox-action #swipebox-prev,
  #product #swipebox-action #swipebox-next,
  #product #swipebox-action #swipebox-close {
    background-image: url(/assets/img/swipebox/icons.png);
    background-repeat: no-repeat;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0; }
  #product #swipebox-action #swipebox-prev {
    background-position: -32px 13px;
    right: 100px; }
  #product #swipebox-action #swipebox-next {
    background-position: -78px 13px;
    right: 40px; }
  #product #swipebox-action #swipebox-close {
    background-position: 15px 12px;
    left: 40px; }
  #product #swipebox-action #swipebox-prev.disabled,
  #product #swipebox-action #swipebox-next.disabled {
    opacity: 0.3; }
  #product #swipebox-caption {
    top: -50px;
    text-align: center; }
  #product #swipebox-caption.visible-bars {
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
  #product #swipebox-slider.rightSpring {
    -webkit-animation: rightSpring 0.3s;
    animation: rightSpring 0.3s; }
  #product #swipebox-slider.leftSpring {
    -webkit-animation: leftSpring 0.3s;
    animation: leftSpring 0.3s; }
@-webkit-keyframes rightSpring {
  0% {
    margin-left: 0px; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0px; } }
@keyframes rightSpring {
  0% {
    margin-left: 0px; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0px; } }
@-webkit-keyframes leftSpring {
  0% {
    margin-left: 0px; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0px; } }
@keyframes leftSpring {
  0% {
    margin-left: 0px; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0px; } }
  @media screen and (max-width: 800px) {
    #product #swipebox-action #swipebox-close {
      left: 0; }
    #product #swipebox-action #swipebox-prev {
      right: 60px; }
    #product #swipebox-action #swipebox-next {
      right: 0; } }
  #product #swipebox-overlay {
    background: #0d0d0d; }
  #product #swipebox-action,
  #product #swipebox-caption {
    text-shadow: 1px 1px 1px black;
    background-color: #0d0d0d;
    background-color: #0d0d0d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0d0d0d), to(black));
    background-image: -webkit-linear-gradient(top, #0d0d0d, black);
    background-image: linear-gradient(to bottom, #0d0d0d, black);
    opacity: 0.95; }
  #product #swipebox-action {
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
  #product #swipebox-caption {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: white !important;
    font-size: 15px;
    line-height: 43px;
    font-family: Helvetica, Arial, sans-serif; }

#default {
  /* START: Bourbon Refills hover tiles */
  /* END: Bourbon Refills hover tiles */ }
  #default .header-image {
    text-align: center;
    padding: 10px 15px;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto; }
    #default .header-image:after {
      content: "";
      display: table;
      clear: both; }
    #default .header-image:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (max-width: 350px) {
      #default .header-image {
        padding: 10px; } }
    #default .header-image h1 {
      font-size: 50px;
      color: #fff;
      text-shadow: 3px 3px 8px black;
      float: left;
      margin-right: 10px; }
      @media screen and (max-width: 980px) {
        #default .header-image h1 {
          float: none; } }
      @media screen and (max-width: 350px) {
        #default .header-image h1 {
          font-size: 30px; } }
    #default .header-image p {
      color: #fff;
      font-size: 20px;
      letter-spacing: 1px;
      padding-top: 15px;
      text-align: right; }
      @media screen and (max-width: 980px) {
        #default .header-image p {
          padding-top: 5px;
          text-align: center; } }
      @media screen and (max-width: 350px) {
        #default .header-image p {
          font-size: 14px;
          text-align: center; } }
  #default .navigation-buttons {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px; }
    #default .navigation-buttons:after {
      content: "";
      display: table;
      clear: both; }
    #default .navigation-buttons button, #default .navigation-buttons .navigation .sign-up, .navigation #default .navigation-buttons .sign-up {
      width: 31%; }
      @media screen and (max-width: 800px) {
        #default .navigation-buttons button, #default .navigation-buttons .navigation .sign-up, .navigation #default .navigation-buttons .sign-up {
          width: 100%;
          margin-bottom: 10px; } }
    #default .navigation-buttons .free-pricing-quote {
      margin-left: 2%;
      margin-right: 2%; }
      @media screen and (max-width: 1050px) {
        #default .navigation-buttons .free-pricing-quote {
          margin-left: 0px;
          margin-right: 0px; } }
  #default .description {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
    margin-top: 30px; }
    #default .description:after {
      content: "";
      display: table;
      clear: both; }
    #default .description .description-wrapper {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 65.8807828007%; }
      #default .description .description-wrapper:last-child {
        margin-right: 0; }
      @media screen and (max-width: 980px) {
        #default .description .description-wrapper {
          width: 100%;
          margin-right: 0px; } }
    @media screen and (max-width: 980px) {
      #default .description .description-image {
        display: none; } }
    #default .description .description-content {
      margin-top: 30px; }
      #default .description .description-content p {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 300; }
      #default .description .description-content h1, #default .description .description-content h2, #default .description .description-content h3, #default .description .description-content h4, #default .description .description-content h5, #default .description .description-content h6 {
        font-weight: 300; }
        #default .description .description-content h1 strong, #default .description .description-content h2 strong, #default .description .description-content h3 strong, #default .description .description-content h4 strong, #default .description .description-content h5 strong, #default .description .description-content h6 strong {
          font-weight: 500; }
      #default .description .description-content h1 {
        font-size: 40px; }
      #default .description .description-content h2 {
        font-size: 32px; }
      #default .description .description-content h3 {
        font-size: 24px; }
      #default .description .description-content h4 {
        font-size: 20px; }
      #default .description .description-content h5 {
        font-size: 18px; }
      #default .description .description-content h6 {
        font-size: 16px; }
      #default .description .description-content a, #default .description .description-content a:link, #default .description .description-content a:visited, #default .description .description-content a:active {
        color: #007442; }
      #default .description .description-content a:hover {
        color: #000; }
    #default .description .description-sidebar {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 31.7615656014%;
      padding-left: 30px; }
      #default .description .description-sidebar:last-child {
        margin-right: 0; }
      @media screen and (max-width: 980px) {
        #default .description .description-sidebar {
          width: 100%;
          margin-right: 0px;
          margin-top: 30px; } }
      #default .description .description-sidebar .sidebar-heading {
        border-bottom: 2px solid #585858;
        margin-top: -10px; }
      #default .description .description-sidebar h3 {
        font-size: 16px;
        text-transform: uppercase;
        border-bottom: 2px solid #007442;
        line-height: 40px;
        width: 180px;
        margin-bottom: -2px; }
      #default .description .description-sidebar h6 {
        font-size: 14px;
        font-weight: bold;
        color: #585858;
        margin-top: 30px; }
      #default .description .description-sidebar p {
        color: #585858;
        font-size: 14px; }
      #default .description .description-sidebar img {
        margin-top: 20px; }
      #default .description .description-sidebar div span {
        font-family: "Font Awesome";
        margin-right: 5px; }
      #default .description .description-sidebar iframe {
        margin-top: 20px; }
      #default .description .description-sidebar div a, #default .description .description-sidebar div a:link, #default .description .description-sidebar div a:visited, #default .description .description-sidebar div a:active {
        color: #007442; }
      #default .description .description-sidebar div a:hover {
        color: #000; }
      #default .description .description-sidebar .houzz img {
        width: 100px; }
  #default .hover-tile-outer {
    background-color: #fff;
    cursor: pointer;
    height: 10em;
    margin-bottom: 1.5; }
    #default .hover-tile-outer h4 {
      margin: 0; }
    #default .hover-tile-outer p {
      line-height: 1.5; }
    @media screen and (max-width: 600px) {
      #default .hover-tile-outer {
        height: 5em; } }
    #default .hover-tile-outer .hover-tile-container {
      height: 10em;
      overflow: hidden; }
      @media screen and (max-width: 600px) {
        #default .hover-tile-outer .hover-tile-container {
          height: 5em; } }
    #default .hover-tile-outer .hover-tile-container:hover > .hover-tile {
      opacity: 0.7; }
    #default .hover-tile-outer .hover-tile {
      background: inherit;
      color: white;
      height: inherit;
      overflow: hidden; }
    #default .hover-tile-outer .hover-tile-hidden {
      text-align: center;
      padding-top: 50px;
      background-color: grey; }
      @media screen and (max-width: 600px) {
        #default .hover-tile-outer .hover-tile-hidden {
          padding-top: 30px; } }
      #default .hover-tile-outer .hover-tile-hidden a, #default .hover-tile-outer .hover-tile-hidden a:link, #default .hover-tile-outer .hover-tile-hidden a:visited, #default .hover-tile-outer .hover-tile-hidden a:hover, #default .hover-tile-outer .hover-tile-hidden a:active {
        color: #fff; }
      #default .hover-tile-outer .hover-tile-hidden span {
        font-family: "Font Awesome";
        color: #8DC63F;
        margin-left: 5px; }
      #default .hover-tile-outer .hover-tile-hidden p {
        color: #000;
        font-size: 20px; }
        @media screen and (max-width: 600px) {
          #default .hover-tile-outer .hover-tile-hidden p {
            display: none; } }
  #default .portfolio-gallery {
    margin-top: 30px; }
    #default .portfolio-gallery li {
      margin-top: 20px;
      text-align: center;
      margin-left: 0 !important;
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 31.7615656014%; }
      #default .portfolio-gallery li:last-child {
        margin-right: 0; }
      #default .portfolio-gallery li:nth-child(3n) {
        margin-right: 0; }
      #default .portfolio-gallery li:nth-child(3n+1) {
        clear: left; }
      @media screen and (max-width: 600px) {
        #default .portfolio-gallery li div {
          line-height: 14px; } }
      #default .portfolio-gallery li a, #default .portfolio-gallery li a:link, #default .portfolio-gallery li a:visited, #default .portfolio-gallery li a:hover, #default .portfolio-gallery li a:active {
        color: #000; }
        @media screen and (max-width: 600px) {
          #default .portfolio-gallery li a, #default .portfolio-gallery li a:link, #default .portfolio-gallery li a:visited, #default .portfolio-gallery li a:hover, #default .portfolio-gallery li a:active {
            font-size: 14px; } }

#gallery {
  /*! Swipebox v1.2.8 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
  /* Skin 
  --------------------------*/ }
  #gallery .header-image {
    background-position: center top;
    background-repeat: none;
    text-align: center;
    padding: 10px 60px; }
    #gallery .header-image:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (max-width: 350px) {
      #gallery .header-image {
        padding: 10px; } }
    #gallery .header-image h1 {
      font-size: 50px;
      color: #fff;
      text-shadow: 3px 3px 8px black;
      float: left;
      margin-left: 60px;
      margin-right: 60px; }
      @media screen and (max-width: 980px) {
        #gallery .header-image h1 {
          float: none; } }
      @media screen and (max-width: 350px) {
        #gallery .header-image h1 {
          font-size: 30px; } }
    #gallery .header-image p {
      color: #000;
      font-size: 20px;
      letter-spacing: 1px;
      padding-top: 15px; }
      @media screen and (max-width: 980px) {
        #gallery .header-image p {
          padding-top: 5px; } }
      @media screen and (max-width: 350px) {
        #gallery .header-image p {
          font-size: 14px; } }
  #gallery .navigation-buttons {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px; }
    #gallery .navigation-buttons:after {
      content: "";
      display: table;
      clear: both; }
    #gallery .navigation-buttons button, #gallery .navigation-buttons .navigation .sign-up, .navigation #gallery .navigation-buttons .sign-up {
      width: 31%; }
      @media screen and (max-width: 800px) {
        #gallery .navigation-buttons button, #gallery .navigation-buttons .navigation .sign-up, .navigation #gallery .navigation-buttons .sign-up {
          width: 100%;
          margin-bottom: 10px; } }
    #gallery .navigation-buttons .free-pricing-quote {
      margin-left: 2%;
      margin-right: 2%; }
      @media screen and (max-width: 1050px) {
        #gallery .navigation-buttons .free-pricing-quote {
          margin-left: 0px;
          margin-right: 0px; } }
  #gallery .gallery {
    margin-top: 30px;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
    text-align: center; }
    #gallery .gallery:after {
      content: "";
      display: table;
      clear: both; }
    #gallery .gallery .view {
      margin-bottom: 30px; }
    #gallery .gallery h2 {
      display: block;
      font-size: 20px;
      margin-bottom: 10px; }
    #gallery .gallery button, #gallery .gallery .navigation .sign-up, .navigation #gallery .gallery .sign-up {
      margin-right: 20px; }
      @media screen and (max-width: 680px) {
        #gallery .gallery button, #gallery .gallery .navigation .sign-up, .navigation #gallery .gallery .sign-up {
          display: block;
          margin-bottom: 10px; } }
  #gallery .gallery-images li.traditional, #gallery .gallery-images li.reclaimed, #gallery .gallery-images li.barnsiding, #gallery .gallery-images li.fireplacemantels, #gallery .gallery-images li.beamsgallery, #gallery .gallery-images li.woodenaccessories, #gallery .gallery-images li.customoptions, #gallery .gallery-images li.mustangcollection, #gallery .gallery-images li.mustang {
    display: inline-block;
    float: left;
    display: block;
    margin-right: 2.0140607218%;
    width: 12.5593765241%;
    margin-bottom: 15px; }
    #gallery .gallery-images li.traditional:last-child, #gallery .gallery-images li.reclaimed:last-child, #gallery .gallery-images li.barnsiding:last-child, #gallery .gallery-images li.fireplacemantels:last-child, #gallery .gallery-images li.beamsgallery:last-child, #gallery .gallery-images li.woodenaccessories:last-child, #gallery .gallery-images li.customoptions:last-child, #gallery .gallery-images li.mustangcollection:last-child, #gallery .gallery-images li.mustang:last-child {
      margin-right: 0; }
    #gallery .gallery-images li.traditional:nth-child(7n), #gallery .gallery-images li.reclaimed:nth-child(7n), #gallery .gallery-images li.barnsiding:nth-child(7n), #gallery .gallery-images li.fireplacemantels:nth-child(7n), #gallery .gallery-images li.beamsgallery:nth-child(7n), #gallery .gallery-images li.woodenaccessories:nth-child(7n), #gallery .gallery-images li.customoptions:nth-child(7n), #gallery .gallery-images li.mustangcollection:nth-child(7n), #gallery .gallery-images li.mustang:nth-child(7n) {
      margin-right: 0; }
    #gallery .gallery-images li.traditional:nth-child(7n+1), #gallery .gallery-images li.reclaimed:nth-child(7n+1), #gallery .gallery-images li.barnsiding:nth-child(7n+1), #gallery .gallery-images li.fireplacemantels:nth-child(7n+1), #gallery .gallery-images li.beamsgallery:nth-child(7n+1), #gallery .gallery-images li.woodenaccessories:nth-child(7n+1), #gallery .gallery-images li.customoptions:nth-child(7n+1), #gallery .gallery-images li.mustangcollection:nth-child(7n+1), #gallery .gallery-images li.mustang:nth-child(7n+1) {
      clear: left; }
  #gallery .gallery-images li img {
    width: 150px; }
  #gallery #habla_beta_container_do_not_rely_on_div_classes_or_names {
    display: none; }
  #gallery html.swipebox-html.swipebox-touch {
    overflow: hidden !important; }
  #gallery #swipebox-overlay img {
    border: none !important; }
  #gallery #swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999 !important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  #gallery #swipebox-slider {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none; }
  #gallery #swipebox-slider .slide {
    background: url(/assets/img/swipebox/loader.gif) no-repeat center center;
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block; }
  #gallery #swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px; }
  #gallery #swipebox-slider .slide img, #gallery #swipebox-slider .slide .swipebox-video-container {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle; }
  #gallery #swipebox-slider .slide .swipebox-video-container {
    background: none;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; }
  #gallery #swipebox-slider .slide .swipebox-video-container .swipebox-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative; }
  #gallery #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0; }
  #gallery #swipebox-action,
  #gallery #swipebox-caption {
    position: absolute;
    left: 0;
    z-index: 999;
    height: 50px;
    width: 100%; }
  #gallery #swipebox-action {
    bottom: -50px; }
  #gallery #swipebox-action.visible-bars {
    -ms-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px); }
  #gallery #swipebox-action #swipebox-prev,
  #gallery #swipebox-action #swipebox-next,
  #gallery #swipebox-action #swipebox-close {
    background-image: url(/assets/img/swipebox/icons.png);
    background-repeat: no-repeat;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0; }
  #gallery #swipebox-action #swipebox-prev {
    background-position: -32px 13px;
    right: 100px; }
  #gallery #swipebox-action #swipebox-next {
    background-position: -78px 13px;
    right: 40px; }
  #gallery #swipebox-action #swipebox-close {
    background-position: 15px 12px;
    left: 40px; }
  #gallery #swipebox-action #swipebox-prev.disabled,
  #gallery #swipebox-action #swipebox-next.disabled {
    opacity: 0.3; }
  #gallery #swipebox-caption {
    top: -50px;
    text-align: center; }
  #gallery #swipebox-caption.visible-bars {
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
  #gallery #swipebox-slider.rightSpring {
    -webkit-animation: rightSpring 0.3s;
    animation: rightSpring 0.3s; }
  #gallery #swipebox-slider.leftSpring {
    -webkit-animation: leftSpring 0.3s;
    animation: leftSpring 0.3s; }
@-webkit-keyframes rightSpring {
  0% {
    margin-left: 0px; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0px; } }
@keyframes rightSpring {
  0% {
    margin-left: 0px; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0px; } }
@-webkit-keyframes leftSpring {
  0% {
    margin-left: 0px; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0px; } }
@keyframes leftSpring {
  0% {
    margin-left: 0px; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0px; } }
  @media screen and (max-width: 800px) {
    #gallery #swipebox-action #swipebox-close {
      left: 0; }
    #gallery #swipebox-action #swipebox-prev {
      right: 60px; }
    #gallery #swipebox-action #swipebox-next {
      right: 0; } }
  #gallery #swipebox-overlay {
    background: #0d0d0d; }
  #gallery #swipebox-action,
  #gallery #swipebox-caption {
    text-shadow: 1px 1px 1px black;
    background-color: #0d0d0d;
    background-color: #0d0d0d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0d0d0d), to(black));
    background-image: -webkit-linear-gradient(top, #0d0d0d, black);
    background-image: linear-gradient(to bottom, #0d0d0d, black);
    opacity: 0.95; }
  #gallery #swipebox-action {
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
  #gallery #swipebox-caption {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: white !important;
    font-size: 15px;
    line-height: 43px;
    font-family: Helvetica, Arial, sans-serif; }

#blog .header-image {
  text-align: center;
  padding: 10px 15px;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
  #blog .header-image:after {
    content: "";
    display: table;
    clear: both; }
  #blog .header-image:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (max-width: 350px) {
    #blog .header-image {
      padding: 10px; } }
  #blog .header-image h1 {
    font-size: 34px;
    color: #000000;
    text-shadow: none; }
    @media screen and (max-width: 980px) {
      #blog .header-image h1 {
        float: none; } }
    @media screen and (max-width: 350px) {
      #blog .header-image h1 {
        font-size: 30px; } }
  #blog .header-image p {
    color: #000000;
    font-size: 20px;
    letter-spacing: 1px;
    padding-top: 15px; }
    @media screen and (max-width: 980px) {
      #blog .header-image p {
        padding-top: 5px;
        text-align: center; } }
    @media screen and (max-width: 350px) {
      #blog .header-image p {
        font-size: 14px;
        text-align: center; } }
#blog .navigation-buttons {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 20px; }
  #blog .navigation-buttons:after {
    content: "";
    display: table;
    clear: both; }
  #blog .navigation-buttons button, #blog .navigation-buttons .navigation .sign-up, .navigation #blog .navigation-buttons .sign-up {
    width: 31%; }
    @media screen and (max-width: 800px) {
      #blog .navigation-buttons button, #blog .navigation-buttons .navigation .sign-up, .navigation #blog .navigation-buttons .sign-up {
        width: 100%;
        margin-bottom: 10px; } }
  #blog .navigation-buttons .free-pricing-quote {
    margin-left: 2%;
    margin-right: 2%; }
    @media screen and (max-width: 1050px) {
      #blog .navigation-buttons .free-pricing-quote {
        margin-left: 0px;
        margin-right: 0px; } }
#blog .description {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 20px;
  margin-top: 30px; }
  #blog .description:after {
    content: "";
    display: table;
    clear: both; }
  #blog .description .author {
    margin-bottom: 20px;
    color: #A8B1B4;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px; }
  #blog .description .description-wrapper {
    float: left;
    display: block; }
    #blog .description .description-wrapper:last-child {
      margin-right: 0; }
    @media screen and (max-width: 980px) {
      #blog .description .description-wrapper {
        width: 100%;
        margin-right: 0px; } }
  #blog .description .blog-list li {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 29.821174201%;
    margin-bottom: 40px;
    padding-right: 20px; }
/*
    #blog .description .blog-list li:last-child {
      margin-right: 0; }
    #blog .description .blog-list li:nth-child(2n) {
      margin-right: 0; }
    #blog .description .blog-list li:nth-child(2n+1) {
      clear: left; }
*/
  #blog .description .blog-list p {
    font-size: 14px; }
  #blog .description .blog-list a, #blog .description .blog-list a:link, #blog .description .blog-list a:visited, #blog .description .blog-list a:active {
    color: #007442; }
  #blog .description .blog-list a:hover {
    color: #000; }
  #blog .description .blog-list h4 a, #blog .description .blog-list h4 a:link, #blog .description .blog-list h4 a:visited, #blog .description .blog-list h4 a:active {
    color: #007442;
    font-weight: 400; }
  #blog .description .blog-list h4 a:hover {
    color: #000; }
  #blog .description .paging {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    text-align: center;
    border-top: 3px solid #585858;
    padding-top: 5px;
    margin-left: 10px; }
    #blog .description .paging:last-child {
      margin-right: 0; }
  @media screen and (max-width: 980px) {
    #blog .description .description-image {
      display: none; } }
  #blog .description .description-content p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px; }
  #blog .description .description-content h2 {
    font-weight: 400;
    font-size: 30px;
    color: #007442; }
  #blog .description .description-content h3 {
    font-weight: 300;
    font-size: 20px; }
  #blog .description .description-content a, #blog .description .description-content a:link, #blog .description .description-content a:visited, #blog .description .description-content a:active {
    color: #007442; }
  #blog .description .description-content a:hover {
    color: #000; }
  #blog .description .description-sidebar {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
    padding-left: 30px; }
    #blog .description .description-sidebar:last-child {
      margin-right: 0; }
    @media screen and (max-width: 980px) {
      #blog .description .description-sidebar {
        width: 100%;
        margin-right: 0px;
        margin-top: 30px;
        padding-left: 0px; } }
    #blog .description .description-sidebar .sidebar-heading {
      border-bottom: 2px solid #585858;
      margin-top: -10px; }
    #blog .description .description-sidebar h3 {
      font-size: 16px;
      text-transform: uppercase;
      border-bottom: 2px solid #007442;
      line-height: 40px;
      width: 180px;
      margin-bottom: -2px; }
    #blog .description .description-sidebar h3.filter {
      border-bottom: none;
      line-height: 30px; }
    #blog .description .description-sidebar .filter-desc {
      margin-bottom: 20px; }
    #blog .description .description-sidebar .filter-links a, #blog .description .description-sidebar .filter-links a:link, #blog .description .description-sidebar .filter-links a:visited, #blog .description .description-sidebar .filter-links a:active {
      background-color: #585858;
      color: #fff;
      text-align: center;
      display: block;
      padding: 10px;
      width: 100%;
      border-radius: 3px;
      margin-bottom: 20px; }
    #blog .description .description-sidebar .filter-links a:hover {
      background-color: #007442; }
    #blog .description .description-sidebar h6 {
      font-size: 14px;
      font-weight: bold;
      color: #585858;
      margin-top: 30px; }
    #blog .description .description-sidebar p {
      color: #585858;
      font-size: 14px; }
    #blog .description .description-sidebar img {
      margin-top: 20px; }
    #blog .description .description-sidebar div span {
      font-family: "Font Awesome";
      margin-right: 5px; }
    #blog .description .description-sidebar iframe {
      margin-top: 20px; }
    #blog .description .description-sidebar div a, #blog .description .description-sidebar div a:link, #blog .description .description-sidebar div a:visited, #blog .description .description-sidebar div a:active {
      color: #007442; }
    #blog .description .description-sidebar div a:hover {
      color: #000; }
    #blog .description .description-sidebar .houzz img {
      width: 100px; }
#blog h2 {
  padding-bottom: 10px; }




/* SN 2019 */
/* 
* Adding some global / re-usable style variables
*/
.btn {
  border-radius: 10px;
  background: #007442;
  color: #fff !important;
  padding: 10px 20px;
  text-decoration: none !important;
  font-weight: bold;
  display: block;
  margin: 20px auto;
  width: 100%;
  max-width: 200px;
  text-align: center;
}
.btn:hover {background:#02311d;}
.mtop_20 {margin-top: 20px !important;}
.mtop_40 {margin-top: 40px !important;}
.red {border:1px dashed red;}
.sn_row {
  display:inline-block;
  margin-top: 20px;
  border-top: 1px solid #DDD;
  padding-top: 20px;
  max-width: 100%;
}
/* 
* Subpages of https://www.oldewoodltd.com/products/reclaimed-flooring
* Reclaimed Flooring - move specs to left column
*/
.sn_specs li {
  display: list-item !important;
  float: none !important;
  list-style-type: disc;
  width: 100% !important;
  margin-bottom: 5px !important;
  margin-left: 20px;
}
.sn_specs li a {
  color: #8DC63F !important;
}
.sn_specs li h3 {
  line-height: 1.25;
  font-size:24px;
  text-transform: unset !important;

}
.reclaimed_flooring .description-content {
  width:100% !important;
}
.reclaimed_flooring .inner_video iframe {
  margin: 40px auto;
  text-align: center;
  display: block;
  max-width: 700px;
  width: 100%;
  min-height: 392px;
}
@media (max-width:1000px) {
  .reclaimed_flooring .description-content img {
    max-width:400px;
  }

}
@media (max-width:800px) {
  .reclaimed_flooring .description-content img {
    max-width:400px;
    display:block;
    margin:40px auto!important;
    float:none !important;
  }
}
/*
* https://www.oldewoodltd.com/products
* Product List / Portfolio View - switched from colums to rows view.
*/
.product_list_wrap .portfolio-gallery li {
  width:100% !important;
}
.product_list_wrap .portfolio-gallery li > div {
  display:inline-block;
  vertical-align: middle;
  text-align: left;
}
.product_list_wrap .portfolio-gallery li > div:nth-child(1) {
    width:20%;
}
.product_list_wrap .portfolio-gallery li > div:nth-child(1) img {
  padding-top:20px;
}
.product_list_wrap .portfolio-gallery li > div:nth-child(2) {
    width:70%;
    margin-left:6%;
}
.product_list_wrap .portfolio-gallery li > div:nth-child(2) p {
  margin-top:0 !important;
}
/* 
* https://www.oldewoodltd.com/products/fireplace-mantels/hand-hewn-fireplace-mantels
* Move accessories out of right column and into a new full width row. 
*/
.fireplace_mantels.accessories_new {
  margin-bottom:40px;  
}
.fireplace_mantels.accessories_new iframe{
  margin: 10px 0;
  width: 100%;
  max-width: 560px;
}
.fireplace_mantels.accessories_new h2{
  margin:20px 0;
}
.fireplace_mantels.accessories_new p {
  font-size: 16px;
  font-weight: 300;
}
/*
* Flip .description-image and .description-content Globally
*/
#collection .description .description-image{
  float:right !important;
  margin-right: 0 !important;
  margin-left:2.3576515979% !important;
}


#home .neon {
	color: #8dc63f !important;
	text-align: center !important;
	text-transform: uppercase !important;
	font-size: 24px !important;
}

.neon {
	color: #8dc63f !important;
}

#home .uppercase {
	text-transform: uppercase !important;
	text-shadow:  none !important;
	color: #000000 !important;
	font-size: 45px !important;
	font-weight: 300;
	text-align: center !important;
	padding-bottom: 45px !important; 
}

#home .uppercase strong { 
	font-weight: bold !important;	
}

.uppercase {
	text-transform: uppercase !important;
	text-shadow:  none !important;
	color: #000000 !important;
	font-size: 50px !important;
}

.new-side {
	width: 33.821174201% !important;
}

.new-copy {
	width: 59.821174201% !important;
}

@media screen and (max-width: 630px) {
	
	.new-copy {
		width: 100% !important;
	}
	
	.new-side {
		width: 100% !important;
	}
	
	p.view-gallery {
		color: #000000 !important;
	}
	
}

.banner-p p {
	text-align: center !important;
	float: none !important;
	color: #8dc63f !important;
	font-size: 18px !important;
	margin-top: -15px !important;
}

#collection .banner-p p {
	margin-top: 0px !important;
}

.gray-bg {
	background: #4E4E4E !important;
	padding-top: 1px !important;
	padding-bottom: 8px !important;
	margin-bottom: 0 !important;
	margin-top: 40px !important;
	border-top: 10px solid #000000;
}

.gray-bg span {
    font-family: "Font Awesome";
    color: #8dc63f;
    margin-left: 5px;
}

.gray-bg h2 {
	color: #ffffff !important;
	text-align: center !important;
	padding-bottom: 20px !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	font-size: 24px !important;
}

.update {
	background: whitesmoke;
	padding: 40px;
	margin-bottom: 60px;
	display: block;
}

.update P {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 300;
}

.header-image {
	padding-top: 25px !important;
}

.tagline {
	background: #000000;
	padding-top: 1px;
	padding-bottom: 5px;
}

.tagline p {
	color: #8dc63f;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	font-weight: 300;
	padding: 0 auto;
	margin: 0;
}

.download-spec-sheet, .available-accessories, .request-pricing {
	width: 100%;
	border: 1px solid #000000;
	background-color: #ffffff;
	margin-bottom: 20px;
	color: #000000;
}

.download-spec-sheet:hover, .available-accessories:hover, .request-pricing:hover {
	color: #000000;
}

.download-spec-sheet span, .available-accessories span, .request-pricing span {
        font-family: "Font Awesome";
        color: #8dc63f;
        margin-left: 5px;
}

#hero h2 {
	padding: 30px 30px 0px 30px;
	font-size: 26px;
}

.nav-logo img {
	width: 300px !important;
}

.header-wrapper {
	margin-top: 30px;
}


#fifty-fifty .fifty-fifty {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    margin-top: 60px; }
    #fifty-fifty .fifty-fifty:after {
      content: "";
      display: table;
      clear: both; }
      
      #fifty50 .white { 
	      color: #fff; 
	 }
	 #fifty50 .black { 
	      color: #000; 
	 }

#fifty50 .left50 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%; }
    #fifty50 .left50:last-child {
      margin-right: 0; }
    @media screen and (max-width: 980px) {
      #fifty50 .left50 {
        width: 100%;
        margin-right: 0%; } }
    #fifty50 .left50 h1, #fifty50 .left50 h2, #fifty50 .left50 h3, #fifty50 .left50 h4, #fifty50 .left50 h5, #fifty50 .left50 h6 {
      font-weight: 300; }
      #fifty50 .left50 h1 strong, #fifty50 .left50 h2 strong, #fifty50 .left50 h3 strong, #fifty50 .left50 h4 strong, #fifty50 .left50 h5 strong, #fifty50 .left50 h6 strong {
        font-weight: 500; }
    #fifty50 .left50 h1 {
      font-size: 40px; }
    #fifty50 .left50 h2 {
      font-size: 32px; }
    #fifty50 .left50 h3 {
      font-size: 24px; }
    #fifty50 .left50 h4 {
      font-size: 20px; }
    #fifty50 .left50 h5 {
      font-size: 18px; }
    #fifty50 .left50 h6 {
      font-size: 16px; }
    #fifty50 .left50 p {
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: 300; }
  #fifty50 .right50 {
    float: left;
    display: block;
    margin-top: 15px;
    margin-right: 2.3576515979%;
    width: 48.821174201%; }
    #fifty50 .right50:last-child {
      margin-right: 0; }
    @media screen and (max-width: 980px) {
      #fifty50 .right50 {
        width: 100%;
        margin-right: 0%; } }
        
        
        
        
        
        
        
#bread {
    font-size: 11px;
    margin: 2px 0 18px 0;
    color: #999999;
}
#bread a {
    color: #999999;
}
#bread a:link {
    text-decoration: none;
    
}
#bread a:hover {
    text-decoration: underline;
}

#bewebchat {
bottom: 50px !important;
}