@charset "UTF-8";
/*!
Theme Name: Flexaust
Theme URI: http://www.flexaust.com
Description: Theme for Flexaust
Author: Alternative Productions
Author URI: http://www.altprod.com
Version: 1.7.3
Text Domain: flexaust
*/
/* ==========================================================================
   Reset - Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
   ========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn,.em-wrap em, font, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0; }

:focus {
  outline: 0; }

body {
  background: #fff;
  line-height: 1;
  font-size: 13px; }

ol, ul {
  list-style: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a img {
  border: 0; }

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

/* ==========================================================================
   #BLOCK
   ========================================================================== */
/**
 * Stacked image-with-text object. A simple abstraction to cover a very commonly
 * occurring design pattern.
 */
.o-block {
  display: block;
  text-align: center; }

.o-block__img {
  margin-bottom: 24px;
  /* Size variants.
       ====================================================================== */ }
  .o-block--flush > .o-block__img {
    margin-bottom: 0; }
  .o-block--tiny > .o-block__img {
    margin-bottom: 6px; }
  .o-block--small > .o-block__img {
    margin-bottom: 12px; }
  .o-block--large > .o-block__img {
    margin-bottom: 48px; }
  .o-block--huge > .o-block__img {
    margin-bottom: 96px; }

.o-block__body {
  display: block; }

/* Alignment variants.
   ========================================================================== */
.o-block--right {
  text-align: right; }

.o-block--left {
  text-align: left; }

/* ==========================================================================
   #BOX
   ========================================================================== */
/**
 * The box object simply boxes off content. Extend with cosmetic styles in the
 * Components layer.
 *
 * 1. So we can apply the `.o-box` class to naturally-inline elements.
 */
.o-box {
  display: block;
  /* [1] */
  padding: 24px; }
  .o-box:after {
    content: "" !important;
    display: block !important;
    clear: both !important; }
  .o-box > :last-child {
    margin-bottom: 0; }

/* Size variants.
   ========================================================================== */
.o-box--flush {
  padding: 0; }

.o-box--tiny {
  padding: 6px; }

.o-box--small {
  padding: 12px; }

.o-box--large {
  padding: 48px; }

.o-box--huge {
  padding: 96px; }

/* ==========================================================================
   #LAYOUT
   ========================================================================== */
/**
 * Grid-like layout system.
 *
 * The layout object provides us with a column-style layout system. This file
 * contains the basic structural elements, but classes should be complemented
 * with width utilities, for example:
 *
 *   <div class="o-layout">
 *     <div class="o-layout__item  u-1/2">
 *     </div>
 *     <div class="o-layout__item  u-1/2">
 *     </div>
 *   </div>
 *
 * The above will create a two-column structure in which each column will
 * fluidly fill half of the width of the parent. We can have more complex
 * systems:
 *
 *   <div class="o-layout">
 *     <div class="o-layout__item  u-1/1  u-1/3@medium">
 *     </div>
 *     <div class="o-layout__item  u-1/2  u-1/3@medium">
 *     </div>
 *     <div class="o-layout__item  u-1/2  u-1/3@medium">
 *     </div>
 *   </div>
 *
 * The above will create a system in which the first item will be 100% width
 * until we enter our medium breakpoint, when it will become 33.333% width. The
 * second and third items will be 50% of their parent, until they also become
 * 33.333% width at the medium breakpoint.
 *
 * We can also manipulate entire layout systems by adding a series of modifiers
 * to the `.o-layout` block. For example:
 *
 *   <div class="o-layout  o-layout--reverse">
 *
 * This will reverse the displayed order of the system so that it runs in the
 * opposite order to our source, effectively flipping the system over.
 *
 *   <div class="o-layout  o-layout--[right|center]">
 *
 * This will cause the system to fill up from either the centre or the right
 * hand side. Default behaviour is to fill up the layout system from the left.
 *
 * There are plenty more options available to us: explore them below.
 */
/* Default/mandatory classes.
   ========================================================================== */
/**
 * 1. Allows us to use the layout object on any type of element.
 * 2. We need to defensively reset any box-model properties.
 * 3. Use the negative margin trick for multi-row grids:
 *    http://csswizardry.com/2011/08/building-better-grid-systems/
 */
.o-layout {
  display: block;
  /* [1] */
  margin: 0;
  /* [2] */
  padding: 0;
  /* [2] */
  list-style: none;
  /* [1] */
  margin-left: -24px;
  /* [3] */
  font-size: 0; }

/**
   * 1. Required in order to combine fluid widths with fixed gutters.
   * 2. Allows us to manipulate grids vertically, with text-level properties,
   *    etc.
   * 3. Default item alignment is with the tops of each other, like most
   *    traditional grid/layout systems.
   * 4. By default, all layout items are full-width (mobile first).
   * 5. Gutters provided by left padding:
   *    http://csswizardry.com/2011/08/building-better-grid-systems/
   * 6. Fallback for old IEs not supporting `rem` values.
   */
.o-layout__item {
  box-sizing: border-box;
  /* [1] */
  display: inline-block;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
  padding-left: 24px;
  /* [5] */
  font-size: 16px;
  /* [6] */
  font-size: 1rem; }

/* Gutter size modifiers.
   ========================================================================== */
.o-layout--flush {
  margin-left: 0; }
  .o-layout--flush > .o-layout__item {
    padding-left: 0; }

.o-layout--tiny {
  margin-left: -6px; }
  .o-layout--tiny > .o-layout__item {
    padding-left: 6px; }

.o-layout--small {
  margin-left: -12px; }
  .o-layout--small > .o-layout__item {
    padding-left: 12px; }

.o-layout--large {
  margin-left: -48px; }
  .o-layout--large > .o-layout__item {
    padding-left: 48px; }

.o-layout--huge {
  margin-left: -96px; }
  .o-layout--huge > .o-layout__item {
    padding-left: 96px; }

/* Vertical alignment modifiers.
   ========================================================================== */
/**
 * Align all grid items to the middles of each other.
 */
.o-layout--middle > .o-layout__item {
  vertical-align: middle; }

/**
 * Align all grid items to the bottoms of each other.
 */
.o-layout--bottom > .o-layout__item {
  vertical-align: bottom; }

/**
 * Stretch all grid items of each row to have an equal-height.
 * Please be aware that this modifier class doesn't take any effect in IE9 and
 * below and other older browsers due to the lack of `display: flex` support.
 */
.o-layout--stretch {
  display: flex;
  flex-wrap: wrap; }
  .o-layout--stretch > .o-layout__item {
    display: flex; }

/* Fill order modifiers.
   ========================================================================== */
/**
 * Fill up the layout system from the centre.
 */
.o-layout--center {
  text-align: center; }
  .o-layout--center > .o-layout__item {
    text-align: left; }

/**
 * Fill up the layout system from the right-hand side.
 */
.o-layout--right {
  text-align: right; }
  .o-layout--right > .o-layout__item {
    text-align: left; }

/**
 * Fill up the layout system from the left-hand side. This will likely only be
 * needed when using in conjunction with `.o-layout--reverse`.
 */
.o-layout--left {
  text-align: left; }
  .o-layout--left > .o-layout__item {
    text-align: left; }

/**
 * Reverse the rendered order of the grid system.
 */
.o-layout--reverse {
  direction: rtl; }
  .o-layout--reverse > .o-layout__item {
    direction: ltr; }

/* Auto-widths modifier.
   ========================================================================== */
/**
 * Cause layout items to take up a non-explicit amount of width.
 */
.o-layout--auto > .o-layout__item {
  width: auto; }

/* ==========================================================================
   Base
   ========================================================================== */
body, input, textarea {
  color: #555;
  line-height: 1.5em;
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

body {
  padding: 0; }

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

/* Headings */
h1, h2, h3, h4, h5, h6 {
  clear: left; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.625em; }

/* Text elements */
p {
  margin-bottom: 1.625em; }

.home p {
  margin-bottom: 0; }

ul {
  list-style: disc; }

footer ul {
  list-style: none; }

ol {
  list-style-type: decimal; }

ol ol {
  list-style: upper-alpha; }

ol ol ol {
  list-style: lower-roman; }

ol ol ol ol {
  list-style: lower-alpha; }

ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0; }

dl {
  margin: 0 1.625em; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: 1.625em; }

strong {
  font-weight: 700; }

cite, em, i {
  font-style: italic; }

blockquote {
  font-family: Georgia,"Bitstream Charter",serif;
  font-style: italic;
  font-weight: 400;
  margin: 0 3em; }

blockquote em, blockquote i, blockquote cite {
  font-style: normal; }

blockquote cite {
  color: #666;
  font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
  letter-spacing: .05em;
  text-transform: uppercase; }

pre {
  background: #f4f4f4;
  font: 13px "Courier 10 Pitch",Courier,monospace;
  line-height: 1.5;
  margin-bottom: 1.625em;
  overflow: auto;
  padding: .75em 1.625em; }

code, kbd {
  font: 13px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace; }

abbr, acronym, dfn {
  border-bottom: 1px dotted #666;
  cursor: help; }

address {
  display: block;
  margin: 0 0 1.625em; }

ins {
  background: #fff9c0;
  text-decoration: none; }

sup, sub {
  font-size: 10px;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline; }

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: 75%;
  line-height: normal; }

/* Forms */
input[type=text], input[type=password], textarea {
  background: #fafafa;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  color: #888; }

input[type=text]:focus, textarea:focus {
  color: #373737; }

textarea {
  padding-left: 3px;
  width: 98%; }

input[type=text] {
  padding: 3px; }

#s {
  background: url(images/search.png) no-repeat 5px 3px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 12px;
  height: 12px;
  line-height: 1.2em;
  padding: 4px 10px 4px 28px; }

#searchsubmit {
  display: none; }

/* Links */
a {
  color: #274b9e;
  text-decoration: none; }

a:focus, a:active, a:hover {
  text-decoration: underline;
  color: #01AC50; }

/* Assistive text */
.assistive-text,
.screen-reader-text {
  position: absolute;
  margin: -1px;
  padding: 0;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  word-wrap: normal !important; }

#access a.assistive-text:active, #access a.assistive-text:focus {
  background: #eee;
  border-bottom: 1px solid #ddd;
  color: #1982d1;
  clip: auto !important;
  font-size: 12px;
  position: absolute;
  text-decoration: underline;
  top: 0;
  left: 7.6%; }

.site-header {
  padding-top: 10px;
  position: relative; }
  @media screen and (min-width: 47.9375em) {
    .site-header {
      min-height: 110px; } }
  .site-header a:hover, .site-header a:focus, .site-header a:active {
    text-decoration: none; }

@media screen and (max-width: 47.9375em) {
  .page-template-home-page-2017 .branding {
    text-align: center; } }

@media screen and (min-width: 48em) {
  .branding {
    margin-left: 20px; } }

.c-utility {
  font-family: 'Roboto', sans-serif;
  font-weight: 500; }
  @media screen and (max-width: 47.9375em) {
    .c-utility {
      margin: .5em 0;
      text-align: center; } }
  @media screen and (min-width: 48em) {
    .c-utility {
      color: #1d52a0;
      font-size: 18px;
      font-size: 1.125rem;
      overflow-x: hidden;
      position: absolute;
      right: 0;
      text-align: right;
      top: 10px; } }
  @media screen and (min-width: 48em) {
    .c-utility a {
      color: #1d52a0; } }

.c-language-switcher {
  padding-left: 20px;
  padding-right: 20px; }

.c-language-switcher__icon {
  fill: #1d52a0;
  display: inline-block;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
  width: 16px; }
  @media screen and (min-width: 48em) {
    .c-language-switcher__icon {
      height: 18px;
      width: 18px; } }

.c-utility .widget {
  display: inline-block;
  vertical-align: middle; }

.products-header-container {
  max-width: 100%; }

.products-header {
  padding-left: 24px; }

.mega-sub-menu {
  color: white; }
  .mega-sub-menu a {
    color: white; }
    .mega-sub-menu a:hover, .mega-sub-menu a:active, .mega-sub-menu a:focus {
      color: #ffdc1f; }
  .mega-sub-menu .mega-block-title {
    font-size: 18px;
    font-size: 1.125rem; }
  .mega-sub-menu .sub-menu {
    list-style: none;
    font-size: 18px;
    font-size: 1.125rem; }
    .mega-sub-menu .sub-menu .sub-menu {
      font-size: 14px;
      font-size: 0.875rem; }
  .mega-sub-menu .mega-block-title {
    font-weight: 500; }
  .mega-sub-menu .menu {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    list-style: none; }
    .mega-sub-menu .menu a {
      display: block;
      margin-bottom: 14px; }
  .mega-sub-menu .sub-menu {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400; }
    .mega-sub-menu .sub-menu a {
      margin-bottom: 1px; }

.menu-social-menu-container li,
.menu-social-menu-es-container li {
  display: inline-block !important; }

.menu-social-menu-container a:before,
.menu-social-menu-es-container a:before {
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  display: block;
  left: 50%;
  top: 50%;
  position: absolute; }

.menu-social-menu-container .social-link--facebook a:before,
.menu-social-menu-es-container .social-link--facebook a:before {
  background-image: url(https://www.flexaust.com/wp-content/themes/flexaust/images/social/facebook-icon.svg);
  height: 25px;
  margin-left: -6px;
  margin-top: -12px;
  width: 13px; }

.menu-social-menu-container .social-link--twitter a:before,
.menu-social-menu-es-container .social-link--twitter a:before {
  background-image: url(https://www.flexaust.com/wp-content/themes/flexaust/images/social/twitter-icon.svg);
  height: 24px;
  margin-left: -10px;
  margin-top: -12px;
  width: 20px; }

.menu-social-menu-container .social-link--rss a:before,
.menu-social-menu-es-container .social-link--rss a:before {
  background-image: url(https://www.flexaust.com/wp-content/themes/flexaust/images/social/rss-icon.svg);
  height: 22px;
  margin-left: -11px;
  margin-top: -11px;
  width: 22px; }

.menu-social-menu-container .social-link--linkedin a:before,
.menu-social-menu-es-container .social-link--linkedin a:before {
  background-image: url(https://www.flexaust.com/wp-content/themes/flexaust/images/social/linkedin-icon.svg);
  height: 22px;
  margin-left: -11px;
  margin-top: -11px;
  width: 23px; }

@media screen and (min-width: 64em) {
  .site-footer .menu-social-menu-container, .site-footer
  .menu-social-menu-es-container {
    margin-left: -24px;
    text-align: center; } }

.social-link {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  .c-utility .social-link {
    background-color: #1d52a0;
    height: 32px;
    position: relative;
    width: 32px; }
  .site-footer .social-link {
    background-color: #1c2c3a;
    height: 32px;
    position: relative;
    width: 32px; }

@media screen and (max-width: 47.9375em) {
  .c-utility .menu-social-menu-container, .c-utility
  .menu-social-menu-es-container {
    display: none;
    visibility: hidden; } }

@media screen and (max-width: 47.9375em) {
  .footer-container {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-device-width: 320px) and (max-device-width: 768px) {
  .footer-container {
    width: 1050px; }
    .page-template-home-page-2017 .footer-container {
      width: 100%; } }

.site-footer {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  padding-top: 28px;
  padding-bottom: 10px; }
  .site-footer a {
    color: white; }
    .site-footer a:hover, .site-footer a:focus, .site-footer a:active {
      text-decoration: none; }
  .site-footer p {
    margin-bottom: 1em; }

.site-footer .widget ul li {
  font-size: 16px;
  font-size: 1rem; }

@media screen and (max-width: 41.25em) {
  .page-template-home-page-2017 .foot-logo {
    display: block; } }

/* ==========================================================================
   Layout
   ========================================================================== */
body {
  margin: 0 auto; }
  @media (min-device-width: 320px) and (max-device-width: 768px) {
    body {
      width: 1050px; }
      body.page-template-home-page-2017 {
        width: 100%; } }

#page {
  margin: 0 auto;
  padding: 0; }
  @media (min-device-width: 320px) and (max-device-width: 768px) {
    #page {
      width: 1050px; }
      .page-template-home-page-2017 #page {
        width: 100%; } }

.container {
  margin: 0 auto;
  max-width: 1050px; }
  .page-template-home-page-2017 .container {
    width: 100%; }

footer.container.site-footer {
    width: 95%;
}

div.layout-978 {
  width: 978px;
  margin: 0 auto; }

div.row {
  height: 1%; }

div.row-end {
  clear: both;
  font: 1px/1px sans-serif;
  height: 1px;
  overflow: hidden; }

div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 {
  float: left;
  margin-left: 30px; }

div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child {
  margin-left: 0; }

div.col1 {
  width: 54px; }

div.col2 {
  width: 138px; }

div.col3 {
  width: 222px; }

div.col4 {
  width: 306px; }

div.col5 {
  width: 390px; }

div.col6 {
  width: 474px; }

div.col7 {
  width: 558px; }

div.col8 {
  width: 642px; }

div.col9 {
  width: 726px; }

div.col10 {
  width: 810px; }

div.col11 {
  width: 894px; }

div.col12 {
  width: 978px; }

/* =Content

----------------------------------------------- */
#main {
  clear: both;
  overflow: hidden;
  margin-bottom: 20px; }

#primary {
  float: left;
  margin: 0 -26.4% 0 0;
  width: 100%;
  padding: 0; }

.archive #primary,
.category #primary,
.two-column #primary {
  float: left;
  margin: 0 0 0 20px;
  width: 750px;
  padding: 0; }

#secondary {
  float: right;
  margin-right: 77.6%;
  width: 18.8%; }

#main-column {
  display: block;
  float: right;
  width: 750px;
  margin-top: 10px; }

#center {
  display: block;
  float: left;
  width: 32%;
  margin: 0 2% 0 0; }

#content.left-only {
  width: auto; }

.page-title {
  color: #789bd1;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 2.6em;
  margin: 0;
  text-transform: none; }

.page-title a {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none; }

.hentry, .no-results {
  margin: 0 0 15px;
  padding: 0;
  position: relative; }

.category-videos .hentry {
  width: 31%;
  display: block;
  margin-right: 2%;
  float: left;
  margin-bottom: 0; }

.hentry:last-child, .no-results {
  border-bottom: none; }

.blog .sticky .entry-header .entry-meta {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }

.entry-title, .entry-header .entry-meta {
  padding-right: 0; }

.entry-title {
  clear: both;
  color: #222;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5em;
  padding-bottom: .3em;
  padding-top: 15px; }

.entry-title, .entry-title a {
  color: #0180C7;
  text-decoration: none; }

.entry-title a:hover, .entry-title a:focus, .entry-title a:active {
  color: #1982d1; }

h1.entry-title {
  font-weight: 400;
  font-size: 24px; }

.home h1.entry-title {
  font-size: 24px;
  font-weight: 700;
  color: #555;
  padding: 5px 0; }

.entry-meta {
  color: #666;
  clear: both;
  font-size: 12px;
  line-height: 18px; }

.entry-meta a {
  font-weight: 700; }

.single-author .entry-meta .by-author {
  display: none; }

.entry-content, .entry-summary {
  padding: 0; }

.entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 {
  color: #333;
  font-weight: 700;
  margin: 0 0 .8125em;
  font-size: 16px; }

.entry-content h3, .comment-content h3 {
  font-size: 13px;
  letter-spacing: 0;
  line-height: 2.6em;
  text-transform: none; }

/*.entry-content table,

.comment-content table {

	border-bottom: 1px solid #ddd;

	margin: 0 0 1.625em;

	width: 640px;

}

.entry-content th,

.comment-content th {

	color: #666;

	font-size: 10px;

	font-weight: 500;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	text-transform: uppercase;

}

.entry-content td,

.comment-content td {

	border-top: none;

	padding: 6px 10px 6px 0;

}

*/
.entry-content #s {
  width: 75%; }

.comment-content ul, .comment-content ol {
  margin-bottom: 1.625em; }

.comment-content ul ul, .comment-content ol ol, .comment-content ul ol, .comment-content ol ul {
  margin-bottom: 0; }

dl.gallery-item {
  margin: 0; }

.page-link {
  clear: both;
  display: block;
  margin: 0 0 1.625em; }

.page-link a {
  background: #eee;
  color: #373737;
  margin: 0;
  padding: 2px 3px;
  text-decoration: none; }

.page-link a:hover {
  background: #888;
  color: #fff;
  font-weight: 700; }

.page-link span {
  margin-right: 6px; }

.entry-meta .edit-link a, .commentlist .edit-link a {
  background: #eee;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #666;
  float: right;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 300;
  text-decoration: none;
  padding: 0 8px; }

.entry-meta .edit-link a:hover, .commentlist .edit-link a:hover {
  background: #888;
  color: #fff; }

.entry-content .edit-link {
  clear: both;
  display: block; }

/* Images */
.entry-content img, .comment-content img, .widget img {
  max-width: 100%; }

img[class*="align"], img[class*="wp-image-"] {
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }

.entry-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

img.alignleft, img.alignright, img.aligncenter {
  margin-bottom: 1.625em; }

p img, .wp-caption {
  margin-top: .4em; }

.wp-caption {
  background: #eee;
  margin-bottom: 1.625em;
  width: 96%;
  padding: 9px; }

.wp-caption img {
  display: block;
  margin: 0 auto;
  width: 98%; }

.wp-caption .wp-caption-text, .gallery-caption {
  color: #666;
  font-family: Georgia,serif;
  font-size: 12px; }

.wp-caption .wp-caption-text {
  margin-bottom: .6em;
  padding: 10px 0 5px 40px;
  position: relative; }

.wp-caption .wp-caption-text:before {
  color: #666;
  content: '\2014';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  margin-right: 5px;
  position: absolute;
  left: 10px;
  top: 7px; }

#content .gallery {
  margin: 0 auto 1.625em; }

#content .gallery a img {
  border: none; }

img#wpstats {
  display: block;
  margin: 0 auto 1.625em; }

#content .gallery-columns-4 .gallery-item {
  width: 23%;
  padding-right: 2%; }

#content .gallery-columns-4 .gallery-item img {
  width: 100%;
  height: auto; }

/* Image borders */
img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
  /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
  padding: 0; }

.wp-caption img {
  border-color: #eee; }

a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {
  /* Add some useful style to those fancy borders for linked images ... */ }

.wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {
  /* ... including captioned images! */
  background: #fff;
  border-color: #ddd; }

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
  margin: 1.625em 0 0; }

.post-password-required input[type=password] {
  margin: .8125em 0; }

.post-password-required input[type=password]:focus {
  background: #f7f7f7; }

/* Author Info */
#author-info {
  font-size: 12px;
  overflow: hidden; }

.singular #author-info {
  background: #f9f9f9;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 2.2em -35.6% 0 -35.4%;
  padding: 20px 35.4%; }

.archive #author-info {
  border-bottom: 1px solid #ddd;
  margin: 0 0 2.2em;
  padding: 0 0 2.2em; }

#author-avatar {
  float: left;
  margin-right: -78px; }

#author-avatar img {
  background: #fff;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px #bbb;
  -moz-box-shadow: 0 1px 2px #bbb;
  box-shadow: 0 1px 2px #bbb;
  padding: 3px; }

#author-description {
  float: left;
  margin-left: 108px; }

#author-description h2 {
  color: #000;
  font-size: 15px;
  font-weight: 700;
  margin: 5px 0 10px; }

/* Comments link */
.entry-header .comments-link a {
  background: #eee url(images/comment-bubble.png) no-repeat;
  color: #666;
  font-size: 13px;
  font-weight: 400;
  line-height: 35px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 1.5em;
  right: 0;
  text-align: center;
  text-decoration: none;
  width: 43px;
  height: 36px; }

.entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active {
  background-color: #1982d1;
  color: #fff;
  color: rgba(255, 255, 255, 0.8); }

.entry-header .comments-link .leave-reply {
  visibility: hidden; }

/*

Post Formats Headings

To hide the headings, display: none the ".entry-header .entry-format" selector,

and remove the padding rules below.

*/
.entry-header .entry-format {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 2.6em;
  position: absolute;
  text-transform: uppercase;
  top: -5px; }

.entry-header hgroup .entry-title {
  padding-top: 15px; }

article.format-aside .entry-content, article.format-link .entry-content, article.format-status .entry-content {
  padding: 20px 0 0; }

.recent-posts .entry-header .entry-format {
  display: none; }

.recent-posts .entry-header hgroup .entry-title {
  padding-top: 0; }

/* Singular content styles for Posts and Pages */
.singular .hentry {
  border-bottom: none;
  padding: 0;
  position: relative; }

.singular .category-videos.hentry .entry-content {
  width: 745px;
  min-height: 500px; }

.singular.page .hentry {
  padding: 0; }

.singular .entry-title, h1.page-title {
  color: #f96801;
  font-size: 25px;
  font-weight: 400;
  line-height: 36px; }

.singular .entry-title, .singular .entry-header .entry-meta {
  padding-right: 0; }

.singular .entry-header .entry-meta {
  display: block; }

blockquote.pull {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.6125em;
  margin: 0 0 1.625em;
  text-align: center; }

.singular blockquote.pull {
  margin: 0 -22.25% 1.625em; }

.pull.alignleft {
  margin: 0 1.625em 0 0;
  text-align: right;
  width: 33%; }

.singular .pull.alignleft {
  margin: 0 1.625em 0 -22.25%; }

.pull.alignright {
  margin: 0 0 0 1.625em;
  text-align: left;
  width: 33%; }

.singular .pull.alignright {
  margin: 0 -22.25% 0 1.625em; }

.singular blockquote.pull.alignleft, .singular blockquote.pull.alignright {
  width: 33%; }

.singular .entry-meta .edit-link a {
  display: block; }

/* =Aside

----------------------------------------------- */
.format-aside .entry-title, .format-aside .entry-header .comments-link {
  display: none; }

.singular .format-aside .entry-title {
  display: block; }

.format-aside .entry-content {
  padding: 0; }

.singular .format-aside .entry-content {
  padding: 1.625em 0 0; }

/* =Link

----------------------------------------------- */
.format-link .entry-title, .format-link .entry-header .comments-link {
  display: none; }

.singular .format-link .entry-title {
  display: block; }

.format-link .entry-content {
  padding: 0; }

.singular .format-link .entry-content {
  padding: 1.625em 0 0; }

/* =Gallery

----------------------------------------------- */
.format-gallery .gallery-thumb {
  float: left;
  display: block;
  margin: .375em 1.625em 0 0; }

/* =Status

----------------------------------------------- */
.format-status .entry-title, .format-status .entry-header .comments-link {
  display: none; }

.singular .format-status .entry-title {
  display: block; }

.format-status .entry-content {
  padding: 0; }

.singular .format-status .entry-content {
  padding: 1.625em 0 0; }

.format-status img.avatar {
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px #ccc;
  -moz-box-shadow: 0 1px 2px #ccc;
  box-shadow: 0 1px 2px #ccc;
  float: left;
  margin: 4px 10px 2px 0;
  padding: 0; }

/* =Quote

----------------------------------------------- */
.format-quote blockquote {
  color: #555;
  font-size: 17px;
  margin: 0; }

/* =Image

----------------------------------------------- */
.indexed.format-image .entry-header {
  min-height: 61px;
  /* Prevent the comment icon from colliding with the image when there is no title */ }

.indexed.format-image .entry-content {
  padding-top: .5em; }

.indexed.format-image p, .indexed.format-image p img {
  margin-bottom: 0; }

.indexed.format-image footer.entry-meta {
  background: #ddd;
  margin-top: -7px;
  padding: 20px 30px;
  overflow: hidden; }

.indexed.format-image div.entry-meta {
  display: inline-block;
  float: left;
  width: 35%; }

.indexed.format-image div.entry-meta + div.entry-meta {
  float: none;
  width: 65%; }

.indexed.format-image .entry-meta span.cat-links, .indexed.format-image .entry-meta span.tag-links, .indexed.format-image .entry-meta span.comments-link {
  display: block; }

.indexed.format-image footer.entry-meta a {
  color: #444; }

.indexed.format-image footer.entry-meta a:hover {
  color: #fff; }

#content .indexed.format-image img {
  border: none;
  width: 100%;
  padding: 0; }

.indexed.format-image .wp-caption {
  background: #111;
  margin-bottom: 0;
  width: 96%;
  padding: 11px; }

.indexed.format-image .wp-caption .wp-caption-text {
  color: #ddd; }

.indexed.format-image .wp-caption .wp-caption-text:before {
  color: #444; }

.indexed.format-image a:hover img {
  opacity: .8; }

/* =error404

----------------------------------------------- */
.error404 #main #searchform {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-width: 1px 0;
  margin: 0 -8.9% 1.625em;
  overflow: hidden;
  padding: 1.625em 8.9%; }

.error404 #main #s {
  width: 95%; }

.error404 #main .widget {
  clear: none;
  float: left;
  margin-right: 3.7%;
  width: 30.85%; }

.error404 #main .widget_archive {
  margin-right: 0; }

.error404 #main .widget_tag_cloud {
  float: none;
  margin-right: 0;
  width: 100%; }

.error404 .widgettitle {
  font-size: 10px;
  letter-spacing: .1em;
  line-height: 2.6em;
  text-transform: uppercase; }

/* =Showcase

----------------------------------------------- */
h1.showcase-heading {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 2.6em;
  text-transform: uppercase; }

/* Intro */
article.intro {
  background: #f9f9f9;
  border-bottom: none;
  margin: -1.855em -8.9% 1.625em;
  padding: 0 8.9%; }

article.intro .entry-title {
  display: none; }

article.intro .entry-content {
  color: #111;
  font-size: 16px;
  padding: 1.625em 0 .625em; }

article.intro .edit-link a {
  background: #aaa;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  padding: 0 8px;
  position: absolute;
  top: 30px;
  right: 20px;
  text-decoration: none; }

article.intro .edit-link a:hover, article.intro .edit-link a:focus, article.intro .edit-link a:active {
  background: #777; }

/* Featured post */
section.featured-post {
  float: left;
  margin: -1.625em -8.9% 1.625em;
  padding: 1.625em 8.9% 0;
  position: relative;
  width: 100%; }

section.featured-post .hentry {
  border: none;
  color: #666;
  margin: 0; }

section.featured-post .entry-meta {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }

/* Small featured post */
section.featured-post .attachment-small-feature {
  float: right;
  height: auto;
  margin: 0 -8.9% 1.625em 0;
  width: 59%;
  position: relative;
  right: -15px; }

section.featured-post.small {
  padding-top: 0; }

section.featured-post .attachment-small-feature:hover, section.featured-post .attachment-small-feature:focus, section.featured-post .attachment-small-feature:active {
  opacity: .8; }

article.feature-image.small {
  float: left;
  margin: 0 0 1.625em;
  width: 45%; }

article.feature-image.small .entry-title {
  line-height: 1.2em; }

article.feature-image.small .entry-summary {
  color: #555;
  font-size: 13px; }

article.feature-image.small .entry-summary p a {
  background: #222;
  color: #eee;
  display: block;
  left: -23.8%;
  padding: 9px 26px 9px 85px;
  position: relative;
  text-decoration: none;
  top: 20px;
  width: 180px;
  z-index: 1; }

article.feature-image.small .entry-summary p a:hover {
  background: #1982d1;
  color: #eee;
  color: rgba(255, 255, 255, 0.8); }

/* Large featured post */
section.feature-image.large {
  border: none;
  max-height: 288px;
  padding: 0;
  width: 100%; }

section.feature-image.large .showcase-heading {
  display: none; }

section.feature-image.large .hentry {
  border-bottom: none;
  left: 9%;
  margin: 1.625em 9% 0 0;
  position: absolute;
  top: 0; }

article.feature-image.large .entry-title a {
  background: #222;
  background: rgba(0, 0, 0, 0.8);
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-weight: 300;
  padding: .2em 20px; }

section.feature-image.large:hover .entry-title a, section.feature-image.large .entry-title:hover a {
  background: #eee;
  background: rgba(255, 255, 255, 0.8);
  color: #222; }

article.feature-image.large .entry-summary {
  display: none; }

section.feature-image.large img {
  display: block;
  height: auto;
  width: 117.9%;
  padding: 0 0 6px; }

/* =Attachments

----------------------------------------------- */
.image-attachment div.attachment {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-width: 1px 0;
  margin: 0 -8.9% 1.625em;
  overflow: hidden;
  padding: 1.625em 1.625em 0;
  text-align: center; }

.image-attachment div.attachment img {
  display: block;
  height: auto;
  margin: 0 auto 1.625em;
  width: 100%; }

.image-attachment div.attachment a img {
  border-color: #f9f9f9; }

.image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img {
  border-color: #ddd;
  background: #fff; }

.image-attachment .entry-caption p {
  font-size: 10px;
  letter-spacing: .1em;
  line-height: 2.6em;
  margin: 0 0 2.6em;
  text-transform: uppercase; }

.left-sidebar #primary {
  float: right;
  margin: 0 0 0 -26.4%;
  width: 100%; }

.left-sidebar #content {
  margin: 0 7.6% 0 34%;
  width: 58.4%; }

.left-sidebar #secondary {
  float: left;
  margin-left: 7.6%;
  margin-right: 0;
  width: 18.8%; }

#leftcolumn {
  display: block;
  float: left;
  width: 150px;
  padding: 0; }

#lefttcolumn {
  display: block;
  width: 174px;
  float: left; }

#rightcolumn {
  display: block;
  float: right;
  width: 174px;
  margin-top: 63px; }

.archive #rightcolumn {
  width: 175px;
  margin-top: 0; }

#right {
  display: block;
  float: right;
  width: 32%; }

#right img {
  display: block;
  float: left;
  margin-right: 15px; }

/* Singular */
.singular #primary {
  margin: 0; }

.two-column #primary {
  width: 780px; }

.single-industrial-hoses #primary {
  display: block;
  width: 776px; }

.home.singular #primary {
  padding: 0; }

.singular #content,
.left-sidebar.singular #content {
  margin: 0;
  width: 100%;
  float: left; }

.page-template-page-static-3-col-php #content {
  margin: 0;
  width: 560px;
  float: left; }

#content.right-col {
  margin-left: 0; }

.home.singular #content {
  width: 100%;
  margin: 0;
  float: none;
  margin-bottom: 0;
  border-bottom: 1px solid #808883; }

#left {
  width: 32%;
  margin: 0 2% 0 0;
  float: left; }

.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
  margin: 0 auto;
  width: 100%; }

/* Attachments */
.singular .image-attachment .entry-content {
  margin: 0 auto;
  width: auto; }

.singular .image-attachment .entry-description {
  margin: 0 auto;
  width: 68.9%; }

/* Showcase */
.page-template-showcase-php #primary,
.left-sidebar.page-template-showcase-php #primary {
  margin: 0; }

.page-template-showcase-php #content,
.left-sidebar.page-template-showcase-php #content {
  margin: 0 7.6%;
  width: auto; }

.page-template-showcase-php section.recent-posts {
  float: right;
  margin: 0 0 0 31%;
  width: 69%; }

.page-template-showcase-php #main .widget-area {
  float: left;
  margin: 0 -22.15% 0 0;
  width: 22.15%; }

/* error404 */
.error404 #primary {
  float: none;
  margin: 0; }

.error404 #primary #content {
  margin: 0 7.6%;
  width: auto; }

/* One column */
.one-column #page {
  width: 690px; }

.one-column #content {
  margin: 0 7.6%;
  width: auto; }

.one-column #nav-below {
  border-bottom: 1px solid #ddd;
  margin-bottom: 1.625em; }

.one-column #secondary {
  float: none;
  margin: 0 7.6%;
  width: auto; }

/* Simplify the showcase template */
.one-column .page-template-showcase-php section.recent-posts {
  float: none;
  margin: 0;
  width: 100%; }

.one-column .page-template-showcase-php #main .widget-area {
  float: none;
  margin: 0;
  width: auto; }

.one-column .page-template-showcase-php .other-recent-posts {
  border-bottom: 1px solid #ddd; }

/* Simplify the showcase template when small feature */
.one-column section.featured-post .attachment-small-feature {
  border: none;
  display: block;
  height: auto;
  width: 60%;
  position: static; }

.one-column article.feature-image.small {
  margin: 0 0 1.625em;
  padding: 0; }

.one-column article.feature-image.small .entry-title {
  font-size: 20px;
  line-height: 1.3em; }

.one-column article.feature-image.small .entry-summary {
  height: 150px;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis; }

.one-column article.feature-image.small .entry-summary a {
  left: -9%; }

/* Remove the margin on singular articles */
.one-column.singular .entry-header,
.one-column.singular .entry-content,
.one-column.singular footer.entry-meta,
.one-column.singular #comments-title {
  width: 100%; }

/* Simplify the pullquotes and pull styles */
.one-column.singular blockquote.pull {
  margin: 0 0 1.625em; }

.one-column.singular .pull.alignleft {
  margin: 0 1.625em 0 0; }

.one-column.singular .pull.alignright {
  margin: 0 0 0 1.625em; }

.one-column.singular .entry-meta .edit-link a {
  position: absolute;
  left: 0;
  top: 40px; }

.one-column.singular #author-info {
  margin: 2.2em -8.8% 0;
  padding: 20px 8.8%; }

/* Make sure we have room for our comment avatars */
.one-column .commentlist > li.comment {
  margin-left: 102px;
  width: auto; }

/* Make sure the logo and search form don't collide */
.one-column #branding #searchform {
  right: 40px;
  top: 4em; }

/* Talking avatars take up too much room at this size */
.one-column .commentlist > li.comment {
  margin-left: 0; }

.one-column .commentlist > li.comment .comment-meta,
.one-column .commentlist > li.comment .comment-content {
  margin-right: 85px; }

.one-column .commentlist .avatar {
  background: transparent;
  display: block;
  padding: 0;
  top: 1.625em;
  left: auto;
  right: 1.625em; }

.one-column .commentlist .children .avatar {
  background: none;
  padding: 0;
  position: absolute;
  top: 2.2em;
  left: 2.2em; }

.one-column #respond {
  width: auto; }

/* Full Width */
.page-template-page-full-width-landing-php #content {
  width: 960px;
  float: left; }

/* Industrial Hose Taxonomy */
.tax-ind-hose-cat #primary {
  float: left;
  margin: 0 0 0 20px;
  width: 750px;
  padding: 0; }

.tax-ind-hose-cat #content {
  margin: 0;
  width: auto;
  float: none;
  display: block; }

/* Product Taxonomy */
.tax-wpsc_product_category #content {
  width: 100%; }

/* ==========================================================================
   Module
   ========================================================================== */
/* =Banner Top

----------------------------------------------- */
#banner-top {
  display: block;
  overflow: visible;
  padding-bottom: 0;
  margin-bottom: 10px;
  width: 100%;
  height: 200px; }

.single #banner-top,
.search #banner-top,
.archive #banner-top,
.page-child #banner-top,
.singular #banner-top,
.blog #banner-top,
.archive.tax-product-line #banner-top {
  height: 110px; }

#banner-top #execphp-3 {
  display: block;
  float: left; }

#banner-top aside {
  float: left;
  height: 90px; }

#banner-top .widget_sp_image-image-link {
  margin-left: 0;
  display: block; }

/* Breadcrumbs */
.breadcrumbs {
  color: #333333;
  font: 11px/1.38 Arial;
  min-height: 13px;
  position: relative; }

.breadcrumbs a {
  color: #333333; }
  .breadcrumbs a:active, .breadcrumbs a:hover {
    color: #FFFFFF; }

/* Product Filters */
.product-filters-container {
  border-bottom: 1px solid #999999;
  margin-bottom: 1em; }

.styled-select {
  background: #fff;
  border: 1px solid #999999;
  display: inline-block;
  *display: inline;
  margin-right: 3px;
  overflow: hidden;
  position: relative;
  vertical-align: middle; }
  .styled-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font-size: 12px;
    padding: 3px 2px;
    position: relative;
    text-indent: 0.01px;
    text-overflow: "";
    width: 130%;
    z-index: 1; }
    .styled-select select::-ms-expand {
      display: none; }
  .styled-select .styled-select-arrow {
    background: url("images/custom-select-on.png") no-repeat scroll 99% 50% transparent;
    display: block;
    height: 10px;
    position: absolute;
    right: 5px;
    top: 7px;
    width: 17px; }

.single-product .products-header-container {
  margin-bottom: 2.188em; }

.product-filter {
  margin-bottom: 1em; }
  .product-filter .product-filter_materials {
    width: 17.5%; }
  .product-filter .product-filter_applications {
    width: 23.8%; }
  .product-filter .product-filter_inside-diameter-min,
  .product-filter .product-filter_neck-size--metric {
    width: 13%; }
  .product-filter .product-filter_length {
    width: 10.1%; }
  .product-filter .product-filter_temperature-low,
  .product-filter .product-filter_temperature-high {
    width: 13.9%; }
  .product-filter .product-filter_neck-size--inches {
    width: 12%; }
  .product-filter .product-filter_type {
    width: 7.1%; }

.product-filter--tuec .clear-filters-btn {
  margin-top: 15px; }

.es .product-filter .product-filter_materials {
  display: block;
  margin-bottom: .75em; }

.es .product-filter .product-filter_squeegee-material {
  width: 20%; }

.es .product-filter .product-filter_bristle-material {
  width: 14.5%; }

.es .product-filter .product-filter_length {
  width: 11%; }

.es .product-filter .product-filter_neck-size--inches {
  width: 17%; }

.es .product-filter .product-filter_neck-size--metric {
  width: 18%; }

.product-filter_label,
.result-sort label {
  color: #398fc7;
  font: 400 11px 'Open Sans', sans-serif;
  margin: 5px 8px 0 0;
  text-transform: uppercase; }

.product-filter_label {
  display: block;
  margin-bottom: 5px; }

.result-sort label {
  float: left; }

.clear-filters-btn {
  background: #999999;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font: 400 11px 'Open Sans', sans-serif;
  height: 23px;
  margin-top: 2px;
  padding: 2px 4px 3px;
  text-transform: uppercase; }

.product-filter .clear-filters-btn {
  float: right; }

/* Sort Order Filters */
.result-sort {
  margin-bottom: 1em;
  text-align: right; }

.result-sort label {
  display: inline-block;
  float: none; }

.resultSort {
  width: 15.1%; }

.es .resultSort {
  width: 19.2%; }

/* =Navigation

-------------------------------------------------------------- */
#content nav {
  clear: both;
  overflow: hidden;
  padding: 0 0 1.625em;
  text-align: center; }

#content nav a {
  font-size: 12px;
  font-weight: 700;
  line-height: 2.2em; }

#nav-above {
  padding: 0 0 1.225em; }

#nav-above {
  display: none; }

.paged #nav-above {
  display: block; }

.nav-previous {
  float: left;
  width: 50%; }

.nav-next {
  float: right;
  text-align: right;
  width: 50%; }

#content nav .meta-nav {
  font-weight: 400; }

/* Singular navigation */
.post-navigation {
  float: right;
  position: relative;
  top: -.3em;
  text-align: right;
  width: 100%;
  z-index: 1; }
  .post-navigation .nav-previous,
  .post-navigation .nav-next {
    float: none;
    width: auto; }
  .post-navigation .nav-next {
    padding-left: .5em; }

/* Tabbed Navigation */
.menu--tab {
  max-width: 980px;
  width: 100%; }
  .menu--tab li {
    display: table;
    float: left;
    margin-right: 5px; }
    .menu--tab li a {
      font-weight: 600; }
  .menu--tab a {
    display: table-cell;
    font: 400 11px/1.3 'Open Sans', sans-serif;
    position: relative;
    text-align: center;
    vertical-align: middle; }
  .menu--tab .current-cat a {
    font-weight: 700; }

/* Footer Nav */
.footer-menu-container a:before {
  padding-left: 10px; }

.footer-menu-container a:first-child:before {
  padding-left: 0; }

/* ==========================================================================
   Modal Windows
   ========================================================================== */
/* Product Header */
.products-header-container {
  border-top: 2px solid #66ccff;
  border-bottom: 1px solid #154485;
  background: #029af6;
  background: -moz-linear-gradient(top, #029af6 0%, #029af6 80%, #0687de 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #029af6), color-stop(80%, #029af6), color-stop(100%, #0687de));
  background: -webkit-linear-gradient(top, #029af6 0%, #029af6 80%, #0687de 100%);
  background: -o-linear-gradient(top, #029af6 0%, #029af6 80%, #0687de 100%);
  background: -ms-linear-gradient(top, #029af6 0%, #029af6 80%, #0687de 100%);
  background: linear-gradient(to bottom, #029af6 0%, #029af6 80%, #0687de 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#029af6', endColorstr='#0687de',GradientType=0 );
  margin-bottom: 1em;
  width: 100%; }

.term-commercial-cleaning-tools .products-header-container,
.term-herramientas-especiales-herramientas-de-limpieza-comerciales .products-header-container {
  background: #00ac5a;
  background: -moz-linear-gradient(top, #00ac5a 0%, #00ac5a 80%, #059463 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00ac5a), color-stop(80%, #00ac5a), color-stop(100%, #059463));
  background: -webkit-linear-gradient(top, #00ac5a 0%, #00ac5a 80%, #059463 100%);
  background: -o-linear-gradient(top, #00ac5a 0%, #00ac5a 80%, #059463 100%);
  background: -ms-linear-gradient(top, #00ac5a 0%, #029af6 80%, #059463 100%);
  background: linear-gradient(to bottom, #00ac5a 0%, #00ac5a 80%, #059463 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ac5a', endColorstr='#059463',GradientType=0 ); }

.term-industrial-cleaning-tools .products-header-container,
.term-herramientas-de-limpieza-industrial .products-header-container {
  background: #9c3d96;
  background: -moz-linear-gradient(top, #9c3d96 0%, #9c3d96 80%, #7e3f92 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9c3d96), color-stop(80%, #9c3d96), color-stop(100%, #7e3f92));
  background: -webkit-linear-gradient(top, #9c3d96 0%, #9c3d96 80%, #7e3f92 100%);
  background: -o-linear-gradient(top, #9c3d96 0%, #9c3d96 80%, #7e3f92 100%);
  background: -ms-linear-gradient(top, #9c3d96 0%, #9c3d96 80%, #7e3f92 100%);
  background: linear-gradient(to bottom, #9c3d96 0%, #9c3d96 80%, #7e3f92 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c3d96', endColorstr='#7e3f92',GradientType=0 ); }

.term-wands-extensions .products-header-container,
.term-varitas-y-extensiones .products-header-container {
  background: #e4183e;
  background: -moz-linear-gradient(top, #e4183e 0%, #e4183e 80%, #b6214d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4183e), color-stop(80%, #e4183e), color-stop(100%, #b6214d));
  background: -webkit-linear-gradient(top, #e4183e 0%, #e4183e 80%, #b6214d 100%);
  background: -o-linear-gradient(top, #e4183e 0%, #e4183e 80%, #b6214d 100%);
  background: -ms-linear-gradient(top, #e4183e 0%, #e4183e 80%, #b6214d 100%);
  background: linear-gradient(to bottom, #e4183e 0%, #e4183e 80%, #b6214d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4183e', endColorstr='#b6214d',GradientType=0 ); }

.term-attachments .products-header-container,
.term-adjuntos .products-header-container {
  background: #fcb825;
  background: -moz-linear-gradient(top, #fcb825 0%, #fcb825 80%, #0687de 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcb825), color-stop(80%, #fcb825), color-stop(100%, #0687de));
  background: -webkit-linear-gradient(top, #fcb825 0%, #fcb825 80%, #0687de 100%);
  background: -o-linear-gradient(top, #fcb825 0%, #fcb825 80%, #0687de 100%);
  background: -ms-linear-gradient(top, #fcb825 0%, #fcb825 80%, #0687de 100%);
  background: linear-gradient(to bottom, #fcb825 0%, #fcb825 80%, #0687de 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb825', endColorstr='#0687de',GradientType=0 );
  background-image: -webkit-linear-gradient(270deg, #fcb825 0%, #c99e3a 100%);
  background-image: -moz-linear-gradient(270deg, #fcb825 0%, #c99e3a 100%);
  background-image: -o-linear-gradient(270deg, #fcb825 0%, #c99e3a 100%);
  background-image: -ms-linear-gradient(270deg, #fcb825 0%, #fcb825 100%);
  background-image: linear-gradient(180deg, #fcb825 0%, #c99e3a 100%); }

.products-header {
  height: 126px;
  padding-top: 15px;
  position: relative; }

.products-header_heading {
  color: #FFFFFF;
  font: 700 2.25em/2.1 'Open Sans', sans-serif; }

.products-header_menu {
  bottom: -1px;
  position: absolute;
  z-index: 5; }
  .products-header_menu li {
    border-bottom: 1px solid #154485; }
    .products-header_menu li a {
      color: #FFFFFF; }
  .products-header_menu a {
    background-color: #154485;
    border-top: 2px solid #66ccff;
    font-size: 12px;
    height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    width: 110px; }
  .products-header_menu .mid-tab a,
  .products-header_menu .wide-tab a {
    width: auto; }
  .products-header_menu .mid-tab a {
    max-width: 130px; }
  .products-header_menu .wide-tab a {
    max-width: 170px; }
  .products-header_menu .current-cat,
  .products-header_menu .current-menu-parent,
  .products-header_menu .current-menu-item {
    border-bottom-color: #FFFFFF; }
    .products-header_menu .current-cat a,
    .products-header_menu .current-menu-parent a,
    .products-header_menu .current-menu-item a {
      background-color: white;
      color: #154485; }

.term-description {
  background: #dbf1fe;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin: 2em 0;
  overflow: hidden;
  position: relative; }
  .term-description.term-description--closed {
    height: 95px; }
  .term-description.term-description--open {
    height: 100%; }
  .term-description .term-description__content {
    padding: 29px 35px 25px 25px; }
    .term-description .term-description__content > :last-child {
      margin-bottom: 0; }
  .term-description .term-description-toggle {
    background: url(images/expand.png) center no-repeat;
    border: none;
    height: 25px;
    position: absolute;
    right: 8px;
    top: 4px;
    width: 25px;
    -webkit-appearance: none; }
    @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
      .term-description .term-description-toggle {
        background-image: url(images/expand@2x.png);
        background-size: 17px 9px; } }
  .term-description.term-description--open .term-description-toggle {
    background-image: url(images/close.png); }
    @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
      .term-description.term-description--open .term-description-toggle {
        background-image: url(images/close@2x.png);
        background-size: 13px 13px; } }
  .term-commercial-cleaning-tools .term-description,
  .term-herramientas-especiales-herramientas-de-limpieza-comerciales .term-description {
    background: #dbf3e8; }
  .term-industrial-cleaning-tools .term-description,
  .term-herramientas-de-limpieza-industrial .term-description {
    background: #f1e4f0; }
  .term-wands-extensions .term-description,
  .term-varitas-y-extensiones .term-description {
    background: #f1e4f0; }
  .term-attachments .term-description,
  .term-adjuntos .term-description  {
    background: #feeabd; }

.meta-list {
  margin: 0 0; }

.meta-list_item-product {
  background-image: url(images/applications-shipping-sprite.png);
  display: inline-block;
  height: 24px;
  width: 24px; }

.meta-list_item-product--air {
  background-position: 0 0; }

.meta-list_item-product--active.meta-list_item-product--air {
  background-position: 0 -24px; }

.meta-list_item-product--fume {
  background-position: -24px 0; }

.meta-list_item-product--active.meta-list_item-product--fume {
  background-position: -24px -24px; }

.meta-list_item-product--dust {
  background-position: -48px 0; }

.meta-list_item-product--active.meta-list_item-product--dust {
  background-position: -48px -24px; }

.meta-list_item-product--material {
  background-position: -72px 0; }

.meta-list_item-product--active.meta-list_item-product--material {
  background-position: -72px -24px; }

.meta-list_item-product--rl {
  background-position: -96px 0; }

.meta-list_item-product--active.meta-list_item-product--rl {
  background-position: -96px -24px; }

.meta-list_item-product--shipping {
  background-position: -120px -24px;
  width: 55px; }

/* ==========================================================================
   Product Template Adjustments
   ========================================================================== */
.tax-group #main,
.tax-ind-hose-market #main,
.tax-equipment-types #main,
.tax-product-line #main,
.tax-product-lines #main,
.tax-flr-car-acc #main,
.tax-product_material #main,
.tax-bristle_material #main,
.tax-squeegee_material #main,
.single-product #main {
  width: 100%; }

.single-product #main {
  margin-bottom: 0; }

.tax-group #header,
.tax-ind-hose-market #header,
.tax-equipment-types #header,
.tax-product-line #header,
.tax-product-lines #header,
.tax-flr-car-acc #header,
.tax-product_material #header,
.tax-bristle_material #header,
.tax-squeegee_material #header,
.single-product #header {
  height: 100px; }

/* ==========================================================================
   Single Product
   ========================================================================== */
.heading-a {
  border-bottom: 1px solid #99ccff;
  color: #164485;
  font: 700 30px/1.1 'Roboto Condensed', sans-serif;
  margin-bottom: 7px;
  padding-bottom: 7px; }

.heading-b {
  background-color: #164486;
  border-top: 2px solid #00ccff;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1;
  padding: 5px 11px;
  text-transform: uppercase; }

.heading-c {
  color: #333333;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: .65em;
  text-transform: uppercase; }

.product {
  font-family: 'Open Sans', sans-serif; }

.product_column {
  margin-bottom: 3em;
  position: relative; }
  .product_column .product-image {
    margin-bottom: 38px;
    position: relative; }

.product_column.col6 ul,
.product_column.col6 ol {
  margin-left: 1em; }

.enlarge-image {
  background-image: url(images/enlarge-image.png);
  height: 17px;
  width: 17px; }

.product-image .enlarge-image {
  bottom: 2.7%;
  left: 0;
  position: absolute; }

.product_meta-inline-list p {
  margin: 12px auto;
  width: 92%; }

.pf-content {
  color: #333333;
  font-size: 14px; }
  .pf-content ul {
    margin-left: 1.3em; }

.product_features {
  color: #000;
  font-size: 13px;
  margin-bottom: 1em; }
  .product_features ul {
    margin-left: 1.25em; }

/* ==========================================================================
   Quick Look
   ========================================================================== */
.quick-look {
  min-height: 280px;
  padding: 20px;
  position: relative;
  width: 728px; }
  .quick-look .heading-a {
    font-size: 24px; }
  .quick-look .product_features,
  .quick-look .product_meta {
    font-size: 12px; }
  .quick-look .view-full-details {
    bottom: 67px;
    border-top: 1px solid #CCCCCC;
    font: 600 12px/1 'Open Sans', sans-serif;
    padding-top: 10px;
    position: absolute;
    right: 21px;
    width: 222px; }
    .quick-look .view-full-details span {
      color: #00ccff; }

/* Recent Posts */
section.recent-posts {
  padding: 0 0 1.625em; }

section.recent-posts .hentry {
  border: none;
  margin: 0; }

section.recent-posts .other-recent-posts {
  border-bottom: 1px solid #ddd;
  list-style: none;
  margin: 0; }

section.recent-posts .other-recent-posts li {
  padding: .3125em 0;
  position: relative; }

section.recent-posts .other-recent-posts .entry-title {
  border-top: 1px solid #ddd;
  font-size: 17px; }

section.recent-posts .other-recent-posts a[rel="bookmark"] {
  color: #373737;
  float: left;
  width: 84%; }

section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
  content: '-';
  color: transparent;
  font-size: 11px; }

section.recent-posts .other-recent-posts .comments-link a, section.recent-posts .other-recent-posts .comments-link > span {
  border-bottom: 2px solid #999;
  bottom: -2px;
  color: #444;
  display: block;
  font-size: 10px;
  font-weight: 500;
  line-height: 2.76333em;
  padding: .3125em 0 .3125em 1em;
  position: absolute;
  right: 0;
  text-align: right;
  text-transform: uppercase;
  z-index: 1; }

section.recent-posts .other-recent-posts .comments-link > span {
  border-color: #bbb;
  color: #888; }

section.recent-posts .other-recent-posts .comments-link a:hover {
  color: #1982d1;
  border-color: #1982d1; }

section.recent-posts .other-recent-posts li:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden; }

.recommendations-container {
  clear: both; }

.recommendations_header {
  color: #666666;
  font: 400 11px/1.3 'Open Sans', sans-serif;
  height: 36px;
  position: relative;
  text-transform: uppercase; }

.recommendations_header_heading {
  float: left;
  left: 0;
  line-height: 2.5;
  position: absolute;
  width: 30%; }

.recommendations_body {
  background: #efefef;
  padding: 10px 0; }

.liteTabs {
  margin: -46px auto 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 97% !important; }
  .liteTabs .menu {
    margin: 0;
    padding: 0;
    overflow: hidden; }
  .liteTabs .tab_content {
    float: left;
    width: 100%; }
  .liteTabs .tab_content.selected {
    position: static !important; }

.recommended-products-accessories .menu {
  margin-left: 280px;
  width: 70%; }

.recommended-products-accessories .menu--tab a {
  background-color: #FFFFFF;
  border-right: 1px solid #efefef;
  color: #333333;
  height: 36px;
  width: 110px;
  /* 93px */ }

.recommended-products-accessories .menu--tab .selected {
  background-color: #efefef; }

.recommended-products-accessories .tab_content {
  padding: 10px 54px;
  width: 870px; }

.es-ES .recommended-products-accessories .menu--tab a {
  width: 130px; }

.product-list--recommendations {
  color: #000000;
  list-style: none; }
  .product-list--recommendations .recommendation_title {
    font: 600 12px/1.3 'Open Sans', sans-serif;
    margin-bottom: 5px; }
  .product-list--recommendations .recommendation_specs {
    font-size: 11px;
    line-height: 1;
    margin-left: 1.2em; }
  .product-list--recommendations .product-list_item {
    float: left;
    list-style: none;
    margin-right: 29px;
    width: 98px; }
    .product-list--recommendations .product-list_item:last-child {
      margin-right: 0; }
  .product-list--recommendations .product-image {
    padding-top: 10px; }

.product-list_btn {
  display: block;
  height: 30px;
  padding: 113px 0;
  position: absolute;
  top: 43px;
  width: 28px; }

.product-list_btn .ir {
  background-image: url(images/carousel-sprite.png);
  background-repeat: no-repeat;
  display: block;
  height: 30px;
  width: 28px; }

.recommended-products_prev {
  border-right: 1px solid #cccccc;
  left: 0; }
  .recommended-products_prev .ir:hover {
    background-position: 0 -30px; }

.recommended-products_next {
  border-left: 1px solid #cccccc;
  right: 0; }
  .recommended-products_next .ir {
    background-position: 13px -60px; }
    .recommended-products_next .ir:hover {
      background-position: 13px -90px; }

.search-form--header {
  display: block;
  margin: 0 auto 10px;
  text-align: right; }

.searchform-label {
  display: block;
  float: none !important;
  width: 100% !important;
  overflow: hidden;
  font-size: 13px;
  font-family: sans-serif;
  font-weight: 700;
  padding-top: 4px; }

.searchform-input-wrapper {
  display: block;
  float: none !important;
  text-align: right;
  width: 100% !important;
  margin-bottom: 10px; }

.searchform-input-wrapper .radio-button-wrapper input {
  float: left; }

#sidebar .searchform-input-wrapper input,
.searchform-input-wrapper input,
.searchform-input-wrapper select {
  width: 100%; }

.searchform-param {
  clear: left; }

.searchform-params {
  clear: left; }

.searchform-controls {
  clear: left;
  text-align: right; }

.searchform-spoiler {
  display: none; }

/* ==========================================================================
   Slider
   ========================================================================== */
/* Product Slider */
#prod-slider {
  display: block;
  clear: both;
  margin-bottom: 13px; }

/* Brand Slider */
#brand-slider {
  display: block;
  float: left;
  width: 780px; }

#brand-slider div a img {
  float: left;
  padding: 0;
  margin: 0; }

/* Featured Slider */
.featured-posts {
  border-bottom: 1px solid #ddd;
  display: block;
  height: 328px;
  margin: 1.625em -8.9% 20px;
  width: 1000px;
  padding: 0;
  position: relative;
  overflow: hidden; }

.featured-posts .showcase-heading {
  padding-left: 8.9%; }

.featured-posts section.featured-post {
  background: #fff;
  height: 288px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 30px;
  width: auto; }

.featured-posts section.featured-post.large {
  width: 100%;
  overflow: hidden; }

.featured-posts section.featured-post {
  -webkit-transition-duration: 200ms;
  -webkit-transition-property: opacity,visibility;
  -webkit-transition-timing-function: ease;
  -moz-transition-duration: 200ms;
  -moz-transition-property: opacity,visibility;
  -moz-transition-timing-function: ease; }

.featured-posts section.featured-post {
  opacity: 0;
  visibility: hidden; }

.featured-posts #featured-post-1 {
  opacity: 1;
  visibility: visible; }

.featured-post .feature-text:after, .featured-post .feature-image.small:after {
  content: ' ';
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);
  /* IE6-9 */
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C */
  width: 100%;
  height: 45px;
  position: absolute;
  top: 230px; }

.featured-post .feature-image.small:after {
  top: 253px; }

#content .feature-slider {
  top: 5px;
  right: 8.9%;
  overflow: visible;
  position: absolute; }

.feature-slider ul {
  list-style-type: none;
  margin: 0; }

.feature-slider li {
  float: left;
  margin: 0 6px; }

.feature-slider a {
  background: #3c3c3c;
  background: rgba(60, 60, 60, 0.9);
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.5);
  box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.5);
  display: block;
  width: 14px;
  height: 14px; }

.feature-slider a.active {
  background: #1982d1;
  -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.8);
  box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.8);
  cursor: default;
  opacity: .5; }

.specs {
  background-color: #f4f7fa;
  border-bottom: 2px solid #3399cc;
  margin-bottom: 20px; }

.spec-table {
  border-collapse: collapse;
  width: 100%; }

.spec-table td {
  padding: 5px; }

.spec-table tr:nth-child(2n+1) {
  background-color: #e8eff5; }

.spec_label {
  border-right: 1px solid #b1c6d9;
  color: #333333;
  font-size: 10px;
  font-weight: 400;
  text-align: right;
  text-transform: uppercase; }

.spec_detail {
  color: #104c7f;
  font-size: 12px;
  font-weight: 600; }

.spec_sub-label {
  color: #333333;
  font-size: 9px;
  font-weight: 400; }

/* tables */
table.tablesorter {
  font-family: arial;
  background-color: #CDCDCD;
  margin: 10px 0 15px;
  font-size: 8pt;
  width: 100%;
  text-align: left;
  border: 1px solid #666; }

table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
  background-color: #666;
  border: 0 solid #FFF;
  font-size: 8pt;
  padding: 4px;
  color: #FFF; }

table.tablesorter thead tr .header {
  background-image: url(bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer; }

table.tablesorter tbody td {
  color: #3D3D3D;
  padding: 4px;
  background-color: #FFF;
  vertical-align: middle;
  text-align: center; }

table.tablesorter tbody tr.odd td {
  background-color: #F0F0F6; }

.tablesorter .search-result-row {
  margin-bottom: 1.375em;
  /* 22px */ }
  .tablesorter .search-result-row .search-result:first-child dl {
    padding: .188em 1.25em .188em 0; }
  .tablesorter .search-result-row .search-result:last-child {
    border-right: 0; }
    .tablesorter .search-result-row .search-result:last-child dl {
      padding: .188em 0 .188em 1.25em; }

.tablesorter .search-result {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #999999;
  float: left;
  min-height: 245px;
  width: 25%; }
  .tablesorter .search-result:nth-child(4n+4) {
    border-right: none; }
  .tablesorter .search-result:nth-child(4n+1) {
    clear: left; }

.search-result dl {
  margin: 0;
  padding: .188em 1.25em;
  /* 3px 20px */ }

.result_thumb {
  float: left;
  margin: 0 .688em .688em 0;
  /* 0 11px 11px 0 */ }
  .result_thumb .wp-post-image {
    border: 1px solid #c2c2c2; }

.result_specs {
  clear: left;
  font-size: 11px;
  list-style: none; }

.result li {
  list-style-position: inside; }

table.tablesorter thead tr .headerSortUp {
  background-image: url(images/asc.gif); }

table.tablesorter thead tr .headerSortDown {
  background-image: url(images/desc.gif); }

table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
  background-color: #8dbdd8; }

table.tablesorter tbody tr.odd td {
  background-color: #F0F0F6; }

table.tablesorter {
  background-color: #CDCDCD;
  border: 1px solid #666;
  font-family: arial;
  font-size: 13px;
  margin: 10px 0 15px;
  text-align: left;
  width: 100%; }

table.tablesorter {
  background-color: transparent;
  border-collapse: separate;
  border-spacing: 0;
  height: auto;
  width: auto; }

table.tablesorter tbody td {
  background-color: #FFF;
  color: #3D3D3D;
  padding: 4px;
  text-align: center;
  vertical-align: middle; }

#results th {
  font-size: .9em;
  height: 27px;
  padding-right: 10px;
  text-align: center;
  vertical-align: middle; }

table.tablesorter thead tr .header {
  background-image: url(images/bg.gif);
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: center;
  padding-right: 15px; }

table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
  background-color: #666;
  border: 0 solid #FFF;
  color: #FFF;
  font-size: 13px;
  padding: 4px; }

/* end tables */
.utility-links {
  background: #efefef;
  margin-bottom: 1em;
  padding: 10px 13px; }

.utility-link {
  border-bottom: 1px solid #cccccc;
  list-style: none;
  padding: 8px 3px; }

.utility-link:first-child {
  padding-top: 0; }

.utility-link:last-child {
  border-bottom: none;
  padding-bottom: 0; }

.utility-link > a {
  color: #333333; }

.utility-link > a:active,
.utility-link > a:hover {
  color: #104c7f; }

.utility-link--icon > a:before,
.utility-link--share .a2a_img {
  background-image: url(images/utility-sprite.png);
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 19px; }

.utility-link--datasheet > a:before {
  background-position: 2px 0;
  height: 15px; }

.utility-link--print > a:before {
  background-position: 1px -15px;
  height: 15px; }

.utility-link--quote > a:before {
  background-position: 0 -30px;
  height: 16px; }

.utility-link--share .a2a_img {
  background-position: 0 -46px !important;
  height: 14px; }

/* =Widgets
----------------------------------------------- */
.widget-area {
  font-size: 12px; }

.widget {
  margin: 0; }

#center .widget_categoryposts {
  font-weight: 700; }

#center .widget_categoryposts ul {
  font-weight: 400;
  padding-left: 20px;
  display: block;
  padding-right: 20px; }

#left .widget_categoryposts li {
  display: block;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #fff; }

.widget-title {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 2.6em;
  text-align: center; }

.widget ul {
  font-size: 15px;
  margin: 0; }

.widget ul ul {
  margin-left: 1.5em; }

.widget ul li {
  color: #777;
  font-size: 12px;
  display: block;
  overflow: hidden;
  margin-bottom: 0; }

#right .widget ul li {
  padding: 5px; }

#leftcolumn .widget ul li {
  margin-bottom: 0; }

.widget a {
  font-weight: 400;
  text-decoration: none; }

.widget a:hover, .widget a:focus, .widget a:active {
  text-decoration: underline; }

/* Search Widget */
.widget_search form {
  margin: 0 0 1.625em; }

.widget_search #s {
  width: 77%; }

.widget_search #searchsubmit {
  background: #ddd;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.09);
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.09);
  color: #888;
  font-size: 13px;
  line-height: 25px;
  position: relative;
  top: -2px; }

.widget_search #searchsubmit:active {
  background: #1982d1;
  border-color: #0861a5;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #bfddf3; }

/* Ephemera Widget */
section.ephemera ol, .widget_twentyeleven_ephemera ol {
  list-style: square;
  margin: 5px 0 0; }

.widget_twentyeleven_ephemera .widget-entry-title {
  font-size: 15px;
  font-weight: 700;
  padding: 0; }

.widget_twentyeleven_ephemera .comments-link a, .widget_twentyeleven_ephemera .comments-link > span {
  color: #666;
  display: block;
  font-size: 10px;
  font-weight: 500;
  line-height: 2.76333em;
  text-transform: uppercase; }

section.ephemera .entry-title a span {
  color: #29628d; }

/* Twitter */
.widget_twitter li {
  list-style-type: none;
  margin-bottom: 14px; }

.widget_twitter .timesince {
  display: block;
  font-size: 11px;
  margin-right: -10px;
  text-align: right; }

/* Widget Image */
.widget_image img {
  height: auto;
  width: 100%; }

/* Calendar Widget */
.widget_calendar #wp-calendar {
  color: #555;
  width: 95%;
  text-align: center; }

.widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {
  text-align: center; }

.widget_calendar #wp-calendar caption {
  font-size: 11px;
  font-weight: 500;
  padding: 5px 0 3px;
  text-transform: uppercase; }

.widget_calendar #wp-calendar th {
  background: #f4f4f4;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-weight: 700; }

.widget_calendar #wp-calendar tfoot td {
  background: #f4f4f4;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.tax-wpsc_product_category .product_form {
  display: block;
  float: none; }

.tax-wpsc_product_category .entry-title {
  display: block;
  padding: 0; }

.cat-description {
  display: block;
  padding-top: 20px;
  padding-bottom: 30px; }

#list_view_products_page_container .wpsc_category_details img {
  display: block;
  margin-bottom: 20px; }

#list_view_products_page_container .wpsc_category_details {
  display: block;
  padding-bottom: 20px; }

.view-btn {
  display: block;
  background-color: #069;
  width: 60px;
  text-align: center;
  line-height: 2em;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }

.view-btn a {
  color: #FFF; }

#product_show_left_column {
  display: block;
  width: 206px;
  float: left; }

#product_descriptions {
  display: block;
  float: left;
  margin-left: 20px;
  width: 545px; }

.product_column #product_descriptions {
  float: none;
  margin-left: 0;
  width: auto; }

#product_header {
  display: block;
  float: left;
  width: 565px; }

#product_header h2 {
  display: block;
  float: left;
  width: 340px;
  margin-left: 20px;
  font-size: 18px; }

#top-info {
  display: block;
  float: right;
  font-size: 11px; }

#grid_view_products_page_container {
  display: block;
  float: left; }

.product_description h2 {
  display: block;
  color: #003084;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 5px; }

.product_grid_display .item_image a {
  display: block;
  height: 148px;
  width: 148px;
  margin: 0 auto; }

.cart-section {
  display: block;
  float: right;
  background-color: #EFEFEF;
  padding: 15px;
  margin-left: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width: 300px; }

.cart-section form {
  background-color: #FFF;
  display: block;
  padding: 15px; }

.cart-section table {
  width: 100%; }

#rightcolumn .widget_wpsc_shopping_cart {
  background-color: #EFEFEF;
  display: block;
  padding: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }

/*Marks Additions, feel free to put where they belong*/
.hportals_column_1, .hportals_column_2, .hportals_column_3 {
  width: 220px;
  margin-right: 12px;
  float: left; }

.hportals_column_1 h3, .hportals_column_2 h3, .hportals_column_3 h3 {
  background: #fff;
  color: #f96801;
  padding: 1px;
  margin-bottom: 1em;
  font-size: 13px; }

.acc-img {
  display: block;
  float: left;
  margin-right: 20px; }

.fportals_column_1, .fportals_column_2, .fportals_column_3 {
  width: 235px;
  margin-right: 12px;
  float: left; }

.fportals_column_1 h3, .fportals_column_2 h3, .fportals_column_3 h3 {
  background: #fff;
  color: #f96801;
  padding: 1px;
  margin-bottom: 1em;
  font-size: 13px; }

.acc-img {
  display: block;
  float: left;
  margin-right: 20px; }

.affiliates_column_1,
.affiliates_column_2,
.affiliates_column_3 {
  width: 220px;
  margin-right: 12px;
  float: left; }

.affiliates_column_1 h3,
.affiliates_column_2 h3,
.affiliates_column_3 h3 {
  background: #6D6E71;
  color: #fff;
  line-height: normal;
  padding: 5px;
  margin-bottom: 1em;
  font-size: .9em; }

.acc-img {
  display: block;
  float: left;
  margin-right: 20px; }

div.category-brochures {
  display: inline-block;
  margin-bottom: 20px;
  text-align: center;
  vertical-align: top;
  width: 180px;
  height: auto;
  min-height: 200px; }

.category-brochures img {
  box-shadow: 2px 2px 5px #888;
  margin-bottom: 0; }

.category-brochures h3 {
  line-height: 16px; }

.catrequest_col_1 {
  width: 350px;
  float: left; }

.catrequest_col_2 {
  width: 575px;
  margin-right: 12px;
  margin-left: 12px;
  float: left; }

.catrequest_col_1 h3, .catrequest_col_2 h3 {
  background: #fff;
  color: #075a9c;
  padding: 1px;
  font-size: 17px; }

#featured-cats {
  text-align: left;
  display: block;
  float: right;
  overflow: hidden;
  width: 191px;
  padding: 0;
  font-weight: 700;
  font-size: 16px; }

#featured-cats img {
  display: block;
  margin-bottom: 5px; }

.description {
  display: block;
  float: left;
  width: 213px;
  padding: 0; }

.link {
  display: block;
  float: left;
  width: 25%;
  margin-bottom: 2px; }

/* Column lists */
.four-col {
  -moz-column-count: 4;
  -moz-column-gap: 10px;
  -webkit-column-count: 4;
  -webkit-column-gap: 10px;
  column-count: 4;
  column-gap: 10px; }

.lt-ie9 .four-col li {
  float: left;
  padding-right: 0.5%;
  width: 24.5%; }

/* Widgets */
#widget_sp_image-49 {
  width: 192px;
  overflow: hidden;
  padding: 0;
  margin: 0; }

.widget h4 a {
  font-weight: 700; }

#text-4,
#execphp-6 {
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #555;
  text-align: left;
  padding-top: 5px; }

#text-4 p,
#execphp-6 p {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #1f1f1f;
  font-weight: 400;
  text-align: left;
  display: block;
  margin: 10px 0 0;
  padding-bottom: 10px;
  line-height: 1.5em; }

#text-4 a,
#execphp-6 a {
  color: #004dad;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px; }

/* ==========================================================================
   Helper
   ========================================================================== */
/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.625em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.625em; }

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

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden, #cboxTitle {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

.clearfix:before, .entry-meta:before, .lt-ie9 .four-col:before, .clearfix:after, .entry-meta:after, .lt-ie9 .four-col:after {
  content: "";
  display: table; }

.clearfix:after, .entry-meta:after, .lt-ie9 .four-col:after {
  clear: both; }

.clearfix, .entry-meta, .lt-ie9 .four-col {
  *zoom: 1; }

/* ==========================================================================
   #WIDTHS
   ========================================================================== */
/**
 * inuitcss generates a series of utility classes that give a fluid width to
 * whichever element they’re applied, e.g.:
 *
 *   <img src="" alt="" class="u-1/2" />
 *
 * These classes are most commonly used in conjunction with our layout system,
 * e.g.:
 *
 *   <div class="o-layout__item  u-1/2">
 *
 * By default, inuitcss will also generate responsive variants of each of these
 * classes by using your Sass MQ configuration, e.g.:
 *
 *   <div class="o-layout__item  u-1/1  u-1/2@tablet  u-1/3@desktop">
 *
 * Optionally, inuitcss can generate offset classes which can push and pull
 * elements left and right by a specified amount, e.g.:
 *
 *   <div class="o-layout__item  u-2/3  u-pull-1/3">
 *
 * This is useful for making very granular changes to the rendered order of
 * items in a layout.
 *
 * N.B. This option is turned off by default.
 */
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes take a fraction-like format (e.g. `.u-2/3`). Use these in
 * your markup:
 *
 * <div class="u-7/12">
 *
 * The following will generate widths helper classes based on the fractions
 * defined in the `$inuit-fractions` list.
 */
.u-1\/1 {
  width: 100% !important; }

.u-1\/2 {
  width: 50% !important; }

.u-2\/2 {
  width: 100% !important; }

.u-1\/3 {
  width: 33.33333% !important; }

.u-2\/3 {
  width: 66.66667% !important; }

.u-3\/3 {
  width: 100% !important; }

.u-1\/4 {
  width: 25% !important; }

.u-2\/4 {
  width: 50% !important; }

.u-3\/4 {
  width: 75% !important; }

.u-4\/4 {
  width: 100% !important; }

.u-1\/5 {
  width: 20% !important; }

.u-2\/5 {
  width: 40% !important; }

.u-3\/5 {
  width: 60% !important; }

.u-4\/5 {
  width: 80% !important; }

.u-5\/5 {
  width: 100% !important; }

.u-1\/6 {
  width: 16.66667% !important; }

.u-2\/6 {
  width: 33.33333% !important; }

.u-3\/6 {
  width: 50% !important; }

.u-4\/6 {
  width: 66.66667% !important; }

.u-5\/6 {
  width: 83.33333% !important; }

.u-6\/6 {
  width: 100% !important; }

/**
 * If we’re using Sass-MQ, automatically generate grid system(s) for each of our
 * defined breakpoints, and give them a Responsive Suffix, e.g.:
 *
 * <div class="u-3/12@mobile">
 */
@media (min-width: 20em) {
  .u-1\/1\@mobile {
    width: 100% !important; }
  .u-1\/2\@mobile {
    width: 50% !important; }
  .u-2\/2\@mobile {
    width: 100% !important; }
  .u-1\/3\@mobile {
    width: 33.33333% !important; }
  .u-2\/3\@mobile {
    width: 66.66667% !important; }
  .u-3\/3\@mobile {
    width: 100% !important; }
  .u-1\/4\@mobile {
    width: 25% !important; }
  .u-2\/4\@mobile {
    width: 50% !important; }
  .u-3\/4\@mobile {
    width: 75% !important; }
  .u-4\/4\@mobile {
    width: 100% !important; }
  .u-1\/5\@mobile {
    width: 20% !important; }
  .u-2\/5\@mobile {
    width: 40% !important; }
  .u-3\/5\@mobile {
    width: 60% !important; }
  .u-4\/5\@mobile {
    width: 80% !important; }
  .u-5\/5\@mobile {
    width: 100% !important; }
  .u-1\/6\@mobile {
    width: 16.66667% !important; }
  .u-2\/6\@mobile {
    width: 33.33333% !important; }
  .u-3\/6\@mobile {
    width: 50% !important; }
  .u-4\/6\@mobile {
    width: 66.66667% !important; }
  .u-5\/6\@mobile {
    width: 83.33333% !important; }
  .u-6\/6\@mobile {
    width: 100% !important; } }

@media (min-width: 41.25em) {
  .u-1\/1\@tablet {
    width: 100% !important; }
  .u-1\/2\@tablet {
    width: 50% !important; }
  .u-2\/2\@tablet {
    width: 100% !important; }
  .u-1\/3\@tablet {
    width: 33.33333% !important; }
  .u-2\/3\@tablet {
    width: 66.66667% !important; }
  .u-3\/3\@tablet {
    width: 100% !important; }
  .u-1\/4\@tablet {
    width: 25% !important; }
  .u-2\/4\@tablet {
    width: 50% !important; }
  .u-3\/4\@tablet {
    width: 75% !important; }
  .u-4\/4\@tablet {
    width: 100% !important; }
  .u-1\/5\@tablet {
    width: 20% !important; }
  .u-2\/5\@tablet {
    width: 40% !important; }
  .u-3\/5\@tablet {
    width: 60% !important; }
  .u-4\/5\@tablet {
    width: 80% !important; }
  .u-5\/5\@tablet {
    width: 100% !important; }
  .u-1\/6\@tablet {
    width: 16.66667% !important; }
  .u-2\/6\@tablet {
    width: 33.33333% !important; }
  .u-3\/6\@tablet {
    width: 50% !important; }
  .u-4\/6\@tablet {
    width: 66.66667% !important; }
  .u-5\/6\@tablet {
    width: 83.33333% !important; }
  .u-6\/6\@tablet {
    width: 100% !important; } }

@media (min-width: 61.25em) {
  .u-1\/1\@desktop {
    width: 100% !important; }
  .u-1\/2\@desktop {
    width: 50% !important; }
  .u-2\/2\@desktop {
    width: 100% !important; }
  .u-1\/3\@desktop {
    width: 33.33333% !important; }
  .u-2\/3\@desktop {
    width: 66.66667% !important; }
  .u-3\/3\@desktop {
    width: 100% !important; }
  .u-1\/4\@desktop {
    width: 25% !important; }
  .u-2\/4\@desktop {
    width: 50% !important; }
  .u-3\/4\@desktop {
    width: 75% !important; }
  .u-4\/4\@desktop {
    width: 100% !important; }
  .u-1\/5\@desktop {
    width: 20% !important; }
  .u-2\/5\@desktop {
    width: 40% !important; }
  .u-3\/5\@desktop {
    width: 60% !important; }
  .u-4\/5\@desktop {
    width: 80% !important; }
  .u-5\/5\@desktop {
    width: 100% !important; }
  .u-1\/6\@desktop {
    width: 16.66667% !important; }
  .u-2\/6\@desktop {
    width: 33.33333% !important; }
  .u-3\/6\@desktop {
    width: 50% !important; }
  .u-4\/6\@desktop {
    width: 66.66667% !important; }
  .u-5\/6\@desktop {
    width: 83.33333% !important; }
  .u-6\/6\@desktop {
    width: 100% !important; } }

@media (min-width: 81.25em) {
  .u-1\/1\@wide {
    width: 100% !important; }
  .u-1\/2\@wide {
    width: 50% !important; }
  .u-2\/2\@wide {
    width: 100% !important; }
  .u-1\/3\@wide {
    width: 33.33333% !important; }
  .u-2\/3\@wide {
    width: 66.66667% !important; }
  .u-3\/3\@wide {
    width: 100% !important; }
  .u-1\/4\@wide {
    width: 25% !important; }
  .u-2\/4\@wide {
    width: 50% !important; }
  .u-3\/4\@wide {
    width: 75% !important; }
  .u-4\/4\@wide {
    width: 100% !important; }
  .u-1\/5\@wide {
    width: 20% !important; }
  .u-2\/5\@wide {
    width: 40% !important; }
  .u-3\/5\@wide {
    width: 60% !important; }
  .u-4\/5\@wide {
    width: 80% !important; }
  .u-5\/5\@wide {
    width: 100% !important; }
  .u-1\/6\@wide {
    width: 16.66667% !important; }
  .u-2\/6\@wide {
    width: 33.33333% !important; }
  .u-3\/6\@wide {
    width: 50% !important; }
  .u-4\/6\@wide {
    width: 66.66667% !important; }
  .u-5\/6\@wide {
    width: 83.33333% !important; }
  .u-6\/6\@wide {
    width: 100% !important; } }

.u-background-color-mirage-blue {
  background-color: #1c2c3a; }

.u-background-color-cloud-burst-blue {
  background-color: #243e59; }

.u-background-color-light-blue {
  background-color: #416487;
  background-color: rgba(65, 100, 135, 0.8); }

.u-background-color-silver-gray {
  background-color: #c6c6c6; }

.u-font-color-mirage-blue {
  color: #1c2c3a; }

.u-font-color-cloud-burst-blue {
  color: #243e59; }

.u-font-color-light-blue {
  color: #416487;
  color: rgba(65, 100, 135, 0.8); }

.u-font-color-silver-gray {
  color: #c6c6c6; }

.u-font-color-black {
  color: #000; }

.u-font-color-white {
  color: #FFF; }

.u-background-color-light-blue a:active, .u-background-color-light-blue a:focus, .u-background-color-light-blue a:hover,
.u-background-color-cloud-burst-blue a:active,
.u-background-color-cloud-burst-blue a:focus,
.u-background-color-cloud-burst-blue a:hover {
  color: white;
  text-decoration: none; }

.u-margin {
  margin: 20px; }

.u-margin-bottom {
  margin-bottom: 20px; }

.u-margin-top {
  margin-top: 20px; }

.u-margin-left {
  margin-left: 20px; }

.u-margin-right {
  margin-right: 20px; }

.u-margin-bottom--small {
  margin-bottom: 10px; }

.u-margin-top--small {
  margin-top: 10px; }

.u-margin-left--small {
  margin-left: 10px; }

.u-margin-right--small {
  margin-right: 10px; }

.u-padding {
  padding: 20px; }

.u-padding-bottom {
  padding-bottom: 20px; }

.u-padding-top {
  padding-top: 20px; }

.u-padding-left {
  padding-left: 20px; }

.u-padding-right {
  padding-right: 20px; }

.u-padding-bottom--small {
  padding-bottom: 10px; }

.u-padding-top--small {
  padding-top: 10px; }

.u-padding-left--small {
  padding-left: 10px; }

.u-padding-right--small {
  padding-right: 10px; }

.u-responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .u-responsive-video iframe,
  .u-responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.u-text-align-center {
  text-align: center; }

.u-text-align-right {
  text-align: right; }

.u-clearfix:after {
  content: "" !important;
  display: block !important;
  clear: both !important; }

@media screen and (min-width: 48em) {
  .u-visible-on-hover {
    visibility: hidden; }
    .u-hover-shows-hidden-elements:hover .u-visible-on-hover,
    .u-hover-shows-hidden-elements:active .u-visible-on-hover {
      visibility: visible; } }

.u-center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }
  /* gdd 007 b css start */
.contact-banner {
    background-color: #3e5366;
    text-align: center;
}
.contact-banner .inner-wrap {
    margin: 0 auto;
    max-width: 1050px;
    padding: 27px 16px;
}
.ch-heading {
    color: white;
    text-transform: uppercase;
}
.site-content {
    text-align: center;
    margin: 0 auto;
    max-width: 800px;
    padding: 36px 16px;
}
.site-content .contact-wrapper a {
    color: #fb6a01;
    text-decoration: underline;
}
.site-content .hs-form-wrapper {
    width: 100% !important;
    background-color: #f2f2f2;
    padding: 30px;
    text-align: left;
    box-sizing: border-box;
    position: relative;
}
.site-content .hs-form-wrapper:after {
    content: "";
    position: absolute;
    background-image: url(https://www.flexaust.com/wp-content/uploads/2021/03/arrow.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 42px 91px;
    width: 42px;
    height: 91px;
    top: -75px;
    right: -27px;
}
.site-content .hs-form .hs-input{
  box-sizing: border-box !important;
max-width: 100% !important;
width: 100% !important;
display: block;
height: 43px !important;
}
.site-content .hs-form input.hs-input[type="file"], .site-content .hs-form select.hs-input{
  height: 43px !important;
  max-width: 100% !important;
width: 100% !important;
}
.site-content .hs-form .hs-button.primary.large {
    display: block;
    width: 100%;
    background-color: #2d4492;
    background-image: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 15px 10px;
    text-shadow:none !important;
}
.site-content .hs-form .hs-button.primary.large:hover {
    background-color: #fb6a01;
}
.site-content .hs-form textarea.hs-input{
  height: 75px !important;
  resize:none;
}
@media only screen and (min-width: 769px){
  .site-content .hs-form-wrapper{
    padding: 30px 60px;
  }
  .site-content .hs-form .hs-form-field {
    float: left;
    width: 49%;
    margin-right: 2%;
}
.site-content .hs-form .hs-form-field:nth-of-type(2n) {
    margin-right: 0;
}
.site-content .hs-form .hs_comments__c.hs-comments__c.hs-fieldtype-textarea.field.hs-form-field {
    margin-right: 0;
    width: 100%;
}
}

/* gdd 007 b css end */



.page-id-1632 div#rightcolumn, .page-id-1632 #banner-top, .page-id-9849 div#rightcolumn, .page-id-9849 #banner-top {
  display: none;
}
.page-id-1632 section#primary, .page-id-9849 section#primary {
  width: 100%;
}
.page-id-1632 p#breadcrumbs, .page-id-9849 p#breadcrumbs {
    margin-top: 36px;
}
.list-row-anchor {
    display: block;
    margin-bottom: 38px;
}
ul.list-row-list {
  display: block;
  list-style: none;
}
ul.list-row-list li {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Titillium Web', sans-serif;
  padding: 0 5px;
  border-right: 1px solid #dddddd;
}
ul.list-row-list li:last-child {
border-right: none;
}
ul.list-row-list li a {
  font-size: 18px;
  line-height: 23px;
  color: #2d4492;
  text-decoration: none;
}
ul.list-row-list li a:hover {
    color: #f96801;
  text-decoration: none;
}
.smooth-scroll.smooth-scroll-active {
  color: #f96801;
}
.mapm-content {
    display: block;
    margin: 25px 0 0;
}
h3.list-heading {
    color: #555555;
    font-size: 24px;
    line-height: 24px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    border-bottom: 2px solid #f4ab78;
    padding-bottom: 10px;
    margin-bottom: 25px;
}
.list-row-content {
  display: flex;
  margin-left: -30px;
  box-sizing: border-box;
  margin-bottom: 50px;
}
.list-row-list-wrap {
  width: 100%;
  padding-left: 30px;
  overflow: hidden;
}
@media(min-width: 640px) {
  .list-row-list-wrap {
    width: 50%;
  }
}
@media(min-width: 960px) {
  .list-row-list-wrap {
    width: 25%;
  }
}
.list-row-list-wrap > div {
    display: block;
    padding: 30px 20px 0;
    background-color: #efefef;
    height: 100%;
}
.list-row-list-wrap:nth-child(even) > div {
background-color: #ffffff;
}
ul.list-item-list {
    list-style: none;
    margin: 0;
}
ul.list-item-list li {
    font-size: 13px;
    line-height: 30px;
}
ul.list-item-list li a {
    color: #2d4492;
}
ul.list-item-list li a:hover {
  text-decoration: underline;
    color: #01AC50;
}
.list-row-item {
padding-bottom: 30px;
}

/* gdd 006 b css start */
.ebook-module {
  background-color:#2d4492;
      margin-bottom: 4em;
} 

.em-wrap {
    text-align: center;
    padding: 1.5em 1.5em;
  max-width: 960px;
    margin: 0 auto;
}

.ebook-module h2{
  font-family: 'Roboto', sans-serif;
    font-size: 1.5625rem;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 1.2em;  
  color:#ffffff;
  text-align:center;
}

.ebook-module .em-title{
  font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
	color:#fff;
   margin-top:20px;
} 

.em-cta {
   font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
	color:#fff;
  background-color:#fa6801;
 padding: 15px 29px;
      display: inline-block;
  margin-top:20px;
}

.em-cta:hover {
  text-decoration:none;
  color:#ffffff;
   background-color:#1c2c3a;
}

.em-item {
    margin-bottom: 3em;
}

@media(min-width:40em){
  
 .em-rows-wrap{
     display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
 
  
 .em-item{
-webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
    -ms-flex: 1;
   -o-flex:1;
   padding: 0 8px;
  }
  .em-wrap {
    
    padding: 1.5em 0;
  
}
  .ebook-module .em-title, .em-cta{
    font-size:14px;
  }
} 
@media(min-width:60em){ 
  .ebook-module .em-title, .em-cta{
    font-size:18px;
  }
}

/* gdd 006 b css end */

/* gdd 007 b css start */

.market-application-module.gdd-007-b {
	background-image: linear-gradient(to right, #48a9e1, #0e58c4);
    padding: 30px 10px 30px;
	text-align:center;
}

.market-application-module a:hover {
    background-color: #243e59;
    color: #ffffff;
    border: 2px solid #243e59;
}
.market-application-module p {
	font-size: 19px;
    font-style: italic;
    color: #fff;
}
.market-application-module a {	
        padding: 9px 18px;
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    margin-left: 15px;
    font-size: 18px;
}
@media screen and (max-width: 480px) {
.market-application-module p {
    display: inline-grid;
        line-height: 1.5;
}
.market-application-module a {
    margin-top: 15px;
}
}
/* gdd 007 b css end */

.rows-of-2 {
  display: block; }
  .rows-of-2::after {
    clear: both;
    content: "";
    display: table; }
  .rows-of-2 > * {
    margin-bottom: 1.5em;
    display: block;
    position: relative; }
    .rows-of-2 > * > *:first-child {
      margin-top: 0; }
    @media (min-width: 40em) {
      .rows-of-2 > * {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%; }
        .rows-of-2 > *:last-child {
          margin-right: 0; }
        .rows-of-2 > *:nth-child(2n) {
          margin-right: 0; }
        .rows-of-2 > *:nth-child(2n+1) {
          clear: left; }
        .rows-of-2 > *:nth-last-child(2):last-child {
          margin-bottom: 0 !important; }
        .rows-of-2 > *:nth-last-child(1):last-child {
          margin-bottom: 0 !important; } }
          
/* Who we are Module Start */          
.view-loc , .view-vision , .view-supp {
    background: transparent linear-gradient(270deg, #60A6DE 0%, #383E90 100%) 0% 0% no-repeat padding-box;
    padding: 1.155em;
    margin-bottom: 1em;
}
.view-loc:hover, .view-vision:hover, .view-supp:hover {
    background: #FFDD20 0% 0% no-repeat padding-box;
}

.view-loc:hover span, .view-vision:hover span, .view-supp:hover span {
color:#1B2C3B;
}
.view-loc span  , .view-vision span , .view-supp span {
    color: #fff;
    font: normal normal bold 18px/25px Titillium Web;
    position: relative;
    padding-left: 3em;
}
.view-loc:hover span:before {
   background-image: url(https://www.flexaust.com/wp-content/uploads/2022/12/noun-location-3070338-000.svg);
}
.view-loc span:before {
    content: '';
    background-image: url(https://www.flexaust.com/wp-content/uploads/2022/11/noun-location-3070338-FFFFFF.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
}
.view-supp:hover span:before {
   background-image: url(https://www.flexaust.com/wp-content/uploads/2022/11/noun-customer-service-847372.svg);
}
.view-supp span:before {
    content: '';
    background-image: url(https://www.flexaust.com/wp-content/uploads/2022/12/noun-customer-service-white.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
}
.view-vision:hover span:before {
   background-image: url(https://www.flexaust.com/wp-content/uploads/2022/12/noun-mission-3405633-000.svg);
}
.view-vision span:before {
    content: '';
    background-image: url(https://www.flexaust.com/wp-content/uploads/2022/11/noun-mission-3405633-FFFFFF.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
}
h1.wwa-header {
    font: italic normal bold 25px/25px Roboto;
    color: #1B2C3B;
}
p.wwa-text {
    color: #2B3D58;
    padding-top: 1em;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 1.5em;
}
.who-we-are.gdd-010-b {
    margin-top: 4.9em;
}
@media screen and (max-width: 960px) {
	.view-loc span, .view-vision span, .view-supp span {
       font: normal normal bold 16px/23px Titillium Web;
    padding-left: 2em;
}
	.page-id-14543.es .view-loc span, .page-id-14543.es .view-vision span, .page-id-14543.es .view-supp span {
       font: normal normal bold 16px/23px Titillium Web;
    padding-left: 3em;
		display: block;
}
	.page-id-14543.es .view-loc span:before, .page-id-14543.es .view-vision span:before, .page-id-14543.es .view-supp span:before {
     background-size: 10%;
		height: 30px;
}
}
@media screen and (max-width: 767px) {
.who-we-are.gdd-010-b {
    padding-left: 1.5em;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.who-we-are.gdd-010-b {
    padding-left: 1.5em;
	 padding-right: 1.5em;
}
		
	.page-id-14543.es .view-loc span, .page-id-14543.es .view-vision span, .page-id-14543.es .view-supp span {
       font: normal normal bold 16px/23px Titillium Web;
    padding-left: 3em;
		display: block;
}
}
@media screen and (min-width: 961px) {
.page-id-14385.en .rows-of-2 > *:nth-last-child(1):last-child {
    width: 50.1%;
}
 .page-id-14385.en .rows-of-2 > *:nth-child(2n+1) {
    width: 41%;
    margin-right: 8.8%;
}

.page-id-47487 .wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.page-id-47487 p#breadcrumbs {
    margin-left: 0 !important;
}
}
.wwa-text p {
    line-height: 0;
}
/* Who we are Module End */


.page-id-47487 .wrap {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
}
.page-id-47487 p#breadcrumbs {
    margin-left: 1.5em !important;
}