@charset "UTF-8";
/* responsive.custom.css is for custom media queries that are not set via the theme settings, such as cascading media queries.  By default all the other responsive stylesheets used in Adaptivetheme use a "stacking method", however cascading media queries use a waterfall method so you can leverage the cascade and inheritance for all browsers that support media queries, regardless of screen size.  @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack  NOTE: this file loads by default, to disable got to your theme settings and look under the "CSS" settings tab. */
.skeleton { position: relative; width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

.s-column, .s-columns { width: 100%; float: left; box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) { .skeleton { padding: 0; } }
/* For devices larger than 550px */
@media (min-width: 550px) { .s-column, .s-columns { margin-left: 4%; }
  .s-column:first-child, .s-columns:first-child { margin-left: 0; }
  .one.s-column, .one.s-columns { width: 4.66666666667%; }
  .two.s-columns { width: 13.3333333333%; }
  .three.s-columns { width: 22%; }
  .four.s-columns { width: 30.6666666667%; }
  .five.s-columns { width: 39.3333333333%; }
  .six.s-columns { width: 48%; }
  .seven.s-columns { width: 56.6666666667%; }
  .eight.s-columns { width: 65.3333333333%; }
  .nine.s-columns { width: 74.0%; }
  .ten.s-columns { width: 82.6666666667%; }
  .eleven.s-columns { width: 91.3333333333%; }
  .twelve.s-columns { width: 100%; margin-left: 0; }
  .one-third.s-column { width: 30.6666666667%; }
  .two-thirds.s-column { width: 65.3333333333%; }
  .one-half.s-column { width: 48%; }
  /* Offsets */
  .offset-by-one.s-column, .offset-by-one.s-columns { margin-left: 8.66666666667%; }
  .offset-by-two.s-column, .offset-by-two.s-columns { margin-left: 17.3333333333%; }
  .offset-by-three.s-column, .offset-by-three.s-columns { margin-left: 26%; }
  .offset-by-four.s-column, .offset-by-four.s-columns { margin-left: 34.6666666667%; }
  .offset-by-five.s-column, .offset-by-five.s-columns { margin-left: 43.3333333333%; }
  .offset-by-six.s-column, .offset-by-six.s-columns { margin-left: 52%; }
  .offset-by-seven.s-column, .offset-by-seven.s-columns { margin-left: 60.6666666667%; }
  .offset-by-eight.s-column, .offset-by-eight.s-columns { margin-left: 69.3333333333%; }
  .offset-by-nine.s-column, .offset-by-nine.s-columns { margin-left: 78.0%; }
  .offset-by-ten.s-column, .offset-by-ten.s-columns { margin-left: 86.6666666667%; }
  .offset-by-eleven.s-column, .offset-by-eleven.s-columns { margin-left: 95.3333333333%; }
  .offset-by-one-third.s-column, .offset-by-one-third.s-columns { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.s-column, .offset-by-two-thirds.s-columns { margin-left: 69.3333333333%; }
  .offset-by-one-half.s-column, .offset-by-one-half.s-columns { margin-left: 52%; }
  .offset-by-one-half.columns { margin-left: 52%; } }
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.skeleton:after, .row:after, .u-cf { content: ""; display: table; clear: both; }

.flex { display: flex; }

/* Smartphone sizes and down */
@media only screen and (max-width: 767px) { .pl-half-col { width: 100%; }
  .parallax { background-attachment: scroll; }
  .link-col { width: 50%; }
  .link-col h3 { font-size: 23px; }
  .link-col img { max-width: 80%; }
  .link-col.lightgray:first-child { background: #fff; }
  .link-col.white:nth-of-type(2) { background: #ccc; }
  .plx { background-attachment: scroll; background-size: cover; background-position: center center !important; }
  #accessories { bottom: -100%; left: -3%; width: 25%; }
  #accessories.animate { bottom: -3%; }
  #islands { top: auto; left: auto; right: 5%; bottom: -100%; width: 30%; }
  #islands.animate { top: auto; bottom: 5%; }
  #inlines { top: auto; left: 40%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 20%; bottom: -100%; }
  #inlines.animate { top: auto; bottom: 20%; }
  #lightboxes, #hanging-signs { display: none; }
  #crs-logo { display: block; }
  .links-block { width: 100%; margin-bottom: 0; }
  /*  Float Region blocks example: In smaller screen sizes we can remove the float and widths so all blocks stack instead of displaying horizonally. The selector used here is an "attribute selector" which will match on any float block class. Use your inspector or Firebug to get the classes from the page output if you need more granular control over block alignment and stacking.  "Float Region blocks" is an extension for floating blocks in regions, see your themes appearance settings, under the Extensions tab. */
  .region[class*="float-blocks"] .block { float: none; width: 100%; }
  #mobile-button { display: none; background: url("images/hamburger.png") top left no-repeat; background-size: contain; behavior: url(/sites/all/themes/classic/css/pie/PIE.htc); -pie-background: url("images/hamburger.png") no-repeat 0% 0%/contain; width: 32px; height: 32px; margin: 5px 0px 0px 10px; }
  #mobile-button.collapsed { background-image: url("images/hamburger-collapsed.png"); }
  /* show the button on small screens */
  #mobile-button { display: inline-block; }
  /* hide the menu when it has the "collapsed" class set by the script */
  .sm.collapsed { display: none; }
  #menu-bar { height: auto; }
  #header { background: #fff; background-image: none; }
  #block-menu-menu-mobile-menu { display: block; margin-bottom: 0; }
  #om-maximenu-main-menu, #chat, #product-line-eds-link, #cei-video-container, #setupInsImg, #fab50 { display: none !important; }
  .front .eds-search { float: none; margin: 0 0 25px 14px; }
  #contact-info { margin-top: 0; width: 100%; }
  #contacts table { width: 100%; }
  .three-col .field-type-image, .three-col .field-name-field-benefits, .three-col .field, .three-col .field-name-field-youtube-video, #clipped-image, #pl-body, #webform-component-comments .grippie, #edit-submitted-comments { width: 100%; }
  .node-type-product-line #page-title { float: left; width: 100%; margin-top: 5px; height: 45px !important; background-size: contain; padding-right: 0 !important; }
  .node-type-product-line #main-content-header { line-height: 65px !important; height: 65px !important; overflow: hidden; }
  .node-type-product-line #main-content-header img { width: 685px; max-width: none; }
  .node-type-product-line #title-container-inner { margin: 0 50px; }
  .gportrait { display: none; }
  .links-block { width: 100%; margin-bottom: 20px; }
  #foot-inner { padding: 0 10px; }
  #foot-links li { padding-bottom: 5px; }
  .foot-section { float: left; width: 50%; margin-bottom: 20px; }
  .foot-section .pulsate-text { white-space: nowrap; }
  .foot-section-inner { padding: 0 10px; }
  .eds-setupins .foot-section { width: 100%; }
  .foot-setupins { text-align: center; }
  #setupins-search { width: auto; margin: 0 auto; border-top: none; display: inline-block; }
  #setupins-search input { width: 168px; }
  #social-links { clear: both; width: 100%; }
  #social-links ul { text-align: center; margin: 0 auto; }
  #social-links li { display: inline-block; }
  #social-links a { display: inline; float: left; margin: 10px; }
  #footer-bot { background: #58585A none; }
  #footer h4 { width: 100%; display: inline; }
  .nivo-directionNav { display: none; }
  .front .eds-search input { width: 300px; }
  #clipped-image { margin-bottom: 20px; }
  #field-name-field-clipped-image-target { display: none; }
  .field-name-field-clipped-image { margin-top: 0; }
  #content-inner, .front #content-inner { margin: 20px 10px; }
  .theme-default .nivo-controlNav { position: static; }
  #distloc-block .form-item { padding-left: 16px; width: 255px; }
  /*hide contact block on contacts page */
  .page-node-3 #block-block-14, #contacts-top { display: none; }
  .node-type-product-line #content-inner { margin: 0 20px 20px 20px; } }
@media only screen and (max-width: 480px) { /* setup instructions table */
  .view-setup-instruction-search .views-field-title, .view-setup-instruction-search .views-field-field-client-or-notes, .view-setup-instruction-search .views-field-field-distributor { display: none; }
  .view-setup-instruction-search #edit-title { width: 120px; }
  /* distributor locator form */
  #views-exposed-form-distributor-locator-page-dist-loc .views-exposed-widgets { height: auto; width: 100%; }
  #views-exposed-form-distributor-locator-page-dist-loc .form-item { width: 100%; }
  #views-exposed-form-distributor-locator-page-dist-loc .views-exposed-widgets .form-item-circle-location { margin: 20px 0 0 0; }
  #views-exposed-form-distributor-locator-page-dist-loc .views-exposed-form .views-exposed-widget { width: 100%; }
  #views-exposed-form-distributor-locator-page-dist-loc .views-exposed-widgets #edit-submit-distributor-locator { margin: 24px; float: right; } }
/*iphone 4/5 portrait */
/*iphone 6 portrait */
/*iphone 6+ portrait */
/*iphone 4/5 landscape */
@media only screen and (min-width: 480px) and (max-width: 666px) { #nav-right-position { right: 11%; } }
/*iphone 6 landscape */
@media only screen and (min-width: 667px) and (max-width: 735px) { #page { min-width: 667px; }
  #branding, #om-maximenu-main-menu, #nav-right, #content, #footer .region-footer { width: 667px; }
  #home-p5d { width: 225px; text-indent: -9999px; }
  #home-dm { width: 280px; text-indent: -9999px; }
  #menu-bar ul#om-menu-main-menu li.om-leaf > a { font-size: 20px; padding: 0 18px; } }
/*iphone 6+ landscape */
@media only screen and (min-width: 736px) and (max-width: 767px) { #menu-bar ul#om-menu-main-menu li.om-leaf > a { padding: 0 15px; } }
/*landscape smart phone to just below ipad landscape*/
@media only screen and (min-width: 569px) and (max-width: 899px) { #nav-right { top: -82px; right: 15px; }
  #nav-right-position { right: 0; } }
/*less than iphone 6 landscape*/
@media only screen and (max-width: 666px) { #logo a { float: none; margin: 0 auto; text-align: center; display: block; }
  #nav-right { top: -47px; }
  #nav-right-inner { text-align: right; } }
@media only screen and (max-width: 660px) { #distloc { display: none; } }
@media only screen and (max-width: 995px) { #head-mid { display: none; }
  #distloc { height: 80px; width: 179px; }
  #nav-right { top: -47px; }
  #nav-right-inner { text-align: right; } }
@media only screen and (min-width: 1100px) and (max-width: 1259px) { #header { background-position: 49% 50%; }
  #menu-bar ul.om-menu > li.om-leaf > a { padding: 0 18px; }
  #fab50 h2 { font-size: 1.9em; padding: 0 39px 0 74px; }
  #cei-video-container { width: 500px; }
  #cei-video-container video { height: auto; }
  #cei-video { width: 500px; height: 280px; }
  .page-node-25485 .field-name-field-clipped-image, .page-node-25493 .field-name-field-clipped-image, .page-node-14 .field-name-field-clipped-image { margin-top: 0; }
  .page-node-25485 #pl-body, .page-node-25493 #clipped-image .image-style-full { left: 0; margin-left: 0; }
  .node-type-product-line #title-container-inner { margin: 0 50px; }
  .page-node-15 .field-name-field-clipped-image { position: relative; right: 100px; }
  .field-name-field-clipped-image { margin-top: -70px; } }
@media only screen and (min-width: 900px) { #node-27952 #webform-component-your-information { background: url("images/final-four-logos.png") right top no-repeat; background-size: contain; behavior: url(/sites/all/themes/classic/css/pie/PIE.htc); -pie-background: #fff url("images/final-four-challenge.png") no-repeat right top/contain; } }
@media only screen and (max-width: 767px) { .field-name-field-clipped-image { margin-top: 0; } }