/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

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

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

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

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

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

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

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

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: none;
  -epub-hyphens: none;
  -moz-hyphens: none;
  hyphens: none; }

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: '';
  content: none; }

small, .small {
  font-size: 75%; }

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

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px; }

ol,
ul {
  padding: 0;
  list-style-type: none; }

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

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

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

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

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

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

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

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 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 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.clearfix, .cf {
  zoom: 1; }
  .clearfix:before, .clearfix:after, .cf:before, .cf:after {
    content: "";
    display: table; }
  .clearfix:after, .cf:after {
    clear: both; }

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/
/*  @font-face {
      font-family: 'Font Name';
      src: url('library/fonts/font-name.eot');
      src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
*/
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  /*REMOVED LINE HYPHENS
  -ms-word-break: break-all;
  -ms-word-wrap: break-all;
      word-break: break-word;
     word-break: break-word;
  // cleaning up the ragged lines and breaks
  -webkit-hyphens: none;
     -moz-hyphens: none;
          hyphens: none;
  // sets a minimum number of characters before and after the break
  -webkit-hyphenate-before: 2;
   -webkit-hyphenate-after: 3;
           hyphenate-lines: 3;
  // enabling fancy ligatures when available
  -webkit-font-feature-settings: "liga", "dlig";
   -moz-font-feature-settings: "liga=1, dlig=1";
      -ms-font-feature-settings: "liga", "dlig";
       -o-font-feature-settings: "liga", "dlig";
          font-feature-settings: "liga", "dlig";*/ }

/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/
/******************************************************************/
/*********************
Column split into X columns
@include column-count(3);
*********************/
/*********************
Column split with px gap
@include column-gap(40px);
*********************/
/*********************
Column split style
@include column-rule-style(solid);
*********************/
/*********************
Column split border
@include column-rule(1px solid #ededed);
*********************/
/*********************
Background gradient 2 color
@include background-gradient(#ccc, #000);
*********************/
/*********************
Background gradient 3 color
@include accordion-gradient(#ccc, #000, #666);
*********************/
/*********************
Transform duration by X seconds
@include transition(1.5s);
*********************/
/*********************
Transform Rotate element by x degrees
@include rotate(180);
*********************/
/*********************
Creates a 6px arrow with pure css
@include arrow(#000);
*********************/
/*********************
Clip 10px corner off the bottom right corner
@include cornerclip(#000);
*********************/
/*********************
Clip 3px corner off the bottom right corner
@include cornerclipsmall(#000);
*********************/
/*********************
Clip 10px corner off the top right corner
@include cornercliptop(#000);
*********************/
/*********************
Clip 10px corner off the top left corner
@include cornercliptopleft(#000);
*********************/
/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
/* MOBILE MENU STYLES */
/******************************************************************
Stylesheet: Mobile Menu Styles
******************************************************************/
#page-wrapper {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  position: relative;
  right: 0; }

#wrapper-all.dealer_portal #panel {
  background-color: #c95430; }

#wrapper-all.dealer_portal > ul {
  padding: 0; }

#wrapper-all.main_site #mobile-menu {
  padding: 20px 0 !important; }

#panel {
  /*background:url("/assets/images/mobile-menu/bg.jpg") repeat;*/
  max-height: 0;
  background-color: #ebab3a;
  height: 100%;
  width: 100%;
  position: relative;
  padding: 0;
  z-index: 999;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  overflow: hidden; }
  #panel .panel-logo {
    width: 100%;
    text-align: center; }
    #panel .panel-logo img {
      margin: 0 auto;
      max-width: 150px;
      padding: 0 0 15px; }
  #panel h1 {
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    font-family: "Lato", sans-serif;
    margin: 0;
    padding: 20px 0; }
  #panel ul {
    list-style: none;
    margin: 0;
    /*Parent indicators*/
    /*Submenu panel*/ }
    #panel ul li {
      list-style: none;
      margin: 0;
      padding: 0 30px 0 0;
      outline: none;
      width: 100%;
      text-align: right;
      text-transform: uppercase; }
    #panel ul li a {
      background: url("/assets/images/menu-arrow.png") no-repeat right center;
      text-shadow: 0px;
      color: #fff;
      text-decoration: none;
      font-weight: normal;
      margin: 0;
      padding: 10px 20px 10px 20px;
      font-size: 15px;
      display: block;
      outline: none; }
    #panel ul li:hover {
      /*background-color:rgba(51, 51, 51, 1.0);*/ }
    #panel ul li ul.sub-menu {
      padding-left: 20px; }
    #panel ul li.menu-item-has-children > a {
      position: relative; }
    #panel ul li.menu-item-has-children ul {
      display: none; }
    #panel ul li ul.sub-menu {
      margin: 0;
      padding: 0;
      position: relative;
      display: block;
      width: 100%;
      height: auto;
      max-height: 0px;
      overflow: hidden;
      transition: max-height 0.3s ease-out;
      left: auto; }
      #panel ul li ul.sub-menu li {
        margin: 0;
        padding: 0 20px 0 0; }
      #panel ul li ul.sub-menu li:hover {
        /*background-color:rgba(85, 85, 85, 1.0);*/ }
      #panel ul li ul.sub-menu li a {
        padding: 10px 0px 10px 30px;
        background: none;
        color: #000;
        font-weight: 600;
        text-transform: none; }
      #panel ul li ul.sub-menu ul.sub-menu {
        top: -1px;
        background-color: #5f5f5f; }
        #panel ul li ul.sub-menu ul.sub-menu li {
          background-color: #5f5f5f; }
      #panel ul li ul.sub-menu.sub-menu-show-panel {
        transition: left 0.7s ease; }
        #panel ul li ul.sub-menu.sub-menu-show-panel .sub-menu-show-panel {
          left: 30px;
          width: 188px;
          left: auto; }
    #panel ul li ul.sub-menu.sub-menu-show-panel {
      max-height: 500px;
      transition: max-height 0.3s ease-out; }
    #panel ul li.back {
      color: #000;
      font-weight: bold;
      padding: 10px 10px 10px 30px;
      background-color: #ccc !important;
      cursor: pointer; }

#panel-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #000;
  position: absolute;
  cursor: pointer;
  z-index: 997;
  left: -100%;
  opacity: 0;
  transition: left 0s ease 0.7s, opacity 0.7s ease 0s; }

.mobile-btn {
  border-radius: 3px;
  cursor: pointer;
  height: 50px;
  top: 15px;
  right: 20px;
  position: absolute;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  width: 50px;
  z-index: 999;
  display: none; }
  .mobile-btn span {
    background-color: #5b5b5b;
    clear: both;
    display: block;
    height: 8px;
    margin: 0 auto 3px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: 45px; }
  .mobile-btn:hover span {
    background-color: #ff9300;
    opacity: 1.0; }
  .mobile-btn span.one {
    left: 2px;
    top: 6px; }
  .mobile-btn span.two {
    left: 2px;
    top: 20px; }
  .mobile-btn span.three {
    left: 2px;
    top: 34px; }

body.mobile-menu-view .mobile-btn span {
  background-color: #ff9300 !important; }

body.mobile-menu-view .mobile-btn:hover span {
  background-color: #dd8104 !important; }

.mobile-btn:hover span,
.mobile-btn:active span {
  background-color: #e69f30 !important; }

body.mobile-menu-view .mobile-btn span {
  background-color: #222; }

body.mobile-menu-view .mobile-btn span.two {
  opacity: 0; }

body.mobile-menu-view .mobile-btn span.one {
  top: 20px;
  transform: rotate(45deg); }

body.mobile-menu-view .mobile-btn span.three {
  top: 20px;
  transform: rotate(-45deg); }

body.mobile-menu-view #panel-overlay {
  display: none;
  left: 0;
  opacity: 0.2;
  transition: left 0s ease 0s, opacity 0.7s ease 0s; }

body.mobile-menu-view #panel {
  max-height: 1000px; }

#wrapper-all.dealer_portal #panel div.top-menu-container ul li.contact {
  margin-top: 30px;
  padding: 10px 30px 10px 0; }
  #wrapper-all.dealer_portal #panel div.top-menu-container ul li.contact a {
    background-image: url("/assets/images/menu-contact.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding: 25px 65px 25px 75px; }

#wrapper-all.dealer_portal #panel div.top-menu-container ul li.account {
  margin-bottom: 20px;
  padding: 10px 30px 10px 0; }
  #wrapper-all.dealer_portal #panel div.top-menu-container ul li.account a {
    background-image: url("/assets/images/menu-account.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding: 25px 65px 25px 60px; }

#wrapper-all.dealer_portal #panel ul li {
  text-align: right;
  text-transform: uppercase;
  padding-right: 30px; }
  #wrapper-all.dealer_portal #panel ul li a {
    background: url("/assets/images/menu-arrow.png") no-repeat right center;
    padding: 10px 20px 10px 20px; }

@media only screen and (max-width: 767px) {
  .mobile-btn {
    display: block; } }

/* PRESS CENTER STYLES */
/*********************
BASE STYLESHEET
*********************/
/* styles in base.scss */
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/**
 * Circle Styles
 */
*,
*:before,
*:after {
  box-sizing: inherit; }

.circle-wrap {
  width: 23%;
  display: inline-block;
  padding: 1%; }

.circle-wrap a {
  display: block; }

.grid-row {
  padding: 50px 0; }

.circle-logo {
  width: 100%;
  margin: 1%;
  padding: 0;
  text-align: center;
  background-size: cover !important;
  border: 5px solid #fff;
  border-radius: 100%; }

.circle {
  position: relative;
  display: block;
  padding: 10px;
  color: #222;
  text-align: center; }

.circle:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  content: ""; }

.circle_inner {
  transition: 0.1s linear 0s;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.circle-wrap a:hover .circle_inner {
  background-color: rgba(0, 0, 0, 0.3); }

.circle_wrapper {
  display: table;
  width: 100%;
  height: 100%; }

.circle_content {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  padding: 10px;
  text-shadow: 0 0 10px #000; }
  .circle_content a {
    color: #fff;
    text-decoration: none; }

/*********************
CLEARFIX
*********************/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

/* Hide from IE Mac \*/
.clearfix {
  display: block; }

/* End hide from IE Mac */
/*********************
H1, H2, H3, H4, H5, H6 STYLES
*********************/
h1 {
  font-size: 54px;
  font-weight: 300;
  font-style: italic;
  color: #fff;
  margin: 0;
  padding: 0;
  line-height: 1.4em; }

h2 {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: #fff; }

h3 {
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #00abe5; }

p {
  margin: 0 0 15px 0;
  padding: 0;
  line-height: 1.6em;
  font-size: 18px;
  color: #808080; }

strong {
  color: #ea532a; }

a {
  color: #ea532a;
  outline: none;
  border: none; }

a:hover {
  color: #f8911e; }

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

img.alignleft {
  float: left;
  padding: 0 30px 10px 0; }

img.alignright {
  float: right;
  padding: 0 0 10px 30px; }

img.aligncenter {
  float: none;
  padding: 0 30px 10px 30px;
  margin: 0 auto;
  display: block; }

ul, ol {
  margin: 0 0 20px 20px;
  list-style-type: disc; }
  ul li, ol li {
    color: #808080;
    padding: 0 0 5px 0px; }

h1, h2, h3, h4, h5, h6, p {
  transition: all 0.5s ease; }

/*********************
LAYOUT & GRID STYLES
*********************/
div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#main {
  position: relative; }

/*********************
GENERAL STYLES
*********************/
html {
  height: auto !important; }

html, body {
  background: #fff;
  font-family: "Lato", sans-serif;
  min-height: 100%;
  margin-top: 0 !important; }

body {
  min-width: 320px; }

#wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 138px 0 0 0; }

#page-wrapper {
  position: relative; }

#wrapper-main {
  width: 100%; }

#main {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 30px 20px; }

#main h2 {
  margin: 0 0 20px 0; }

div.sections {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto; }

/*********************
HEADER STYLES
*********************/
#wrapper-all {
  width: 100%;
  position: relative;
  height: 100%;
  overflow: hidden; }

#wrapper-all #wrapper-header {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9998; }

#logo {
  padding: 30px 0;
  margin: 0;
  width: 191px;
  float: left; }
  #logo a {
    display: block; }
  #logo img {
    width: 100%;
    height: auto; }

/*********************
TOP MENU STYLES
*********************/
#wrapper-header-top {
  max-width: 1180px;
  width: 100%;
  height: 138px;
  margin: 0 auto;
  padding: 0 20px;
  color: #fff;
  position: relative; }

#wrapper-top-menu {
  position: absolute;
  top: 40px;
  right: 20px; }

#top-menu {
  display: inline-block;
  width: auto; }
  #top-menu .menu-top-menu-container {
    float: right;
    margin: 0; }
  #top-menu ul {
    padding: 0;
    margin: 0; }
    #top-menu ul li {
      list-style: none;
      display: inline;
      margin: 0;
      padding: 0 10px; }
    #top-menu ul li a {
      color: #EBB533;
      font-size: 14px;
      text-decoration: none;
      font-family: 'Lato', sans-serif; }
    #top-menu ul li:last-child {
      padding-right: 0; }
    #top-menu ul li:hover a,
    #top-menu ul li.current-menu-item a {
      color: #e0902f; }
    #top-menu ul li a:hover,
    #top-menu ul li a:visited,
    #top-menu ul li a {
      padding: 7px 35px 7px 20px;
      color: #fff;
      line-height: 1.0em;
      text-transform: uppercase;
      /*box-shadow:0px 0px 10px #ccc;}*/ }
    #top-menu ul li.contact a {
      background-image: url("/assets/images/menu-contact.png");
      background-repeat: no-repeat;
      background-position: left center;
      padding: 25px 0 25px 65px; }
    #top-menu ul li.contact a:hover {
      background-color: #e0821e; }
    #top-menu ul li.account a {
      background-image: url("/assets/images/menu-account.png");
      background-repeat: no-repeat;
      background-position: left center;
      padding: 25px 0 25px 65px; }
    #top-menu ul li.account a:hover {
      background-color: #e0821e; }
    #top-menu ul li.menu-orange {
      display: none !important; }
      #top-menu ul li.menu-orange a {
        background-image: url("/assets/images/menu-orange.png");
        background-repeat: no-repeat;
        background-position: right center;
        background-color: #e0902f; }
      #top-menu ul li.menu-orange a:hover {
        background-color: #e0821e; }
    #top-menu ul li.menu-red a {
      background-image: url("/assets/images/menu-red.png");
      background-repeat: no-repeat;
      background-position: right center;
      background-color: #cc5430; }
    #top-menu ul li.menu-red a:hover {
      background-color: #cc4030; }
    #top-menu ul li.menu-gray a {
      background-image: url("/assets/images/menu-gray.png");
      background-repeat: no-repeat;
      background-position: right center;
      background-color: #5b5b5b; }
    #top-menu ul li.menu-gray a:hover {
      background-color: #494949; }

div.google-translate-wrapper {
  display: inline-block;
  text-transform: uppercase;
  margin-right: 20px;
  top: -5px;
  position: relative; }
  div.google-translate-wrapper div.google-translate-cover {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    position: relative;
    width: 192px;
    height: 31px;
    cursor: pointer;
    z-index: 99;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 8px 10px 8px 20px;
    text-decoration: none;
    background-image: url("/assets/images/menu-orange.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #e0902f; }
  div.google-translate-wrapper div.google-translate {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    position: absolute;
    left: 0px !important;
    top: 2px !important;
    line-height: 1.6em;
    opacity: 0.0;
    z-index: 98; }
  div.google-translate-wrapper.active-translate div.google-translate-cover {
    opacity: 0;
    z-index: 0; }
  div.google-translate-wrapper.active-translate div.google-translate {
    opacity: 1.0;
    z-index: 100; }

#mobile-menu div.top-menu-container {
  padding-top: 0px !important; }

#mobile-menu div.google-translate-wrapper {
  width: 100%;
  display: block;
  top: 5px; }
  #mobile-menu div.google-translate-wrapper div.google-translate {
    left: auto;
    right: 0; }
  #mobile-menu div.google-translate-wrapper div.google-translate-cover {
    position: absolute;
    right: 0; }
  #mobile-menu div.google-translate-wrapper.active-translate div.google-translate-cover {
    opacity: 0;
    z-index: 0; }
  #mobile-menu div.google-translate-wrapper.active-translate div.google-translate {
    opacity: 1.0;
    z-index: 100; }

#wrapper-all.dealer_portal #top-menu ul li.contact a:hover,
#wrapper-all.dealer_portal #top-menu ul li.account a:hover {
  background-color: rgba(224, 130, 30, 0);
  color: #ffba00; }

#wrapper-all.dealer_portal #top-menu ul li.logout {
  display: none; }

/*********************
DEALER MAIN STYLES
*********************/
#wrapper-all.dealer_portal #wrapper-header {
  padding-bottom: 40px;
  background: #CC5430;
  box-shadow: none;
  position: relative; }

#wrapper-all.dealer_portal #main-menu {
  top: 125px; }
  #wrapper-all.dealer_portal #main-menu ul li {
    text-align: center;
    width: 12.28%; }
    #wrapper-all.dealer_portal #main-menu ul li a {
      color: #ffba00;
      font-size: 13px;
      padding: 0 11%; }
    #wrapper-all.dealer_portal #main-menu ul li.current-menu-item a, #wrapper-all.dealer_portal #main-menu ul li:hover a {
      color: #fff; }

/*html.dealer{height:100%!important;}*/
body.page-template-dealer-login {
  background: #cc5430 !important; }
  body.page-template-dealer-login #wrapper-main,
  body.page-template-dealer-login #wrapper-footer {
    background: #cc5430 !important; }
  body.page-template-dealer-login #wrapper-header-links {
    top: -95px; }
  body.page-template-dealer-login #button-return-home a {
    color: #ffba00; }
  body.page-template-dealer-login #wrapper-all #wrapper-header {
    z-index: 10; }
  body.page-template-dealer-login #wrapper-main {
    z-index: 11;
    position: relative; }
  body.page-template-dealer-login #main {
    padding-top: 0 !important; }
  body.page-template-dealer-login #dealer-main #dealer-left {
    width: 310px;
    float: none;
    margin: 0 auto; }
    body.page-template-dealer-login #dealer-main #dealer-left input {
      width: 100%; }
    body.page-template-dealer-login #dealer-main #dealer-left label {
      margin: 0 0 10px 0;
      display: block; }
  body.page-template-dealer-login #dealer-left div.swpm-login-widget-form form div.swpm-login-submit input.swpm-login-form-submit {
    border-radius: 0 !important;
    background-image: url("/assets/images/arrow-red.png");
    background-repeat: no-repeat;
    background-position: 70px 6px;
    background-color: #f7921d;
    text-transform: uppercase;
    color: #fff;
    border: none;
    text-align: left;
    padding: 5px 30px 5px 12px;
    width: 95px !important; }

#main-menu {
  padding: 0;
  margin: 0;
  z-index: 999;
  position: absolute;
  top: 80px;
  right: 20px;
  float: right;
  margin: 0 auto;
  padding: 0; }
  #main-menu table {
    margin: 0 auto;
    width: 100%; }
  #main-menu ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    z-index: 999; }
    #main-menu ul li {
      list-style: none;
      float: left;
      display: inline;
      width: auto;
      margin: 0;
      padding: 0; }
    #main-menu ul li a {
      text-transform: uppercase;
      text-decoration: none;
      margin: 0;
      line-height: 1.0em;
      display: block;
      padding: 11px 11px 30px 11px;
      color: #808080;
      font-size: 17px;
      font-family: 'Lato', sans-serif;
      font-weight: 600; }
    #main-menu ul li:last-child > a {
      padding-right: 15px; }
    #main-menu ul li.hover-menu > a {
      color: #fff;
      background: #ebab3a;
      transition: all 0.2s ease-in-out 0.2s; }
    #main-menu ul li ul {
      padding: 15px 0;
      background: #ebab3a; }
    #main-menu ul li ul li {
      margin: 0;
      padding: 0 15px 0 15px; }
    #main-menu ul li.systems-menu ul {
      -webkit-column-count: 2;
      /* Chrome, Safari, Opera */
      -moz-column-count: 2;
      /* Firefox */
      column-count: 2;
      white-space: normal;
      min-width: 375px; }
      #main-menu ul li.systems-menu ul li {
        float: none;
        display: inherit;
        padding: 0 0 0 15px; }
      #main-menu ul li.systems-menu ul li a {
        display: inline-block; }
    #main-menu ul li ul li:last-child a,
    #main-menu ul li ul li a {
      color: #000;
      padding: 6px 0 6px 0;
      text-decoration: none;
      text-transform: none !important;
      display: block;
      min-width: 200px; }
    #main-menu ul li ul li.current-menu-item a,
    #main-menu ul li ul li a:hover {
      color: #fff;
      border: none;
      text-decoration: none; }

@media only screen and (max-width: 1155px) {
  #main-menu {
    top: 90px; }
    #main-menu ul li {
      margin: 19px 0px 10px; }
    #main-menu ul li a {
      padding: 6px 15px 6px 15px; } }

@media only screen and (max-width: 985px) {
  #main-menu ul li a {
    padding: 8px 11px 8px 11px;
    font-size: 13px; } }

/*********************
DEALER PORTAL - STYLES
*********************/
#wrapper-header-links {
  position: absolute;
  top: 60px;
  right: 20px;
  text-align: right;
  color: #ffe097;
  font-size: 24px;
  line-height: 1.0em; }
  #wrapper-header-links div {
    display: inline; }
  #wrapper-header-links a {
    color: #f43d1e;
    font-weight: normal;
    font-size: 21px;
    padding: 0 10px;
    text-decoration: none;
    font-family: "Lato", sans-serif; }

.grid-row {
  max-width: 900px;
  margin: 0 auto;
  text-align: center; }
  .grid-row .circle-image img {
    width: 100%;
    height: auto;
    border: 5px solid #dcdcdc;
    border-radius: 100%; }

#wrapper-all.dealer_portal #wrapper,
#wrapper.dealers {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

#wrapper-all.dealer_portal #main {
  padding: 60px 20px 30px; }

.dealer-portal-home #dealer-left {
  width: 100% !important; }

.dealer-portal-home #dealer-page-header {
  max-width: none; }

.dealer_portal #main-menu ul li:hover a,
.dealer_portal #main-menu ul li.current-menu-item a,
.dealer_portal #main-menu ul li a {
  border-bottom: none; }

#dealer-page-header {
  font-size: 45px;
  font-style: italic;
  font-weight: 300;
  font-family: "Lato", sans-serif;
  color: #fff;
  text-transform: uppercase;
  max-width: 300px;
  line-height: 1.0em;
  margin: 0 0 20px; }

#dealer-main.widerow #dealer-left {
  display: none; }

#dealer-main.widerow #dealer-right {
  width: 70%;
  padding: 0;
  float: left; }

#dealer-main #dealer-left {
  width: 30%;
  float: left; }
  #dealer-main #dealer-left a {
    color: #f43d1e;
    font-size: 16px;
    font-family: "Lato", sans-serif;
    line-height: 1.2em;
    text-decoration: none; }
  #dealer-main #dealer-left a:hover {
    color: #d2361c; }
  #dealer-main #dealer-left p {
    font-size: 16px;
    color: #fff;
    font-family: "Lato", sans-serif;
    line-height: 1.4em;
    margin: 0 0 20px 0; }
    #dealer-main #dealer-left p strong {
      color: #fff;
      font-size: 20px; }
      #dealer-main #dealer-left p strong a {
        font-weight: bold;
        font-size: 20px; }
  #dealer-main #dealer-left img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    padding: 15px 0; }

#dealer-main #dealer-right {
  width: 70%;
  float: right;
  padding-left: 50px; }
  #dealer-main #dealer-right .plain-link {
    margin: 0 0 33px; }
  #dealer-main #dealer-right a {
    color: #f43d1e;
    text-decoration: none;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.2em; }
  #dealer-main #dealer-right a:hover {
    color: #d2361c; }
  #dealer-main #dealer-right .ext {
    display: inline-block;
    color: #f43d1e; }
    #dealer-main #dealer-right .ext a {
      padding: 0 25px 0 8px;
      background: url("/assets/images/dealer-arrow.png") no-repeat right center; }
  #dealer-main #dealer-right .plain-link p {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.2em;
    display: inline; }
  #dealer-main #dealer-right .group-subtitle {
    display: none; }
  #dealer-main #dealer-right .group-title {
    font-size: 28px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 15px; }
  #dealer-main #dealer-right .group-subtitle {
    color: #ffe195;
    font-size: 30px;
    border-bottom: 1px solid #ffe195;
    font-weight: 300;
    margin-bottom: 25px;
    padding: 0 40px 5px 0;
    background: url("/assets/images/dealer-open.png") no-repeat right center;
    cursor: pointer; }
  #dealer-main #dealer-right .dealer-group-wrapper.enable_accordions .group-subtitle {
    display: block; }
  #dealer-main #dealer-right .dealer-group-wrapper.enable_accordions .group .dealer-group-wrapper {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out; }
  #dealer-main #dealer-right .dealer-group-wrapper.enable_accordions .group.group-active .dealer-group-wrapper {
    max-height: 10000px;
    transition: max-height 0.3s ease-in; }
  #dealer-main #dealer-right .dealer-group-wrapper.enable_accordions .group.group-active .group-subtitle {
    background: url("/assets/images/dealer-close.png") no-repeat right center; }
  #dealer-main #dealer-right .dealer-group-wrapper .pdf-link:nth-child(3n+4) {
    clear: left; }
  #dealer-main #dealer-right .pdf-link {
    width: 33.32%;
    float: left;
    padding: 0 5% 0 0;
    margin-bottom: 25px; }
  #dealer-main #dealer-right .pdf-title {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2em;
    height: 3.6em; }
    #dealer-main #dealer-right .pdf-title table {
      width: 100%;
      height: 100%; }
    #dealer-main #dealer-right .pdf-title tr {
      width: 100%;
      height: 100%; }
    #dealer-main #dealer-right .pdf-title td {
      width: 100%;
      height: 100%;
      vertical-align: middle; }
    #dealer-main #dealer-right .pdf-title td.item-subtitle {
      font-size: 12px; }
  #dealer-main #dealer-right .pdf-thumb img {
    width: auto;
    max-width: 100%;
    height: auto;
    padding: 10px 0; }
  #dealer-main #dealer-right .pdf-thumb p {
    color: #fff;
    font-size: 12px;
    margin: 0; }
  #dealer-main #dealer-right .logo-link {
    width: 49.99%;
    float: left;
    padding: 0 5% 0 0;
    margin: 0 0 40px; }
  #dealer-main #dealer-right .logo-title {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2em;
    height: 2.4em; }
    #dealer-main #dealer-right .logo-title table {
      width: 100%;
      height: 100%; }
    #dealer-main #dealer-right .logo-title tr {
      width: 100%;
      height: 100%; }
    #dealer-main #dealer-right .logo-title td {
      width: 100%;
      height: 100%;
      vertical-align: top;
      padding: 0 0 0px 0;
      margin: 0; }
  #dealer-main #dealer-right .logo-thumb {
    padding: 10px 0; }
  #dealer-main #dealer-right .logo-thumb img {
    width: auto;
    max-width: 100%;
    height: auto; }
  #dealer-main #dealer-right .zipfile {
    width: 70px;
    height: 70px;
    background: url("/assets/images/dealer-zip.jpg") no-repeat;
    background-size: cover; }
  #dealer-main #dealer-right table.logos-filesext {
    width: 100%;
    margin-bottom: 0px; }
    #dealer-main #dealer-right table.logos-filesext tr td:first-child {
      min-width: 60%; }
    #dealer-main #dealer-right table.logos-filesext tr td div.ext {
      display: inline-block;
      padding: 0 10% 5% 0; }
    #dealer-main #dealer-right table.logos-filesext tr td a.zip-ext {
      background: none; }
    #dealer-main #dealer-right table.logos-filesext tr td a {
      display: inline-block; }
  #dealer-main #dealer-right .illustration-link {
    width: 33.32%;
    float: left;
    padding: 0 5% 0 0;
    margin: 0 0 2%; }
    #dealer-main #dealer-right .illustration-link .ext a {
      background: url("/assets/images/dealer-arrow-orange.png") no-repeat right center; }
    #dealer-main #dealer-right .illustration-link img {
      max-width: 192px;
      width: 100%;
      height: auto;
      margin: 0 auto; }
    #dealer-main #dealer-right .illustration-link .illustration-img {
      height: 150px;
      text-align: center; }
    #dealer-main #dealer-right .illustration-link .illustration-img img {
      width: 100%;
      height: auto;
      max-height: 150px;
      margin: 0 auto; }
    #dealer-main #dealer-right .illustration-link .illustration-wrap {
      background: #fff;
      padding: 20px;
      margin-bottom: 2px; }
    #dealer-main #dealer-right .illustration-link .illustration-wrap-single {
      background: #fff;
      padding: 20px;
      margin-bottom: 0px;
      border-bottom: 2px solid #fff; }
    #dealer-main #dealer-right .illustration-link .illustration-title {
      color: #fff;
      text-decoration: none;
      font-weight: 400;
      font-size: 20px;
      line-height: 1.2em;
      height: 3.6em; }
      #dealer-main #dealer-right .illustration-link .illustration-title table {
        width: 100%;
        height: 100%; }
      #dealer-main #dealer-right .illustration-link .illustration-title tr {
        width: 100%;
        height: 100%; }
      #dealer-main #dealer-right .illustration-link .illustration-title td {
        width: 100%;
        height: 100%;
        vertical-align: middle; }
    #dealer-main #dealer-right .illustration-link .illustration-thumb {
      padding: 10px 0; }

/*********************
ACF RESPONSIVE OEMBED STYLES
*********************/
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto; }

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

/*********************
NEWSROOM STYLES
*********************/
#wrapper-press-releases {
  padding: 30px 0 0 0; }

#newsroom {
  width: 60%;
  float: left; }
  #newsroom h1 {
    color: #5b5b5b;
    text-transform: uppercase; }
  #newsroom #wrapper-newsroom {
    margin: 0 0 30px; }
    #newsroom #wrapper-newsroom h3 {
      color: #5b5b5b;
      font-size: 28px;
      text-transform: none;
      margin: 0 0 20px; }
    #newsroom #wrapper-newsroom p {
      margin: 0 0 10px 0; }
    #newsroom #wrapper-newsroom img {
      padding: 0 0 20px; }
  #newsroom a {
    text-decoration: none;
    font-weight: 600; }
  #newsroom .press-article a,
  #newsroom .events a,
  #newsroom .press a {
    text-decoration: none;
    color: #f13601;
    text-decoration: none;
    padding-right: 25px;
    background: url("/assets/images/link-pdf.jpg") no-repeat right center; }
  #newsroom .press-menu {
    width: 100%;
    border-bottom: 1px solid #707070;
    margin: 0 0 30px; }
    #newsroom .press-menu a {
      color: #f8911e;
      text-transform: uppercase;
      text-decoration: none;
      font-size: 21px;
      margin: 0 20px 0 0;
      padding: 5px 8px;
      display: inline-block; }
    #newsroom .press-menu a:hover,
    #newsroom .press-menu a.active {
      background: #707070;
      color: #fff; }
  #newsroom .featured-title {
    color: #5b5b5b;
    font-size: 28px;
    text-transform: none;
    margin: 0 0 20px; }
  #newsroom .featured-content {
    margin: 20px 0 0 0; }
  #newsroom .featured-pdf a {
    background: url("/assets/images/arrow-light-orange.png") no-repeat #ea5429;
    padding: 10px 48px 10px 15px;
    color: #fff;
    background-position: 95% 50%;
    display: inline-block;
    margin: 10px 0;
    text-transform: uppercase; }
  #newsroom #wrapper-press-release {
    margin: 0 0 30px; }
  #newsroom .press-article {
    position: relative;
    padding-bottom: 30px; }
    #newsroom .press-article p {
      font-size: 18px;
      line-height: 1.4em; }
  #newsroom #wrapper-articles-release {
    margin: 0 0 30px; }
  #newsroom .press {
    width: 50%;
    float: left;
    margin: 0 0 30px; }
    #newsroom .press:nth-child(odd) {
      clear: both; }
    #newsroom .press .press-image {
      width: 35%;
      float: left; }
      #newsroom .press .press-image img {
        border: 2px solid #f8911e; }
    #newsroom .press .press-title {
      width: 65%;
      float: right;
      padding: 0 10px 0 10px; }
      #newsroom .press .press-title p {
        line-height: 1.4em;
        margin: 0;
        padding: 0;
        font-size: 18px; }
  #newsroom #wrapper-events-release {
    margin: 0 0 30px; }
  #newsroom .event {
    margin: 0 0 30px; }
    #newsroom .event .event-image {
      width: 47.5%;
      float: left; }
      #newsroom .event .event-image img {
        border: 2px solid #f8911e; }
    #newsroom .event .event-content {
      width: 47.5%;
      float: right; }
      #newsroom .event .event-content p {
        font-size: 18px; }
      #newsroom .event .event-content p strong {
        font-size: 22px;
        color: #5b5b5b; }

#wrapper-press-articles {
  position: relative;
  padding-bottom: 20px !important; }

.view-more-content {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #f8921e;
  padding: 5px 28px 5px 0;
  font-weight: normal;
  font-size: 22px;
  background: url("/assets/images/arrow-orange.jpg") no-repeat right center; }

.content-over {
  max-height: 0px;
  overflow: hidden;
  float: left; }

.content-over.active {
  max-height: 10000px;
  transition: max-height 0.25s ease-in; }

#newsroom-sidebar {
  width: 40%;
  float: right;
  margin-bottom: 30px;
  padding-left: 30px; }
  #newsroom-sidebar #wrapper-sidebar {
    background: url("/assets/images/bg-sidebar.jpg") repeat top left;
    background-size: cover;
    padding: 40px 60px 40px; }
  #newsroom-sidebar h4 {
    padding: 0;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    color: #5b5b5b;
    font-size: 20px;
    font-weight: bold; }
  #newsroom-sidebar p strong {
    color: #5b5b5b;
    font-size: 18px; }
  #newsroom-sidebar ul {
    padding: 0;
    margin: 0 0 30px; }
  #newsroom-sidebar ul li {
    list-style: none;
    margin: 0 0 20px; }
  #newsroom-sidebar a {
    text-decoration: none;
    font-weight: 600; }
  #newsroom-sidebar span.post-date {
    display: block;
    font-weight: 300;
    padding: 0 0 5px 0; }

/*********************
ARCHITECTS STYLES
*********************/
body.page-template-page-architects #wrapper div.color-chart-wrap {
  display: none; }
  body.page-template-page-architects #wrapper div.color-chart-wrap:first-child {
    display: block; }
  body.page-template-page-architects #wrapper div.color-chart-wrap div.color-chart {
    display: none; }
  body.page-template-page-architects #wrapper div.color-chart-wrap div.color-chart:first-child {
    display: block; }
  body.page-template-page-architects #wrapper div.color-chart-wrap a {
    display: inline-block;
    background: url("/assets/images/architect-link.png") no-repeat right center;
    min-width: 52px;
    font-size: 18px;
    padding-right: 25px;
    padding-left: 10px;
    margin: 0 10px 5px 0;
    text-decoration: none;
    color: #808080; }

body.page-template-page-architects #wrapper #architects {
  padding-top: 45px; }

body.page-template-page-architects #wrapper #wrapper-main.page-floating #main-content {
  max-width: none;
  width: 69%; }
  body.page-template-page-architects #wrapper #wrapper-main.page-floating #main-content h1 {
    color: #5b5b5b; }

body.page-template-page-architects #wrapper #sidebar {
  width: 31%; }

body.page-template-page-architects #wrapper .architects-group-wrapper.architects-enable_accordions {
  margin-bottom: 20px; }
  body.page-template-page-architects #wrapper .architects-group-wrapper.architects-enable_accordions .architects-group-subtitle {
    display: block; }
  body.page-template-page-architects #wrapper .architects-group-wrapper.architects-enable_accordions .architects-table-wrap p.tablesection-header {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 -38px 15px;
    padding: 0;
    color: #e0902f; }
  body.page-template-page-architects #wrapper .architects-group-wrapper.architects-enable_accordions .architects-table-wrap .architects-group-wrapper {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out; }
  body.page-template-page-architects #wrapper .architects-group-wrapper.architects-enable_accordions .architects-table-wrap.architects-table-active .architects-group-wrapper {
    max-height: 10000px;
    transition: max-height 0.3s ease-in; }
  body.page-template-page-architects #wrapper .architects-group-wrapper.architects-enable_accordions .architects-table-wrap.architects-table-active .architects-group-subtitle {
    background: url("/assets/images/architects-icon-minus.png") no-repeat right center; }

body.page-template-page-architects #wrapper .architects-group-wrapper .pdf-link:nth-child(3n+4) {
  clear: left; }

body.page-template-page-architects #wrapper .pdf-link {
  width: 33.32%;
  float: left;
  padding: 0 5% 0 0;
  margin-bottom: 25px; }

body.page-template-page-architects #wrapper .pdf-title {
  color: #5b5b5b;
  text-decoration: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2em;
  height: 3.6em; }
  body.page-template-page-architects #wrapper .pdf-title table {
    width: 100%;
    height: 100%; }
  body.page-template-page-architects #wrapper .pdf-title tr {
    width: 100%;
    height: 100%; }
  body.page-template-page-architects #wrapper .pdf-title td {
    width: 100%;
    height: 100%;
    vertical-align: middle; }
  body.page-template-page-architects #wrapper .pdf-title td.item-subtitle {
    font-size: 12px; }

body.page-template-page-architects #wrapper .pdf-thumb img {
  width: auto;
  max-width: 100%;
  height: auto;
  padding: 10px 0; }

body.page-template-page-architects #wrapper .pdf-thumb p {
  color: #5b5b5b;
  font-size: 12px;
  margin: 0; }

body.page-template-page-architects #wrapper .plain-link p {
  color: #5b5b5b;
  text-decoration: none;
  font-weight: 400;
  font-size: 21px;
  line-height: 1.2em;
  display: inline !important; }

body.page-template-page-architects #wrapper .architects-group-subtitle {
  display: none; }

body.page-template-page-architects #wrapper .architects-group-title {
  font-size: 24px;
  font-weight: bold;
  color: #5b5b5b;
  text-transform: uppercase;
  margin: 0 0 15px; }

body.page-template-page-architects #wrapper .architects-group-subtitle {
  color: #5b5b5b;
  font-size: 24px;
  border-bottom: 1px solid #e0902f;
  font-weight: 400;
  margin-bottom: 25px;
  padding: 0 40px 5px 0;
  background: url("/assets/images/architects-icon-plus.png") no-repeat right center;
  cursor: pointer; }

body.page-template-page-architects #wrapper .architects-group-subtitle {
  background: url("/assets/images/architects-icon-plus.png") no-repeat right center; }

body.page-template-page-architects #wrapper .ext {
  display: inline-block;
  color: #f43d1e; }
  body.page-template-page-architects #wrapper .ext a {
    padding: 0 25px 0 8px;
    background: url("/assets/images/ext-arrow.png") no-repeat right center;
    text-decoration: none; }

#wrapper #main-content {
  margin-bottom: 0 !important; }

#continue-wrap {
  background: #36823d;
  padding: 45px 80px;
  width: 69%;
  float: left; }
  #continue-wrap h2 {
    color: #fff;
    font-size: 24px;
    font-weight: bold; }
  #continue-wrap p {
    color: #fff;
    font-size: 18px; }
  #continue-wrap div.gform_wrapper label {
    color: #fff;
    font-weight: 400; }
  #continue-wrap div.gform_wrapper input.gform_button.button {
    background: url("/assets/images/arrow-light-orange.png") no-repeat #ea5429;
    font-size: 18px;
    padding: 5px 40px 5px 15px;
    color: #fff;
    background-position: 90% 50%;
    background-size: 17px 17px;
    text-transform: uppercase;
    border: none;
    outline: none; }
  #continue-wrap div.gform_wrapper input {
    background: #efefef;
    border: none;
    padding: 10px 5px; }

#subscribed-wrap {
  background: #fff;
  padding: 45px 80px;
  margin: 0 0 35px;
  width: 69%;
  float: left; }
  #subscribed-wrap h2 {
    color: #f8911e;
    font-size: 24px;
    font-weight: bold; }
  #subscribed-wrap p {
    color: #5b5b5b;
    font-size: 18px; }
  #subscribed-wrap div.gform_wrapper label {
    color: #5b5b5b;
    font-weight: 400; }
  #subscribed-wrap div.gform_wrapper input.gform_button.button {
    background: url("/assets/images/arrow-light-orange.png") no-repeat #ea5429;
    font-size: 18px;
    padding: 5px 40px 5px 15px;
    color: #fff;
    background-position: 90% 50%;
    background-size: 17px 17px;
    text-transform: uppercase;
    border: none;
    outline: none; }
  #subscribed-wrap div.gform_wrapper input {
    background: #efefef;
    border: none;
    padding: 10px 5px; }

body #wrapper.architects #wrapper-main.page-floating #main-content table {
  margin-bottom: 30px !important;
  border-collapse: separate;
  width: 100%; }
  body #wrapper.architects #wrapper-main.page-floating #main-content table tr td:first-child {
    width: 30%; }
  body #wrapper.architects #wrapper-main.page-floating #main-content table tr td:nth-child(2) {
    width: 20%; }
  body #wrapper.architects #wrapper-main.page-floating #main-content table tr td.doublewide {
    width: 35%; }
  body #wrapper.architects #wrapper-main.page-floating #main-content table.tablethirds tr td {
    width: 35%; }
  body #wrapper.architects #wrapper-main.page-floating #main-content table.tablethirds tr td:first-child {
    width: 30%; }
  body #wrapper.architects #wrapper-main.page-floating #main-content table.tablethirds tr td:last-child {
    width: 35%; }
  body #wrapper.architects #wrapper-main.page-floating #main-content table tr td {
    width: 25%; }
  body #wrapper.architects #wrapper-main.page-floating #main-content table thead tr {
    background: none; }
    body #wrapper.architects #wrapper-main.page-floating #main-content table thead tr th {
      border: none;
      vertical-align: bottom;
      font-size: 13px;
      font-weight: 400;
      text-align: left;
      color: #5b5b5b;
      padding: 15px 5px 15px 10px; }
  body #wrapper.architects #wrapper-main.page-floating #main-content table tbody tr {
    background: #fff; }
    body #wrapper.architects #wrapper-main.page-floating #main-content table tbody tr:first-child td {
      border-top: 1px solid #bcbcbc; }
    body #wrapper.architects #wrapper-main.page-floating #main-content table tbody tr:nth-child(2n) {
      background: #e5e5e5; }
    body #wrapper.architects #wrapper-main.page-floating #main-content table tbody tr td {
      border-left: 1px solid #bcbcbc;
      border-bottom: 1px solid #bcbcbc;
      border-right: none;
      padding: 10px 10px;
      font-size: 16px;
      vertical-align: top; }
      body #wrapper.architects #wrapper-main.page-floating #main-content table tbody tr td p.systemtitles {
        font-size: 14px;
        color: #5b5b5b;
        margin: 0 0 5px;
        padding: 0;
        line-height: 1.0em; }
      body #wrapper.architects #wrapper-main.page-floating #main-content table tbody tr td p.systemlinks {
        font-size: 18px;
        color: #5b5b5b;
        margin: 0 0 15px;
        padding: 0;
        line-height: 1.0em; }
      body #wrapper.architects #wrapper-main.page-floating #main-content table tbody tr td a.architects-pagelink {
        color: #5b5b5b;
        text-decoration: none;
        background: none !important;
        padding: 0px !important;
        margin: 0px !important;
        font-size: 16px !important; }
      body #wrapper.architects #wrapper-main.page-floating #main-content table tbody tr td a {
        display: inline-block;
        background: url("/assets/images/architect-link.png") no-repeat right center;
        min-width: 52px;
        font-size: 16px;
        padding-right: 25px;
        margin: 0 10px 5px 0;
        text-decoration: none;
        color: #5b5b5b; }
    body #wrapper.architects #wrapper-main.page-floating #main-content table tbody tr td:last-child {
      border-right: 1px solid #bcbcbc; }

@media only screen and (max-width: 800px) {
  #wrapper.architects p.tablesection-header {
    margin: 0 !important; } }

/*********************
SEARCH STYLES
*********************/
.search-results #sidebar-inner {
  background: none !important; }

.search-results article:before,
.search-results article:after {
  content: "";
  display: table; }

.search-results article:after {
  clear: both; }

.search-results div.product-box-image {
  width: 40%;
  padding: 20px; }

.search-results #main-content article {
  padding: 0 0 30px 0; }

.search-results #main-content article:nth-of-type(odd) .product-box-image {
  float: left; }

.search-results #main-content article:nth-of-type(even) .product-box-image {
  float: right; }

.search-results #main-content article:nth-of-type(even) .product-search-result {
  float: left; }

.search-results #main-content article:nth-of-type(even) .product-search-result {
  float: right; }

.search-results .search-read-more a {
  display: inline-block;
  text-transform: uppercase;
  background: #ea5429;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  margin: 0 0 20px;
  padding: 5px 40px 5px 10px;
  position: relative;
  line-height: 1.2em; }

.search-results .search-read-more div.arrow-link {
  background: url("/assets/images/arrow-link.png") no-repeat;
  width: 19px;
  height: 18px;
  padding: 0;
  margin: -9px 0 0 0;
  position: absolute;
  right: 10px;
  top: 50%; }

.search-results .entry-summary a.excerpt-read-more {
  display: none; }

.search-results header.page-header h1 {
  font-size: 28px; }

.search-results h2.entry-title a {
  font-weight: bold;
  color: #5b5b5b;
  text-decoration: none;
  font-size: 32px; }

.search-results .product-search-result {
  float: right;
  width: 60%; }

/*********************
AUSTRALIAN STYLES
*********************/
#green-australian-contact {
  background: #467732;
  padding: 15px;
  line-height: 1.0em;
  color: #fff;
  width: 100%;
  text-align: center; }
  #green-australian-contact a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding-right: 25px;
    background: url("/assets/images/arrow-link.png") no-repeat right center;
    letter-spacing: 1px; }

/*********************
HOME PAGE STYLES
*********************/
#systems-container-wrapper {
  width: 100%;
  background: #147828; }
  #systems-container-wrapper #systems-header-title {
    text-transform: uppercase;
    color: #87da00;
    font-size: 30px;
    padding: 30px 0;
    text-align: center;
    width: 100%; }
  #systems-container-wrapper #systems-container {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    color: #fff;
    position: relative; }
    #systems-container-wrapper #systems-container .green-column {
      width: 29.99%;
      float: left;
      padding: 0 2%; }
    #systems-container-wrapper #systems-container .green-column-2 {
      width: 35%;
      padding: 0 4.49%;
      margin: 0 2.49%;
      border-left: 1px solid #8abc94;
      border-right: 1px solid #8abc94; }
    #systems-container-wrapper #systems-container .green-column-image img {
      margin: 0 auto;
      width: auto;
      max-width: 100%;
      border-radius: 100%;
      border: 5px solid #fff;
      overflow: hidden;
      box-shadow: 0px 0px 25px #000; }
    #systems-container-wrapper #systems-container .green-column-content {
      padding: 20px 0 0 0; }
      #systems-container-wrapper #systems-container .green-column-content p {
        color: #fff;
        font-weight: normal; }
      #systems-container-wrapper #systems-container .green-column-content h3 {
        font-size: 40px;
        font-weight: 300;
        font-style: italic;
        color: #fff;
        text-transform: uppercase; }
    #systems-container-wrapper #systems-container .green-column-link a {
      display: inline-block;
      text-transform: uppercase;
      color: #ffba00;
      text-decoration: none;
      font-size: 16px;
      margin: 0 0 20px;
      padding: 5px 40px 5px 0;
      position: relative;
      line-height: 1.2em; }
    #systems-container-wrapper #systems-container .green-column-link div.arrow-link {
      background: url("/assets/images/arrow-orange-small.png") no-repeat;
      width: 19px;
      height: 18px;
      padding: 0;
      margin: -9px 0 0 0;
      position: absolute;
      right: 10px;
      top: 50%; }
    #systems-container-wrapper #systems-container #green-column-footer-link {
      padding: 40px 20px;
      margin: 0 auto;
      float: none;
      text-align: center; }
      #systems-container-wrapper #systems-container #green-column-footer-link a {
        display: inline-block;
        text-transform: uppercase;
        color: #fff;
        background: #ea5429;
        text-decoration: none;
        font-size: 18px;
        margin: 0 0 20px;
        padding: 5px 40px 5px 10px;
        position: relative;
        line-height: 1.0em; }
      #systems-container-wrapper #systems-container #green-column-footer-link div.arrow-link {
        background: url("/assets/images/arrow-link.png") no-repeat;
        width: 19px;
        height: 18px;
        padding: 0;
        margin: -9px 0 0 0;
        position: absolute;
        right: 10px;
        top: 50%; }

.ls-bottom-nav-wrapper {
  bottom: 22%; }

.ls-thumbnail-hover {
  display: none !important; }

.ls-v5 .ls-bottom-slidebuttons, .ls-v5 .ls-bottom-slidebuttons a, .ls-v5 .ls-nav-start, .ls-v5 .ls-nav-stop, .ls-v5 .ls-nav-sides {
  height: 18px !important; }

.ls-bottom-slidebuttons a {
  background-image: url("/assets/images/indicator.png") !important;
  background-position: -31px 0 !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 2px !important; }

.ls-bottom-slidebuttons a:hover,
.ls-bottom-slidebuttons a.ls-nav-active {
  background-image: url("/assets/images/indicator.png") !important;
  background-position: 0 0 !important;
  width: 18px !important;
  height: 18px !important; }

#home-gallery-wrapper {
  width: 100%;
  background: url("/assets/images/bg-white-floor.jpg") no-repeat center;
  background-size: cover;
  padding: 60px 20px; }
  #home-gallery-wrapper #home-gallery {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    color: #fff;
    position: relative; }
    #home-gallery-wrapper #home-gallery #home-gallery-content {
      max-width: 800px;
      margin: 0 auto; }
      #home-gallery-wrapper #home-gallery #home-gallery-content p {
        color: #5b5b5b; }
      #home-gallery-wrapper #home-gallery #home-gallery-content p strong {
        color: #5b5b5b;
        font-size: 30px;
        text-transform: uppercase; }
    #home-gallery-wrapper #home-gallery #home-gallery-slider {
      padding: 0 50px;
      max-height: 300px;
      overflow: hidden; }
      #home-gallery-wrapper #home-gallery #home-gallery-slider div.home-gallery {
        padding: 3px; }
  #home-gallery-wrapper div.home-gallery {
    position: relative; }
    #home-gallery-wrapper div.home-gallery img {
      width: 100% !important;
      height: auto; }
  #home-gallery-wrapper div.home-gallery-tile-text:hover {
    opacity: 1.0; }
  #home-gallery-wrapper div.home-gallery-tile-text {
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    top: 0;
    left: 0;
    position: absolute;
    padding: 0 5%;
    display: flex;
    align-items: center; }
    #home-gallery-wrapper div.home-gallery-tile-text p {
      width: 100%;
      color: #fff;
      text-align: center;
      font-size: 14px;
      padding-bottom: 0px;
      background: none;
      line-height: 1.2em;
      font-weight: bold; }
  #home-gallery-wrapper .slick-prev,
  #home-gallery-wrapper .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }
  #home-gallery-wrapper .slick-prev:hover,
  #home-gallery-wrapper .slick-prev:focus,
  #home-gallery-wrapper .slick-next:hover,
  #home-gallery-wrapper .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent; }
  #home-gallery-wrapper .slick-prev:hover:before,
  #home-gallery-wrapper .slick-prev:focus:before,
  #home-gallery-wrapper .slick-next:hover:before,
  #home-gallery-wrapper .slick-next:focus:before {
    opacity: 1; }
  #home-gallery-wrapper .slick-prev.slick-disabled:before,
  #home-gallery-wrapper .slick-next.slick-disabled:before {
    opacity: .25; }
  #home-gallery-wrapper .slick-prev:before,
  #home-gallery-wrapper .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #home-gallery-wrapper .slick-prev {
    left: -25px; }
  #home-gallery-wrapper [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto; }
  #home-gallery-wrapper .slick-prev:before {
    content: ' '; }
  #home-gallery-wrapper [dir='rtl'] .slick-prev:before {
    content: ' '; }
  #home-gallery-wrapper .slick-next {
    right: -25px; }
  #home-gallery-wrapper [dir='rtl'] .slick-next {
    right: auto;
    left: -25px; }
  #home-gallery-wrapper .slick-next:before {
    content: ' '; }
  #home-gallery-wrapper [dir='rtl'] .slick-next:before {
    content: ' '; }
  #home-gallery-wrapper button.slick-prev {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 0 !important;
    background-image: url("/assets/slick/skin.png");
    background-position: 0 0 !important;
    width: 45px;
    height: 129px;
    margin-top: -65px; }
  #home-gallery-wrapper button.slick-prev:hover {
    background-image: url("/assets/slick/skin.png");
    background-position: 0 -166px !important; }
  #home-gallery-wrapper button.slick-next {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 0 !important;
    background-image: url("/assets/slick/skin.png");
    background-position: -71px 0 !important;
    width: 45px;
    height: 129px;
    margin-top: -65px; }
  #home-gallery-wrapper button.slick-next:hover {
    background-image: url("/assets/slick/skin.png");
    background-position: -71px -166px !important; }

#home-gallery-slider-link {
  padding: 40px 20px 0;
  margin: 0 auto;
  float: none;
  text-align: center; }
  #home-gallery-slider-link a {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    background: #ea5429;
    text-decoration: none;
    font-size: 18px;
    margin: 0 0 20px;
    padding: 5px 40px 5px 10px;
    position: relative;
    line-height: 1.0em; }
  #home-gallery-slider-link div.arrow-link {
    background: url("/assets/images/arrow-link.png") no-repeat;
    width: 19px;
    height: 18px;
    padding: 0;
    margin: -9px 0 0 0;
    position: absolute;
    right: 10px;
    top: 50%; }

/*********************
CONTACT FORM STYLES
*********************/
#main-content .gform_wrapper form label {
  color: #5b5b5b;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 400; }

#main-content .gform_wrapper form .gfield_checkbox li input[type="checkbox"] {
  background: #efefef;
  border: 1px solid #cbcbcb;
  outline: none;
  box-shadow: none;
  color: #5b5b5b;
  padding: 8px;
  vertical-align: center;
  margin: 0px 3px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

#main-content .gform_wrapper form textarea,
#main-content .gform_wrapper form input {
  background: #efefef;
  border: none;
  color: #5b5b5b;
  padding: 8px 10px; }

#main-content .gform_wrapper form input.gform_button.button {
  background: url("/assets/images/arrow-light-orange.png") no-repeat #ea5429;
  font-size: 18px;
  padding: 5px 40px 5px 15px;
  color: #fff;
  background-position: 90% 50%;
  background-size: 17px 17px;
  text-transform: uppercase;
  border: none;
  outline: none; }

#main-content .gform_wrapper form select {
  color: #808080;
  margin: 0 0 15px;
  width: 100%;
  border-radius: 0;
  border: none;
  outline: none;
  box-shadow: none;
  background: #fff;
  padding: 5px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("/assets/images/arrow-orange-down.jpg") no-repeat right #efefef; }

#main-content .gform_wrapper form select option {
  color: #808080;
  width: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/*********************
DEALER FORM STYLES
*********************/
#dealer-main .gform_wrapper form label {
  color: #fff;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 400; }

#dealer-main .gform_wrapper form .gfield_checkbox li input[type="checkbox"] {
  background: #efefef;
  border: 1px solid #cbcbcb;
  outline: none;
  box-shadow: none;
  color: #5b5b5b;
  padding: 8px;
  vertical-align: center;
  margin: 0px 3px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

#dealer-main .gform_wrapper form textarea,
#dealer-main .gform_wrapper form input {
  background: #efefef;
  border: none;
  color: #5b5b5b;
  padding: 8px 10px; }

#dealer-main .gform_wrapper form input.gform_button.button {
  background: url("/assets/images/arrow-light-orange.png") no-repeat #ea5429;
  font-size: 18px;
  padding: 5px 40px 5px 15px;
  color: #fff;
  background-position: 90% 50%;
  background-size: 17px 17px;
  text-transform: uppercase;
  border: none;
  outline: none; }

#dealer-main .gform_wrapper form select {
  color: #808080;
  margin: 0 0 15px;
  width: 100%;
  border-radius: 0;
  border: none;
  outline: none;
  box-shadow: none;
  background: #fff;
  padding: 5px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("/assets/images/arrow-orange-down.jpg") no-repeat right #efefef; }

#dealer-main .gform_wrapper form select option {
  color: #808080;
  width: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

#wrapper.contact-us {
  padding: 0; }

#wrapper.contact-us #dealer-main #dealer-left {
  width: 100% !important;
  max-width: 700px !important;
  padding-top: 30px; }

/*********************
SITEMAP STYLES
*********************/
#sitemap {
  margin: 0 0 35px 0; }
  #sitemap ul {
    list-style: none;
    margin: 3px 0 5px 20px;
    padding: 0; }
    #sitemap ul li {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%; }
    #sitemap ul li > a {
      background: #ccc;
      font-weight: bold;
      display: inline-block;
      border-radius: 5px;
      color: #5b5b5b;
      text-decoration: none;
      margin: 0 0 3px;
      padding: 4px 15px;
      line-height: 1.0em;
      font-size: 15px; }
    #sitemap ul li ul.sub-menu {
      padding-left: 20px; }
    #sitemap ul li ul li a {
      background: #e0902f;
      color: #fff; }
    #sitemap ul li ul li ul li a {
      background: #CC542C; }
    #sitemap ul li ul li ul li ul li a {
      background: #5b5b5b; }
    #sitemap ul li ul li ul li ul li ul li a {
      background: #82ba51; }

/*********************
MV2 +SR = Success
*********************/
#wrapper.success-equation {
  /* This 0ms transition is to handle an edge case where your mouse goes from 359 degrees over to 0 degrees.  
	   The spinner wants to whip around backwards to get back to 0.  So we briefly activate this non-animated transition to make the jump.
	*/ }
  #wrapper.success-equation #compass-wrap {
    background: url("/assets/images/bg-compass-wrap.jpg") no-repeat center;
    background-size: 100% auto;
    width: 100%;
    margin: -40px auto;
    /* This 0ms transition is to handle an edge case where your mouse goes from 359 degrees over to 0 degrees.  
			   The spinner wants to whip around backwards to get back to 0.  So we briefly activate this non-animated transition to make the jump.
			*/ }
    #wrapper.success-equation #compass-wrap #compass-inner {
      width: 491px;
      height: 491px;
      background: url("/assets/images/bg-compass.png") no-repeat center;
      padding: 25px;
      margin: 0 auto;
      position: relative; }
    #wrapper.success-equation #compass-wrap #compass-mobile {
      display: none;
      position: relative;
      z-index: 40; }
      #wrapper.success-equation #compass-wrap #compass-mobile img {
        width: 100%;
        height: auto;
        display: block; }
    #wrapper.success-equation #compass-wrap #compass-banner {
      background: url("/assets/images/compass-banner.png") no-repeat center;
      width: 153px;
      height: 46px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 25; }
    #wrapper.success-equation #compass-wrap #compass-pointer {
      width: 88px;
      height: 322px;
      margin-left: 50%;
      position: absolute;
      top: 85px;
      left: 0;
      background: url("/assets/images/compass-pointer.png") no-repeat center;
      transform: translate(-50%, 0) rotate(10deg);
      transition: transform 550ms cubic-bezier(0.09, 0.65, 0.17, 1.58); }
    #wrapper.success-equation #compass-wrap #compass-pointer.transitionNow {
      transition: transform 0ms cubic-bezier(0, 0.43, 0.61, 1.22); }
    #wrapper.success-equation #compass-wrap #compass-mission {
      width: 122px;
      height: 30px;
      background: url("/assets/images/compass-mission.png") no-repeat center;
      position: absolute;
      left: 188px;
      top: 48px;
      z-index: 20; }
    #wrapper.success-equation #compass-wrap #compass-vision {
      width: 27px;
      height: 101px;
      background: url("/assets/images/compass-vision.png") no-repeat center;
      position: absolute;
      right: 48px;
      top: 200px;
      z-index: 20; }
    #wrapper.success-equation #compass-wrap #compass-social {
      width: 305px;
      height: 86px;
      background: url("/assets/images/compass-social-responsibility.png") no-repeat center;
      position: absolute;
      right: 95px;
      top: 356px;
      z-index: 20; }
    #wrapper.success-equation #compass-wrap #compass-values {
      width: 26px;
      height: 110px;
      background: url("/assets/images/compass-values.png") no-repeat center;
      position: absolute;
      left: 48px;
      top: 194px;
      z-index: 20; }
    #wrapper.success-equation #compass-wrap .compass-text {
      opacity: 0.0;
      transition: opacity 0.1s;
      cursor: pointer; }
      #wrapper.success-equation #compass-wrap .compass-text.active-text, #wrapper.success-equation #compass-wrap .compass-text:hover {
        opacity: 1.0; }
    #wrapper.success-equation #compass-wrap .compass-popup {
      opacity: 0;
      transition: opacity 0.1s;
      pointer-events: none;
      background: #377533;
      border-radius: 20px;
      box-shadow: 0 0 10px #000;
      position: absolute;
      text-align: center;
      z-index: 30;
      padding: 20px; }
      #wrapper.success-equation #compass-wrap .compass-popup.active-popup {
        opacity: 1.0;
        pointer-events: auto; }
      #wrapper.success-equation #compass-wrap .compass-popup .compass-close {
        opacity: 0.8;
        transition: opacity 0.1s;
        width: 26px;
        height: 26px;
        border-radius: 100%;
        background: url("/assets/images/compass-close.png") no-repeat center;
        cursor: pointer;
        position: absolute;
        top: 8px;
        right: 8px; }
      #wrapper.success-equation #compass-wrap .compass-popup .compass-close:hover {
        box-shadow: 0 0 5px #5c9345;
        opacity: 1.0; }
      #wrapper.success-equation #compass-wrap .compass-popup h4 {
        font-size: 35px;
        color: #fff;
        margin: 0 0 10px;
        padding: 0;
        text-transform: uppercase;
        font-weight: normal; }
      #wrapper.success-equation #compass-wrap .compass-popup h5 {
        color: #edb92b;
        font-size: 20px;
        margin: 0 0 10px;
        padding: 0;
        font-weight: normal; }
      #wrapper.success-equation #compass-wrap .compass-popup p {
        color: #fff;
        font-size: 18px;
        margin: 0;
        padding: 0; }
      #wrapper.success-equation #compass-wrap .compass-popup[data-compass="mission"] {
        width: 465px;
        height: 220px;
        top: -65px;
        left: 10px; }
      #wrapper.success-equation #compass-wrap .compass-popup[data-compass="vision"] {
        width: 345px;
        height: 200px;
        top: 150px;
        left: 385px; }
      #wrapper.success-equation #compass-wrap .compass-popup[data-compass="social"] {
        width: 635px;
        height: 375px;
        top: 285px;
        left: -75px; }
      #wrapper.success-equation #compass-wrap .compass-popup[data-compass="values"] {
        width: 400px;
        height: 480px;
        top: 0px;
        left: -290px; }
  #wrapper.success-equation .success-lines p {
    max-width: 490px;
    margin: 0 auto;
    padding: 5px 0; }
  #wrapper.success-equation .padding-content {
    padding: 0px 80px 45px 80px; }
  #wrapper.success-equation #wrapper-main.page-floating #main-content {
    padding: 45px 0; }
    #wrapper.success-equation #wrapper-main.page-floating #main-content hr {
      color: #e0902f;
      border-top: 1px solid #e0902f;
      border-bottom: none; }
    #wrapper.success-equation #wrapper-main.page-floating #main-content h1 {
      color: #5b5b5b;
      font-weight: 300;
      font-size: 58px;
      font-style: italic; }
    #wrapper.success-equation #wrapper-main.page-floating #main-content h1 sup {
      font-size: 0.6em;
      top: 0; }
    #wrapper.success-equation #wrapper-main.page-floating #main-content h3 {
      color: #e0902f;
      font-size: 24px;
      margin: 0;
      font-weight: normal; }
    #wrapper.success-equation #wrapper-main.page-floating #main-content a {
      color: #e0902f; }
  #wrapper.success-equation #compass {
    width: 491px;
    height: 491px;
    margin: 0;
    border: 1px solid #aaa;
    position: relative; }
  #wrapper.success-equation #spinner {
    width: 88px;
    height: 322px;
    border: 1px solid black;
    border-top: 20px solid red;
    margin-left: 50%;
    transform: translate(-50%, 0) rotate(10deg);
    transition: transform 550ms cubic-bezier(0.09, 0.65, 0.17, 1.58); }
  #wrapper.success-equation #spinner.transitionNow {
    transition: transform 0ms cubic-bezier(0, 0.43, 0.61, 1.22); }
  #wrapper.success-equation #compass > svg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }

@media only screen and (max-width: 1400px) {
  #wrapper.success-equation #compass-wrap .compass-popup[data-compass="mission"] {
    left: 10px; }
  #wrapper.success-equation #compass-wrap .compass-popup[data-compass="vision"] {
    left: 385px; }
  #wrapper.success-equation #compass-wrap .compass-popup[data-compass="social"] {
    left: -75px; }
  #wrapper.success-equation #compass-wrap .compass-popup[data-compass="values"] {
    left: -160px; } }

@media only screen and (max-width: 920px) {
  #wrapper.success-equation #compass-wrap .compass-popup[data-compass="mission"] {
    left: 10px; }
  #wrapper.success-equation #compass-wrap .compass-popup[data-compass="vision"] {
    left: 305px; }
  #wrapper.success-equation #compass-wrap .compass-popup[data-compass="social"] {
    left: -75px; }
  #wrapper.success-equation #compass-wrap .compass-popup[data-compass="values"] {
    left: -160px; } }

@media only screen and (max-width: 849px) {
  #wrapper.success-equation .padding-content {
    padding: 0px 20px; }
  #wrapper.success-equation #compass-wrap {
    background: none;
    width: 100%;
    height: auto;
    margin: 0 auto; }
    #wrapper.success-equation #compass-wrap #compass {
      background: none;
      width: 100%;
      height: auto; }
    #wrapper.success-equation #compass-wrap #compass-mobile {
      display: block; }
    #wrapper.success-equation #compass-wrap #compass-inner {
      width: 100%;
      height: auto;
      padding: 20px;
      background: none; }
    #wrapper.success-equation #compass-wrap #compass-inner svg {
      display: none; }
    #wrapper.success-equation #compass-wrap .compass-popup {
      padding: 15px 20px 20px 20px; }
      #wrapper.success-equation #compass-wrap .compass-popup[data-compass="mission"], #wrapper.success-equation #compass-wrap .compass-popup[data-compass="vision"], #wrapper.success-equation #compass-wrap .compass-popup[data-compass="social"], #wrapper.success-equation #compass-wrap .compass-popup[data-compass="values"] {
        opacity: 1.0;
        width: 100%;
        height: auto;
        position: relative;
        left: auto;
        top: auto;
        box-shadow: none;
        border-radius: 0;
        border-bottom: 1px solid #000; }
      #wrapper.success-equation #compass-wrap .compass-popup[data-compass="mission"] {
        margin-top: 0;
        padding-top: 30px; }
  #wrapper.success-equation .compass-close,
  #wrapper.success-equation #compass-banner,
  #wrapper.success-equation #compass-pointer,
  #wrapper.success-equation #compass-mission,
  #wrapper.success-equation #compass-vision,
  #wrapper.success-equation #compass-social,
  #wrapper.success-equation #compass-values {
    display: none; } }

@media only screen and (max-width: 600px) {
  #wrapper.success-equation #compass-wrap #compass-inner {
    padding: 20px 0; }
  #wrapper.success-equation #compass-wrap .compass-popup h4 {
    font-size: 25px; }
  #wrapper.success-equation #compass-wrap .compass-popup h4 {
    font-size: 20px; }
  #wrapper.success-equation #compass-wrap .compass-popup p {
    font-size: 15px; }
  #wrapper.success-equation #wrapper-main.page-floating #main-content h1 {
    font-size: 45px; } }

/*********************
SYSTEMS LANDING PAGE STYLES
*********************/
.page-template-page-systems-landing .systems-box-large {
  width: 100%;
  background-size: cover;
  margin: 0 auto 100px; }
  .page-template-page-systems-landing .systems-box-large .systems-box-large-content {
    max-width: 570px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 35px 55px; }
    .page-template-page-systems-landing .systems-box-large .systems-box-large-content h3 {
      font-size: 50px;
      font-weight: 300;
      font-style: italic;
      text-transform: uppercase;
      line-height: 1.2em;
      margin: 0 0 20px; }
    .page-template-page-systems-landing .systems-box-large .systems-box-large-content p {
      color: #fff;
      font-size: 16px; }

.page-template-page-systems-landing .systems-box-small {
  width: 100%;
  padding: 35px 55px; }
  .page-template-page-systems-landing .systems-box-small .systems-box-small-image {
    float: left;
    width: 33.32%; }
  .page-template-page-systems-landing .systems-box-small .systems-box-small-content {
    float: right;
    width: 66.65%;
    padding: 0 0 0 35px; }
    .page-template-page-systems-landing .systems-box-small .systems-box-small-content h3 {
      color: #fdb61a;
      font-size: 30px;
      font-weight: 600;
      line-height: 1.2em;
      margin: 0 0 20px; }
    .page-template-page-systems-landing .systems-box-small .systems-box-small-content p {
      color: #5b5b5b;
      font-size: 16px; }

.page-template-page-systems-landing #systems-landing-wrapper {
  width: 100%; }
  .page-template-page-systems-landing #systems-landing-wrapper h3 {
    color: #fdb61a; }
  .page-template-page-systems-landing #systems-landing-wrapper p {
    font-size: 16px; }
  .page-template-page-systems-landing #systems-landing-wrapper a {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    background-color: #ea5429;
    text-decoration: none;
    font-size: 18px;
    margin: 0 0 20px;
    padding: 5px 40px 5px 10px;
    position: relative;
    line-height: 1.0em; }
    .page-template-page-systems-landing #systems-landing-wrapper a div.arrow-link {
      background: url("/assets/images/arrow-link.png") no-repeat;
      width: 19px;
      height: 18px;
      padding: 0;
      margin: -9px 0 0 0;
      position: absolute;
      right: 10px;
      top: 50%; }
  .page-template-page-systems-landing #systems-landing-wrapper a:hover {
    background-color: rgba(234, 84, 41, 0.9); }

/*********************
SYSTEM OVERVIEW STYLES
*********************/
.page-template-page-systems-overview #system-overview-header-wrap {
  width: 100%;
  max-width: 1420px;
  margin: 0 auto;
  padding: 40px 0; }
  .page-template-page-systems-overview #system-overview-header-wrap #system-overview-header {
    background-size: cover !important;
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    color: #fff;
    position: relative; }
    .page-template-page-systems-overview #system-overview-header-wrap #system-overview-header #system-overview-header-left {
      width: 70%;
      max-width: 420px;
      float: left; }
      .page-template-page-systems-overview #system-overview-header-wrap #system-overview-header #system-overview-header-left h1 {
        color: #fdb61a;
        font-size: 60px;
        font-weight: 300;
        font-style: italic;
        margin: 0 0 30px;
        line-height: 1em !important;
        text-transform: uppercase; }
      .page-template-page-systems-overview #system-overview-header-wrap #system-overview-header #system-overview-header-left p {
        color: #fff; }
    .page-template-page-systems-overview #system-overview-header-wrap #system-overview-header #system-overview-header-right {
      width: 35%;
      float: right;
      padding: 0 0 0 30px; }

.page-template-page-systems-overview div.system-section {
  margin: 0 0 40px; }
  .page-template-page-systems-overview div.system-section .system-section-title {
    border-bottom: 1px solid #f8911e;
    margin: 0 1% 20px 0; }
    .page-template-page-systems-overview div.system-section .system-section-title h2 {
      color: #5b5b5b;
      font-size: 24px;
      font-weight: bold;
      text-transform: uppercase;
      margin: 0 !important;
      padding: 0; }
  .page-template-page-systems-overview div.system-section .system-section-content .system-exerpt {
    max-width: 49.99%;
    width: 100%;
    float: left; }
  .page-template-page-systems-overview div.system-section .child-page {
    background-color: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(204, 204, 204, 0.8);
    width: 22.99%;
    margin: 0 1% 30px 1%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 190px; }
    .page-template-page-systems-overview div.system-section .child-page .child-page-image img {
      width: 140%;
      max-width: none;
      margin: -20% 0 0 -20%;
      height: auto; }
    .page-template-page-systems-overview div.system-section .child-page .child-page-link {
      background-color: #ea5429;
      width: 100%;
      max-width: none;
      position: absolute;
      bottom: 0;
      left: 0;
      color: #fff;
      padding: 0;
      margin: 0;
      display: block;
      min-height: 60px; }
      .page-template-page-systems-overview div.system-section .child-page .child-page-link p {
        line-height: 1.0em;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        text-decoration: none;
        color: #fff;
        margin: 0;
        padding: 20px 20px 20px 15px;
        display: inline;
        text-transform: initial; }
      .page-template-page-systems-overview div.system-section .child-page .child-page-link span {
        background-image: url("/assets/images/small-arrow.png");
        background-repeat: no-repeat;
        background-position: right 2px;
        padding-right: 15px; }
  .page-template-page-systems-overview div.system-section .subheader-pages {
    width: 100%;
    float: left;
    padding: 0; }
    .page-template-page-systems-overview div.system-section .subheader-pages p {
      color: #f8911e;
      font-size: 22px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 0 0 3px;
      line-height: 1.0em;
      border-bottom: 1px solid #f8911e;
      margin: 0 0 20px; }
  .page-template-page-systems-overview div.system-section h3 {
    color: #fdb61a; }
  .page-template-page-systems-overview div.system-section p {
    font-size: 14px; }

.page-template-page-systems-overview #systems-overview-wrapper {
  width: 70%;
  padding-right: 3%; }

/*********************
PRODUCT PAGE STYLES
*********************/
#main-content .product-hud {
  border-bottom: 1px solid #f8911e;
  padding: 0 0 5px;
  margin: 0 0 10px 0; }
  #main-content .product-hud,
  #main-content .product-hud a {
    color: #f8911e;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px; }

#main-content {
  float: left; }
  #main-content h1 {
    color: #5b5b5b;
    font-weight: 300;
    text-transform: uppercase;
    font-style: italic;
    line-height: 1.2em;
    margin: 0 0 20px 0; }

#product-box-wrapper #product-box-image {
  padding: 2%; }

#product-box-wrapper #product-box-details {
  background: #ea532a;
  padding: 20px; }

#product-box-wrapper #system-downloads {
  margin-bottom: 30px;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  text-transform: uppercase; }
  #product-box-wrapper #system-downloads a {
    margin: 0 40px 0 20px;
    color: #fff;
    text-decoration: none;
    padding: 0 25px 0 0;
    font-size: 20px;
    background: url("/assets/images/arrow-link.png") no-repeat right center; }
  #product-box-wrapper #system-downloads a.ss-pdf, #product-box-wrapper #system-downloads a.ss-doc {
    margin: 0 0 0 20px; }

#product-box-wrapper .system-details p {
  border-bottom: 1px solid #f8911e;
  color: #fff;
  font-size: 25px;
  margin: 0 0 10px 0;
  font-weight: 300;
  text-decoration: uppercase; }

#product-box-wrapper .system-details a {
  color: #fff;
  text-decoration: none;
  padding: 0 25px 0 0;
  margin: 0 0 0 15px;
  font-size: 20px;
  background: url("/assets/images/arrow-link.png") no-repeat right center;
  font-weight: 400; }

#product-box-wrapper .system-group p {
  border-bottom: 1px solid #f8911e;
  color: #fff;
  font-size: 30px;
  font-weight: 300;
  text-decoration: uppercase; }

#product-box-wrapper .system-group a {
  color: #fff;
  text-decoration: none;
  padding: 0 25px 0 0;
  margin: 0 0 0 25px;
  font-size: 20px;
  background: url("/assets/images/arrow-link.png") no-repeat right center; }

#product-box-wrapper .system-specifications-documents ul {
  margin: 0; }
  #product-box-wrapper .system-specifications-documents ul li {
    list-style: none;
    color: #fff;
    font-size: 20px; }
    #product-box-wrapper .system-specifications-documents ul li a {
      text-transform: none !important; }

#product-section {
  margin: 40px 0; }
  #product-section table {
    width: 100%; }
    #product-section table tr td {
      color: #fff;
      vertical-align: center;
      padding: 2%; }
      #product-section table tr td:first-child {
        background: #5b5b5b;
        width: 35%;
        text-align: center;
        font-size: 24px; }
      #product-section table tr td:last-child {
        background: #f8911e;
        font-size: 18px; }
        #product-section table tr td:last-child strong {
          font-size: 28px;
          color: #fff;
          font-weight: 400; }

.certifications {
  margin: 40px 0; }
  .certifications table {
    width: 100%; }
    .certifications table tr td {
      color: #fff;
      vertical-align: center;
      padding: 0 2%; }
      .certifications table tr td:first-child {
        background: #5b5b5b;
        text-align: center;
        font-size: 20px;
        width: 155px; }
    .certifications table img {
      max-height: 80px;
      padding-right: 20px; }

.application-inner table tr td.certifications-systems {
  width: 26%; }

.application-inner td.cert-orange {
  background: #e0902f;
  color: #fff;
  padding: 0 20px;
  width: 13%;
  text-align: center;
  font-size: 17px;
  font-weight: bold; }

.application-inner td.cert-gray {
  background: #909090;
  color: #fff;
  padding: 0 20px;
  width: 13%;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  border-top: 1px solid #fff; }

sup {
  font-size: 0.4em;
  vertical-align: super; }

#product-information h1, #product-information h2, #product-information h3 {
  color: #5b5b5b; }

#product-information sup {
  font-size: 0.4em;
  vertical-align: super; }

#product-information p, #product-information p strong {
  color: #5b5b5b;
  font-size: 18px; }

#product-information a {
  text-decoration: none;
  font-size: 18px; }

#product-specs p strong {
  color: #5b5b5b;
  font-weight: bold; }

#product-specs ol {
  margin: 0 0 20px 20px; }
  #product-specs ol li {
    color: #5b5b5b;
    list-style: disc;
    padding: 0;
    margin: 0 0 10px 10px;
    font-weight: normal; }

#product-specs ul {
  margin: 0 0 20px 20px; }
  #product-specs ul li {
    color: #5b5b5b;
    padding: 0;
    margin: 0 0 10px 10px;
    font-weight: normal; }

#product-specs h2 {
  color: #5b5b5b;
  font-style: italic;
  font-size: 30px;
  font-weight: 300;
  margin: 40px 0 20px;
  border-bottom: 2px solid #f8911e;
  padding: 0 0 5px; }

#product-specs p {
  padding-left: 15px; }

#product-specs span.subheading {
  font-size: 20px;
  font-weight: 600;
  margin: 20px 0 0 -15px;
  display: block; }

#wrapper-main.products #sidebar {
  float: right; }
  #wrapper-main.products #sidebar #sidebar-inner {
    background: none;
    min-height: 267px; }
  #wrapper-main.products #sidebar p {
    color: #5b5b5b;
    font-style: italic;
    font-size: 30px;
    font-weight: 300;
    margin: 0 0 10px; }
  #wrapper-main.products #sidebar .gallery-grid {
    padding: 1%;
    position: relative;
    z-index: 10; }
    #wrapper-main.products #sidebar .gallery-grid .gallery-image-tile {
      width: 46%;
      float: left;
      position: relative;
      margin-bottom: 8%; }
      #wrapper-main.products #sidebar .gallery-grid .gallery-image-tile img {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0; }
    #wrapper-main.products #sidebar .gallery-grid .gallery-tile-text {
      transition: opacity 0.2s ease-in-out;
      opacity: 0;
      cursor: pointer;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.75);
      top: 0;
      left: 0;
      position: absolute;
      padding: 0 5%;
      display: flex;
      align-items: center; }
      #wrapper-main.products #sidebar .gallery-grid .gallery-tile-text p {
        width: 100%;
        color: #fff;
        text-align: center;
        font-size: 18px;
        padding-bottom: 0px;
        background: none;
        line-height: 1.2em;
        font-weight: bold; }
    #wrapper-main.products #sidebar .gallery-grid .gallery-image-tile:nth-child(odd) {
      margin-right: 8%; }
    #wrapper-main.products #sidebar .gallery-grid .gallery-tile-text.active-gallery-tile {
      opacity: 1.0; }
    #wrapper-main.products #sidebar .gallery-grid .gallery-tile-text:hover {
      opacity: 1.0; }
  #wrapper-main.products #sidebar #installation-video {
    margin-bottom: 8%;
    padding: 1%; }

/*********************
SEARCH STYLES
*********************/
#search-wide {
  height: 112px; }

#search-wide #searchbar-wrapper {
  position: fixed;
  top: 138px;
  width: 100%;
  z-index: 9997; }

#search-wide.hidden #searchbar-wrapper {
  position: relative;
  top: 0px;
  width: 100%;
  z-index: 9997; }

body.home #search-wide #searchbar-wrapper {
  position: relative;
  top: 0px;
  width: 100%;
  z-index: 9997; }

body.home #search-wide #searchbar-wrapper.pinned {
  position: fixed;
  top: 138px;
  width: 100%;
  z-index: 9997; }

#search-wide.hidden {
  max-height: 0;
  overflow: hidden; }

#search-small #searchbar-wrapper #search-products {
  width: 100%; }

#search-small #searchbar-wrapper #search-application {
  width: 100%; }

#search-small #searchbar-wrapper #search-products {
  width: 100%;
  float: left;
  padding: 0 0 38px 0;
  margin-bottom: 5px;
  background: url("/assets/images/or-icon.png") no-repeat bottom left; }

#search-small #searchbar-wrapper #search-application {
  width: 100%;
  padding: 0; }

#search-small #searchbar-wrapper #searchbar {
  background: none; }

#search-small #searchbar-wrapper #searchbar p {
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  line-height: 1.0em;
  margin: 0 0 10px 0; }

#search-small #searchbar-wrapper #search-certification {
  width: 100%;
  float: left;
  padding: 32px 0 0 0;
  margin: 10px auto 0;
  background: url("/assets/images/or-icon.png") no-repeat top left; }

#search-small.pinned {
  position: fixed;
  width: 30%;
  top: 130px;
  max-width: 362px;
  z-index: 999; }

div.spacing {
  padding: 1%; }

#search-button {
  width: 50px;
  height: 50px;
  background: url("/assets/images/search-icon.png") no-repeat;
  cursor: pointer;
  top: 15px;
  right: 100px;
  position: absolute;
  display: none; }

#searchbar-wrapper {
  width: 100%;
  background: url("/assets/images/bg-flooring.jpg") no-repeat center top;
  background-size: cover;
  padding: 20px; }
  #searchbar-wrapper #searchbar {
    max-width: 1220px;
    width: 100%;
    margin: 0 auto; }
    #searchbar-wrapper #searchbar p {
      text-transform: uppercase;
      color: #fff;
      font-size: 16px; }
  #searchbar-wrapper #search-products {
    width: 33.32%;
    float: left;
    padding-right: 50px;
    background-image: url("/assets/images/or-icon.png");
    background-repeat: no-repeat;
    background-position: right bottom; }
    #searchbar-wrapper #search-products form {
      width: 100%;
      position: relative;
      box-sizing: border-box; }
    #searchbar-wrapper #search-products label {
      width: 100%;
      height: 32px;
      padding: 0;
      position: relative;
      box-sizing: border-box; }
    #searchbar-wrapper #search-products input.search-field {
      color: #5b5b5b;
      width: 100%;
      height: 32px;
      padding: 0 32px 0 10px;
      margin: 0;
      outline: none;
      box-shadow: none;
      border: none;
      box-sizing: border-box; }
    #searchbar-wrapper #search-products input.search-submit {
      width: 32px;
      height: 32px;
      position: absolute;
      top: 0;
      right: 0;
      border: none;
      outline: none;
      box-shadow: none;
      padding: 0;
      margin: 0;
      background: url("/assets/images/search-icon-small.jpg") no-repeat top left; }
  #searchbar-wrapper #search-application {
    width: 33.32%;
    float: left;
    padding-left: 25px;
    padding-right: 25px; }
    #searchbar-wrapper #search-application select {
      width: 100%;
      padding: 0 32px 0 10px;
      box-sizing: border-box;
      outline: none;
      color: #5b5b5b;
      border: none;
      height: 32px;
      border-radius: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      background: url("/assets/images/search-icon-down-small.jpg") no-repeat right center #fff; }
  #searchbar-wrapper #search-certification {
    width: 33.32%;
    float: left;
    padding-left: 50px;
    background-image: url("/assets/images/or-icon.png");
    background-repeat: no-repeat;
    background-position: left bottom; }
    #searchbar-wrapper #search-certification select {
      width: 100%;
      padding: 0 32px 0 10px;
      box-sizing: border-box;
      outline: none;
      color: #5b5b5b;
      border: none;
      height: 32px;
      border-radius: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      background: url("/assets/images/search-icon-down-small.jpg") no-repeat right center #fff; }

@media only screen and (max-width: 1030px) {
  #search-wide #searchbar-wrapper #searchbar p {
    font-size: 14px; } }

@media only screen and (max-width: 930px) {
  #search-wide #searchbar-wrapper #searchbar p {
    font-size: 14px; }
  #search-wide #searchbar-wrapper #search-products p {
    max-width: 100px; }
  #search-wide #searchbar-wrapper #search-certification p {
    font-size: 14px;
    max-width: 150px; }
  #search-wide #searchbar-wrapper #search-application p {
    font-size: 14px;
    max-width: 150px; } }

@media only screen and (max-width: 767px) {
  #search-wide #searchbar-wrapper #searchbar p {
    font-size: 16px; }
  #search-wide #searchbar-wrapper #search-products p {
    max-width: none; }
  #search-wide #searchbar-wrapper #search-certification p {
    font-size: 14px;
    max-width: none; }
  #search-wide #searchbar-wrapper #search-application p {
    font-size: 14px;
    max-width: none; } }

/*********************
FLOATING PAGE STYLES
*********************/
#wrapper-main.page-floating {
  background-size: cover;
  background-attachment: fixed; }
  #wrapper-main.page-floating #main {
    margin: 0 auto;
    padding: 0; }
  #wrapper-main.page-floating #main.green h1, #wrapper-main.page-floating #main.green h2, #wrapper-main.page-floating #main.green h3, #wrapper-main.page-floating #main.green h4, #wrapper-main.page-floating #main.green h5, #wrapper-main.page-floating #main.green h6, #wrapper-main.page-floating #main.green p strong, #wrapper-main.page-floating #main.green a {
    color: #00813a; }
  #wrapper-main.page-floating #main-content {
    max-width: 845px;
    width: 100%;
    float: left;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 45px 80px;
    margin: 0 0 35px; }
    #wrapper-main.page-floating #main-content h1 {
      font-size: 55px;
      color: #ea532a;
      font-style: italic;
      font-weight: 300;
      line-height: 1.0em;
      padding: 0;
      margin: 0 0 20px; }
    #wrapper-main.page-floating #main-content h2 {
      font-size: 24px;
      color: #ea532a;
      font-style: normal;
      font-weight: 600;
      line-height: 1.0em;
      padding: 0;
      margin: 0 0 35px; }
    #wrapper-main.page-floating #main-content h3 {
      font-size: 20px;
      color: #ea532a;
      font-style: normal;
      font-weight: 600;
      line-height: 1.0em;
      padding: 20px 0 15px;
      margin: 0; }
    #wrapper-main.page-floating #main-content table {
      width: 100%; }
      #wrapper-main.page-floating #main-content table tr td {
        padding: 15px 20px;
        color: #5b5b5b; }
        #wrapper-main.page-floating #main-content table tr td strong {
          color: #5b5b5b; }
      #wrapper-main.page-floating #main-content table tr td:first-child {
        border-right: 1px solid #5b5b5b; }
      #wrapper-main.page-floating #main-content table tr:nth-child(even) {
        background: #eee; }
      #wrapper-main.page-floating #main-content table tr:first-child td {
        vertical-align: top;
        padding-top: 0; }
  #wrapper-main.page-floating #main-content.no-margin-bottom {
    margin-bottom: 0; }
  #wrapper-main.page-floating div.green-section-content {
    max-width: 845px;
    width: 100%;
    float: left;
    background-color: #147828;
    padding: 45px 80px;
    margin: 0 0 70px; }
    #wrapper-main.page-floating div.green-section-content p {
      color: #fff;
      font-size: 20px;
      line-height: 1.4em;
      font-weight: 300;
      margin: 0 0 25px 0; }
    #wrapper-main.page-floating div.green-section-content p strong {
      font-size: 24px;
      color: #fff !important;
      font-weight: 400; }
    #wrapper-main.page-floating div.green-section-content p em {
      display: block;
      margin-top: 10px; }

div.accordions-wrapper div.accordion-header {
  position: relative;
  margin: 0 0 5px 0; }
  div.accordions-wrapper div.accordion-header p {
    color: #ea532a;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding: 0 25px 0 0;
    cursor: pointer !important;
    display: inline;
    background: url("/assets/images/arrow-orange-small.png") no-repeat right center; }

div.accordions-wrapper div.accordion-content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out; }

div.accordions-wrapper.active-accordions div.accordion-content {
  max-height: 10000px;
  transition: max-height 0.3s ease-in; }

div.accordions-wrapper.active-accordions div.accordion-header p {
  background: url("/assets/images/arrow-orange-small-down.png") no-repeat right center; }

/*********************
AFFLILIATIONS STYLES
*********************/
div.affiliation {
  margin: 0 0 35px 0; }
  div.affiliation p {
    margin: 0 0 20px 0; }
  div.affiliation p strong {
    color: #ea532a;
    font-size: 24px;
    text-transform: uppercase; }
  div.affiliation a.certificate {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    background: #0d525c;
    text-decoration: none;
    font-size: 18px;
    margin: 0 0 20px;
    padding: 5px 40px 5px 10px;
    position: relative;
    line-height: 1.0em; }
    div.affiliation a.certificate div.arrow-cert {
      background: url("/assets/images/arrow-link.png") no-repeat;
      width: 19px;
      height: 18px;
      padding: 0;
      margin: 0;
      position: absolute;
      right: 10px;
      top: 5px; }
  div.affiliation a.certificate:hover {
    background: rgba(13, 82, 92, 0.8); }
  div.affiliation:nth-child(odd) img {
    float: left;
    padding: 0 30px 20px 0; }
  div.affiliation:nth-child(even) img {
    float: right;
    padding: 0 0 20px 30px; }
  div.affiliation:nth-child(odd) .a-image {
    width: 30%;
    float: left; }
  div.affiliation:nth-child(odd) .a-content {
    width: 70%;
    float: right; }
  div.affiliation:nth-child(even) .a-image {
    width: 30%;
    float: right; }
  div.affiliation:nth-child(even) .a-content {
    width: 70%;
    float: left; }
  div.affiliation div.mfma span img {
    border: 10px solid #fff !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 10px 0 0 !important; }

/*********************
APPLICATIONS PAGE STYLES
*********************/
div.main-applications {
  max-width: 780px;
  width: 100%;
  padding-bottom: 40px; }
  div.main-applications h1 {
    color: #5b5b5b;
    line-height: 1.0em;
    text-transform: uppercase;
    margin-bottom: 20px; }

#applications-wrapper {
  background: #eee;
  padding: 0;
  margin-bottom: 15px; }
  #applications-wrapper #applications-top {
    padding: 0 0 0 1%; }
    #applications-wrapper #applications-top .applications-tab[data-applications="0"],
    #applications-wrapper #applications-top .applications-tab[data-applications="1"],
    #applications-wrapper #applications-top .applications-tab[data-applications="2"],
    #applications-wrapper #applications-top .applications-tab[data-applications="3"],
    #applications-wrapper #applications-top .applications-tab[data-applications="4"] {
      width: 19%; }
    #applications-wrapper #applications-top .applications-tab {
      min-height: 60px;
      width: 19%;
      float: left;
      margin: 1% 1% 0 0;
      background: #5b5b5b;
      cursor: pointer;
      position: relative; }
      #applications-wrapper #applications-top .applications-tab a {
        color: #fff;
        text-align: center;
        text-decoration: none;
        width: 100%;
        padding: 10px 10%;
        display: block;
        cursor: pointer;
        position: absolute;
        transform: translateY(-50%);
        top: 50%; }
      #applications-wrapper #applications-top .applications-tab.active-tab a,
      #applications-wrapper #applications-top .applications-tab a:hover {
        background: #e08f2f; }
      #applications-wrapper #applications-top .applications-tab:hover,
      #applications-wrapper #applications-top .applications-tab:hover a, #applications-wrapper #applications-top .applications-tab.active-tab {
        background: #e08f2f; }
      #applications-wrapper #applications-top .applications-tab.active-tab, #applications-wrapper #applications-top .applications-tab:hover {
        border: 1px solid rgba(91, 91, 91, 0.1); }

#app-wrap {
  padding: 0 1%; }

#applications-wrapper {
  padding: 0 0 50px 0; }
  #applications-wrapper h1 {
    font-size: 30px;
    font-style: none;
    font-weight: bold;
    line-height: 1.0em;
    color: #5b5b5b; }

#application-main-top {
  padding: 30px 1% 15px 30px; }
  #application-main-top h1 {
    font-weight: normal; }

#application-key {
  padding: 20px 1% 0 0px; }
  #application-key .app-key {
    padding: 0 40px 20px 0;
    line-height: 1.2em;
    vertical-align: middle;
    float: left; }
  #application-key .circle-app {
    border-radius: 100%;
    width: 36px;
    height: 36px;
    float: left;
    margin-right: 10px; }
  #application-key .circle-app-title {
    color: #5b5b5b;
    font-size: 18px;
    float: left;
    line-height: 36px; }
  #application-key .app-key-orange .circle-app {
    background: #ea532a; }
  #application-key .app-key-green .circle-app {
    background: #00813a; }
  #application-key .app-key-blue .circle-app {
    background: #005f9e; }

div.application {
  width: 100%;
  float: left;
  padding: 0; }
  div.application .application-header {
    background: #e08f2f;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    padding: 5px 30px 5px 20px;
    border-bottom: 1px solid #eee; }
  div.application .application-inner {
    background: #fff;
    box-shadow: 0px 5px 8px rgba(158, 158, 158, 0.1);
    /*border-right:1px solid #9e9e9e;*/
    padding-bottom: 20px; }
  div.application.application-portable .application-inner {
    border-right: none; }
  div.application a {
    background-color: white;
    padding: 15px 30px 15px 20px;
    position: relative;
    width: auto;
    display: inherit;
    text-decoration: none;
    color: #5b5b5b;
    font-size: 16px; }
    div.application a div.arrow-link {
      background: url("/assets/images/arrow-application.png") no-repeat;
      width: 19px;
      height: 18px;
      padding: 0;
      margin: -9px 0 0 0;
      position: absolute;
      right: 0px;
      top: 50%; }
  div.application a:hover {
    background-color: rgba(235, 235, 235, 0.5); }
  div.application a.enfiba {
    background-color: #ea532a; }
  div.application a.enfiba:hover {
    background-color: rgba(234, 83, 42, 0.9); }
  div.application a.wsf {
    background-color: #00813a; }
  div.application a.wsf:hover {
    background-color: rgba(0, 129, 58, 0.9); }
  div.application a.both {
    background-color: #005f9e; }
  div.application a.both:hover {
    background-color: rgba(0, 95, 158, 0.9); }
  div.application a.enfiba,
  div.application a.wsf,
  div.application a.both {
    color: #fff; }
    div.application a.enfiba div.arrow-link,
    div.application a.wsf div.arrow-link,
    div.application a.both div.arrow-link {
      background: url("/assets/images/arrow-application-white.png") no-repeat; }

.certifications-table {
  margin: 0 0 0 20px; }
  .certifications-table table.certifications-images tr td img {
    max-height: 70px;
    padding: 10px; }

.application-inner table tr td.certifications-systems {
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed; }

.application-inner table tr td.certs-table {
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed; }

.application-inner table tr td.certs-table {
  width: 61%; }

.application-inner a.page-certs span {
  background: url("/assets/images/arrow-application.png") no-repeat center right;
  padding-right: 25px; }

.application-inner a.page-certs:hover {
  background: #fff;
  color: #e08f2f; }

/*********************
GALLERY PAGE STYLES
*********************/
#gallery-wrapper {
  background: #eee;
  padding: 0; }
  #gallery-wrapper #gallery-top {
    padding: 0 0 0 1%;
    position: relative; }
    #gallery-wrapper #gallery-top .gallery-tab {
      min-height: 60px;
      width: 15.66%;
      float: left;
      margin: 1% 1% 1% 0;
      background: #5b5b5b;
      cursor: pointer;
      position: relative; }
      #gallery-wrapper #gallery-top .gallery-tab a {
        color: #fff;
        text-align: center;
        text-decoration: none;
        width: 100%;
        padding: 10px 20%;
        display: block;
        cursor: pointer;
        position: absolute;
        transform: translateY(-50%);
        top: 50%; }
      #gallery-wrapper #gallery-top .gallery-tab.active-tab a,
      #gallery-wrapper #gallery-top .gallery-tab a:hover {
        background: #eee;
        color: #5b5b5b; }
      #gallery-wrapper #gallery-top .gallery-tab:hover, #gallery-wrapper #gallery-top .gallery-tab.active-tab {
        background: #eee;
        color: #5b5b5b; }
  #gallery-wrapper .gallery-image-tile {
    width: 19%;
    float: left;
    margin: 5px 0.5%;
    position: relative; }
    #gallery-wrapper .gallery-image-tile img {
      display: block; }
  #gallery-wrapper .gallery-tile-text {
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    top: 0;
    left: 0;
    position: absolute;
    padding: 0 5%;
    display: flex;
    align-items: center; }
    #gallery-wrapper .gallery-tile-text p {
      color: #fff;
      text-align: center;
      font-size: 18px;
      text-transform: uppercase;
      padding-bottom: 15px;
      background: url("/assets/images/gallery-arrow.png") no-repeat bottom center; }
  #gallery-wrapper .gallery-tile-text.active-gallery-tile {
    opacity: 1.0; }
  #gallery-wrapper .gallery-tile-text:hover {
    opacity: 1.0; }
  #gallery-wrapper .gallery-close {
    position: absolute;
    top: 0;
    right: 0px;
    padding: 20px;
    cursor: pointer; }
  #gallery-wrapper .gallery-image-bottom {
    height: 10px;
    width: 100%;
    background: #ea532a;
    background-color: #d74c27;
    /* Fallback */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ea532a), to(#c34523));
    background-image: -webkit-linear-gradient(top, #ea532a, #c34523);
    background-image: -moz-linear-gradient(top, #ea532a, #c34523);
    background-image: -ms-linear-gradient(top, #ea532a, #c34523);
    background-image: -o-linear-gradient(top, #ea532a, #c34523);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ea532a', EndColorStr='#c34523')";
    position: absolute;
    bottom: 0;
    left: 0; }
  #gallery-wrapper .gallery-image-top {
    height: 10px;
    width: 100%;
    background: #ea532a;
    background-color: #d74c27;
    /* Fallback */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c34523), to(#ea532a));
    background-image: -webkit-linear-gradient(top, #c34523, #ea532a);
    background-image: -moz-linear-gradient(top, #c34523, #ea532a);
    background-image: -ms-linear-gradient(top, #c34523, #ea532a);
    background-image: -o-linear-gradient(top, #c34523, #ea532a);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c34523', EndColorStr='#ea532a')";
    position: absolute;
    top: 0;
    left: 0; }
  #gallery-wrapper .gallery-image-large {
    float: left;
    width: 60%; }
  #gallery-wrapper .gallery-image-description {
    float: right;
    width: 40%;
    padding: 7% 3% 20px  3%; }
    #gallery-wrapper .gallery-image-description p {
      color: #fff;
      line-height: 1.2em; }
  #gallery-wrapper .gallery-title {
    margin-bottom: 10px; }
    #gallery-wrapper .gallery-title p {
      font-size: 32px;
      font-weight: 400; }
  #gallery-wrapper .gallery-location {
    margin-bottom: 30px; }
    #gallery-wrapper .gallery-location p {
      font-size: 18px; }
  #gallery-wrapper .gallery-system,
  #gallery-wrapper .gallery-contractor {
    padding: 20px 0; }
    #gallery-wrapper .gallery-system table tr td,
    #gallery-wrapper .gallery-contractor table tr td {
      vertical-align: top; }
    #gallery-wrapper .gallery-system p,
    #gallery-wrapper .gallery-contractor p {
      font-size: 22px;
      font-weight: bold;
      padding: 0;
      margin: 0; }
    #gallery-wrapper .gallery-system p strong,
    #gallery-wrapper .gallery-contractor p strong {
      color: #ffac29;
      padding-right: 10px; }
    #gallery-wrapper .gallery-system a,
    #gallery-wrapper .gallery-contractor a {
      background: url("/assets/images/arrow-light-orange.png") no-repeat right center;
      color: #fff;
      text-decoration: none;
      padding-right: 35px; }
  #gallery-wrapper .gallery-grid {
    display: none; }
  #gallery-wrapper .gallery-grid.active-grid {
    display: block; }

#gallery-content-wrapper {
  padding-left: 1%; }

.grid-section {
  width: 19%;
  float: left;
  margin: 5px 0.5%;
  position: relative;
  height: auto !important; }
  .grid-section img {
    display: block; }
  .grid-section a {
    display: block; }

.gallery-image-hud {
  position: relative; }

#gallery-wrapper {
  width: 100%;
  padding-bottom: 100px; }

#grid-system-wrapper {
  margin: 0 auto; }

div.grid-section {
  background-size: contain !important;
  float: left;
  margin: 0 1% 1% 0; }

#main, body {
  background-color: transparent; }

/* needed for paralax */
.page-width {
  margin: 0 auto;
  padding: 0 3%; }

.white-bg {
  width: 100%;
  background-color: white; }

body {
  -webkit-overflow-scrolling: touch; }

div.grid-section img.mobile-us {
  opacity: 0 !important; }

div.grid-section div.boxInner div.titleBox.mobile-title {
  margin-bottom: -18px; }

div.grid-section.ignore {
  cursor: default; }

.gallery-number-desc-wrap {
  display: none;
  float: left;
  background-color: #ea5330;
  color: #FFF4E5;
  width: 99%;
  z-index: 1000;
  height: auto;
  overflow: hidden;
  margin-bottom: 1%; }
  .gallery-number-desc-wrap .name {
    font-size: 24px;
    color: white; }
  .gallery-number-desc-wrap .role {
    margin-left: 15px;
    color: black;
    font-size: 18px; }
  .gallery-number-desc-wrap .close {
    float: right;
    cursor: pointer;
    padding: 10px; }
  .gallery-number-desc-wrap .questions {
    float: left;
    max-width: 490px;
    min-width: 200px;
    padding-top: 5px; }
  .gallery-number-desc-wrap .question {
    color: #242424 !important;
    font-weight: 300;
    font-size: 18px;
    display: block;
    width: 100%; }

.box {
  float: left;
  cursor: pointer;
  position: relative;
  width: 19%;
  margin: 5px 0.5%; }
  .box img {
    width: 100%;
    display: block; }
  .box .boxInner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    overflow: hidden; }
    .box .boxInner img {
      width: 100%; }
    .box .boxInner .titleBox {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      transition: opacity 0.2s ease-in-out;
      opacity: 0;
      cursor: pointer;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.75);
      padding: 0 5%;
      display: flex;
      align-items: center; }
      .box .boxInner .titleBox p {
        width: 100%;
        color: #fff;
        text-align: center;
        font-size: 18px;
        text-transform: uppercase;
        padding-bottom: 15px;
        background: url("/assets/images/gallery-arrow.png") no-repeat bottom center; }

.grid-section.active-grid .titleBox {
  opacity: 1; }

body .boxInner:hover .titleBox,
body.touch .boxInner.touchFocus .titleBox {
  opacity: 1.0; }

@media only screen and (max-width: 500px) {
  .gallery-number-desc-wrap img.casual {
    width: 100%; }
  .gallery-number-desc-wrap .questions {
    width: 100%; } }

@media only screen and (max-width: 550px) {
  .box {
    width: 49%; } }

@media only screen and (max-width: 820px) and (min-width: 551px) {
  /* Tablet view: 2 tiles */
  .box {
    width: 32.32%; } }

@media only screen and (max-width: 1020px) and (min-width: 821px) {
  /* Small desktop / ipad view: 3 tiles */
  .box {
    width: 24%; } }

@media only screen and (max-width: 940px) {
  #gallery-wrapper #gallery-top .gallery-tab a {
    padding: 10px 12%; } }

@media only screen and (max-width: 767px) {
  #gallery-wrapper #gallery-top .gallery-tab {
    width: 32.32%; }
  #gallery-wrapper #gallery-top .gallery-tab a {
    padding: 10px 0; } }

@media only screen and (max-width: 600px) {
  #gallery-wrapper #gallery-top .gallery-tab a {
    padding: 10px 5%; } }

@media only screen and (max-width: 400px) {
  #gallery-wrapper #gallery-top .gallery-tab {
    width: 48.99%; } }

/*********************
SYSTEMS FOR SUCCESS PAGE STYLES
*********************/
body #wrapper-main.systems-for-success {
  margin: 0 auto;
  max-width: 1260px;
  width: 100%;
  position: relative;
  font-family: 'Montserrat', sans-serif; }
  body #wrapper-main.systems-for-success p {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px; }
  body #wrapper-main.systems-for-success #success-header {
    background: url("/assets/images/bg-wood-dark.jpg") no-repeat center;
    background-size: cover;
    text-align: center;
    padding: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-style: initial;
    font-size: 85px;
    line-height: 52px; }
    body #wrapper-main.systems-for-success #success-header #for {
      color: #f8911e;
      border-top: 5px solid #f8911e;
      font-size: 60px;
      font-weight: 900;
      line-height: 53px;
      border-bottom: 5px solid #f8911e;
      display: inline-block;
      position: relative;
      top: -10px;
      margin: 0;
      padding: 0; }
  body #wrapper-main.systems-for-success .inner-content {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 30px; }
  body #wrapper-main.systems-for-success #orange-intro {
    background-color: #f8921e;
    padding: 30px 0;
    border-top: 10px solid #fff; }
    body #wrapper-main.systems-for-success #orange-intro p {
      color: #000;
      text-align: center; }
  body #wrapper-main.systems-for-success a.ls-nav-prev {
    opacity: 0.8;
    width: 42px !important;
    height: 67px !important;
    margin-top: -33px !important;
    background: url("/assets/images/success-arrow-left.png") no-repeat !important; }
  body #wrapper-main.systems-for-success a.ls-nav-prev:hover {
    opacity: 1.0; }
  body #wrapper-main.systems-for-success a.ls-nav-next {
    opacity: 0.8;
    width: 42px !important;
    height: 67px !important;
    margin-top: -33px !important;
    background: url("/assets/images/success-arrow-right.png") no-repeat !important; }
  body #wrapper-main.systems-for-success a.ls-nav-next:hover {
    opacity: 1.0; }
  body #wrapper-main.systems-for-success .green-row-1 .green-column:nth-child(2) {
    border-left: 5px solid #72cf56;
    border-right: 5px solid #72cf56; }
  body #wrapper-main.systems-for-success .green-row-1 .green-columns {
    max-width: 768px; }
  body #wrapper-main.systems-for-success .green-row-2 .green-column {
    border-right: 5px solid #72cf56; }
  body #wrapper-main.systems-for-success .green-row-2 .green-column:nth-child(4) {
    border-right: none; }
  body #wrapper-main.systems-for-success .green-row.green-row-2 .green-columns-wrap {
    width: 100%;
    background-color: #61bb47;
    padding: 10px 0 0; }
  body #wrapper-main.systems-for-success .green-row {
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    position: relative;
    border-top: 10px solid #fff; }
    body #wrapper-main.systems-for-success .green-row .white-arrow-top {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0);
      height: 0;
      width: 0;
      background: none;
      border-left: 300px solid transparent;
      border-right: 300px solid transparent;
      border-top: 50px solid #fff; }
    body #wrapper-main.systems-for-success .green-row .green-title {
      float: none;
      width: 100%;
      padding: 90px 30px 40px 30px; }
      body #wrapper-main.systems-for-success .green-row .green-title p {
        margin: 0 auto;
        padding: 0 0 12px;
        line-height: 1.0em;
        font-size: 41px;
        border-bottom: 5px solid #fff;
        text-align: center;
        color: #fff;
        width: auto;
        display: table; }
    body #wrapper-main.systems-for-success .green-row.green-row-3 .green-title {
      padding: 90px 30px 110px 30px; }
    body #wrapper-main.systems-for-success .green-row.green-row-3 .green-columns-wrap {
      background: #f7921d;
      padding: 310px 0 20px; }
    body #wrapper-main.systems-for-success .green-row.green-row-3 .green-columns.green-columns-three {
      max-width: none !important;
      padding: 20px 50px; }
    body #wrapper-main.systems-for-success .green-row .left-column-3 {
      float: left;
      width: 29%;
      text-align: left; }
    body #wrapper-main.systems-for-success .green-row .right-column-3 {
      float: right;
      width: 24%;
      text-align: right; }
    body #wrapper-main.systems-for-success .green-row .green-columns.green-columns-two {
      padding: 0 30px; }
      body #wrapper-main.systems-for-success .green-row .green-columns.green-columns-two .green-column.columns {
        width: 49.99%; }
    body #wrapper-main.systems-for-success .green-row .green-columns.green-columns-three {
      max-width: 850px;
      margin: 0 auto; }
      body #wrapper-main.systems-for-success .green-row .green-columns.green-columns-three .green-column.columns {
        width: 33.32%; }
        body #wrapper-main.systems-for-success .green-row .green-columns.green-columns-three .green-column.columns img {
          transform: scale(0, 0);
          transform-origin: center center;
          transition: all 0.5s ease-in-out 0s; }
    body #wrapper-main.systems-for-success .green-row.green-row-1-active .green-columns.green-columns-three .green-column.columns img {
      transform: scale(1, 1); }
    body #wrapper-main.systems-for-success .green-row .green-columns.green-columns-four {
      padding: 0 30px; }
      body #wrapper-main.systems-for-success .green-row .green-columns.green-columns-four .green-column.columns {
        width: 24.99%; }
        body #wrapper-main.systems-for-success .green-row .green-columns.green-columns-four .green-column.columns img {
          transform: scale(0, 0);
          transform-origin: center center;
          transition: all 0.5s ease-in-out 0s; }
    body #wrapper-main.systems-for-success .green-row.green-row-2-active .green-columns.green-columns-four .green-column.columns img {
      transform: scale(1, 1); }
    body #wrapper-main.systems-for-success .green-row .green-columns-wrap {
      width: 100%;
      background-color: #61bb47;
      padding: 10px 0; }
    body #wrapper-main.systems-for-success .green-row .green-column.columns {
      background-color: #61bb47;
      width: 24.99%;
      float: left;
      text-align: center;
      padding: 10px 3% 20px; }
      body #wrapper-main.systems-for-success .green-row .green-column.columns:last-child {
        padding: 10px 3% 20px; }
      body #wrapper-main.systems-for-success .green-row .green-column.columns p {
        color: #231f20;
        font-size: 18px;
        margin: 0;
        padding: 0 0 5px 0;
        font-weight: 100;
        line-height: 1.2em; }
      body #wrapper-main.systems-for-success .green-row .green-column.columns p strong {
        color: #231f20;
        font-size: 24px;
        padding: 0;
        line-height: 1.2em;
        font-weight: 400; }
      body #wrapper-main.systems-for-success .green-row .green-column.columns ul {
        margin: 0 0 0 25px;
        padding: 0; }
      body #wrapper-main.systems-for-success .green-row .green-column.columns li {
        padding: 0 0 5px;
        margin: 0;
        line-height: 1.4em;
        text-align: left;
        color: #231f20;
        font-size: 17px; }
  body #wrapper-main.systems-for-success .green-tabs-wrap {
    width: 100%;
    padding: 0 5% 0;
    overflow: hidden; }
  body #wrapper-main.systems-for-success .green-tabs {
    background: #00931b;
    border-radius: 30px 30px 0 0;
    padding: 15px 20px;
    position: relative;
    top: 155px;
    transition: all 0.5s ease-in-out 0s; }
  body #wrapper-main.systems-for-success .green-tabs-wrap.active-table .green-tabs {
    top: 0; }
  body #wrapper-main.systems-for-success .green-tabs-wrap.active-table table#green-tabs tr td .arrow-table {
    height: 0;
    width: 0;
    background: none;
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 40px solid white;
    transition: all 0.5s ease-in-out 0s; }
  body #wrapper-main.systems-for-success .green-tabs-wrap.active-table table#green-tabs tr td:nth-child(1) {
    color: white;
    transition: all 0.5s ease-in-out 0.2s; }
  body #wrapper-main.systems-for-success .green-tabs-wrap.active-table table#green-tabs tr td:nth-child(2) {
    color: white;
    transition: all 0.5s ease-in-out 0.4s; }
  body #wrapper-main.systems-for-success .green-tabs-wrap.active-table table#green-tabs tr td:nth-child(3) {
    color: white;
    transition: all 0.5s ease-in-out 0.6s; }
  body #wrapper-main.systems-for-success .green-tabs-wrap.active-table table#green-tabs tr td:nth-child(4) {
    color: white;
    transition: all 0.5s ease-in-out 0.8s; }
  body #wrapper-main.systems-for-success .green-tabs-wrap.active-table table#green-tabs tr td:nth-child(5) {
    color: white;
    transition: all 0.5s ease-in-out 1.0s; }
  body #wrapper-main.systems-for-success table#green-tabs {
    width: 100%; }
    body #wrapper-main.systems-for-success table#green-tabs tr td {
      color: #72cf56;
      font-size: 18px;
      transition: all 0.5s ease-in-out 0s; }
    body #wrapper-main.systems-for-success table#green-tabs tr td:first-child,
    body #wrapper-main.systems-for-success table#green-tabs tr td.active-table {
      color: white; }
    body #wrapper-main.systems-for-success table#green-tabs tr td:nth-child(1) {
      width: 20%;
      font-size: 22px; }
    body #wrapper-main.systems-for-success table#green-tabs tr td:nth-child(2) {
      width: 6%; }
    body #wrapper-main.systems-for-success table#green-tabs tr td:nth-child(3) {
      width: 16%; }
    body #wrapper-main.systems-for-success table#green-tabs tr td:nth-child(4) {
      width: 18%;
      border-left: 5px solid #72cf56;
      border-right: 5px solid #72cf56;
      padding: 0 30px;
      font-size: 18px; }
    body #wrapper-main.systems-for-success table#green-tabs tr td:nth-child(5) {
      width: 40%;
      padding: 0 0 0 30px;
      font-size: 19px;
      line-height: 1.5em; }
    body #wrapper-main.systems-for-success table#green-tabs tr .arrow-table {
      height: 0;
      width: 0;
      background: none;
      border-top: 35px solid transparent;
      border-bottom: 35px solid transparent;
      border-left: 40px solid #72cf56; }
  body #wrapper-main.systems-for-success .orange-row-download {
    padding: 20px 0 0;
    border-top: 10px solid #fff; }
    body #wrapper-main.systems-for-success .orange-row-download img {
      margin: 0 auto;
      padding: 0;
      display: block;
      transform: scale(0, 0);
      transform-origin: center center;
      transition: all 0.5s ease-in-out 0s; }
  body #wrapper-main.systems-for-success .orange-row-download.active-orange-arrow img {
    transform: scale(1, 1); }
  body #wrapper-main.systems-for-success .floor-illustration img {
    display: block;
    margin: 0 auto;
    padding: 0; }
  body #wrapper-main.systems-for-success .floor-illustration-bg {
    width: 100%;
    margin: 0 auto;
    max-width: 1260px;
    text-align: center; }
    body #wrapper-main.systems-for-success .floor-illustration-bg img {
      display: block;
      margin: 0 auto;
      padding: 0;
      width: 100%;
      height: auto;
      max-width: none; }
  body #wrapper-main.systems-for-success .floor-illustration-wrapper {
    width: 120%;
    margin-left: -10%;
    text-align: center;
    position: relative; }
    body #wrapper-main.systems-for-success .floor-illustration-wrapper .floor-illustration-wrap {
      position: absolute;
      top: -75px;
      height: 504px;
      transform: scale(0, 0);
      transform-origin: bottom center;
      overflow: hidden;
      transition: all 0.5s ease-in-out 0s; }
    body #wrapper-main.systems-for-success .floor-illustration-wrapper .floor-illustration-wrap.showfloor {
      transform: scale(1, 1); }
  body #wrapper-main.systems-for-success #performance-wrap {
    opacity: 0.0;
    transition: opacity 0.5s ease-in-out 0s;
    background: url("/assets/images/performance.png") no-repeat center;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    left: 50%;
    z-index: 99;
    position: relative;
    width: 472px;
    height: 489px;
    position: absolute;
    top: 0px; }
    body #wrapper-main.systems-for-success #performance-wrap.shownperformance {
      opacity: 1.0; }
      body #wrapper-main.systems-for-success #performance-wrap.shownperformance .performance-tab {
        transform: scale(1, 1); }
      body #wrapper-main.systems-for-success #performance-wrap.shownperformance .tab-1 {
        transition: all 0.5s ease-in-out 0.5s; }
      body #wrapper-main.systems-for-success #performance-wrap.shownperformance .tab-2 {
        transition: all 0.5s ease-in-out 0.8s; }
      body #wrapper-main.systems-for-success #performance-wrap.shownperformance .tab-3 {
        transition: all 0.5s ease-in-out 1.1s; }
      body #wrapper-main.systems-for-success #performance-wrap.shownperformance .tab-4 {
        transition: all 0.5s ease-in-out 1.4s; }
    body #wrapper-main.systems-for-success #performance-wrap img {
      z-index: 99;
      position: relative; }
    body #wrapper-main.systems-for-success #performance-wrap .performance-tab {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 98;
      transform: scale(0.01, 1);
      transform-origin: left center;
      overflow: hidden; }
    body #wrapper-main.systems-for-success #performance-wrap .tab-1 {
      top: 105px;
      left: 80px;
      transition: all 0.5s ease-in-out 0s; }
    body #wrapper-main.systems-for-success #performance-wrap .tab-2 {
      top: 185px;
      left: 60px;
      transition: all 0.5s ease-in-out 0s; }
    body #wrapper-main.systems-for-success #performance-wrap .tab-3 {
      top: 260px;
      left: 60px;
      transition: all 0.5s ease-in-out 0s; }
    body #wrapper-main.systems-for-success #performance-wrap .tab-4 {
      top: 350px;
      left: 90px;
      transition: all 0.5s ease-in-out 0s; }
  body #wrapper-main.systems-for-success .green-row.green-row-4 .green-columns-wrap {
    overflow: hidden; }
  body #wrapper-main.systems-for-success .green-row.green-row-4 .green-columns {
    max-width: 850px;
    margin: 0 auto !important;
    padding: 15px 0; }
  body #wrapper-main.systems-for-success .green-row.green-row-4 .green-column-1.green-column {
    position: relative;
    border-right: 2px solid #72cf56;
    padding: 10px 80px 10px 0;
    right: 100%;
    opacity: 0.0;
    transition: all 0.7s ease-in-out 0s; }
    body #wrapper-main.systems-for-success .green-row.green-row-4 .green-column-1.green-column p {
      width: 50%;
      right: 55%;
      max-width: 130px;
      position: absolute;
      transform: translateY(-50%);
      top: 50%; }
    body #wrapper-main.systems-for-success .green-row.green-row-4 .green-column-1.green-column img {
      float: right; }
  body #wrapper-main.systems-for-success .green-row.green-row-4 .green-column-2.green-column {
    position: relative;
    border-left: 2px solid #72cf56;
    padding: 10px 0 10px 80px;
    left: 100%;
    opacity: 0.0;
    transition: all 0.7s ease-in-out 0s; }
    body #wrapper-main.systems-for-success .green-row.green-row-4 .green-column-2.green-column p {
      left: 55%;
      max-width: 130px;
      position: absolute;
      transform: translateY(-50%);
      top: 50%; }
    body #wrapper-main.systems-for-success .green-row.green-row-4 .green-column-2.green-column img {
      float: left; }
  body #wrapper-main.systems-for-success .green-row.green-row-4.green-row-4-active .green-column-1.green-column {
    right: 0;
    opacity: 1.0; }
  body #wrapper-main.systems-for-success .green-row.green-row-4.green-row-4-active .green-column-2.green-column {
    left: 0;
    opacity: 1.0; }

.parallax-window {
  min-height: 200px;
  background: transparent; }

/*********************
CONTACT PAGE STYLES
*********************/
#main-content {
  width: 65%;
  float: left; }

#sidebar {
  width: 35%;
  float: right;
  padding: 0 0 0 30px; }
  #sidebar #sidebar-inner {
    background: url("/assets/images/bg-sidebar.jpg") no-repeat top center;
    background-size: cover;
    padding: 1%;
    position: relative;
    z-index: 15; }
  #sidebar .representative-wrap {
    padding: 20px; }
  #sidebar div.representative {
    border-bottom: 1px solid #5b5b5b;
    padding: 0 0 30px 0;
    margin: 0 0 30px; }
    #sidebar div.representative:last-child {
      border-bottom: none; }
    #sidebar div.representative div.rep-head p {
      text-transform: uppercase;
      font-weight: 700;
      font-size: 18px; }
    #sidebar div.representative select {
      color: #808080;
      margin: 0 0 15px;
      width: 100%;
      border-radius: 0;
      border: none;
      outline: none;
      box-shadow: none;
      background: #fff;
      padding: 5px 10px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: url("/assets/images/arrow-orange-down.jpg") no-repeat right #fff; }
    #sidebar div.representative select option {
      color: #808080;
      width: 100%;
      border: none;
      outline: none;
      box-shadow: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
    #sidebar div.representative p {
      font-size: 17px;
      line-height: 1.4em; }
    #sidebar div.representative p strong {
      color: #808080; }
    #sidebar div.representative a {
      color: #808080;
      text-decoration: none; }
  #sidebar div.representative-us-contact-info .rep-info {
    display: none; }
  #sidebar div.representative-int-contact-info .rep-info {
    display: none; }

#wrapper.contact-us {
  padding-top: 155px; }

/*********************
FOOTER STYLES
*********************/
#wrapper-all.dealer_portal #wrapper-main {
  background: #F7921E;
  min-height: 400px; }

/*********************
FOOTER STYLES
*********************/
#wrapper-footer {
  background: #707070;
  width: 100%;
  position: relative;
  z-index: 9997; }

#footer {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  padding: 35px 20px;
  color: #fff; }
  #footer p {
    color: #000;
    text-transform: uppercase;
    font-weight: 600; }
  #footer #footer-top {
    padding: 0 0 30px 0; }
    #footer #footer-top p {
      border-bottom: 2px solid #000; }
    #footer #footer-top ul {
      margin: 0;
      padding: 0;
      -webkit-column-count: 2;
      /* Chrome, Safari, Opera */
      -moz-column-count: 2;
      /* Firefox */
      column-count: 2; }
      #footer #footer-top ul li {
        margin: 0;
        padding: 0 0 7px 0;
        list-style: none;
        display: inline-block;
        width: 100%; }
      #footer #footer-top ul li a {
        color: #fff;
        text-decoration: none; }
  #footer #footer-top-left {
    width: 33.32%;
    float: left;
    margin-right: 16.66%; }
  #footer #footer-top-right {
    width: 33.32%;
    float: left;
    margin-right: 16.66%; }
  #footer #footer-affiliations {
    padding: 0 0 30px 0; }
    #footer #footer-affiliations table {
      width: 100%; }
    #footer #footer-affiliations td {
      vertical-align: middle;
      text-align: center;
      padding: 0 20px 15px 0;
      display: inline-block; }
    #footer #footer-affiliations a {
      display: block; }
    #footer #footer-affiliations img {
      padding: 0;
      display: block;
      max-width: 120px;
      width: auto;
      max-height: 80px;
      margin: 0 auto; }
  #footer #footer-share {
    padding: 0 0 55px 0; }
    #footer #footer-share a {
      display: block;
      float: left; }
    #footer #footer-share img {
      padding: 0 15px 15px 0; }
  #footer #footer-copy p {
    margin: 0;
    padding: 0 0 5px 0;
    color: #000;
    text-transform: none; }
  #footer #footer-logos {
    vertical-align: bottom; }
    #footer #footer-logos img {
      display: inline-block; }
    #footer #footer-logos div.footer-left {
      float: left;
      padding: 45px 0 0 0;
      max-width: 145px; }
    #footer #footer-logos div.footer-right {
      float: right;
      padding: 45px 0 0 0; }
      #footer #footer-logos div.footer-right img:first-child {
        padding-right: 10px; }

/*********************
FOOTER STYLES
*********************/
#sitemap {
  margin: 0 0 35px 0; }
  #sitemap ul {
    list-style: none;
    margin: 0 0 0 40px;
    padding: 0; }
    #sitemap ul li {
      list-style: disc;
      margin: 0 0 1px;
      padding: 0;
      display: inline-table; }
    #sitemap ul li a {
      text-shadow: 0px;
      color: #4d4d4d;
      text-decoration: none;
      font-weight: normal;
      margin: 0;
      padding: 5px 10px;
      font-size: 15px;
      border-bottom: 1px solid #fff; }
    #sitemap ul li ul.sub-menu {
      padding-left: 20px; }

div.footer-right a.mfma span img {
  border: 10px solid #fff !important;
  width: 105px !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 10px 0 0 !important; }

div.footer-right a img.mfma-image {
  max-width: 120px !important; }

/*********************
BLOG STYLES
*********************/
body.single-post #wrapper-main.blog #main article {
  border-bottom: none; }

#wrapper-main.blog {
  /*
	article.search{background:#fff; position:relative; margin-bottom:0;}
	article.search .article-content{padding:0 30px 30px;}
	article.search .article-content p{text-decoration:none; font-size:14px; margin:0 10px 0 0; padding:0;}
	article.search .article-content p.entry-title a{font-size:16px; color:#ccc; font-weight:bold;}
	
	#blog-section article p a.readmore{font-size:14px; font-weight:bold; color:#ccc; text-decoration:none;}
	#search{padding:30px 0; background:#fff;}
	article img.article{width:100%; height:auto; float:none; display:block;}
	#main article h2.entry-title{padding:0; margin:0;}
	article h2, article h2 a{color:#2c8fbd; font-size:24px;  font-weight:600; text-decoration:none;}
	.article-content{padding:30px;}
	article .entry-meta{margin:0 0 10px 0;}
	article .entry-meta a{color:#5c6e34; text-decoration:none; font-size:12px;}
	article p{font-size:14px;}

	nav#nav-below{padding:10px 0;}
	.nav-previous{float:left; width:50%; text-align:left;}
	.nav-next{float:right; width:50%; text-align:right;}
	nav#nav-below a{color:#5c6e34; text-decoration:none; font-size:12px; font-weight:bold;}
	*/ }
  #wrapper-main.blog #page-title {
    font-size: 60px;
    font-weight: 300;
    font-style: italic;
    text-transform: uppercase;
    color: #5b5b5b;
    margin-bottom: 40px;
    float: left; }
  #wrapper-main.blog #page-back {
    float: right;
    padding-top: 45px;
    line-height: 1.0em; }
    #wrapper-main.blog #page-back a {
      color: #f8911e;
      font-size: 18px;
      text-transform: uppercase;
      text-decoration: none; }
  #wrapper-main.blog #article-header {
    width: 100%;
    max-width: 600px; }
    #wrapper-main.blog #article-header h1 {
      color: #5b5b5b;
      font-size: 32px;
      font-weight: 400 !important;
      text-decoration: none;
      background: #fff;
      padding: 0;
      margin-bottom: 0px;
      line-height: 1.2em;
      font-style: normal !important;
      text-transform: uppercase; }
    #wrapper-main.blog #article-header h1 a {
      color: #ccc;
      font-size: 24px;
      font-weight: 300;
      text-decoration: none; }
  #wrapper-main.blog p {
    font-size: 17px;
    margin: 0 0 20px;
    line-height: 1.6em; }
  #wrapper-main.blog h2 {
    color: #5b5b5b;
    font-size: 24px;
    font-weight: 600 !important;
    padding: 0;
    margin: 0 0 20px 0;
    line-height: 1.2em; }
  #wrapper-main.blog #blog-section {
    width: 55%;
    float: left;
    margin-top: 30px; }
    #wrapper-main.blog #blog-section img {
      padding-bottom: 20px; }
    #wrapper-main.blog #blog-section blockquote {
      margin: 0 40px 20px;
      line-height: 1.6em;
      font-size: 17px;
      font-style: italic; }
    #wrapper-main.blog #blog-section div.wp-caption {
      width: 100% !important;
      background: #f8911e; }
      #wrapper-main.blog #blog-section div.wp-caption p.wp-caption-text {
        color: #fff;
        padding: 15px 20px 20px;
        margin: 0 0 20px;
        line-height: 1.2em;
        font-weight: 300;
        font-size: 16px; }
    #wrapper-main.blog #blog-section div.wp-caption.alignright {
      float: right;
      background: #f8911e;
      padding: 20px;
      width: auto !important;
      margin: 0 0 0 20px; }
      #wrapper-main.blog #blog-section div.wp-caption.alignright img {
        width: 100%; }
      #wrapper-main.blog #blog-section div.wp-caption.alignright p.wp-caption-text {
        color: #fff;
        padding: 0 20px;
        margin: 0px;
        line-height: 1.2em;
        font-weight: 300;
        font-size: 16px; }
    #wrapper-main.blog #blog-section ol {
      list-style-type: decimal !important;
      color: #ea532a; }
      #wrapper-main.blog #blog-section ol li {
        list-style-type: decimal !important;
        color: #ea532a; }
  #wrapper-main.blog #wrapper-blog-sidebar {
    width: 45%;
    float: right;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 30px; }
    #wrapper-main.blog #wrapper-blog-sidebar #blog-sidebar {
      background: url("/assets/images/bg-sidebar.jpg") repeat top left;
      background-size: cover;
      padding: 40px 60px 10px; }
    #wrapper-main.blog #wrapper-blog-sidebar h4 {
      padding: 0;
      margin: 0 0 40px 0;
      text-transform: uppercase;
      color: #5b5b5b;
      font-size: 20px;
      font-weight: bold; }
    #wrapper-main.blog #wrapper-blog-sidebar ul {
      padding: 0;
      margin: 0 0 30px; }
    #wrapper-main.blog #wrapper-blog-sidebar ul li {
      list-style: none;
      margin: 0 0 20px; }
    #wrapper-main.blog #wrapper-blog-sidebar ul li a {
      color: #ea532a;
      text-decoration: none;
      font-size: 18px;
      font-weight: 600; }
    #wrapper-main.blog #wrapper-blog-sidebar span.post-date {
      display: block;
      font-weight: 300;
      padding: 0 0 5px 0; }
  #wrapper-main.blog #main article {
    border-bottom: 1px solid #f8911e;
    padding-bottom: 30px;
    margin-bottom: 30px; }
    #wrapper-main.blog #main article:nth-child(2n+1) .blog-featured-image {
      float: left;
      padding: 0 30px 0px 0; }
    #wrapper-main.blog #main article:nth-child(2n+1) .blog-post-excerpt {
      float: right; }
    #wrapper-main.blog #main article .blog-featured-image {
      float: right;
      width: 40%;
      padding: 0 0 0px 30px; }
      #wrapper-main.blog #main article .blog-featured-image img {
        border: 1px solid #f8911e; }
    #wrapper-main.blog #main article .blog-post-excerpt {
      float: left;
      width: 60%; }
    #wrapper-main.blog #main article h2.entry-title a,
    #wrapper-main.blog #main article h2.entry-title {
      font-size: 30px;
      text-transform: uppercase;
      color: #5b5b5b;
      margin: 0 0 20px;
      padding: 0;
      text-decoration: none; }
    #wrapper-main.blog #main article a.excerpt-read-more {
      display: table-cell;
      background: url("/assets/images/link-arrow.jpg") no-repeat right center;
      padding: 5px 25px 5px 0;
      line-height: 1.0em;
      text-decoration: none;
      color: #ea532a;
      text-transform: uppercase;
      font-size: 17px; }
  #wrapper-main.blog nav.pagination {
    text-align: center; }
    #wrapper-main.blog nav.pagination ul li {
      display: inline-block;
      cursor: pointer; }
      #wrapper-main.blog nav.pagination ul li a {
        text-decoration: none;
        color: #ea532a;
        padding: 0 5px; }
      #wrapper-main.blog nav.pagination ul li:hover a,
      #wrapper-main.blog nav.pagination ul li a:hover {
        color: #5b5b5b; }
      #wrapper-main.blog nav.pagination ul li a.prev.page-numbers {
        background: url("/assets/images/arrow-orange-prev.jpg") no-repeat right center;
        padding: 10px 38px 10px 0px;
        margin: 0 8px 0 0; }
      #wrapper-main.blog nav.pagination ul li a.prev.page-numbers:hover {
        background: url("/assets/images/arrow-gray-prev.jpg") no-repeat right center; }
      #wrapper-main.blog nav.pagination ul li a.next.page-numbers {
        background: url("/assets/images/arrow-orange-next.jpg") no-repeat left center;
        padding: 10px 0 10px 38px;
        margin: 0 0 0 8px; }
      #wrapper-main.blog nav.pagination ul li a.next.page-numbers:hover {
        background: url("/assets/images/arrow-gray-next.jpg") no-repeat left center; }
  #wrapper-main.blog article {
    margin: 0 0 20px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
    background: #fff;
    position: relative;
    margin-bottom: 30px; }
  #wrapper-main.blog article:last-child {
    border: none;
    margin: 0; }

@media only screen and (max-width: 700px) {
  .circle-wrap {
    width: 31.32%; }
  .circle_content {
    font-size: 16px; } }

@media only screen and (max-width: 550px) {
  .circle_content {
    font-size: 21px; } }

@media only screen and (max-width: 550px) {
  .circle-wrapo {
    width: 47.99%; }
  .circle_content {
    font-size: 15px; }
  .grid-row {
    margin: 0;
    padding: 0; } }

@media only screen and (max-width: 400px) {
  .circle-wrap {
    width: 47.99%; }
  .circle_content {
    font-size: 14px; } }

/*Case Study*/
/*
---------------------
COLORS:White = #ffffff;Dark Gray = #58585a;Light Gray = #939598;Green = #60bb46;---------------------
*/
#wrapper-main.blog .case-studies {
  box-sizing: border-box;
  font-weight: normal;
  margin: 0 auto;
  max-width: 1140px;
  width: 100%; }

#wrapper-main.blog .case-studies * {
  box-sizing: border-box; }

#wrapper-main.blog .case-studies img {
  height: auto;
  max-width: 100%; }

#wrapper-main.blog .case-studies sup {
  font-weight: 300; }

#wrapper-main.blog .case-studies__columns {
  margin: 0 auto 20px; }

#wrapper-main.blog .case-studies .columns,
#wrapper-main.blog .case-studies .column_ {
  overflow: hidden; }

#wrapper-main.blog .case-studies .case-studies__columns p {
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  text-align: center; }

#wrapper-main.blog .case-studies .column-1 {
  clear: right;
  float: right;
  margin-left: 20px; }

#wrapper-main.blog .case-studies__columns.column-1 img {
  padding-bottom: 0 !important;
  max-width: 360px;
  width: 100%; }

#wrapper-main.blog .case-studies__columns.column-2 {
  display: table;
  max-width: 660px; }

#wrapper-main.blog .case-studies__columns.column-2 .column_,
#wrapper-main.blog .case-studies__columns.column-3 .column_ {
  display: table-cell;
  line-height: 0;
  vertical-align: middle; }

#wrapper-main.blog .case-studies__columns.column-3 {
  display: table;
  max-width: 900px; }

#wrapper-main.blog .case-studies__columns.column-3 .column_ {
  padding-right: 20px; }

#wrapper-main.blog .case-studies__columns.column-3 .column_:last-child {
  padding-right: 0; }

#wrapper-main.blog .case-studies__header-headline {
  background: url("https://www.actionfloors.com/wp-content/uploads/2017/01/afh_case-studies_header-bkg.jpg") top center no-repeat;
  background-size: cover; }

#wrapper-main.blog .case-studies__header {
  overflow: hidden; }

#wrapper-main.blog .case-studies__header img {
  clear: both;
  float: left;
  padding-bottom: 0 !important; }

#wrapper-main.blog .case-studies__header-headline {
  clear: both;
  color: #fff;
  padding: 30px; }

#wrapper-main.blog .case-studies__header-headline p {
  color: #fff;
  font-size: 36px;
  margin: 0;
  text-transform: uppercase; }

#wrapper-main.blog .case-studies__header-headline h1 {
  font-size: 42px;
  font-weight: 600;
  line-height: 48px;
  margin: 0;
  font-style: normal; }

#wrapper-main.blog .case-studies__body h2 {
  color: #60bb46;
  font-size: 28px;
  font-weight: 700 !important;
  margin-top: 24px; }

#wrapper-main.blog .case-studies__body h3,
#wrapper-main.blog .case-studies__body h4 {
  font-size: 22px;
  margin-bottom: 4px; }

#wrapper-main.blog .case-studies__body h3 {
  color: #60bb46; }

#wrapper-main.blog .case-studies__body h4 {
  color: #60bb46; }

#wrapper-main.blog .case-studies__body p,
#wrapper-main.blog .case-studies__body blockquote,
#wrapper-main.blog .case-studies__body span {
  font-size: 20px;
  margin-left: 0;
  margin-right: 0; }

#wrapper-main.blog .case-studies__body blockquote {
  margin-top: 0; }

#wrapper-main.blog .case-studies__body blockquote p {
  display: inline;
  margin-left: -8px;
  padding-left: 8px;
  position: relative; }

#wrapper-main.blog .case-studies__body blockquote p::before {
  content: open-quote;
  position: absolute;
  left: 0; }

#wrapper-main.blog .case-studies__body blockquote p::after {
  content: close-quote; }

#wrapper-main.blog .case-studies__body blockquote span {
  display: inline-block;
  margin-right: 7px; }

#wrapper-main.blog .case-studies__body .text-italic {
  color: #939598;
  font-style: italic; }

#wrapper-main.blog .case-studies footer {
  /* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#60bb46+0,04833a+100 */
  background: #60bb46;
  /* Old browsers */
  background: -moz-linear-gradient(top, #60bb46 0%, #04833a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #60bb46 0%, #04833a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #60bb46 0%, #04833a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60bb46', endColorstr='#04833a',GradientType=0 );
  /* IE6-9 */
  clear: both;
  color: #ffffff;
  margin-top: 80px;
  overflow: hidden;
  padding-left: 30px;
  position: relative; }

#wrapper-main.blog .case-studies .case-studies__footer-first,
#wrapper-main.blog .case-studies .case-studies__footer-middle,
#wrapper-main.blog .case-studies .case-studies__footer-last {
  float: left; }

#wrapper-main.blog .case-studies .case-studies__footer-first,
#wrapper-main.blog .case-studies .case-studies__footer-middle {
  margin: 30px 0 20px;
  padding: 20px 0; }

#wrapper-main.blog .case-studies .case-studies__footer-first {
  padding: 0;
  width: calc(50% - 243px); }

#wrapper-main.blog .case-studies .case-studies__footer-middle {
  padding: 0 30px;
  width: calc(50% - 143px); }

#wrapper-main.blog .case-studies .case-studies__footer-middle a {
  color: #fff;
  text-decoration: none; }

#wrapper-main.blog .case-studies .divider {
  border-left: 2px solid #80bbd9;
  height: calc(100% - 60px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(33.33% - 40px); }

#wrapper-main.blog .case-studies .case-studies__footer-last {
  background: #fff;
  border: 1px solid #58585a;
  float: right;
  height: 100%;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 386px; }

#wrapper-main.blog .case-studies .case-studies__footer-last img {
  padding: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

#wrapper-main.blog .case-studies footer p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin: 0; }

#wrapper-main.blog .case-studies address {
  font-style: normal; }

#wrapper-main.blog .case-studies .case-studies__footer-first,
#wrapper-main.blog .case-studies .case-studies__footer-middle {
  clear: both;
  display: block;
  margin: 0;
  padding: 0 30px 0 0;
  text-align: left;
  width: calc(100% - 386px); }

#wrapper-main.blog .case-studies .case-studies__footer-first {
  padding-top: 30px; }

#wrapper-main.blog .case-studies .case-studies__footer-middle {
  padding-bottom: 30px; }

#wrapper-main.blog .case-studies .divider {
  display: none; }

.desktop {
  display: none; }

.mobile {
  display: block; }

#wrapper-main.blog .case-studies__body {
  box-sizing: border-box; }

#wrapper-main.blog .case-studies__header-headline p {
  font-size: 28px; }

#wrapper-main.blog .case-studies__header-headline h1 {
  font-size: 32px;
  line-height: normal; }

#wrapper-main.blog .case-studies__body h2 {
  font-size: 24px; }

#wrapper-main.blog .case-studies__body h3,
#wrapper-main.blog .case-studies__body h4 {
  font-size: 20px; }

#wrapper-main.blog .case-studies__body p,
#wrapper-main.blog .case-studies__body blockquote,
#wrapper-main.blog .case-studies__body span {
  font-size: 16px; }

#wrapper-main.blog .case-studies .column-1 {
  float: none;
  text-align: center; }

#wrapper-main.blog .case-studies .column-1,
#wrapper-main.blog .case-studies__columns.column-2,
#wrapper-main.blog .case-studies__columns.column-3 {
  margin: 40px auto; }

#wrapper-main.blog .case-studies__columns.column-2 .column_,
#wrapper-main.blog .case-studies__columns.column-3 .column_ {
  display: block;
  max-width: 360px; }

#wrapper-main.blog .case-studies__columns.column-3 .column_ {
  display: block;
  margin-bottom: 20px;
  padding: 0; }

#wrapper-main.blog .case-studies__columns.column-3 .column_:last-child {
  margin-bottom: 0; }

#wrapper-main.blog .case-studies .case-studies__footer-first, #wrapper-main.blog .case-studies .case-studies__footer-middle {
  width: 100%; }

#wrapper-main.blog .case-studies__footer-last {
  display: none; }

#wrapper-main.blog .case-studies__header-headline h1 {
  font-size: 24px; }

/*********************
WINDOW SIZES 1239PX OR LESS
*********************/
/*********************
WINDOW SIZES 1074PX OR LESS
*********************/
@media only screen and (max-width: 1074px) {
  /******************************************************************
Stylesheet: 1075px width or less Stylsheet
******************************************************************/
  #systems-container-wrapper #systems-container .green-column-content h3 {
    font-size: 30px; }
  div.applications-tab {
    width: 32.32% !important; }
  .page-template-page-systems div.system-section .system-section-content .system-exerpt {
    max-width: none;
    width: 100%;
    float: left; }
  .page-template-page-systems-overview div.system-section .system-section-content .system-exerpt {
    width: 65.99%;
    max-width: none; }
  .page-template-page-systems-overview div.system-section .child-page {
    width: 30.99%; }
  /*********************
MAIN MENU STYLES
*********************/
  #wrapper-all.dealer_portal #main-menu ul li a {
    font-size: 12px;
    padding: 0 4%; }
  body #wrapper-main.systems-for-success #success-header {
    font-size: 65px;
    line-height: 1.0em; }
    body #wrapper-main.systems-for-success #success-header #for {
      line-height: 1.0em;
      top: -10px;
      font-size: 40px; }
  /*********************
DEALER PORTAL STYLES
*********************/
  #dealer-main #dealer-right .pdf-title {
    font-size: 16px; } }

/*********************
WINDOW SIZES 899PX OR LESS
*********************/
@media only screen and (max-width: 899px) {
  /******************************************************************
Stylesheet: 899px width or less Stylsheet
******************************************************************/
  #wrapper-all.dealer-portal #main-menu ul li a {
    padding: 0 10px;
    font-size: 14px; }
  #wrapper-all #main-menu > ul > li {
    padding: 0;
    margin: 25px 0px 10px;
    font-size: 14px; }
  #wrapper-all #main-menu > ul li > a {
    padding: 10px 10px 0;
    margin: 0;
    font-size: 14px; }
  table.certifications-images {
    width: 100%;
    display: block; }
    table.certifications-images tr td {
      display: block;
      width: 100%; }
  #gallery-wrapper .gallery-image-large {
    width: 50%; }
  #gallery-wrapper .gallery-image-description {
    width: 50%; }
  .page-template-page-systems div.system-section .child-page {
    width: 47.99%; }
  .circle-wrap {
    width: 23%; }
  .circle_content {
    font-size: 16px;
    padding: 5px; }
  .success-holder {
    display: none; }
  .orange-row-download img {
    transform: scale(1, 1) !important; } }

/*********************
WINDOW SIZES 850PX OR LESS
*********************/
@media only screen and (max-width: 849px) {
  /******************************************************************
Stylesheet: 849px width or less Stylsheet
******************************************************************/
  #main-menu ul li a {
    padding: 8px 11px 8px 11px;
    font-size: 13px; }
  #wrapper-all.dealer_portal #main-menu ul li a {
    font-size: 11px; } }

/*********************
WINDOW SIZES 767PX OR LESS
*********************/
@media only screen and (max-width: 767px) {
  /******************************************************************
Stylesheet: 768px width or less Stylsheet
******************************************************************/
  #systems-container-wrapper #systems-container {
    padding: 0; }
    #systems-container-wrapper #systems-container .green-column {
      width: 100%;
      padding: 40px 20px 40px 0; }
    #systems-container-wrapper #systems-container .green-column-2 {
      width: 100%;
      padding: 0 20px;
      margin: 0;
      border: none !important; }
      #systems-container-wrapper #systems-container .green-column-2 .green-column-image {
        float: right; }
        #systems-container-wrapper #systems-container .green-column-2 .green-column-image img {
          position: absolute;
          left: 30%;
          width: 175px;
          max-width: none; }
      #systems-container-wrapper #systems-container .green-column-2 .gallery-content-wrap {
        width: 65%;
        float: left; }
    #systems-container-wrapper #systems-container .green-column-image {
      width: 35%;
      float: left;
      position: relative; }
      #systems-container-wrapper #systems-container .green-column-image img {
        position: absolute;
        right: 30%;
        width: 175px;
        max-width: none; }
    #systems-container-wrapper #systems-container .gallery-content-wrap {
      width: 65%;
      float: right; }
  #gallery-wrapper .gallery-image-large {
    padding-top: 30px;
    width: 100%; }
  #gallery-wrapper .gallery-image-description {
    width: 100%; }
  #gallery-wrapper .gallery-close {
    background-color: rgba(0, 0, 0, 0.75); }
  #system-overview-header-wrap {
    background-size: cover !important; }
  .page-template-page-systems-overview #system-overview-header-wrap #system-overview-header {
    background-size: cover !important;
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    color: #fff;
    position: relative; }
    .page-template-page-systems-overview #system-overview-header-wrap #system-overview-header #system-overview-header-left {
      width: 100%;
      max-width: none;
      float: left; }
      .page-template-page-systems-overview #system-overview-header-wrap #system-overview-header #system-overview-header-left h1 {
        color: #fdb61a;
        font-size: 40px;
        font-weight: 300;
        font-style: italic;
        margin: 0 0 30px;
        line-height: 1em !important;
        text-transform: uppercase; }
    .page-template-page-systems-overview #system-overview-header-wrap #system-overview-header #system-overview-header-right {
      display: none; }
  #system-overview-header-wrap #system-overview-header #system-overview-header-left {
    width: 100%;
    max-width: none; }
  #system-overview-header-wrap #system-overview-header #system-overview-header-right {
    display: none; }
  div.system-section .system-section-content .system-exerpt {
    width: 100%;
    max-width: 66.65%;
    float: left; }
  div.system-section .child-page {
    width: 32.32%; }
  #top-menu {
    display: none !important; }
  /*********************
SEARCH STYLES
*********************/
  #searchbar-wrapper #searchbar {
    max-width: 479px;
    background: none; }
  #searchbar-wrapper #search-products {
    width: 100%;
    float: none;
    padding: 0 0 35px 0;
    background: url("/assets/images/search-icon-large-or.png") no-repeat center bottom; }
  #searchbar-wrapper #search-application {
    width: 100%;
    float: none;
    padding: 10px 0 30px;
    background: url("/assets/images/search-icon-large-or.png") no-repeat center bottom; }
  #searchbar-wrapper #search-certification {
    width: 100%;
    float: none;
    padding: 10px 0 10px 0;
    background: none; }
  #search-small {
    display: none !important; }
  #wrapper-header-top {
    position: relative;
    z-index: 9999; }
  #search-wide {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    max-height: 0;
    height: auto;
    overflow: hidden;
    position: fixed;
    width: 100%;
    top: 82px;
    z-index: 999;
    transition: max-height 0.2s ease-out; }
  #search-wide.active-search {
    max-height: 500px;
    height: auto;
    overflow: hidden; }
  #search-button {
    display: block; }
  #search-wide #searchbar-wrapper {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 9997; }
  body.home #search-wide #searchbar-wrapper,
  body.home #search-wide #searchbar-wrapper.pinned {
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 9997; }
  /*********************
SYSTEMS LANDING PAGE STYLES
*********************/
  .page-template-page-systems-overview #system-overview-header-wrap #system-overview-header #system-overview-header-left p {
    text-shadow: 0 0 5px #000; }
  .page-template-page-systems-landing .systems-box-large {
    margin: 0 auto 50px; }
    .page-template-page-systems-landing .systems-box-large .systems-box-large-content {
      padding: 20px; }
      .page-template-page-systems-landing .systems-box-large .systems-box-large-content h3 {
        font-size: 30px; }
      .page-template-page-systems-landing .systems-box-large .systems-box-large-content p {
        color: #fff;
        font-size: 16px; }
  .page-template-page-systems-landing .systems-box-small {
    width: 100%;
    padding: 0px 20px 20px 20px;
    margin: 0 auto 50px; }
    .page-template-page-systems-landing .systems-box-small .systems-box-small-image {
      float: none;
      width: 100%;
      padding: 0 0 20px;
      text-align: center; }
    .page-template-page-systems-landing .systems-box-small .systems-box-small-content {
      float: none;
      width: 100%;
      padding: 0; }
      .page-template-page-systems-landing .systems-box-small .systems-box-small-content h3 {
        font-size: 25px; }
      .page-template-page-systems-landing .systems-box-small .systems-box-small-content p {
        font-size: 16px; }
  .page-template-page-systems-landing #systems-landing-wrapper {
    width: 100%; }
    .page-template-page-systems-landing #systems-landing-wrapper h3 {
      color: #fdb61a; }
    .page-template-page-systems-landing #systems-landing-wrapper p {
      font-size: 16px; }
    .page-template-page-systems-landing #systems-landing-wrapper a {
      display: inline-block;
      text-transform: uppercase;
      color: #fff;
      background-color: #ea5429;
      text-decoration: none;
      font-size: 18px;
      margin: 0 0 20px;
      padding: 5px 40px 5px 10px;
      position: relative;
      line-height: 1.0em; }
      .page-template-page-systems-landing #systems-landing-wrapper a div.arrow-link {
        background: url("/assets/images/arrow-link.png") no-repeat;
        width: 19px;
        height: 18px;
        padding: 0;
        margin: -9px 0 0 0;
        position: absolute;
        right: 10px;
        top: 50%; }
    .page-template-page-systems-landing #systems-landing-wrapper a:hover {
      background-color: rgba(234, 84, 41, 0.9); }
  #systems-landing-wrapper {
    width: 100%; }
    #systems-landing-wrapper a {
      width: 100%;
      display: block; }
    #systems-landing-wrapper div.system-section .system-section-content .system-exerpt {
      max-width: none; }
    #systems-landing-wrapper div.system-section .child-page {
      width: 30.99%; }
  .page-template-page-systems-overview #systems-overview-wrapper {
    width: 100%;
    padding-right: 0; }
  .page-template-page-systems #systems-overview-wrapper {
    width: 100%; }
  .page-template-page-systems div.system-section .child-page {
    width: 30.99%; }
  #wrapper-main.page-floating #main-content h1 {
    font-size: 45px;
    color: #ea532a;
    font-style: italic;
    font-weight: 300;
    line-height: 1.0em;
    padding: 0;
    margin: 0 0 35px; }
  #wrapper-main.page-floating #main-content h2 {
    font-size: 20px;
    color: #ea532a;
    font-style: normal;
    font-weight: 600;
    line-height: 1.0em;
    padding: 0;
    margin: 0 0 35px; }
  #wrapper-main.page-floating #main-content h3 {
    font-size: 18px;
    color: #ea532a;
    font-style: normal;
    font-weight: 600;
    line-height: 1.0em;
    padding: 0;
    margin: 0 0 15px; }
  div.affiliation:nth-child(odd) img,
  div.affiliation:nth-child(even) img {
    float: none;
    padding: 0 0 20px 30px;
    margin: 0 auto;
    display: block; }
  div.affiliation a.certificate {
    width: 100%;
    float: none; }
  #footer #footer-top-left,
  #footer #footer-top-right {
    width: 100%; }
  #logo {
    padding: 10px 0; }
    #logo img {
      max-width: 80%; }
  #mobile-menu-button {
    display: block; }
  #main-menu {
    display: none;
    height: 10px;
    background: #2c8fbd; }
    #main-menu ul.menu li.menu-item a {
      padding: 5px 15px; }
  #wrapper-header-top {
    height: 85px; }
  #wrapper {
    padding: 85px 0 0 0; }
  li.menu-orange {
    display: none; }
  div.menu-top-menu-container {
    display: none; }
  #wrapper-top-menu {
    right: 140px;
    top: 32px; }
  #sidebar {
    padding-left: 0; }
  #blog-sidebar-wrapper, #blog-section {
    width: 100%; }
  #blog-sidebar {
    margin: 0; }
  #blog-sidebar-wrapper {
    margin: 0 0 30px; }
  #main-content {
    width: 100%; }
  #sidebar {
    width: 100%; }
  .gform_wrapper.gf_browser_chrome .gform_body {
    width: 100% !important; }
  #newsroom .press .press-image img {
    width: 100%;
    max-width: 130px; }
  /*********************
NEWSROOM STYLES
*********************/
  #newsroom {
    width: 100%; }
  #newsroom-sidebar {
    width: 100%; }
  /*********************
DEALER PORTAL STYLES
*********************/
  #dealer-main #dealer-left {
    width: 100%; }
  #dealer-main #dealer-right {
    width: 100%;
    padding-left: 0;
    padding-top: 50px; }
  #wrapper-header-links {
    top: 20px;
    width: 100%;
    text-align: center;
    right: 0; }
  #wrapper-all.dealer_portal #wrapper-header {
    padding-bottom: 0 !important; }
  .circle-wrap {
    width: 27%; }
  body.page-template-dealer-login #main {
    padding-top: 50px !important; }
  body.page-template-dealer-login #wrapper-header-links {
    top: 0px; }
  body.page-template-dealer-login div.mobile-btn {
    display: none !important; }
  /*********************
BLOG STYLES
*********************/
  #wrapper-main.blog #blog-section {
    width: 100%; }
  #wrapper-main.blog #wrapper-blog-sidebar {
    width: 100%;
    padding: 0; }
  #wrapper-main.blog nav.pagination ul li {
    display: block;
    width: 100%; }
    #wrapper-main.blog nav.pagination ul li a {
      margin: 0 0 5px !important; }
    #wrapper-main.blog nav.pagination ul li a.prev.page-numbers,
    #wrapper-main.blog nav.pagination ul li a.next.page-numbers {
      padding: 10px 38px;
      margin: 0; }
  #wrapper-main.blog #main article .blog-post-excerpt,
  #wrapper-main.blog #main article .blog-featured-image {
    width: 100%;
    padding: 0; }
  #wrapper-main.blog #main article .blog-featured-image {
    text-align: center; } }

/*********************
WINDOW SIZES 599PX OR LESS
*********************/
@media only screen and (max-width: 599px) {
  /******************************************************************
Stylesheet: 599px width or less Stylsheet
******************************************************************/
  h1 {
    font-size: 30px; }
  .ls-bottom-nav-wrapper {
    display: none !important; }
  div.system-section .system-section-content .system-exerpt {
    width: 100%;
    max-width: none;
    float: left; }
  div.system-section .child-page {
    width: 48.99%; }
  .search-results #main-content article .product-box-image,
  .search-results #main-content article .product-search-result {
    float: none !important;
    width: 100% !important; }
  div.applications-tab {
    width: 48.99% !important; }
  div.application {
    width: 98.99%;
    float: left;
    margin: 0 0 0 1%; }
  div.application .application-inner {
    border-right: none !important;
    padding-bottom: 0px;
    min-height: 50px; }
  #application-key .app-key {
    padding: 0 20px 20px 0; }
  #application-main-top {
    padding: 30px 1% 0px 20px; }
  .app-key {
    width: 100%; }
  #application-key .circle-app-title {
    font-size: 14px; }
  #application-key .circle-app {
    width: 30px;
    height: 30px; }
  .application-header {
    text-align: center; }
  .application-inner table {
    width: 100% !important; }
    .application-inner table tbody {
      width: 100%;
      display: block; }
      .application-inner table tbody tr {
        width: 100%;
        display: block; }
        .application-inner table tbody tr td {
          width: 100% !important;
          display: block !important;
          text-align: center !important; }
  .certifications table tr td {
    width: 100% !important;
    display: block;
    padding: 10px 0 !important; }
  #product-section table tr td:first-child {
    font-size: 16px; }
  #product-section table tr td:last-child {
    font-size: 16px; }
  #product-section table tr td:last-child strong {
    font-size: 22px; }
  #product-box-wrapper .system-details p {
    font-size: 20px; }
  #footer #footer-logos div.footer-left {
    max-width: none;
    width: 100%;
    text-align: center; }
    #footer #footer-logos div.footer-left img {
      max-width: 145px; }
  #footer #footer-logos div.footer-right {
    padding: 45px 0 0 0;
    width: 100%;
    text-align: center; }
  .page-template-page-systems div.system-section .child-page {
    width: 47.99%; }
  .page-template-page-systems-overview div.system-section .system-section-content .system-exerpt {
    width: 100%;
    max-width: none; }
  .page-template-page-systems-overview div.system-section .child-page {
    width: 47.99%; }
  div.google-translate-wrapper {
    display: none; }
  #wrapper-main.blog #blog-section div.wp-caption.alignright {
    float: none;
    margin: 0 0 30px 0; }
  /*********************
NEWSROOM STYLES
*********************/
  #newsroom .press-menu a {
    width: 100%;
    text-align: center; }
  #newsroom .press {
    width: 100%; }
    #newsroom .press .press-title p {
      line-height: 1.2em; }
  #newsroom .press-article p {
    margin-bottom: 20px;
    line-height: 1.2em; }
  #newsroom .event {
    margin: 0 0 30px; }
    #newsroom .event .event-image {
      width: 100%;
      float: none; }
    #newsroom .event .event-content {
      width: 100%;
      float: none; }
      #newsroom .event .event-content p {
        line-height: 1.2em; }
  #newsroom-sidebar {
    padding-left: 0; }
  #dealer-main #dealer-right .pdf-title {
    text-align: center; }
  #dealer-main #dealer-right .pdf-link {
    width: 100%;
    padding: 0 0 20px;
    text-align: center; }
  #dealer-main #dealer-right .ext {
    float: none; }
  #dealer-main #dealer-right .logo-link {
    width: 100%;
    max-width: 360px;
    float: none;
    margin: 0 auto;
    padding: 0 0 5% 0; }
  #dealer-main #dealer-right table.logos-filesext tr td:first-child {
    width: 75%; }
  #dealer-main #dealer-right table.logos-filesext tr td:last-child {
    text-align: right; }
  #dealer-main #dealer-right .zipfile {
    width: 60px;
    height: 60px; }
  .circle-wrap {
    width: 33%; }
  .circle_content {
    font-size: 16px;
    padding: 5px; }
  #footer-menu {
    display: none; }
  #footer-left {
    width: 100%;
    text-align: center; }
  #footer-left img {
    margin: 0 0 10px 0; }
  #footer-right {
    width: 100%;
    text-align: center; }
  #footer-right p span {
    display: block;
    color: #2c8fbd;
    font-size: 0;
    line-height: 0.0em; }
  #footer-logos div.footer-right a {
    display: block !important;
    margin: 10px auto !important; } }

/*********************
WINDOW SIZES 479PX OR LESS
*********************/
@media only screen and (max-width: 479px) {
  /******************************************************************
Stylesheet: 480px width or less Stylsheet
******************************************************************/
  div.applications-tab {
    width: 98.99% !important; }
  #systems-container-wrapper #systems-container .green-column-2 .green-column-image img,
  #systems-container-wrapper #systems-container .green-column .green-column-image img {
    width: 300px; }
  .page-template-page-systems div.system-section .child-page {
    width: 99.99%; }
  /*********************
NEWSROOM STYLES
*********************/
  #wrapper-main.page-floating #main-content {
    padding: 30px 30px; }
    #wrapper-main.page-floating #main-content h1 {
      font-size: 28px;
      color: #ea532a;
      font-style: italic;
      font-weight: 300;
      line-height: 1.0em;
      padding: 0;
      margin: 0 0 20px; }
    #wrapper-main.page-floating #main-content h2 {
      font-size: 18px;
      color: #ea532a;
      font-style: normal;
      font-weight: 600;
      line-height: 1.0em;
      padding: 0;
      margin: 0 0 15px; }
    #wrapper-main.page-floating #main-content h3 {
      font-size: 16px;
      color: #ea532a;
      font-style: normal;
      font-weight: 600;
      line-height: 1.0em;
      padding: 0;
      margin: 0 0 15px; }
  #wrapper-main.page-floating div.green-section-content {
    padding: 30px 30px; }
  #newsroom .press {
    width: 100%; }
    #newsroom .press .press-image {
      width: 100%;
      float: none;
      padding: 0;
      text-align: center; }
    #newsroom .press .press-title {
      width: 100%;
      float: none;
      padding: 0;
      text-align: center; }
  #footer #footer-top-left ul,
  #footer #footer-top-right ul {
    -webkit-column-count: 1;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1; }
  #footer-top-right {
    width: 100%;
    padding: 0; }
  #footer #footer-share {
    text-align: center; }
  #footer #footer-share p {
    text-align: left; }
  #footer #footer-share a {
    margin: 0;
    padding: 0;
    text-align: center;
    display: inline-block;
    float: none; }
  #footer #footer-share img {
    padding: 0 5px 15px 0; }
  .circle-wrap {
    width: 47.99%; }
  .circle_content {
    font-size: 18px; } }

/*********************
PRINT STYLESHEET
*********************/
@media print {
  /******************************************************************
Site Name:
Author:

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }