@charset "UTF-8";
/* ! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* END normalize v3.0.2 */
.scoutbold {
  font-family: Scout;
  font-style: normal;
  font-weight: bold; }

.scoutextralight {
  font-family: "Scout Ext Light";
  font-style: normal;
  font-weight: normal; }

.scoutlight {
  font-family: "Scout Light";
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'er-icons';
  src: url("../fonts/er-icons.eot?-ffn5or");
  src: url("../fonts/er-icons.eot?#iefix-ffn5or") format("embedded-opentype"), url("../fonts/er-icons.woff?-ffn5or") format("woff"), url("../fonts/er-icons.ttf?-ffn5or") format("truetype"), url("../fonts/er-icons.svg?-ffn5or#er-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'er-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; }

.icon-chemical-solid:before {
  content: "\53"; }

.icon-chemical-circle:before {
  content: "\41"; }

.icon-chemical:before {
  content: "\73"; }

.icon-oil-gas-solid:before {
  content: "\4f"; }

.icon-oil-gas-circle:before {
  content: "\69"; }

.icon-oil-gas:before {
  content: "\6f"; }

.icon-water-solid:before {
  content: "\57"; }

.icon-water-circle:before {
  content: "\71"; }

.icon-water:before {
  content: "\77"; }

/*
* Symbolset
* www.symbolset.com
* Copyright © 2012 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-pika.css" rel="stylesheet" />
*/
@font-face {
  font-family: "SSGizmo";
  src: url("../fonts/ss-gizmo.eot");
  src: url("../fonts/ss-gizmo.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-gizmo.woff") format("woff"), url("../fonts/ss-gizmo.ttf") format("truetype"), url("../fonts/ss-gizmo.svg#SSGizmo") format("svg");
  font-weight: normal;
  font-style: normal; }

.ss-icon, .ss-icon.ss-gizmo,
[class^="ss-"]:before, [class*=" ss-"]:before,
.ss-gizmo[class^="ss-"]:before, .ss-gizmo[class*=" ss-"]:before,
.right[class^="ss-"]:after, .right[class*=" ss-"]:after,
.ss-gizmo.right[class^="ss-"]:after, .ss-gizmo.right[class*=" ss-"]:after {
  font-family: "SSGizmo";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased; }

.right[class^="ss-"]:before,
.right[class*=" ss-"]:before,
.ss-gizmo.right[class*=" ss-"]:before {
  display: none;
  content: ''; }

.ss-cursor:before, .ss-cursor.right:after {
  content: ''; }

.ss-crosshair:before, .ss-crosshair.right:after {
  content: '⌖'; }

.ss-search:before, .ss-search.right:after {
  content: '🔎'; }

.ss-zoomin:before, .ss-zoomin.right:after {
  content: ''; }

.ss-zoomout:before, .ss-zoomout.right:after {
  content: ''; }

.ss-view:before, .ss-view.right:after {
  content: '👀'; }

.ss-attach:before, .ss-attach.right:after {
  content: '📎'; }

.ss-link:before, .ss-link.right:after {
  content: '🔗'; }

.ss-unlink:before, .ss-unlink.right:after {
  content: ''; }

.ss-move:before, .ss-move.right:after {
  content: ''; }

.ss-write:before, .ss-write.right:after {
  content: '✎'; }

.ss-writingdisabled:before, .ss-writingdisabled.right:after {
  content: ''; }

.ss-erase:before, .ss-erase.right:after {
  content: '✐'; }

.ss-compose:before, .ss-compose.right:after {
  content: '📝'; }

.ss-lock:before, .ss-lock.right:after {
  content: '🔒'; }

.ss-unlock:before, .ss-unlock.right:after {
  content: '🔓'; }

.ss-key:before, .ss-key.right:after {
  content: '🔑'; }

.ss-backspace:before, .ss-backspace.right:after {
  content: '⌫'; }

.ss-ban:before, .ss-ban.right:after {
  content: '🚫'; }

.ss-smoking:before, .ss-smoking.right:after {
  content: '🚬'; }

.ss-nosmoking:before, .ss-nosmoking.right:after {
  content: '🚭'; }

.ss-trash:before, .ss-trash.right:after {
  content: ''; }

.ss-target:before, .ss-target.right:after {
  content: '◎'; }

.ss-tag:before, .ss-tag.right:after {
  content: ''; }

.ss-bookmark:before, .ss-bookmark.right:after {
  content: '🔖'; }

.ss-flag:before, .ss-flag.right:after {
  content: '⚑'; }

.ss-like:before, .ss-like.right:after {
  content: '👍'; }

.ss-dislike:before, .ss-dislike.right:after {
  content: '👎'; }

.ss-heart:before, .ss-heart.right:after {
  content: '♥'; }

.ss-star:before, .ss-star.right:after {
  content: '⋆'; }

.ss-sample:before, .ss-sample.right:after {
  content: ''; }

.ss-crop:before, .ss-crop.right:after {
  content: ''; }

.ss-layers:before, .ss-layers.right:after {
  content: ''; }

.ss-layergroup:before, .ss-layergroup.right:after {
  content: ''; }

.ss-pen:before, .ss-pen.right:after {
  content: '✒'; }

.ss-bezier:before, .ss-bezier.right:after {
  content: ''; }

.ss-pixels:before, .ss-pixels.right:after {
  content: ''; }

.ss-phone:before, .ss-phone.right:after {
  content: '📞'; }

.ss-phonedisabled:before, .ss-phonedisabled.right:after {
  content: ''; }

.ss-touchtonephone:before, .ss-touchtonephone.right:after {
  content: '☏'; }

.ss-mail:before, .ss-mail.right:after {
  content: '✉'; }

.ss-inbox:before, .ss-inbox.right:after {
  content: '📥'; }

.ss-outbox:before, .ss-outbox.right:after {
  content: '📤'; }

.ss-chat:before, .ss-chat.right:after {
  content: '💬'; }

.ss-user:before, .ss-user.right:after {
  content: '👤'; }

.ss-users:before, .ss-users.right:after {
  content: '👥'; }

.ss-usergroup:before, .ss-usergroup.right:after {
  content: ''; }

.ss-businessuser:before, .ss-businessuser.right:after {
  content: ''; }

.ss-man:before, .ss-man.right:after {
  content: '👨'; }

.ss-male:before, .ss-male.right:after {
  content: ''; }

.ss-woman:before, .ss-woman.right:after {
  content: '👩'; }

.ss-female:before, .ss-female.right:after {
  content: ''; }

.ss-raisedhand:before, .ss-raisedhand.right:after {
  content: '✋'; }

.ss-hand:before, .ss-hand.right:after {
  content: ''; }

.ss-pointup:before, .ss-pointup.right:after {
  content: '👆'; }

.ss-pointupright:before, .ss-pointupright.right:after {
  content: ''; }

.ss-pointright:before, .ss-pointright.right:after {
  content: '👉'; }

.ss-pointdownright:before, .ss-pointdownright.right:after {
  content: ''; }

.ss-pointdown:before, .ss-pointdown.right:after {
  content: '👇'; }

.ss-pointdownleft:before, .ss-pointdownleft.right:after {
  content: ''; }

.ss-pointleft:before, .ss-pointleft.right:after {
  content: '👈'; }

.ss-pointupleft:before, .ss-pointupleft.right:after {
  content: ''; }

.ss-cart:before, .ss-cart.right:after {
  content: ''; }

.ss-creditcard:before, .ss-creditcard.right:after {
  content: '💳'; }

.ss-calculator:before, .ss-calculator.right:after {
  content: ''; }

.ss-barchart:before, .ss-barchart.right:after {
  content: '📊'; }

.ss-piechart:before, .ss-piechart.right:after {
  content: ''; }

.ss-box:before, .ss-box.right:after {
  content: '📦'; }

.ss-home:before, .ss-home.right:after {
  content: '⌂'; }

.ss-globe:before, .ss-globe.right:after {
  content: '🌎'; }

.ss-navigate:before, .ss-navigate.right:after {
  content: ''; }

.ss-compass:before, .ss-compass.right:after {
  content: ''; }

.ss-signpost:before, .ss-signpost.right:after {
  content: ''; }

.ss-location:before, .ss-location.right:after {
  content: ''; }

.ss-floppydisk:before, .ss-floppydisk.right:after {
  content: '💾'; }

.ss-database:before, .ss-database.right:after {
  content: ''; }

.ss-hdd:before, .ss-hdd.right:after {
  content: ''; }

.ss-microchip:before, .ss-microchip.right:after {
  content: ''; }

.ss-music:before, .ss-music.right:after {
  content: '♫'; }

.ss-headphones:before, .ss-headphones.right:after {
  content: '🎧'; }

.ss-discdrive:before, .ss-discdrive.right:after {
  content: ''; }

.ss-volume:before, .ss-volume.right:after {
  content: '🔈'; }

.ss-lowvolume:before, .ss-lowvolume.right:after {
  content: '🔉'; }

.ss-mediumvolume:before, .ss-mediumvolume.right:after {
  content: ''; }

.ss-highvolume:before, .ss-highvolume.right:after {
  content: '🔊'; }

.ss-airplay:before, .ss-airplay.right:after {
  content: ''; }

.ss-camera:before, .ss-camera.right:after {
  content: '📷'; }

.ss-picture:before, .ss-picture.right:after {
  content: '🌄'; }

.ss-video:before, .ss-video.right:after {
  content: '📹'; }

.ss-webcam:before, .ss-webcam.right:after {
  content: ''; }

.ss-film:before, .ss-film.right:after {
  content: ''; }

.ss-playvideo:before, .ss-playvideo.right:after {
  content: ''; }

.ss-videogame:before, .ss-videogame.right:after {
  content: '🎮'; }

.ss-play:before, .ss-play.right:after {
  content: '▶'; }

.ss-pause:before, .ss-pause.right:after {
  content: ''; }

.ss-stop:before, .ss-stop.right:after {
  content: '■'; }

.ss-record:before, .ss-record.right:after {
  content: '●'; }

.ss-rewind:before, .ss-rewind.right:after {
  content: '⏪'; }

.ss-fastforward:before, .ss-fastforward.right:after {
  content: '⏩'; }

.ss-skipback:before, .ss-skipback.right:after {
  content: '⏮'; }

.ss-skipforward:before, .ss-skipforward.right:after {
  content: '⏭'; }

.ss-eject:before, .ss-eject.right:after {
  content: '⏏'; }

.ss-repeat:before, .ss-repeat.right:after {
  content: '🔁'; }

.ss-replay:before, .ss-replay.right:after {
  content: '↺'; }

.ss-shuffle:before, .ss-shuffle.right:after {
  content: '🔀'; }

.ss-index:before, .ss-index.right:after {
  content: ''; }

.ss-storagebox:before, .ss-storagebox.right:after {
  content: ''; }

.ss-book:before, .ss-book.right:after {
  content: '📕'; }

.ss-notebook:before, .ss-notebook.right:after {
  content: '📓'; }

.ss-newspaper:before, .ss-newspaper.right:after {
  content: '📰'; }

.ss-gridlines:before, .ss-gridlines.right:after {
  content: ''; }

.ss-rows:before, .ss-rows.right:after {
  content: ''; }

.ss-columns:before, .ss-columns.right:after {
  content: ''; }

.ss-thumbnails:before, .ss-thumbnails.right:after {
  content: ''; }

.ss-mouse:before, .ss-mouse.right:after {
  content: ''; }

.ss-usb:before, .ss-usb.right:after {
  content: ''; }

.ss-desktop:before, .ss-desktop.right:after {
  content: '💻'; }

.ss-laptop:before, .ss-laptop.right:after {
  content: ''; }

.ss-tablet:before, .ss-tablet.right:after {
  content: ''; }

.ss-smartphone:before, .ss-smartphone.right:after {
  content: ''; }

.ss-cell:before, .ss-cell.right:after {
  content: '📱'; }

.ss-battery:before, .ss-battery.right:after {
  content: '🔋'; }

.ss-highbattery:before, .ss-highbattery.right:after {
  content: ''; }

.ss-mediumbattery:before, .ss-mediumbattery.right:after {
  content: ''; }

.ss-lowbattery:before, .ss-lowbattery.right:after {
  content: ''; }

.ss-chargingbattery:before, .ss-chargingbattery.right:after {
  content: ''; }

.ss-lightbulb:before, .ss-lightbulb.right:after {
  content: '💡'; }

.ss-washer:before, .ss-washer.right:after {
  content: ''; }

.ss-downloadcloud:before, .ss-downloadcloud.right:after {
  content: ''; }

.ss-download:before, .ss-download.right:after {
  content: ''; }

.ss-downloadbox:before, .ss-downloadbox.right:after {
  content: ''; }

.ss-uploadcloud:before, .ss-uploadcloud.right:after {
  content: ''; }

.ss-upload:before, .ss-upload.right:after {
  content: ''; }

.ss-uploadbox:before, .ss-uploadbox.right:after {
  content: ''; }

.ss-fork:before, .ss-fork.right:after {
  content: ''; }

.ss-merge:before, .ss-merge.right:after {
  content: ''; }

.ss-refresh:before, .ss-refresh.right:after {
  content: '↻'; }

.ss-sync:before, .ss-sync.right:after {
  content: ''; }

.ss-loading:before, .ss-loading.right:after {
  content: ''; }

.ss-file:before, .ss-file.right:after {
  content: '📄'; }

.ss-files:before, .ss-files.right:after {
  content: ''; }

.ss-addfile:before, .ss-addfile.right:after {
  content: ''; }

.ss-removefile:before, .ss-removefile.right:after {
  content: ''; }

.ss-checkfile:before, .ss-checkfile.right:after {
  content: ''; }

.ss-deletefile:before, .ss-deletefile.right:after {
  content: ''; }

.ss-exe:before, .ss-exe.right:after {
  content: ''; }

.ss-zip:before, .ss-zip.right:after {
  content: ''; }

.ss-doc:before, .ss-doc.right:after {
  content: ''; }

.ss-pdf:before, .ss-pdf.right:after {
  content: ''; }

.ss-jpg:before, .ss-jpg.right:after {
  content: ''; }

.ss-png:before, .ss-png.right:after {
  content: ''; }

.ss-mp3:before, .ss-mp3.right:after {
  content: ''; }

.ss-rar:before, .ss-rar.right:after {
  content: ''; }

.ss-gif:before, .ss-gif.right:after {
  content: ''; }

.ss-folder:before, .ss-folder.right:after {
  content: '📁'; }

.ss-openfolder:before, .ss-openfolder.right:after {
  content: '📂'; }

.ss-downloadfolder:before, .ss-downloadfolder.right:after {
  content: ''; }

.ss-uploadfolder:before, .ss-uploadfolder.right:after {
  content: ''; }

.ss-quote:before, .ss-quote.right:after {
  content: '“'; }

.ss-unquote:before, .ss-unquote.right:after {
  content: '”'; }

.ss-print:before, .ss-print.right:after {
  content: '⎙'; }

.ss-copier:before, .ss-copier.right:after {
  content: ''; }

.ss-fax:before, .ss-fax.right:after {
  content: '📠'; }

.ss-scanner:before, .ss-scanner.right:after {
  content: ''; }

.ss-printregistration:before, .ss-printregistration.right:after {
  content: ''; }

.ss-shredder:before, .ss-shredder.right:after {
  content: ''; }

.ss-expand:before, .ss-expand.right:after {
  content: '⤢'; }

.ss-contract:before, .ss-contract.right:after {
  content: ''; }

.ss-help:before, .ss-help.right:after {
  content: '❓'; }

.ss-info:before, .ss-info.right:after {
  content: 'ℹ'; }

.ss-alert:before, .ss-alert.right:after {
  content: '⚠'; }

.ss-caution:before, .ss-caution.right:after {
  content: '⛔'; }

.ss-logout:before, .ss-logout.right:after {
  content: ''; }

.ss-login:before, .ss-login.right:after {
  content: ''; }

.ss-scaleup:before, .ss-scaleup.right:after {
  content: ''; }

.ss-scaledown:before, .ss-scaledown.right:after {
  content: ''; }

.ss-plus:before, .ss-plus.right:after {
  content: '+'; }

.ss-hyphen:before, .ss-hyphen.right:after {
  content: '-'; }

.ss-check:before, .ss-check.right:after {
  content: '✓'; }

.ss-delete:before, .ss-delete.right:after {
  content: '␡'; }

.ss-notifications:before, .ss-notifications.right:after {
  content: '🔔'; }

.ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after {
  content: '🔕'; }

.ss-clock:before, .ss-clock.right:after {
  content: '⏲'; }

.ss-stopwatch:before, .ss-stopwatch.right:after {
  content: '⏱'; }

.ss-alarmclock:before, .ss-alarmclock.right:after {
  content: '⏰'; }

.ss-egg:before, .ss-egg.right:after {
  content: ''; }

.ss-eggs:before, .ss-eggs.right:after {
  content: ''; }

.ss-cheese:before, .ss-cheese.right:after {
  content: ''; }

.ss-chickenleg:before, .ss-chickenleg.right:after {
  content: '🍗'; }

.ss-pizzapie:before, .ss-pizzapie.right:after {
  content: ''; }

.ss-pizza:before, .ss-pizza.right:after {
  content: '🍕'; }

.ss-cheesepizza:before, .ss-cheesepizza.right:after {
  content: ''; }

.ss-frenchfries:before, .ss-frenchfries.right:after {
  content: '🍟'; }

.ss-apple:before, .ss-apple.right:after {
  content: '🍏'; }

.ss-carrot:before, .ss-carrot.right:after {
  content: ''; }

.ss-broccoli:before, .ss-broccoli.right:after {
  content: ''; }

.ss-cucumber:before, .ss-cucumber.right:after {
  content: ''; }

.ss-orange:before, .ss-orange.right:after {
  content: '🍊'; }

.ss-lemon:before, .ss-lemon.right:after {
  content: '🍋'; }

.ss-onion:before, .ss-onion.right:after {
  content: ''; }

.ss-bellpepper:before, .ss-bellpepper.right:after {
  content: ''; }

.ss-peas:before, .ss-peas.right:after {
  content: ''; }

.ss-grapes:before, .ss-grapes.right:after {
  content: '🍇'; }

.ss-strawberry:before, .ss-strawberry.right:after {
  content: '🍓'; }

.ss-bread:before, .ss-bread.right:after {
  content: '🍞'; }

.ss-mug:before, .ss-mug.right:after {
  content: '☕'; }

.ss-mugs:before, .ss-mugs.right:after {
  content: ''; }

.ss-espresso:before, .ss-espresso.right:after {
  content: ''; }

.ss-macchiato:before, .ss-macchiato.right:after {
  content: ''; }

.ss-cappucino:before, .ss-cappucino.right:after {
  content: ''; }

.ss-latte:before, .ss-latte.right:after {
  content: ''; }

.ss-icedcoffee:before, .ss-icedcoffee.right:after {
  content: ''; }

.ss-coffeebean:before, .ss-coffeebean.right:after {
  content: ''; }

.ss-coffeemilk:before, .ss-coffeemilk.right:after {
  content: ''; }

.ss-coffeefoam:before, .ss-coffeefoam.right:after {
  content: ''; }

.ss-coffeesugar:before, .ss-coffeesugar.right:after {
  content: ''; }

.ss-sugarpackets:before, .ss-sugarpackets.right:after {
  content: ''; }

.ss-capsule:before, .ss-capsule.right:after {
  content: ''; }

.ss-capsulerecycling:before, .ss-capsulerecycling.right:after {
  content: ''; }

.ss-insertcapsule:before, .ss-insertcapsule.right:after {
  content: ''; }

.ss-tea:before, .ss-tea.right:after {
  content: '🍵'; }

.ss-teabag:before, .ss-teabag.right:after {
  content: ''; }

.ss-jug:before, .ss-jug.right:after {
  content: ''; }

.ss-pitcher:before, .ss-pitcher.right:after {
  content: ''; }

.ss-kettle:before, .ss-kettle.right:after {
  content: ''; }

.ss-wineglass:before, .ss-wineglass.right:after {
  content: '🍷'; }

.ss-sugar:before, .ss-sugar.right:after {
  content: ''; }

.ss-oven:before, .ss-oven.right:after {
  content: ''; }

.ss-stove:before, .ss-stove.right:after {
  content: ''; }

.ss-vent:before, .ss-vent.right:after {
  content: ''; }

.ss-exhaust:before, .ss-exhaust.right:after {
  content: ''; }

.ss-steam:before, .ss-steam.right:after {
  content: '♨'; }

.ss-dishwasher:before, .ss-dishwasher.right:after {
  content: ''; }

.ss-toaster:before, .ss-toaster.right:after {
  content: ''; }

.ss-microwave:before, .ss-microwave.right:after {
  content: ''; }

.ss-electrickettle:before, .ss-electrickettle.right:after {
  content: ''; }

.ss-refrigerator:before, .ss-refrigerator.right:after {
  content: ''; }

.ss-freezer:before, .ss-freezer.right:after {
  content: ''; }

.ss-utensils:before, .ss-utensils.right:after {
  content: '🍴'; }

.ss-cookingutensils:before, .ss-cookingutensils.right:after {
  content: ''; }

.ss-whisk:before, .ss-whisk.right:after {
  content: ''; }

.ss-pizzacutter:before, .ss-pizzacutter.right:after {
  content: ''; }

.ss-measuringcup:before, .ss-measuringcup.right:after {
  content: ''; }

.ss-colander:before, .ss-colander.right:after {
  content: ''; }

.ss-eggtimer:before, .ss-eggtimer.right:after {
  content: ''; }

.ss-platter:before, .ss-platter.right:after {
  content: ''; }

.ss-plates:before, .ss-plates.right:after {
  content: ''; }

.ss-steamplate:before, .ss-steamplate.right:after {
  content: ''; }

.ss-cups:before, .ss-cups.right:after {
  content: ''; }

.ss-steamglass:before, .ss-steamglass.right:after {
  content: ''; }

.ss-pot:before, .ss-pot.right:after {
  content: ''; }

.ss-steampot:before, .ss-steampot.right:after {
  content: ''; }

.ss-chef:before, .ss-chef.right:after {
  content: ''; }

.ss-weathervane:before, .ss-weathervane.right:after {
  content: ''; }

.ss-thermometer:before, .ss-thermometer.right:after {
  content: ''; }

.ss-thermometerup:before, .ss-thermometerup.right:after {
  content: ''; }

.ss-thermometerdown:before, .ss-thermometerdown.right:after {
  content: ''; }

.ss-droplet:before, .ss-droplet.right:after {
  content: '💧'; }

.ss-sunrise:before, .ss-sunrise.right:after {
  content: '🌅'; }

.ss-sunset:before, .ss-sunset.right:after {
  content: '🌇'; }

.ss-sun:before, .ss-sun.right:after {
  content: '☀'; }

.ss-cloud:before, .ss-cloud.right:after {
  content: '☁'; }

.ss-clouds:before, .ss-clouds.right:after {
  content: ''; }

.ss-partlycloudy:before, .ss-partlycloudy.right:after {
  content: '⛅'; }

.ss-rain:before, .ss-rain.right:after {
  content: '☔'; }

.ss-rainheavy:before, .ss-rainheavy.right:after {
  content: ''; }

.ss-lightning:before, .ss-lightning.right:after {
  content: '☇'; }

.ss-thunderstorm:before, .ss-thunderstorm.right:after {
  content: '⛈'; }

.ss-umbrella:before, .ss-umbrella.right:after {
  content: '☂'; }

.ss-rainumbrella:before, .ss-rainumbrella.right:after {
  content: ''; }

.ss-rainbow:before, .ss-rainbow.right:after {
  content: '🌈'; }

.ss-rainbowclouds:before, .ss-rainbowclouds.right:after {
  content: ''; }

.ss-fog:before, .ss-fog.right:after {
  content: ''; }

.ss-wind:before, .ss-wind.right:after {
  content: ''; }

.ss-tornado:before, .ss-tornado.right:after {
  content: ''; }

.ss-snowflake:before, .ss-snowflake.right:after {
  content: '❄'; }

.ss-snowcrystal:before, .ss-snowcrystal.right:after {
  content: '❆'; }

.ss-lightsnow:before, .ss-lightsnow.right:after {
  content: ''; }

.ss-snow:before, .ss-snow.right:after {
  content: ''; }

.ss-heavysnow:before, .ss-heavysnow.right:after {
  content: ''; }

.ss-hail:before, .ss-hail.right:after {
  content: ''; }

.ss-crescentmoon:before, .ss-crescentmoon.right:after {
  content: '🌙'; }

.ss-waxingcrescentmoon:before, .ss-waxingcrescentmoon.right:after {
  content: '🌒'; }

.ss-firstquartermoon:before, .ss-firstquartermoon.right:after {
  content: '🌓'; }

.ss-waxinggibbousmoon:before, .ss-waxinggibbousmoon.right:after {
  content: '🌔'; }

.ss-waninggibbousmoon:before, .ss-waninggibbousmoon.right:after {
  content: '🌖'; }

.ss-lastquartermoon:before, .ss-lastquartermoon.right:after {
  content: '🌗'; }

.ss-waningcrescentmoon:before, .ss-waningcrescentmoon.right:after {
  content: '🌘'; }

.ss-fan:before, .ss-fan.right:after {
  content: ''; }

.ss-bike:before, .ss-bike.right:after {
  content: '🚲'; }

.ss-wheelchair:before, .ss-wheelchair.right:after {
  content: '♿'; }

.ss-briefcase:before, .ss-briefcase.right:after {
  content: '💼'; }

.ss-hanger:before, .ss-hanger.right:after {
  content: ''; }

.ss-comb:before, .ss-comb.right:after {
  content: ''; }

.ss-medicalcross:before, .ss-medicalcross.right:after {
  content: ''; }

.ss-up:before, .ss-up.right:after {
  content: '⬆'; }

.ss-upright:before, .ss-upright.right:after {
  content: '⬈'; }

.ss-right:before, .ss-right.right:after {
  content: '➡'; }

.ss-downright:before, .ss-downright.right:after {
  content: '⬊'; }

.ss-down:before, .ss-down.right:after {
  content: '⬇'; }

.ss-downleft:before, .ss-downleft.right:after {
  content: '⬋'; }

.ss-left:before, .ss-left.right:after {
  content: '⬅'; }

.ss-upleft:before, .ss-upleft.right:after {
  content: '⬉'; }

.ss-navigateup:before, .ss-navigateup.right:after {
  content: ''; }

.ss-navigateright:before, .ss-navigateright.right:after {
  content: '▻'; }

.ss-navigatedown:before, .ss-navigatedown.right:after {
  content: ''; }

.ss-navigateleft:before, .ss-navigateleft.right:after {
  content: '◅'; }

.ss-retweet:before, .ss-retweet.right:after {
  content: ''; }

.ss-share:before, .ss-share.right:after {
  content: ''; }

/*
* Symbolset
* www.symbolset.com
* Copyright © 2014 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-social-regular.css" rel="stylesheet" />
*/
@font-face {
  font-family: "SSSocialRegular";
  src: url("../fonts/ss-social-regular.eot");
  src: url("../fonts/ss-social-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-social-regular.woff") format("woff"), url("../fonts/ss-social-regular.ttf") format("truetype"), url("../fonts/ss-social-regular.svg#SSSocialRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"] {
  -ms-zoom: 1; }

.ss-icon, .ss-icon.ss-social-regular,
[class^="ss-"]:before, [class*=" ss-"]:before,
.ss-social-regular[class^="ss-"]:before, .ss-social-regular[class*=" ss-"]:before,
.right[class^="ss-"]:after, .right[class*=" ss-"]:after,
.ss-social-regular.right[class^="ss-"]:after, .ss-social-regular.right[class*=" ss-"]:after {
  font-family: "SSSocialRegular";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
          font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.right[class^="ss-"]:before,
.right[class*=" ss-"]:before {
  display: none;
  content: ''; }

.ss-facebook:before, .ss-facebook.right:after {
  content: ''; }

.ss-twitter:before, .ss-twitter.right:after {
  content: ''; }

.ss-googleplus:before, .ss-googleplus.right:after {
  content: ''; }

.ss-appdotnet:before, .ss-appdotnet.right:after {
  content: ''; }

.ss-ello:before, .ss-ello.right:after {
  content: ''; }

.ss-aboutme:before, .ss-aboutme.right:after {
  content: ''; }

.ss-vk:before, .ss-vk.right:after {
  content: ''; }

.ss-weibo:before, .ss-weibo.right:after {
  content: ''; }

.ss-linkedin:before, .ss-linkedin.right:after {
  content: ''; }

.ss-zerply:before, .ss-zerply.right:after {
  content: ''; }

.ss-xing:before, .ss-xing.right:after {
  content: ''; }

.ss-reddit:before, .ss-reddit.right:after {
  content: ''; }

.ss-steam:before, .ss-steam.right:after {
  content: ''; }

.ss-tumblr:before, .ss-tumblr.right:after {
  content: ''; }

.ss-wordpress:before, .ss-wordpress.right:after {
  content: ''; }

.ss-blogger:before, .ss-blogger.right:after {
  content: ''; }

.ss-quora:before, .ss-quora.right:after {
  content: ''; }

.ss-youtube:before, .ss-youtube.right:after {
  content: ''; }

.ss-vimeo:before, .ss-vimeo.right:after {
  content: ''; }

.ss-vine:before, .ss-vine.right:after {
  content: ''; }

.ss-letterboxd:before, .ss-letterboxd.right:after {
  content: ''; }

.ss-flickr:before, .ss-flickr.right:after {
  content: ''; }

.ss-instagram:before, .ss-instagram.right:after {
  content: ''; }

.ss-vscogrid:before, .ss-vscogrid.right:after {
  content: ''; }

.ss-fivehundredpx:before, .ss-fivehundredpx.right:after {
  content: ''; }

.ss-feedly:before, .ss-feedly.right:after {
  content: ''; }

.ss-pinterest:before, .ss-pinterest.right:after {
  content: ''; }

.ss-dropbox:before, .ss-dropbox.right:after {
  content: ''; }

.ss-pinboard:before, .ss-pinboard.right:after {
  content: ''; }

.ss-delicious:before, .ss-delicious.right:after {
  content: ''; }

.ss-dribbble:before, .ss-dribbble.right:after {
  content: ''; }

.ss-behance:before, .ss-behance.right:after {
  content: ''; }

.ss-github:before, .ss-github.right:after {
  content: ''; }

.ss-bitbucket:before, .ss-bitbucket.right:after {
  content: ''; }

.ss-stackoverflow:before, .ss-stackoverflow.right:after {
  content: ''; }

.ss-stackexchange:before, .ss-stackexchange.right:after {
  content: ''; }

.ss-codepen:before, .ss-codepen.right:after {
  content: ''; }

.ss-jsfiddle:before, .ss-jsfiddle.right:after {
  content: ''; }

.ss-paypal:before, .ss-paypal.right:after {
  content: ''; }

.ss-shopify:before, .ss-shopify.right:after {
  content: ''; }

.ss-kickstarter:before, .ss-kickstarter.right:after {
  content: ''; }

.ss-etsy:before, .ss-etsy.right:after {
  content: ''; }

.ss-foursquare:before, .ss-foursquare.right:after {
  content: ''; }

.ss-swarm:before, .ss-swarm.right:after {
  content: ''; }

.ss-yelp:before, .ss-yelp.right:after {
  content: ''; }

.ss-skype:before, .ss-skype.right:after {
  content: ''; }

.ss-whatsapp:before, .ss-whatsapp.right:after {
  content: ''; }

.ss-rdio:before, .ss-rdio.right:after {
  content: ''; }

.ss-spotify:before, .ss-spotify.right:after {
  content: ''; }

.ss-lastfm:before, .ss-lastfm.right:after {
  content: ''; }

.ss-soundcloud:before, .ss-soundcloud.right:after {
  content: ''; }

.ss-appstore:before, .ss-appstore.right:after {
  content: ''; }

.ss-googleplay:before, .ss-googleplay.right:after {
  content: ''; }

.ss-appleinc:before, .ss-appleinc.right:after {
  content: ''; }

.ss-microsoft:before, .ss-microsoft.right:after {
  content: ''; }

.ss-windows:before, .ss-windows.right:after {
  content: ''; }

.ss-android:before, .ss-android.right:after {
  content: ''; }

.ss-blackberry:before, .ss-blackberry.right:after {
  content: ''; }

.ss-link:before, .ss-link.right:after {
  content: '🔗'; }

.ss-phone:before, .ss-phone.right:after {
  content: '📞'; }

.ss-mail:before, .ss-mail.right:after {
  content: '✉'; }

.ss-like:before, .ss-like.right:after {
  content: '👍'; }

.ss-rss:before, .ss-rss.right:after {
  content: ''; }

.ss-share:before, .ss-share.right:after {
  content: ''; }

/* Legacy */
.ss-fivehundredpx:before, .ss-fivehundredpx.right:after {
  content: ''; }

.ss-octocat:before, .ss-octocat.right:after {
  content: ''; }

/* HTML5 Base styles - Leave As/Is
-----------------------------------------*/
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none !important; }

html,
body {
  height: 100%; }

/* Default Styles
----------------------------------------*/
/*Site Base*/
body {
  font-style: normal;
  font-weight: normal;
  font-family: Scout;
  line-height: 1.4;
  color: #000000;
  background-color: #fff; }

.wrapper {
  width: 83%;
  margin: 0 8.5%; }
  @media screen and (max-width: 45.25em) {
    .wrapper {
      margin-left: 1.25rem;
      margin-right: 1.25rem; } }
  @media screen and (min-width: 80.4375em) {
    .wrapper {
      width: 68.75em;
      margin: 0 auto;
      position: relative; } }
@media screen and (max-width: 45.25em) {
  .page .wrapper {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }

.tout-link {
  display: block;
  width: 100%;
  position: relative; }

.tout-link:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 30px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "er-icons";
  font-size: 70px;
  line-height: 70px;
  color: black;
  background: white;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%; }

.tout.oil-gas .tout-link:after {
  content: '';
  width: 70px;
  height: 70px;
  background: #7C878E url(../images/water-icon.png) no-repeat center center/48px; }

.tout.water .tout-link:after {
  content: '\57';
  color: #51C1DD; }

a {
  color: #F4A404;
  text-decoration: none;
  -webkit-transition: color .25s ease;
  -o-transition: color .25s ease;
  -moz-transition: color .25s ease;
  transition: color .25s ease; }
  a:hover {
    color: #DD9401; }
  a:active {
    color: #000000; }

ol {
  padding-left: 25px; }

.video-container {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  margin-top: 4rem;
  margin-bottom: 4rem; }
  @media screen and (max-width: 45.25em) {
    .video-container {
      margin-top: 2rem;
      margin-bottom: 2rem; } }
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

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

.flex-grid-placeholder {
  height: 1px;
  margin-top: -1px; }

.open-fixed {
  position: fixed !important;
  top: 102px; }
  @media screen and (max-width: 57.8125em) {
    .open-fixed {
      top: 81px; } }
.buttons-primary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px; }

.button.button-underline {
  background: -webkit-gradient(linear, right top, left top, from(#FFCD00), to(#FFCD00));
  background: -webkit-linear-gradient(right, #FFCD00 0%, #FFCD00 100%);
  background: -moz-linear-gradient(right, #FFCD00 0%, #FFCD00 100%);
  background: -o-linear-gradient(right, #FFCD00 0%, #FFCD00 100%);
  background: linear-gradient(to left, #FFCD00 0%, #FFCD00 100%);
  -webkit-background-size: 100% 3px;
     -moz-background-size: 100% 3px;
          background-size: 100% 3px;
  background-repeat: no-repeat;
  background-position: bottom left;
  padding: 0;
  border: none;
  padding-bottom: 5px;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  color: #000000;
  letter-spacing: 1px; }
  @media screen and (max-width: 57.8125em) {
    .button.button-underline {
      padding-bottom: 4px;
      -webkit-background-size: 100% 2px;
         -moz-background-size: 100% 2px;
              background-size: 100% 2px;
      font-size: 9.57px;
      line-height: 10px;
      letter-spacing: 0.64px; } }
.button-black.button {
  color: white; }

.button.border-yellow {
  border: 2px solid #FFCD00;
  background: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none; }

.button-black.button:hover {
  color: #FFCD00; }

.button.button-arrow {
  padding-right: 55px; }

.button.button-arrow.button-black {
  background-image: url(../images/white-arrow-long.svg);
  background-repeat: no-repeat;
  background-position: -webkit-calc(100% - 18px) center;
  background-position: -moz-calc(100% - 18px) center;
  background-position: calc(100% - 18px) center;
  -webkit-background-size: 26px 26px;
     -moz-background-size: 26px;
          background-size: 26px; }

.button.button-arrow.button-yellow {
  background-image: url(../images/black-arrow-long.svg);
  background-repeat: no-repeat;
  background-position: -webkit-calc(100% - 18px) center;
  background-position: -moz-calc(100% - 18px) center;
  background-position: calc(100% - 18px) center;
  -webkit-background-size: 26px 26px;
     -moz-background-size: 26px;
          background-size: 26px; }

.button {
  -webkit-border-radius: 21px;
     -moz-border-radius: 21px;
          border-radius: 21px;
  background: #000;
  color: black;
  display: inline-block;
  border: 2px solid #000;
  padding-left: 31px;
  padding-right: 31px;
  padding-top: 13px;
  padding-bottom: 13px;
  -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
  text-transform: uppercase;
  font-family: Scout;
  font-size: 14.5px;
  line-height: 15px;
  font-weight: bold;
  letter-spacing: 0.97px; }

.button:hover {
  color: #000; }

.button.button-yellow {
  background: #FFCD00;
  border-color: #FFCD00; }

.page-template-page-content .hero-header {
  padding-left: 0;
  padding-right: 0; }

.hero-header {
  width: 100%;
  max-width: 100%;
  color: #fff;
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 35px;
  padding-left: 1.25rem;
  padding-right: 1.25rem; }
  .hero-header .intro-text {
    position: relative;
    font-style: normal;
    font-weight: normal;
    font-family: "Scout Light";
    /*   .headline {
      bottom: 117%;
      width: 100%;
      position:absolute;
      margin-bottom: 16px;

      @include respond-max($medium-breakpoint) {
        bottom: 100%;
      }

      @include respond-max(em(400px)) {
        margin-bottom: 5px;
      }
    }*/ }
    .hero-header .intro-text h1 {
      font-size: 6.25rem;
      margin: 40px 0 30px;
      line-height: 1;
      position: relative; }
      @media screen and (max-width: 48em) {
        .page-template-page .hero-header .intro-text h1 {
          font-size: 3rem; } }
      @media screen and (max-width: 25em) {
        .page-template-page .hero-header .intro-text h1 {
          font-size: 2.25rem; } }
      .hero-header .intro-text h1 sup {
        font-size: 65%; }
  .hero-header img {
    width: 100%; }
  .hero-header .overview-submenu {
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    padding: 15px 0;
    z-index: 5; }
    .hero-header .overview-submenu .submenu-title {
      display: inline-block; }
      .hero-header .overview-submenu .submenu-title:before {
        font-family: "er-icons";
        display: inline-block;
        font-size: 40px;
        margin-right: 20px;
        vertical-align: middle;
        line-height: 0.9;
        width: 40px;
        height: 40px;
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;
        color: #fff;
        padding-left: 1px; }
      .hero-header .overview-submenu .submenu-title.oil-gas:before {
        content: '\6f';
        background-color: #72808A; }
      .hero-header .overview-submenu .submenu-title.water:before {
        content: '\77';
        background-color: #4EC1E0;
        padding-top: 2px; }
      .hero-header .overview-submenu .submenu-title.chemicals:before {
        content: '\73';
        background-color: #A4CF5F;
        padding-left: 0;
        padding-top: 2px; }
      .hero-header .overview-submenu .submenu-title .title {
        font-style: normal;
        font-weight: normal;
        font-family: Scout;
        font-weight: 700;
        padding-right: 10px; }
      .hero-header .overview-submenu .submenu-title .subtitle {
        color: #72808A;
        font-style: normal;
        font-weight: normal;
        font-family: Scout;
        font-weight: 700; }
        @media screen and (max-width: 27.6875em) {
          .hero-header .overview-submenu .submenu-title .subtitle {
            display: none; } }
    .hero-header .overview-submenu .subnav {
      float: right;
      padding-top: 6px; }
      @media screen and (max-width: 50em) {
        .hero-header .overview-submenu .subnav {
          display: none; } }
      .hero-header .overview-submenu .subnav a {
        display: inline-block;
        position: relative;
        padding-right: 19px;
        text-transform: uppercase;
        text-decoration: none;
        color: #F4A404;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: normal;
        font-family: Scout;
        font-weight: 700;
        -webkit-transition: color .25s ease;
        -o-transition: color .25s ease;
        -moz-transition: color .25s ease;
        transition: color .25s ease; }
        .hero-header .overview-submenu .subnav a:after {
          font-family: "SSGizmo";
          content: '\25BB';
          display: inline-block;
          height: 12px;
          line-height: 1;
          position: absolute;
          bottom: 2px;
          right: 0;
          -webkit-transform: rotate(90deg);
             -moz-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
               -o-transform: rotate(90deg);
                  transform: rotate(90deg);
          -webkit-transition: -webkit-transform .5s ease;
          transition: -webkit-transform .5s ease;
          -o-transition: -o-transform .5s ease;
          -moz-transition: transform .5s ease, -moz-transform .5s ease;
          transition: transform .5s ease;
          transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease, -o-transform .5s ease; }
        .hero-header .overview-submenu .subnav a:hover {
          color: #fff; }
        .hero-header .overview-submenu .subnav a:active {
          color: #000000; }
      .hero-header .overview-submenu .subnav.open a:after {
        -webkit-transform: rotate(-90deg);
           -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
             -o-transform: rotate(-90deg);
                transform: rotate(-90deg); }
  .hero-header .additional-info {
    position: absolute;
    top: 70px;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    height: 0;
    overflow: hidden;
    -webkit-transition: height .5s ease-out;
    -o-transition: height .5s ease-out;
    -moz-transition: height .5s ease-out;
    transition: height .5s ease-out;
    z-index: 5; }
    .hero-header .additional-info.open {
      height: 42%; }
    .hero-header .additional-info ul {
      width: 50%;
      display: inline-block;
      vertical-align: top;
      list-style: none; }
    .hero-header .additional-info .applications,
    .hero-header .additional-info .products {
      list-style: none;
      display: inline-block;
      vertical-align: top;
      float: right;
      overflow: hidden;
      width: 32%; }
      .hero-header .additional-info .applications .list-title,
      .hero-header .additional-info .products .list-title {
        text-transform: uppercase;
        font-style: normal;
        font-weight: normal;
        font-family: Scout;
        font-weight: 700;
        font-size: 0.875rem !important;
        padding-bottom: 10px;
        display: block;
        width: 100%; }
      .hero-header .additional-info .applications li a,
      .hero-header .additional-info .products li a {
        text-decoration: none;
        color: #F4A404;
        -webkit-transition: color .25s ease;
        -o-transition: color .25s ease;
        -moz-transition: color .25s ease;
        transition: color .25s ease; }
        .hero-header .additional-info .applications li a:hover,
        .hero-header .additional-info .products li a:hover {
          color: #fff; }
        .hero-header .additional-info .applications li a:active,
        .hero-header .additional-info .products li a:active {
          color: #000000; }
  .hero-header .mobile-overview-submenu:after {
    font-family: "er-icons";
    font-size: 48px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 4.5%; }
  .hero-header .mobile-overview-submenu.oil-gas:after {
    content: '\4f'; }
  .hero-header .mobile-overview-submenu.water:after {
    content: '\57'; }
  .hero-header .mobile-overview-submenu.chemicals:after {
    content: '\53'; }
  .hero-header .mobile-overview-submenu .submenu-title {
    font-size: 1.375rem; }
  .hero-header .mobile-overview-submenu .list-title {
    text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
    font-family: Scout;
    font-weight: 700;
    font-size: 0.875rem;
    display: inline-block; }
    .hero-header .mobile-overview-submenu .list-title:after {
      content: '\F501';
      font-family: "SSGizmo";
      display: inline-block;
      width: 23px;
      height: 16px;
      text-align: center;
      -webkit-transition: -webkit-transform .5s ease;
      transition: -webkit-transform .5s ease;
      -o-transition: -o-transform .5s ease;
      -moz-transition: transform .5s ease, -moz-transform .5s ease;
      transition: transform .5s ease;
      transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease, -o-transform .5s ease; }
  .hero-header .mobile-overview-submenu .applications.open .list-title:after,
  .hero-header .mobile-overview-submenu .products.open .list-title:after {
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg); }
  .hero-header .mobile-overview-submenu .applications.open ul,
  .hero-header .mobile-overview-submenu .products.open ul {
    position: relative; }
  .hero-header .mobile-overview-submenu ul {
    list-style: none;
    display: none;
    padding-bottom: 20px; }
    .hero-header .mobile-overview-submenu ul li {
      padding-left: 35px; }
    .hero-header .mobile-overview-submenu ul a {
      padding: 0; }
      .hero-header .mobile-overview-submenu ul a:after {
        content: '\25BB';
        font-family: "SSGizmo";
        display: inline-block;
        padding-left: 5px;
        vertical-align: middle; }
  .hero-header .hero-image {
    line-height: 0;
    padding-right: 0;
    padding-left: 0; }
    @media screen and (min-width: 48em) {
      .hero-header .hero-image {
        padding-right: 1.25rem;
        padding-left: 1.25rem; } }
  .hero-header .intro-text {
    width: 100%;
    z-index: 5; }
    .hero-header .intro-text .headline h1 {
      font-style: normal;
      font-weight: normal;
      font-family: "Scout Light";
      font-size: 36px;
      line-height: 33px;
      color: black;
      margin-bottom: 25px; }
      @media screen and (min-width: 48em) {
        .hero-header .intro-text .headline h1 {
          font-size: 48px;
          line-height: 44px;
          margin-bottom: 40px; } }
    .hero-header .intro-text .hero-text {
      padding: 12px 0; }
    .hero-header .intro-text a {
      font-size: 0.875rem;
      font-style: normal;
      font-weight: normal;
      font-family: Scout;
      font-weight: 700;
      text-transform: uppercase;
      text-decoration: none;
      color: #fff;
      display: inline-block;
      padding-left: 5px;
      -webkit-transition: color .25s ease;
      -o-transition: color .25s ease;
      -moz-transition: color .25s ease;
      transition: color .25s ease; }
      .hero-header .intro-text a:hover {
        color: #000000; }
      .hero-header .intro-text a:active {
        color: #000000; }
  .hero-header .single.hero-text {
    padding: 7px 0 6px !important; }
    .hero-header .single.hero-text p {
      font-size: 28px;
      line-height: 32px;
      font-style: normal;
      font-weight: normal;
      font-family: "Scout Light";
      color: black;
      display: inline-block;
      width: 100%;
      max-width: 820px; }
      @media screen and (min-width: 48em) {
        .hero-header .single.hero-text p {
          font-size: 40px;
          line-height: 45px; } }
  .hero-header .social {
    display: inline-block;
    vertical-align: top; }
  .hero-header .share-label {
    font-style: normal;
    font-weight: normal;
    font-family: Scout;
    font-weight: 700;
    display: inline-block;
    line-height: 1;
    padding-top: 10px; }
  .hero-header .hero-social {
    list-style: none;
    display: inline-block;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    line-height: 1; }
    .hero-header .hero-social > li {
      display: inline-block; }
      .hero-header .hero-social > li a {
        color: #fff;
        -webkit-transition: color .25s ease;
        -o-transition: color .25s ease;
        -moz-transition: color .25s ease;
        transition: color .25s ease; }
        .hero-header .hero-social > li a:hover {
          color: #000000; }
        .hero-header .hero-social > li a:active {
          color: #000000; }
    .hero-header .hero-social > * + * {
      padding-left: 18px; }

.link {
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: normal;
  font-family: Scout;
  font-weight: 700;
  -webkit-transition: color .25s ease;
  -o-transition: color .25s ease;
  -moz-transition: color .25s ease;
  transition: color .25s ease; }
  .link:after {
    font-family: "SSGizmo";
    content: '\25BB';
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle; }
  .link:hover {
    color: #F4A404 !important; }
  .link:active {
    color: #000000; }

button {
  padding: 3px 40px 3px 0;
  border: none;
  background: none;
  color: #F4A404;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: normal;
  font-family: "Scout Light";
  line-height: 1;
  vertical-align: middle;
  -webkit-transition: color .25s ease;
  -o-transition: color .25s ease;
  -moz-transition: color .25s ease;
  transition: color .25s ease; }
  button:hover {
    color: #DD9401; }
  button:active {
    color: #000000; }
  button a {
    text-decoration: none;
    color: #F4A404;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease; }
    button a:hover {
      color: #fff !important; }

.bx-pager {
  position: absolute;
  width: 100%; }
  .bx-pager .bx-pager-item {
    display: inline-block;
    float: left;
    margin-right: 7px; }
    .bx-pager .bx-pager-item a {
      display: inline-block;
      text-indent: -9999px;
      width: 7px;
      height: 7px;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      background: #AEB1B3;
      -webkit-transition: background .25s ease;
      -o-transition: background .25s ease;
      -moz-transition: background .25s ease;
      transition: background .25s ease; }
      .bx-pager .bx-pager-item a.active {
        background: #F4A404; }
      .bx-pager .bx-pager-item a:hover {
        background: #fff; }
      .bx-pager .bx-pager-item a:active {
        background: #000000; }

.bx-controls-direction {
  position: absolute;
  width: 100%;
  font-style: normal;
  font-weight: normal;
  font-family: "Scout Light"; }
  .bx-controls-direction a {
    color: #F4A404;
    text-decoration: none;
    position: absolute; }
    .bx-controls-direction a.bx-prev {
      font-family: "SSGizmo";
      left: 5%; }
    .bx-controls-direction a.bx-next {
      font-family: "SSGizmo";
      right: 5%; }

.featured-resources {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto; }

.featured-resources .listing-details {
  width: -webkit-calc(100% - 65px);
  width: -moz-calc(100% - 65px);
  width: calc(100% - 65px);
  padding-left: 15px;
  padding-right: 35px; }
  @media screen and (min-width: 48em) {
    .featured-resources .listing-details {
      padding-left: 35px; } }
.main-content .featured-resources li {
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 48em) {
    .main-content .featured-resources li {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
.featured-resources li .wrap {
  background: white;
  -webkit-border-bottom-left-radius: 24px;
     -moz-border-radius-bottomleft: 24px;
          border-bottom-left-radius: 24px;
  -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15); }

.featured-resources .listing-details {
  padding-bottom: 16px; }

.featured-resources,
.main-content ul.featured-resources {
  list-style: none;
  margin-top: 15px;
  text-align: justify; }
  @media screen and (min-width: 48em) {
    .featured-resources,
    .main-content ul.featured-resources {
      margin-top: 35px; } }
  .featured-resources:after,
  .main-content ul.featured-resources:after {
    content: '';
    display: inline-block;
    width: 100%; }
  .featured-resources .listing-image,
  .main-content ul.featured-resources .listing-image {
    width: 100%;
    max-width: 330px;
    height: auto;
    display: block;
    text-align: center; }
  .featured-resources .listing-details h2,
  .main-content ul.featured-resources .listing-details h2 {
    text-align: left;
    font-family: Scout;
    font-weight: normal;
    font-size: 22px;
    line-height: 24px;
    color: #000000;
    letter-spacing: 0.75px; }
    @media screen and (min-width: 48em) {
      .featured-resources .listing-details h2,
      .main-content ul.featured-resources .listing-details h2 {
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0.75px; } }
    .featured-resources .listing-details h2 a,
    .main-content ul.featured-resources .listing-details h2 a {
      text-decoration: none;
      text-transform: none;
      padding: 0;
      color: #000000;
      font-size: 1.3125rem;
      font-style: normal;
      font-weight: normal;
      font-family: "Scout Light";
      -webkit-transition: all .25s ease;
      -o-transition: all .25s ease;
      -moz-transition: all .25s ease;
      transition: all .25s ease; }
      .featured-resources .listing-details h2 a:hover,
      .main-content ul.featured-resources .listing-details h2 a:hover {
        color: #F4A404; }
      .featured-resources .listing-details h2 a:active,
      .main-content ul.featured-resources .listing-details h2 a:active {
        color: #000000; }

.main-content ul.featured-resources li:before {
  display: none; }

.main-content > * + * {
  padding-top: 2.1875rem; }

.main-content ul {
  list-style: none;
  line-height: 1.7142857143;
  padding-top: 0; }
  .main-content ul li {
    position: relative;
    padding-left: 10px; }
    .main-content ul li:before {
      content: '';
      line-height: 1;
      width: 4px;
      height: 4px;
      background-color: #F4A404;
      float: left;
      margin: .7em 6px 0 0;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      position: absolute;
      left: 0; }

.event-speakers {
  list-style: none;
  line-height: 1.7142857143;
  padding-top: 0; }
  .event-speakers li:before {
    content: '';
    line-height: 1.3em;
    width: .2em;
    height: .2em;
    background-color: #F4A404;
    float: left;
    margin: .7em 6px 0 0;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%; }

.tout .links li {
  line-height: 20px; }

.tout-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  padding-top: 50px;
  left: 0;
  overflow: auto;
  padding-bottom: 2rem; }
  @media screen and (min-width: 48em) {
    .tout-content {
      padding-top: 99px;
      padding-bottom: 2rem; } }
.tout-image {
  width: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  background-position: top left;
  overflow: hidden;
  -webkit-border-top-left-radius: 24px;
     -moz-border-radius-topleft: 24px;
          border-top-left-radius: 24px;
  -webkit-border-bottom-left-radius: 24px;
     -moz-border-radius-bottomleft: 24px;
          border-bottom-left-radius: 24px; }

.flex-parent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.flex-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-start {
  -webkit-box-align: start;
  -webkit-align-items: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: start; }

.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
     -moz-box-flex: 0;
      -ms-flex: 0 100%;
          flex: 0 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (min-width: 48em) {
    .col-12 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 100%;
         -moz-box-flex: 0;
          -ms-flex: 0 100%;
              flex: 0 100%;
      max-width: 100%; } }
.col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
     -moz-box-flex: 0;
      -ms-flex: 0 100%;
          flex: 0 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (min-width: 48em) {
    .col-11 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 91.66666667%;
         -moz-box-flex: 0;
          -ms-flex: 0 91.66666667%;
              flex: 0 91.66666667%;
      max-width: 91.66666667%; } }
.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
     -moz-box-flex: 0;
      -ms-flex: 0 100%;
          flex: 0 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (min-width: 48em) {
    .col-10 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 83.33333333%;
         -moz-box-flex: 0;
          -ms-flex: 0 83.33333333%;
              flex: 0 83.33333333%;
      max-width: 83.33333333%; } }
.col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
     -moz-box-flex: 0;
      -ms-flex: 0 100%;
          flex: 0 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (min-width: 48em) {
    .col-9 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 75%;
         -moz-box-flex: 0;
          -ms-flex: 0 75%;
              flex: 0 75%;
      max-width: 75%; } }
.col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
     -moz-box-flex: 0;
      -ms-flex: 0 100%;
          flex: 0 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (min-width: 48em) {
    .col-8 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 66.66666667%;
         -moz-box-flex: 0;
          -ms-flex: 0 66.66666667%;
              flex: 0 66.66666667%;
      max-width: 66.66666667%; } }
.col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
     -moz-box-flex: 0;
      -ms-flex: 0 100%;
          flex: 0 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (min-width: 48em) {
    .col-7 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 58.33333333%;
         -moz-box-flex: 0;
          -ms-flex: 0 58.33333333%;
              flex: 0 58.33333333%;
      max-width: 58.33333333%; } }
.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
     -moz-box-flex: 0;
      -ms-flex: 0 100%;
          flex: 0 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (min-width: 48em) {
    .col-6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 50%;
         -moz-box-flex: 0;
          -ms-flex: 0 50%;
              flex: 0 50%;
      max-width: 50%; } }
.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
     -moz-box-flex: 0;
      -ms-flex: 0 100%;
          flex: 0 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (min-width: 48em) {
    .col-5 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 41.66666667%;
         -moz-box-flex: 0;
          -ms-flex: 0 41.66666667%;
              flex: 0 41.66666667%;
      max-width: 41.66666667%; } }
.col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
     -moz-box-flex: 0;
      -ms-flex: 0 100%;
          flex: 0 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (min-width: 48em) {
    .col-4 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 33.33333333%;
         -moz-box-flex: 0;
          -ms-flex: 0 33.33333333%;
              flex: 0 33.33333333%;
      max-width: 33.33333333%; } }
.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
     -moz-box-flex: 0;
      -ms-flex: 0 100%;
          flex: 0 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (min-width: 48em) {
    .col-3 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 25%;
         -moz-box-flex: 0;
          -ms-flex: 0 25%;
              flex: 0 25%;
      max-width: 25%; } }
.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
     -moz-box-flex: 0;
      -ms-flex: 0 100%;
          flex: 0 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (min-width: 48em) {
    .col-2 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 16.66666667%;
         -moz-box-flex: 0;
          -ms-flex: 0 16.66666667%;
              flex: 0 16.66666667%;
      max-width: 16.66666667%; } }
.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
     -moz-box-flex: 0;
      -ms-flex: 0 100%;
          flex: 0 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (min-width: 48em) {
    .col-1 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 8.333333333%;
         -moz-box-flex: 0;
          -ms-flex: 0 8.333333333%;
              flex: 0 8.333333333%;
      max-width: 8.333333333%; } }
.offset-12 {
  margin-left: 0; }
  @media screen and (min-width: 48em) {
    .offset-12 {
      margin-left: -100%; } }
.offset-11 {
  margin-left: 0; }
  @media screen and (min-width: 48em) {
    .offset-11 {
      margin-left: -91.66666667%; } }
.offset-10 {
  margin-left: 0; }
  @media screen and (min-width: 48em) {
    .offset-10 {
      margin-left: -83.33333333%; } }
.offset-9 {
  margin-left: 0; }
  @media screen and (min-width: 48em) {
    .offset-9 {
      margin-left: -75%; } }
.offset-8 {
  margin-left: 0; }
  @media screen and (min-width: 48em) {
    .offset-8 {
      margin-left: -66.66667%; } }
.offset-7 {
  margin-left: 0; }
  @media screen and (min-width: 48em) {
    .offset-7 {
      margin-left: -58.33333333%; } }
.offset-6 {
  margin-left: 0; }
  @media screen and (min-width: 48em) {
    .offset-6 {
      margin-left: -50%; } }
.offset-5 {
  margin-left: 0; }
  @media screen and (min-width: 48em) {
    .offset-5 {
      margin-left: -41.66666667%; } }
.offset-4 {
  margin-left: 0; }
  @media screen and (min-width: 48em) {
    .offset-4 {
      margin-left: -33.3333333%; } }
.offset-3 {
  margin-left: 0; }
  @media screen and (min-width: 48em) {
    .offset-3 {
      margin-left: -25%; } }
.offset-2 {
  margin-left: 0; }
  @media screen and (min-width: 48em) {
    .offset-2 {
      margin-left: -16.66666667%; } }
.offset-1 {
  margin-left: 0; }
  @media screen and (min-width: 48em) {
    .offset-1 {
      margin-left: -8.333333333%; } }
.tout-image:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0.36)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.36) 60%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.36) 60%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.36) 60%);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.36) 60%); }

.tout-image img {
  width: 100%;
  display: none; }

.touts {
  text-align: center;
  font-size: 0.1px;
  padding-bottom: 80px;
  padding-top: 80px;
  /* &:after {
          display: inline-block;
          position: absolute;
          

          @include respond-max(em(768px)) {
            font-size: 90px;
          }
        }

        &.oil-gas {
          &:after {
            content: '\4f';
          }
        }

        &.chemicals {
          &:after {
            content: '\53';
          }
        }

        &.water {
          &:after {
            content: '\57';
          }
        }*/ }
  @media screen and (min-width: 48em) {
    .touts {
      padding-bottom: 80px;
      padding-top: 0; } }
  .touts:after {
    content: '';
    display: inline-block;
    width: 100%; }
  .touts .tout {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 458px;
    font-size: 0.875rem;
    -webkit-border-top-left-radius: 24px;
       -moz-border-radius-topleft: 24px;
            border-top-left-radius: 24px;
    -webkit-border-bottom-left-radius: 24px;
       -moz-border-radius-bottomleft: 24px;
            border-bottom-left-radius: 24px;
    -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
    margin-bottom: 3rem; }
    @media screen and (min-width: 500px) and (max-width: 768px) {
      .touts .tout {
        width: -webkit-calc(50% - 22px);
        width: -moz-calc(50% - 22px);
        width: calc(50% - 22px);
        margin-left: 10px;
        margin-right: 10px; } }
    @media screen and (min-width: 48em) {
      .touts .tout {
        width: -webkit-calc(50% - 52px);
        width: -moz-calc(50% - 52px);
        width: calc(50% - 52px);
        margin-left: 25px;
        margin-right: 25px; } }
    @media screen and (max-width: 48em) {
      .touts .tout {
        max-width: 100%; } }
    .touts .tout .tout-image {
      position: relative; }
      @media screen and (max-width: 48em) {
        .touts .tout .tout-image img {
          display: none; } }
      .touts .tout .tout-image .tout-headline {
        font-style: normal;
        font-weight: normal;
        font-family: "Scout Light";
        width: 100%;
        color: #fff;
        font-size: 32px;
        line-height: 38px;
        padding: 0 30px 0 30px;
        text-align: left; }
        @media screen and (min-width: 48em) {
          .touts .tout .tout-image .tout-headline {
            font-size: 49px;
            line-height: 55px; } }
      .touts .tout .tout-image .tout-overview {
        position: absolute;
        top: 0;
        width: 38px;
        right: 0;
        height: 100%;
        text-align: center;
        text-indent: -10000px;
        overflow: hidden;
        background: inherit;
        background-position: top right;
        background-repeat: no-repeat;
        z-index: 10; }
        .touts .tout .tout-image .tout-overview:after {
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          pointer-events: none;
          background: rgba(0, 0, 0, 0.12) url(../images/white-arrow.svg) no-repeat center center/10px; }
        @media screen and (max-width: 48em) {
          .touts .tout .tout-image .tout-overview {
            top: 0;
            background: none;
            padding-left: 25px;
            padding-top: 60px;
            text-align: left;
            font-size: 1.875rem; }
            .touts .tout .tout-image .tout-overview span {
              display: none; } }
        @media screen and (max-width: 28.4375em) {
          .touts .tout .tout-image .tout-overview {
            max-width: 64%; } }
        @media screen and (max-width: 24.0625em) {
          .touts .tout .tout-image .tout-overview {
            max-width: 77%; } }
        .touts .tout .tout-image .tout-overview div {
          width: 100%;
          height: 100%;
          display: block;
          background-image: inherit;
          background-color: rgba(0, 0, 0, 0.12);
          background-position: top right;
          background-repeat: no-repeat;
          -webkit-background-size: cover;
             -moz-background-size: cover;
                  background-size: cover;
          -webkit-filter: blur(10px);
                  filter: blur(10px);
          color: #F4A404;
          text-decoration: none;
          font-size: 1.75rem;
          font-style: normal;
          font-weight: normal;
          font-family: "Scout Light";
          line-height: 1;
          -webkit-transition: all .25s ease;
          -o-transition: all .25s ease;
          -moz-transition: all .25s ease;
          transition: all .25s ease; }
          .touts .tout .tout-image .tout-overview div:after {
            content: "";
            width: 100%;
            height: 100%;
            display: inline-block;
            background-color: rgba(0, 0, 0, 0.15);
            top: 0;
            left: 0;
            position: absolute; }
          .touts .tout .tout-image .tout-overview div:hover {
            color: #fff; }
          .touts .tout .tout-image .tout-overview div:active {
            color: #000000; }
          @media screen and (max-width: 48em) {
            .touts .tout .tout-image .tout-overview div {
              color: #fff;
              text-transform: uppercase;
              font-style: normal;
              font-weight: normal;
              font-family: Scout;
              font-weight: 700; }
              .touts .tout .tout-image .tout-overview div:hover {
                color: #000000; }
              .touts .tout .tout-image .tout-overview div:active {
                color: #000000; } }
    .touts .tout .tout-text {
      padding: 10px 40px 0 30px;
      text-align: left;
      color: white;
      font-family: "Nunito";
      font-size: 10px;
      line-height: 15px; }
      @media screen and (min-width: 48em) {
        .touts .tout .tout-text {
          font-size: 16px;
          line-height: 23px; } }
      .touts .tout .tout-text p {
        font-size: 10px;
        line-height: 15px; }
        @media screen and (min-width: 48em) {
          .touts .tout .tout-text p {
            font-size: 16px;
            line-height: 23px; } }
      .touts .tout .tout-text ul {
        list-style: none;
        padding-top: 20px; }
      .touts .tout .tout-text a {
        font-style: normal;
        font-weight: normal;
        font-family: Scout;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
        color: white;
        -webkit-transition: all .25s ease;
        -o-transition: all .25s ease;
        -moz-transition: all .25s ease;
        transition: all .25s ease; }
        .touts .tout .tout-text a:after {
          font-family: "SSGizmo";
          content: '\25BB';
          display: inline-block;
          padding-left: 0.375rem;
          vertical-align: sub; }
        .touts .tout .tout-text a:hover {
          color: #F4A404; }
        .touts .tout .tout-text a:active {
          color: #000000; }

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
  padding-top: 25px;
  height: 0; }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.alt-video {
  display: none; }

/*.white-paper {
  position: relative;

  &:before {
    content:'\01F4DD';
    font: {
      family: $font-gizmo-icons;
      size: inherit;
    }
    color: inherit;
    display: inline-block;
    vertical-align: middle;
  }
}

.case-study {
  position: relative;

  &:before {
    content:'\01F4C4';
    font: {
      family: $font-gizmo-icons;
      size: inherit;
    }
    color: inherit;
    display: inline-block;
  }
}

.video-animation {
  position: relative;

  &:before {
    content:'\01F4F9';
    font: {
      family: $font-gizmo-icons;
      size: inherit;
    }
    display: inline-block;
    vertical-align: middle;
  }
}

.tech-spec {
  position: relative;

  &:before {
    content:'\EC34';
    font: {
      family: $font-gizmo-icons;
      size: inherit;
    }
    display: inline-block;
    vertical-align: middle;
  }
}

.tools-app {
  position: relative;

  &:before {
    content:'\EA40';
    font: {
      family: $font-gizmo-icons;
      size: inherit;
    }
    display: inline-block;
    vertical-align: middle;
  }
}

.brochure {
  position: relative;

  &:before {
    content: '\01F4D3';
    font: {
      family: $font-gizmo-icons;
      size: inherit;
    }
    display: inline-block;
    vertical-align: middle;
  }*/
/*}*/
a.learn-more,
.learn-more a,
a.view-all,
.view-all a {
  text-decoration: none;
  text-transform: uppercase;
  color: #000000;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: normal;
  font-family: Scout;
  font-weight: 700;
  display: block; }
  a.learn-more:after,
  .learn-more a:after,
  a.view-all:after,
  .view-all a:after {
    font-family: "SSGizmo";
    content: '\25BB';
    display: inline-block;
    padding-left: 5px;
    vertical-align: sub; }

.share:after {
  content: '\2709';
  font-family: "SSGizmo";
  display: inline-block;
  font-size: 20px;
  height: 16px;
  vertical-align: text-top; }

.twitter:after {
  content: '\F611';
  font-family: "SSSocialRegular";
  display: inline-block; }

.facebook:after {
  content: '\F610';
  font-family: "SSSocialRegular";
  display: inline-block; }

.linkedin:after {
  content: '\F612';
  font-family: "SSSocialRegular";
  display: inline-block; }

.featured-video-image {
  line-height: 0;
  margin-bottom: 55px;
  position: relative; }
  .featured-video-image:before {
    content: '';
    width: 22px;
    height: 15px;
    background: #FCB525;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
       -moz-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); }
  .featured-video-image:after {
    content: '\25B6';
    font-family: "SSGizmo";
    font-size: 10px;
    color: #000000;
    display: inline-block;
    position: absolute;
    left: 50.5%;
    top: 51%;
    -webkit-transform: translate3d(-50%, -50%, 0);
       -moz-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); }

.form-cont {
  background: #FFFFFF; }

@media screen and (min-width: 48em) {
  .form-cont {
    -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 24px 0 0 24px;
       -moz-border-radius: 24px 0 0 24px;
            border-radius: 24px 0 0 24px;
    padding-top: 45px;
    padding-bottom: 45px;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }

/**
 * Modify the corporate giving page slightly.
 */
.page-corporate-giving .wrapper h1.corporate-giving {
  display: none; }

.content-iso-certification-intro {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.content-iso-certification-intro .content-image {
  width: 150px; }

.content-iso-certification-intro .content-text {
  -webkit-box-flex: 5;
  -webkit-flex: 5;
     -moz-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
  margin-left: 1em; }

@media screen and (max-width: 48em) {
  .content-iso-certification-intro .content-image {
    width: 100%;
    text-align: center;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; } }

.social-icons {
  list-style-type: none;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-left: 0;
  margin-right: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: auto;
  float: right; }

.social-icons li a {
  display: inline-block;
  width: 15px;
  height: 15px;
  text-indent: -10000px; }

.social-icons li {
  margin-left: 7px;
  margin-right: 7px; }

.social-icons .icon-linkedin a {
  background: url(../images/linkedin.svg) no-repeat center center/15px; }

.social-icons .icon-twitter a {
  background: url(../images/twitter.svg) no-repeat center center/15px; }

.social-icons .icon-youtube a {
  background: url(../images/youtube.svg) no-repeat center center/15px; }

nav.main .social-icons {
  display: none; }

@media screen and (max-width: 48em) {
  nav.main .social-icons {
    margin-right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: auto; } }

.hero-image .wrapper {
  position: relative; }

header.main .main-header:after {
  content: "";
  clear: both;
  display: table; }

header.main {
  z-index: 9999;
  position: relative;
  width: 100%;
  background: #fff; }
  @media screen and (min-width: 48em) {
    header.main {
      position: relative; } }
  header.main .secondary-content {
    background-color: #000000;
    color: #fff;
    position: relative; }
    header.main .secondary-content #lang_sel_click {
      position: absolute;
      display: inline-block; }
      header.main .secondary-content #lang_sel_click .active-lang {
        position: absolute;
        top: 0;
        height: 100%;
        padding-top: 4px !important;
        background: #000000; }
      header.main .secondary-content #lang_sel_click .js-wmpl-switcher {
        background: #000000;
        width: 168px;
        -webkit-border-bottom-right-radius: 10px;
           -moz-border-radius-bottomright: 10px;
                border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
           -moz-border-radius-bottomleft: 10px;
                border-bottom-left-radius: 10px;
        padding-bottom: 20px !important;
        position: absolute;
        top: 32px;
        z-index: -1;
        -webkit-transform: translateY(-100%);
           -moz-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
             -o-transform: translateY(-100%);
                transform: translateY(-100%);
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        -o-transition: -o-transform .5s ease;
        -moz-transition: transform .5s ease, -moz-transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease, -o-transform .5s ease; }
        header.main .secondary-content #lang_sel_click .js-wmpl-switcher.open {
          -webkit-transform: translateY(0%);
             -moz-transform: translateY(0%);
              -ms-transform: translateY(0%);
               -o-transform: translateY(0%);
                  transform: translateY(0%); }
      header.main .secondary-content #lang_sel_click li {
        float: none;
        display: block;
        padding-left: 48px;
        width: 155px; }
        header.main .secondary-content #lang_sel_click li.wpml-active {
          padding: 0; }
      header.main .secondary-content #lang_sel_click > * {
        border: none; }
      header.main .secondary-content #lang_sel_click > ul > * + * a {
        padding-top: 0.625rem; }
      header.main .secondary-content #lang_sel_click ul li .lang_sel_sel {
        padding-right: 40px;
        position: relative; }
        header.main .secondary-content #lang_sel_click ul li .lang_sel_sel:before, header.main .secondary-content #lang_sel_click ul li .lang_sel_sel:after {
          font-family: "SSGizmo";
          font-size: 0.8125rem;
          display: inline-block; }
        header.main .secondary-content #lang_sel_click ul li .lang_sel_sel:before {
          content: '\2691';
          padding-left: 10px;
          padding-right: 25px; }
        header.main .secondary-content #lang_sel_click ul li .lang_sel_sel:after {
          content: '\F501';
          position: absolute;
          right: 0;
          -webkit-transition: -webkit-transform .25s linear;
          transition: -webkit-transform .25s linear;
          -o-transition: -o-transform .25s linear;
          -moz-transition: transform .25s linear, -moz-transform .25s linear;
          transition: transform .25s linear;
          transition: transform .25s linear, -webkit-transform .25s linear, -moz-transform .25s linear, -o-transform .25s linear; }
        header.main .secondary-content #lang_sel_click ul li .lang_sel_sel.open:after {
          -webkit-transform: rotate(-180deg);
             -moz-transform: rotate(-180deg);
              -ms-transform: rotate(-180deg);
               -o-transform: rotate(-180deg);
                  transform: rotate(-180deg); }
      header.main .secondary-content #lang_sel_click ul ul {
        background: #000000;
        padding-top: 5px !important;
        padding-left: 50px !important;
        padding-bottom: 30px !important;
        -webkit-border-bottom-right-radius: 10px;
           -moz-border-radius-bottomright: 10px;
                border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
           -moz-border-radius-bottomleft: 10px;
                border-bottom-left-radius: 10px;
        width: 200px;
        height: auto;
        border: none; }
      header.main .secondary-content #lang_sel_click a {
        background: none;
        border: none;
        color: #fff;
        font-size: 1rem;
        font-style: normal;
        font-weight: normal;
        font-family: "Scout Light";
        padding-left: 0;
        -webkit-transition: color .25s ease;
        -o-transition: color .25s ease;
        -moz-transition: color .25s ease;
        transition: color .25s ease; }
        header.main .secondary-content #lang_sel_click a:hover {
          color: #DD9401; }
  header.main .main-header {
    background-color: #000;
    width: 100%;
    padding-top: 18px;
    padding-bottom: 12px; }
    @media screen and (min-width: 48em) {
      header.main .main-header {
        padding-top: 0;
        padding-bottom: 0; } }
    header.main .main-header nav.main {
      font-style: normal;
      font-weight: normal;
      font-family: "Scout Light"; }
    header.main .main-header.fixed-header {
      position: fixed;
      top: 0;
      z-index: 9999; }

.site-logo {
  display: inline-block;
  width: 200px;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }
  @media screen and (min-width: 768px) and (max-width: 929px) {
    .site-logo {
      padding-top: 12px; } }
  @media screen and (min-width: 58.125em) {
    .site-logo {
      padding-top: 8px;
      padding-bottom: 8px;
      width: 262px; } }
  .site-logo img {
    width: 100%; }

.erp_site_search_wrapper {
  float: right;
  margin: 2px 10px 2px 40px;
  display: block;
  overflow: hidden;
  height: 26px; }

#site-search button {
  background-color: #F4A404;
  height: 24px;
  width: 30px;
  padding: 0px 10px 0px 7px;
  -webkit-border-top-right-radius: 7px;
     -moz-border-radius-topright: 7px;
          border-top-right-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
     -moz-border-radius-bottomright: 7px;
          border-bottom-right-radius: 7px;
  margin-top: -3px;
  position: relative; }
  #site-search button span {
    font-family: "SSGizmo";
    font-size: 1rem;
    color: #000000;
    position: absolute;
    bottom: 2px;
    right: 6px; }

#site-search input {
  -webkit-border-top-left-radius: 7px;
     -moz-border-radius-topleft: 7px;
          border-top-left-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
     -moz-border-radius-bottomleft: 7px;
          border-bottom-left-radius: 7px;
  background: #E2E2E2;
  color: #000000;
  margin-right: -8px;
  margin-top: 2px;
  padding: 2px 0 3px 10px;
  border: none; }

#site-search button img {
  display: none; }

/* Navigation
----------------------------------------*/
/* Mobile Nav Button */
.fixed-header .mobile-nav-button {
  top: 37px; }

button.mobile-toggle {
  display: inline-block;
  width: 100%;
  height: 55px;
  text-indent: -10000px;
  cursor: pointer;
  padding: 0;
  top: 0;
  left: 0;
  position: absolute; }
  @media screen and (min-width: 48em) {
    button.mobile-toggle {
      display: none; } }
.mobile-nav-button {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 4.5%;
  top: 37px;
  padding-right: 15px;
  margin-top: -3px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.25rem; }
  .mobile-nav-button span, .mobile-nav-button span:before, .mobile-nav-button span:after {
    cursor: pointer;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    height: 5px;
    width: 28px;
    background: #FFB81C;
    position: absolute;
    right: 0;
    display: block;
    content: '';
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }
  .mobile-nav-button.active span {
    background-color: transparent; }
  .mobile-nav-button.active span:before, .mobile-nav-button.active span:after {
    top: 0; }
  .mobile-nav-button.active span:before {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg); }
  .mobile-nav-button.active span:after {
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .mobile-nav-button span:before {
    top: -9px; }
  .mobile-nav-button span:after {
    bottom: -9px; }
  @media screen and (min-width: 48em) {
    .mobile-nav-button {
      display: none; } }
#whole-wrapper {
  position: relative;
  z-index: 25;
  left: 0; }

.mobile-nav-area {
  position: absolute;
  top: 102px;
  left: 0;
  padding: 40px;
  background: #FCB525;
  height: auto;
  max-height: 90vh;
  max-width: 90%;
  overflow: scroll;
  z-index: 19;
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
       -o-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease; }
  .fixed-header .mobile-nav-area {
    top: 85px;
    z-index: 9999; }
  .mobile-nav-area .main-search {
    position: relative; }
    .mobile-nav-area .main-search #site-search input[type="text"] {
      background: #fff;
      padding-top: 12px;
      padding-bottom: 13px;
      border: none;
      width: 100%;
      font-size: 30px;
      font-style: normal;
      font-weight: normal;
      font-family: "Scout Light"; }
    .mobile-nav-area .main-search #site-search button {
      position: absolute;
      margin-top: 2px;
      background: none;
      height: 61px;
      width: 40px;
      right: 0; }
      .mobile-nav-area .main-search #site-search button span {
        font-size: 1.875rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        color: #72808A; }
  .mobile-nav-area #menu-mobile,
  .mobile-nav-area .sub-menu {
    list-style: none; }
    .mobile-nav-area #menu-mobile li a,
    .mobile-nav-area .sub-menu li a {
      color: #fff;
      font-size: 2.25rem;
      line-height: 1.5;
      font-style: normal;
      font-weight: normal;
      font-family: "Scout Light"; }
      .mobile-nav-area #menu-mobile li a:hover,
      .mobile-nav-area .sub-menu li a:hover {
        color: #000000; }
      .mobile-nav-area #menu-mobile li a:active,
      .mobile-nav-area .sub-menu li a:active {
        color: #000000; }
    .mobile-nav-area #menu-mobile .menu-item-has-children > a,
    .mobile-nav-area .sub-menu .menu-item-has-children > a {
      display: block;
      position: relative; }
      .mobile-nav-area #menu-mobile .menu-item-has-children > a:after,
      .mobile-nav-area .sub-menu .menu-item-has-children > a:after {
        content: '\F501';
        font-family: "SSGizmo";
        display: inline-block;
        vertical-align: sub;
        line-height: 1;
        height: 29px;
        position: absolute;
        bottom: 7px;
        right: 0;
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        -o-transition: -o-transform .5s ease;
        -moz-transition: transform .5s ease, -moz-transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease, -o-transform .5s ease; }
    .mobile-nav-area #menu-mobile .menu-item-has-children.open a:after,
    .mobile-nav-area .sub-menu .menu-item-has-children.open a:after {
      -webkit-transform: rotate(-180deg);
         -moz-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
           -o-transform: rotate(-180deg);
              transform: rotate(-180deg); }
  .mobile-nav-area #menu-mobile {
    border-top: 1px solid #fff;
    margin-top: 35px;
    padding-top: 15px; }
    .mobile-nav-area #menu-mobile .menu-item-has-children {
      border-bottom: 1px solid #fff;
      margin-bottom: 15px;
      padding-bottom: 20px; }
  .mobile-nav-area .sub-menu {
    display: none; }

.overlay {
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.65);
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity .25s ease, z-index .25s ease;
  -o-transition: opacity .25s ease, z-index .25s ease;
  -moz-transition: opacity .25s ease, z-index .25s ease;
  transition: opacity .25s ease, z-index .25s ease; }
  @media screen and (min-width: 48em) {
    .overlay {
      display: none; } }
  .overlay.show {
    z-index: 18;
    opacity: 1; }

nav.top {
  display: none; }
  @media screen and (min-width: 48em) {
    nav.top {
      display: block; } }
#menu-top .menu-item:last-of-type {
  margin-right: 0; }

#menu-top {
  list-style: none;
  font-size: 0.1px;
  text-align: justify;
  list-style: none;
  width: auto;
  text-align: right;
  float: right;
  padding: 5px 0; }
  #menu-top:after {
    content: '';
    display: inline-block;
    width: 100%; }
  #menu-top > li {
    display: inline-block;
    font-size: 1rem; }
  #menu-top .menu-item {
    display: inline-block;
    font-family: Scout;
    font-weight: normal;
    font-size: 12px;
    color: #B2BBC0;
    letter-spacing: 0.77px;
    text-transform: uppercase;
    margin-right: 20px; }
    #menu-top .menu-item a {
      text-decoration: none;
      color: #B2BBC0;
      -webkit-transition: all .25s ease;
      -o-transition: all .25s ease;
      -moz-transition: all .25s ease;
      transition: all .25s ease; }
    #menu-top .menu-item:hover a {
      color: #DD9401; }
    #menu-top .menu-item:active a {
      color: black; }

@media screen and (min-width: 48em) {
  .fixed-header nav.main.open, .logged-in .fixed-header nav.main.open {
    top: inherit; } }

.logged-in nav.main.open {
  top: 116px; }
  @media screen and (min-width: 48em) {
    .logged-in nav.main.open {
      top: inherit; } }
nav.main.open {
  left: 0;
  top: 68px;
  background: transparent;
  z-index: 9999;
  height: 100%;
  overflow: auto;
  padding-bottom: 68px; }
  @media screen and (min-width: 48em) {
    nav.main.open {
      height: auto;
      top: inherit;
      padding-bottom: 0; } }
nav.main {
  width: 100%;
  position: fixed;
  left: -10000px;
  top: 0;
  height: auto; }
  @media screen and (min-width: 768px) and (max-width: 929px) {
    nav.main {
      width: -webkit-calc(100% - 200px);
      width: -moz-calc(100% - 200px);
      width: calc(100% - 200px);
      padding-left: 1.25rem; } }
  @media screen and (min-width: 58.125em) {
    nav.main {
      width: 62%; } }
  @media screen and (min-width: 48em) {
    nav.main {
      height: auto;
      left: inherit;
      top: inherit;
      border: none;
      padding-top: 7px;
      float: right;
      position: static; } }
#menu-main .menu-header {
  font-family: Scout;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  letter-spacing: 0;
  display: inline-block;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 18px;
  padding-bottom: 0; }

#menu-main {
  z-index: 20;
  list-style: none;
  font-size: 0.1px;
  text-align: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 18px;
  background: white;
  border: 3px solid black; }
  #menu-main:after {
    content: '';
    display: inline-block;
    width: 100%; }
  #menu-main > li {
    display: inline-block;
    font-size: 1rem; }
  @media screen and (min-width: 48em) {
    #menu-main {
      display: block;
      padding-top: 0;
      background: transparent;
      border: none; } }
  #menu-main > li {
    display: block;
    width: 100%; }
    @media screen and (min-width: 48em) {
      #menu-main > li {
        display: inline-block;
        width: auto; } }
  #menu-main .menu-item {
    font-size: 1rem;
    font-family: Scout;
    text-align: left;
    position: relative;
    font-weight: bold; }
    @media screen and (min-width: 48em) {
      #menu-main .menu-item {
        position: static; } }
    #menu-main .menu-item > a:hover {
      color: #F4A404; }
    #menu-main .menu-item.selected > a {
      color: #DD9401;
      font-style: normal;
      font-weight: normal;
      font-family: Scout; }
    #menu-main .menu-item:active a {
      color: #DD9401; }
    #menu-main .menu-item a {
      text-decoration: none;
      color: black;
      text-transform: uppercase;
      font-weight: normal;
      -webkit-transition: all .25s ease;
      -o-transition: all .25s ease;
      -moz-transition: all .25s ease;
      transition: all .25s ease;
      letter-spacing: 1.65px;
      font-weight: bold;
      font-size: 14px;
      display: inline-block;
      padding-left: 40px;
      padding-right: 40px;
      padding-top: 18px;
      padding-bottom: 18px; }
      @media screen and (min-width: 768px) and (max-width: 929px) {
        #menu-main .menu-item a {
          font-size: 0.875rem; } }
      @media screen and (min-width: 48em) {
        #menu-main .menu-item a {
          color: white;
          padding-right: 0;
          padding-left: 0;
          padding-top: 0;
          padding-bottom: 0;
          display: inline-block; } }
      @media screen and (min-width: 58.125em) {
        #menu-main .menu-item a {
          font-size: 16px; } }
.big-menu.fluid-solutions,
.big-menu.company {
  width: 100%;
  max-width: 768px;
  display: inline-block;
  position: absolute;
  z-index: 10;
  left: 25%;
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: -webkit-transform .3s ease-in;
  transition: -webkit-transform .3s ease-in;
  -o-transition: -o-transform .3s ease-in;
  -moz-transition: transform .3s ease-in, -moz-transform .3s ease-in;
  transition: transform .3s ease-in;
  transition: transform .3s ease-in, -webkit-transform .3s ease-in, -moz-transform .3s ease-in, -o-transform .3s ease-in; }
  @media screen and (max-width: 64em) {
    .big-menu.fluid-solutions,
    .big-menu.company {
      left: 15%; } }
  @media screen and (max-width: 56.4375em) {
    .big-menu.fluid-solutions,
    .big-menu.company {
      left: 0; } }
  .big-menu.fluid-solutions.open,
  .big-menu.company.open {
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%); }
  .big-menu.fluid-solutions.open-fixed,
  .big-menu.company.open-fixed {
    -webkit-transform: translateY(4%);
       -moz-transform: translateY(4%);
        -ms-transform: translateY(4%);
         -o-transform: translateY(4%);
            transform: translateY(4%); }
  .big-menu.fluid-solutions > ul,
  .big-menu.company > ul {
    list-style: none;
    font-size: 0.1px;
    text-align: justify;
    background: #fff;
    padding-bottom: 18px;
    padding-top: 2px; }
    .big-menu.fluid-solutions > ul:after,
    .big-menu.company > ul:after {
      content: '';
      display: inline-block;
      width: 100%; }
    .big-menu.fluid-solutions > ul > li,
    .big-menu.company > ul > li {
      display: inline-block;
      font-size: 1rem; }
    .big-menu.fluid-solutions > ul .submenu,
    .big-menu.company > ul .submenu {
      font-size: 1.75rem;
      font-style: normal;
      font-weight: normal;
      font-family: "Scout Light";
      line-height: 1;
      color: #72808A;
      -webkit-transition: all .5s ease-in;
      -o-transition: all .5s ease-in;
      -moz-transition: all .5s ease-in;
      transition: all .5s ease-in;
      cursor: pointer;
      width: 33%;
      text-align: center;
      position: relative; }
      .big-menu.fluid-solutions > ul .submenu.open,
      .big-menu.company > ul .submenu.open {
        color: #000000;
        font-style: normal;
        font-weight: normal;
        font-family: Scout; }
        .big-menu.fluid-solutions > ul .submenu.open:after,
        .big-menu.company > ul .submenu.open:after {
          content: '';
          width: 20px;
          height: 10px;
          border-bottom: 10px solid #72808A;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          display: inline-block;
          position: absolute;
          top: 38px;
          left: 50%; }
      .big-menu.fluid-solutions > ul .submenu:hover,
      .big-menu.company > ul .submenu:hover {
        color: #000000; }
      .big-menu.fluid-solutions > ul .submenu:before,
      .big-menu.company > ul .submenu:before {
        content: '';
        font-size: 30px;
        font-family: "er-icons";
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;
        display: inline-block;
        margin-right: 9px;
        vertical-align: bottom; }
      .big-menu.fluid-solutions > ul .submenu.oil-gas:before,
      .big-menu.company > ul .submenu.oil-gas:before {
        content: '\4f';
        color: #72808A; }
      .big-menu.fluid-solutions > ul .submenu.water:before,
      .big-menu.company > ul .submenu.water:before {
        content: '\57';
        color: #4EC1E0; }
      .big-menu.fluid-solutions > ul .submenu.chemicals:before,
      .big-menu.company > ul .submenu.chemicals:before {
        content: '\53';
        color: #A4CF5F; }
  .big-menu.fluid-solutions .menucontent,
  .big-menu.company .menucontent {
    -webkit-border-bottom-right-radius: 10px;
       -moz-border-radius-bottomright: 10px;
            border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
       -moz-border-radius-bottomleft: 10px;
            border-bottom-left-radius: 10px;
    overflow: hidden;
    background: #72808A;
    width: 100%;
    -webkit-transform: translateY(-130%);
       -moz-transform: translateY(-130%);
        -ms-transform: translateY(-130%);
         -o-transform: translateY(-130%);
            transform: translateY(-130%);
    opacity: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    position: absolute;
    top: 50px;
    z-index: -1;
    border-top: 1px solid #72808A; }
    .big-menu.fluid-solutions .menucontent ul,
    .big-menu.company .menucontent ul {
      list-style: none; }
    .big-menu.fluid-solutions .menucontent.open,
    .big-menu.company .menucontent.open {
      -webkit-transform: translateY(0%);
         -moz-transform: translateY(0%);
          -ms-transform: translateY(0%);
           -o-transform: translateY(0%);
              transform: translateY(0%);
      opacity: 1; }
    .big-menu.fluid-solutions .menucontent .info-area,
    .big-menu.company .menucontent .info-area {
      width: 63%;
      background: #fff;
      display: table-cell;
      -webkit-border-top-right-radius: 40px;
         -moz-border-radius-topright: 40px;
              border-top-right-radius: 40px;
      padding: 20px 30px 35px 70px; }
      .big-menu.fluid-solutions .menucontent .info-area .intro-text,
      .big-menu.company .menucontent .info-area .intro-text {
        font-size: 1.75rem;
        font-style: normal;
        font-weight: normal;
        font-family: "Scout Light";
        line-height: 1.2; }
        .big-menu.fluid-solutions .menucontent .info-area .intro-text + a,
        .big-menu.company .menucontent .info-area .intro-text + a {
          display: block;
          font-style: normal;
          font-weight: normal;
          font-family: "Scout Light"; }
      .big-menu.fluid-solutions .menucontent .info-area .section-list-2.section-list-2,
      .big-menu.company .menucontent .info-area .section-list-2.section-list-2 {
        padding-top: 4.3125rem; }
      .big-menu.fluid-solutions .menucontent .info-area .section-links,
      .big-menu.company .menucontent .info-area .section-links {
        padding-right: 10px; }
      .big-menu.fluid-solutions .menucontent .info-area .section-links,
      .big-menu.fluid-solutions .menucontent .info-area .section-list-2,
      .big-menu.fluid-solutions .menucontent .info-area .section-products,
      .big-menu.company .menucontent .info-area .section-links,
      .big-menu.company .menucontent .info-area .section-list-2,
      .big-menu.company .menucontent .info-area .section-products {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        padding-top: 2.1875rem; }
        .big-menu.fluid-solutions .menucontent .info-area .section-links p,
        .big-menu.fluid-solutions .menucontent .info-area .section-list-2 p,
        .big-menu.fluid-solutions .menucontent .info-area .section-products p,
        .big-menu.company .menucontent .info-area .section-links p,
        .big-menu.company .menucontent .info-area .section-list-2 p,
        .big-menu.company .menucontent .info-area .section-products p {
          text-transform: uppercase;
          color: #72808A;
          font-size: 0.875rem;
          font-style: normal;
          font-weight: normal;
          font-family: Scout;
          font-weight: 700;
          padding-bottom: 15px; }
        .big-menu.fluid-solutions .menucontent .info-area .section-links li,
        .big-menu.fluid-solutions .menucontent .info-area .section-list-2 li,
        .big-menu.fluid-solutions .menucontent .info-area .section-products li,
        .big-menu.company .menucontent .info-area .section-links li,
        .big-menu.company .menucontent .info-area .section-list-2 li,
        .big-menu.company .menucontent .info-area .section-products li {
          line-height: 1.15;
          padding-bottom: 1.25rem; }
      .big-menu.fluid-solutions .menucontent .info-area a,
      .big-menu.company .menucontent .info-area a {
        text-decoration: none;
        color: #F4A404;
        font-size: 1.75rem;
        font-style: normal;
        font-weight: normal;
        font-family: "Scout Light";
        -webkit-transition: all .25s ease;
        -o-transition: all .25s ease;
        -moz-transition: all .25s ease;
        transition: all .25s ease; }
        .big-menu.fluid-solutions .menucontent .info-area a:hover,
        .big-menu.company .menucontent .info-area a:hover {
          color: #DD9401; }
        .big-menu.fluid-solutions .menucontent .info-area a:active,
        .big-menu.company .menucontent .info-area a:active {
          color: #000000; }
    .big-menu.fluid-solutions .menucontent .resources,
    .big-menu.company .menucontent .resources {
      display: table-cell;
      padding: 25px 40px; }
      .big-menu.fluid-solutions .menucontent .resources a,
      .big-menu.company .menucontent .resources a {
        text-decoration: none;
        color: #fff; }
      .big-menu.fluid-solutions .menucontent .resources .listing-items li,
      .big-menu.company .menucontent .resources .listing-items li {
        padding-bottom: 1.5625rem;
        font-style: normal;
        font-weight: normal;
        font-family: "Scout Light"; }
        .big-menu.fluid-solutions .menucontent .resources .listing-items li:before,
        .big-menu.company .menucontent .resources .listing-items li:before {
          color: #fff;
          padding-right: 1.4375rem;
          font-size: 1.5em;
          vertical-align: top; }
        .big-menu.fluid-solutions .menucontent .resources .listing-items li > ul,
        .big-menu.company .menucontent .resources .listing-items li > ul {
          width: 75%;
          display: inline-block; }

.big-menu.company .menucontent {
  top: 48px; }

.big-menu.company > ul .submenu.open:after {
  top: 39px; }

#menu-main .menu-item .sub-menu a {
  color: black;
  font-family: Scout;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1.65px;
  display: inline-block; }
  @media screen and (min-width: 48em) {
    #menu-main .menu-item .sub-menu a {
      display: block;
      width: 100%;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 30px;
      padding-right: 30px; } }
#menu-main .menu-item .sub-menu a:hover {
  color: #F4A404; }

#menu-main .menu-item .sub-menu .sub-menu {
  padding-left: 18px; }
  @media screen and (min-width: 48em) {
    #menu-main .menu-item .sub-menu .sub-menu {
      padding-bottom: 15px; } }
@media screen and (min-width: 48em) {
  #menu-main .menu-item .sub-menu .callout a {
    padding-top: 15px;
    color: white; } }

#menu-main .menu-item .sub-menu .callout a:hover {
  color: #F4A404; }

@media screen and (min-width: 48em) {
  #menu-main .menu-item .sub-menu .menu-item:not(.callout) + .callout a {
    padding-top: 30px; } }

@media screen and (min-width: 48em) {
  #menu-main .menu-item .sub-menu .callout:last-of-type a {
    padding-bottom: 30px; } }

@media screen and (min-width: 48em) {
  .sub-menu .callout.menu-item a {
    background: #7C878E; } }

@media screen and (min-width: 48em) {
  .sub-menu .menu-item:not(.callout) + .callout a {
    border-top: 3px solid black; } }

@media screen and (min-width: 48em) {
  #menu-main > .menu-item > .sub-menu > .menu-item:first-of-type a {
    padding-top: 28px; } }

#menu-main > .menu-item.menu-item-has-children > a:after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 13px;
  margin-left: 15px;
  background: url(../images/down-arrow-yellow.svg) no-repeat center center/12px; }
  @media screen and (min-width: 48em) {
    #menu-main > .menu-item.menu-item-has-children > a:after {
      display: none; } }
#menu-main > .menu-item.menu-item-has-children.activated > a:after {
  background: url(../images/up-arrow-yellow.svg) no-repeat center center/12px; }

#menu-main .mobile-nav {
  display: block;
  background: #7C878E; }
  @media screen and (min-width: 48em) {
    #menu-main .mobile-nav {
      display: none; } }
#menu-main .mobile-nav:last-of-type {
  padding-bottom: 18px; }

@media screen and (min-width: 48em) {
  #menu-main > .menu-item {
    padding-top: 11px;
    padding-bottom: 24px; } }

#menu-main .menu-item:not(.mobile-nav) + .mobile-nav {
  padding-top: 18px;
  border-top: 3px solid black; }

#menu-main .mobile-nav a {
  color: white; }

nav.main .sub-menu {
  list-style-type: none; }

nav.main > .menu-main-cont > .menu-item > .sub-menu.toggled {
  display: block;
  background: rgba(124, 135, 142, 0.2); }
  @media screen and (min-width: 48em) {
    nav.main > .menu-main-cont > .menu-item > .sub-menu.toggled {
      display: block;
      background: white; } }
nav.main > .menu-main-cont > .menu-item > .sub-menu {
  position: relative;
  list-style-type: none;
  display: none; }
  @media screen and (min-width: 48em) {
    nav.main > .menu-main-cont > .menu-item > .sub-menu {
      position: absolute;
      left: -10000px;
      top: 100%;
      display: block;
      border: 3px solid black;
      background: white;
      width: 350px; } }
@media screen and (min-width: 48em) {
  nav.main > .menu-main-cont > .menu-item:nth-of-type(4) > .sub-menu {
    right: 0; } }

nav.main > .menu-main-cont > .menu-item.selected > .sub-menu, nav.main > .menu-main-cont > .menu-item:hover > .sub-menu {
  left: auto; }

/* Sidebar
----------------------------------------*/
aside.main > ul {
  list-style: none; }

/* Footer
----------------------------------------*/
@media screen and (max-width: 48em) {
  body footer.main #menu-home {
    width: 100%;
    text-align: center; } }

footer.main {
  margin-top: 55px;
  background: #FAFAFA;
  padding-top: 50px;
  padding-bottom: 50px; }
  @media screen and (min-width: 48em) {
    footer.main {
      padding-top: 180px;
      padding-bottom: 100px; } }
  @media screen and (max-width: 48em) {
    footer.main {
      padding-top: 50px; }
      footer.main .wrapper {
        width: 100%;
        display: block;
        margin: 0; } }
  footer.main ul {
    list-style: none; }
  footer.main a {
    text-decoration: none; }
  footer.main #menu-fluid,
  footer.main #menu-products,
  footer.main #menu-support,
  footer.main #menu-company,
  footer.main #menu-home,
  footer.main #social {
    display: inline-block;
    vertical-align: top;
    width: 19%;
    line-height: 1;
    padding-bottom: 60px; }
    @media screen and (max-width: 79.125em) {
      footer.main #menu-fluid,
      footer.main #menu-products,
      footer.main #menu-support,
      footer.main #menu-company,
      footer.main #menu-home,
      footer.main #social {
        width: 24.5%; } }
    @media screen and (max-width: 48em) {
      footer.main #menu-fluid,
      footer.main #menu-products,
      footer.main #menu-support,
      footer.main #menu-company,
      footer.main #menu-home,
      footer.main #social {
        width: 49.5%;
        display: inline-block;
        padding: 20px 0; } }
    footer.main #menu-fluid > li.logo > a,
    footer.main #menu-products > li.logo > a,
    footer.main #menu-support > li.logo > a,
    footer.main #menu-company > li.logo > a,
    footer.main #menu-home > li.logo > a,
    footer.main #social > li.logo > a {
      text-indent: -10000px;
      background: url(../images/logo-black.png) no-repeat center center/100%;
      width: 138px;
      height: 22px; }
      @media screen and (min-width: 48em) {
        footer.main #menu-fluid > li.logo > a,
        footer.main #menu-products > li.logo > a,
        footer.main #menu-support > li.logo > a,
        footer.main #menu-company > li.logo > a,
        footer.main #menu-home > li.logo > a,
        footer.main #social > li.logo > a {
          width: 209px;
          height: 33px; } }
    footer.main #menu-fluid > li > a,
    footer.main #menu-products > li > a,
    footer.main #menu-support > li > a,
    footer.main #menu-company > li > a,
    footer.main #menu-home > li > a,
    footer.main #social > li > a {
      font-family: Scout;
      font-weight: normal;
      color: black;
      text-transform: uppercase;
      display: inline-block;
      background: -webkit-gradient(linear, right top, left top, from(#FFCD00), to(#FFCD00));
      background: -webkit-linear-gradient(right, #FFCD00, #FFCD00);
      background: -moz-linear-gradient(right, #FFCD00, #FFCD00);
      background: -o-linear-gradient(right, #FFCD00, #FFCD00);
      background: linear-gradient(to left, #FFCD00, #FFCD00);
      -webkit-background-size: 22px 2px;
         -moz-background-size: 22px 2px;
              background-size: 22px 2px;
      background-position: bottom left;
      background-repeat: no-repeat;
      padding-bottom: 9px; }
      @media screen and (min-width: 48em) {
        footer.main #menu-fluid > li > a,
        footer.main #menu-products > li > a,
        footer.main #menu-support > li > a,
        footer.main #menu-company > li > a,
        footer.main #menu-home > li > a,
        footer.main #social > li > a {
          font-size: 1.25rem;
          margin-bottom: 15px;
          padding-bottom: 9px; } }
    footer.main #menu-fluid > li .sub-menu,
    footer.main #menu-products > li .sub-menu,
    footer.main #menu-support > li .sub-menu,
    footer.main #menu-company > li .sub-menu,
    footer.main #menu-home > li .sub-menu,
    footer.main #social > li .sub-menu {
      padding-top: 20px; }
      @media screen and (min-width: 48em) {
        footer.main #menu-fluid > li .sub-menu,
        footer.main #menu-products > li .sub-menu,
        footer.main #menu-support > li .sub-menu,
        footer.main #menu-company > li .sub-menu,
        footer.main #menu-home > li .sub-menu,
        footer.main #social > li .sub-menu {
          padding-top: 25px; } }
      footer.main #menu-fluid > li .sub-menu > * + *,
      footer.main #menu-products > li .sub-menu > * + *,
      footer.main #menu-support > li .sub-menu > * + *,
      footer.main #menu-company > li .sub-menu > * + *,
      footer.main #menu-home > li .sub-menu > * + *,
      footer.main #social > li .sub-menu > * + * {
        padding-top: 8px; }
        @media screen and (min-width: 48em) {
          footer.main #menu-fluid > li .sub-menu > * + *,
          footer.main #menu-products > li .sub-menu > * + *,
          footer.main #menu-support > li .sub-menu > * + *,
          footer.main #menu-company > li .sub-menu > * + *,
          footer.main #menu-home > li .sub-menu > * + *,
          footer.main #social > li .sub-menu > * + * {
            padding-top: 22px; } }
      @media screen and (max-width: 48em) {
        footer.main #menu-fluid > li .sub-menu li,
        footer.main #menu-products > li .sub-menu li,
        footer.main #menu-support > li .sub-menu li,
        footer.main #menu-company > li .sub-menu li,
        footer.main #menu-home > li .sub-menu li,
        footer.main #social > li .sub-menu li {
          display: inline-block;
          width: 100%;
          vertical-align: middle; } }
      footer.main #menu-fluid > li .sub-menu a,
      footer.main #menu-products > li .sub-menu a,
      footer.main #menu-support > li .sub-menu a,
      footer.main #menu-company > li .sub-menu a,
      footer.main #menu-home > li .sub-menu a,
      footer.main #social > li .sub-menu a {
        font-family: Scout;
        color: #212721;
        text-transform: uppercase;
        font-size: 9.5px;
        letter-spacing: 0.64px;
        line-height: 14px; }
        @media screen and (min-width: 48em) {
          footer.main #menu-fluid > li .sub-menu a,
          footer.main #menu-products > li .sub-menu a,
          footer.main #menu-support > li .sub-menu a,
          footer.main #menu-company > li .sub-menu a,
          footer.main #menu-home > li .sub-menu a,
          footer.main #social > li .sub-menu a {
            font-size: 0.875rem;
            letter-spacing: 1px; } }
  footer.main #address {
    display: inline-block;
    width: 19%;
    line-height: 1.6; }
    @media screen and (max-width: 79.125em) {
      footer.main #address {
        width: 24.5%; } }
    @media screen and (max-width: 48em) {
      footer.main #address {
        width: 100%;
        display: block;
        padding: 0 8.5% 30px; } }
    footer.main #address > li {
      font-size: 0.875rem;
      font-style: normal;
      font-weight: normal;
      font-family: Scout;
      font-weight: 700;
      color: #72808A;
      text-transform: uppercase; }
      footer.main #address > li .sub-menu {
        padding-top: 15px; }
        footer.main #address > li .sub-menu .address {
          color: #000000;
          font-size: 1.125rem;
          font-style: normal;
          font-weight: normal;
          font-family: "Scout Light";
          text-transform: none; }
        footer.main #address > li .sub-menu .email {
          color: #000000; }
          footer.main #address > li .sub-menu .email:after {
            font-family: "SSGizmo";
            content: '\25BB';
            display: inline-block;
            padding-left: 5px;
            vertical-align: middle; }
  footer.main #social > li {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: normal;
    font-family: Scout;
    font-weight: 700;
    color: #72808A;
    text-transform: uppercase; }
    footer.main #social > li .sub-menu .menu-item {
      display: inline-block;
      width: 32%;
      vertical-align: top;
      padding-top: 0; }
  @media screen and (max-width: 79.125em) {
    footer.main #social {
      margin-top: 15px;
      background-color: #FCB525;
      width: 100%;
      display: block;
      padding: 40px 8.5%; }
      footer.main #social > li {
        color: #fff;
        font-size: 1.875rem; }
        footer.main #social > li .sub-menu {
          padding-top: 50px;
          text-align: justify;
          font-size: 0.1px; }
          footer.main #social > li .sub-menu:after {
            content: '';
            width: 100%;
            display: inline-block; }
          footer.main #social > li .sub-menu a {
            color: #fff;
            -webkit-transition: color .25s ease;
            -o-transition: color .25s ease;
            -moz-transition: color .25s ease;
            transition: color .25s ease; } }
        @media screen and (max-width: 79.125em) and (max-width: 79.125em) {
          footer.main #social > li .sub-menu a {
            font-size: 5rem;
            display: block;
            vertical-align: bottom;
            line-height: 0; }
            footer.main #social > li .sub-menu a i {
              display: inline-block;
              line-height: 1; }
              footer.main #social > li .sub-menu a i:before {
                display: inline-block;
                line-height: 1; }
              footer.main #social > li .sub-menu a i.ss-youtube {
                height: 60px; }
                footer.main #social > li .sub-menu a i.ss-youtube:before {
                  height: 60px; } }
        @media screen and (max-width: 79.125em) and (max-width: 31.25em) {
          footer.main #social > li .sub-menu a {
            font-size: 3.75rem; } }
  @media screen and (max-width: 79.125em) {
            footer.main #social > li .sub-menu a:hover {
              color: #000000; }
            footer.main #social > li .sub-menu a:active {
              color: #000000; } }
      @media screen and (max-width: 79.125em) and (max-width: 79.125em) {
        footer.main #social > li .sub-menu li {
          display: inline-block;
          vertical-align: middle; } }
footer.map-area h1 strong {
  font-weight: bold; }

footer.map-area .featured-locations .right-side {
  background: #FFFFFF;
  -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 0 0 17px 17px;
     -moz-border-radius: 0 0 17px 17px;
          border-radius: 0 0 17px 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

footer.map-area .featured-locations li {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

footer.map-area .featured-locations {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

footer.map-area .featured-locations .buttons-primary {
  margin-top: 20px;
  margin-bottom: 30px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  width: 100%; }
  @media screen and (min-width: 48em) {
    footer.map-area .featured-locations .buttons-primary {
      padding-left: 2.25rem;
      padding-right: 2.25rem; } }
footer.map-area h1 {
  color: white;
  font-family: Scout;
  font-weight: normal;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 20px;
  line-height: 24px;
  bottom: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  text-transform: uppercase; }
  @media screen and (min-width: 48em) {
    footer.map-area h1 {
      top: 55px;
      left: 50%;
      -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
           -o-transform: translateX(-50%);
              transform: translateX(-50%);
      font-size: 30px;
      line-height: 30px;
      letter-spacing: 2px; } }
footer.map-area h5 {
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #72808A;
  width: 100%; }

footer.map-area .map {
  position: relative; }
  footer.map-area .map img {
    display: block;
    position: relative;
    width: 100%; }
  footer.map-area .map > div {
    display: inline-block;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    font-size: 3.3125rem;
    padding: 0 1px 2px;
    position: absolute; }
    footer.map-area .map > div.oil-gas-feature {
      background-color: #72808A;
      top: 32%;
      right: 36%; }
    footer.map-area .map > div.water-feature {
      background-color: #4EC1E0;
      top: 44%;
      left: 33.5%; }
    footer.map-area .map > div.chemical-feature {
      background-color: #A4CF5F;
      bottom: 19%;
      right: 26%; }
    footer.map-area .map > div:before {
      color: #fff; }

footer.map-area .footer-projects {
  max-width: 1025px;
  display: block;
  margin: 0 auto; }

footer.map-area .featured-locations {
  font-size: 0.1px;
  margin: 0 auto; }
  footer.map-area .featured-locations:after {
    content: '';
    width: 100%;
    display: inline-block; }
  footer.map-area .featured-locations li {
    width: 100%;
    text-align: left;
    padding: 10px 0;
    margin-bottom: 22px; }
    @media screen and (min-width: 48em) {
      footer.map-area .featured-locations li {
        width: 33%;
        padding: 10px 1.25rem; } }
    footer.map-area .featured-locations li .right-side h5 {
      color: white;
      font-weight: normal;
      text-align: center;
      text-transform: uppercase;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 15px;
      padding-bottom: 15px;
      font-family: Scout;
      background: #212721;
      letter-spacing: 0.88px;
      font-size: 16px;
      line-height: 16px; }
      footer.map-area .featured-locations li .right-side h5 strong {
        font-weight: 800; }
    footer.map-area .featured-locations li .right-side a {
      display: block;
      text-align: center; }
    footer.map-area .featured-locations li .right-side .link {
      padding-top: 5px; }
    footer.map-area .featured-locations li .right-side .title {
      text-decoration: none;
      font-family: 'Nunito';
      color: #333E44;
      text-align: center;
      font-size: 15px;
      line-height: 20px;
      font-weight: normal;
      margin-top: 26px;
      width: 100%;
      padding-left: 2.25rem;
      padding-right: 2.25rem; }
    footer.map-area .featured-locations li .right-side .subtitle {
      font-size: 1.3125rem;
      font-style: normal;
      font-weight: normal;
      font-family: "Scout Light"; }

.copyright {
  text-align: center;
  color: #72808A;
  padding: 44px 0 70px; }
  .copyright a {
    color: #72808A;
    text-decoration: none; }

/* ------------------------------------ *\
   Helper classes
\* ------------------------------------ */
.alignleft {
  display: inline;
  float: left;
  margin-right: 24px; }

.alignright {
  display: inline;
  float: right;
  margin-left: 24px; }

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto; }

.flex-image {
  width: auto;
  height: auto;
  max-width: 100%; }

img[src*=svg] {
  width: 100%\9; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    img[src*=svg] {
      width: 100%; } }
.flex-container {
  overflow: hidden; }

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }
  .ir:before {
    content: '';
    display: block;
    width: 0;
    height: 150%; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.invisible {
  visibility: hidden; }

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

/* ------------------------------------ *\
   Print styles
\* ------------------------------------ */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important; }
  header.main,
  aside.main,
  footer.main {
    display: none !important; }
  a {
    text-decoration: underline; }
    a:visited {
      text-decoration: underline; }
    a[href]:after {
      content: " (" attr(href) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
      content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

.wrapper.home-header .buttons-primary {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 20px; }
  @media screen and (min-width: 48em) {
    .wrapper.home-header .buttons-primary {
      margin-top: 35px; } }
.wrapper.home-header h1 {
  font-family: "Scout Light";
  font-weight: 300;
  color: black;
  font-size: 31px;
  line-height: 29px; }
  @media screen and (min-width: 48em) {
    .wrapper.home-header h1 {
      font-size: 48px;
      line-height: 44px; } }
.wrapper.home-header {
  font-family: "Nunito";
  font-weight: normal;
  color: #626D74;
  font-size: 16px;
  line-height: 20px;
  padding-top: 40px;
  width: 90%;
  margin: 0 5%;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (min-width: 48em) {
    .wrapper.home-header {
      font-size: 20px;
      line-height: 28px;
      padding-top: 50px;
      padding-bottom: 95px; } }
.wrapper.home-header h1 b {
  font-family: Scout;
  font-weight: 400; }

@media screen and (min-width: 48em) {
  .wrapper.home-header .cont-col {
    padding-left: 5%; } }

.home footer {
  margin-top: 0; }

@media screen and (max-width: 48em) {
  .home section.main .wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0; } }

.io-home-slider-container .button {
  margin-top: 36px; }

.io-home-slider-container {
  margin-right: 49px;
  margin-bottom: 80px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  line-height: 0; }
  @media screen and (max-width: 48em) {
    .io-home-slider-container {
      margin: 0;
      -webkit-border-radius: 0;
         -moz-border-radius: 0;
              border-radius: 0; } }
  .io-home-slider-container .slide {
    color: #000;
    line-height: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .io-home-slider-container .slide .slide-image {
      width: 55.7%;
      padding-right: 3.5%; }
      .io-home-slider-container .slide .slide-image img {
        width: 100%;
        height: auto; }
    .io-home-slider-container .slide .slide-text {
      width: 44.3%;
      padding-bottom: 65px;
      font-style: normal;
      font-weight: normal;
      font-family: "Scout Light";
      font-size: 1.75rem;
      line-height: 1.2; }
      @media screen and (max-width: 40em) {
        .io-home-slider-container .slide .slide-text {
          padding-bottom: 1.5625rem; } }
      .io-home-slider-container .slide .slide-text .slide-title {
        font-size: 2.75rem;
        line-height: 2.5rem;
        padding: 35px 0 20px;
        font-family: "Scout Light"; }
        @media screen and (max-width: 45.25em) {
          .io-home-slider-container .slide .slide-text .slide-title {
            padding: 0; } }
        @media screen and (max-width: 40em) {
          .io-home-slider-container .slide .slide-text .slide-title {
            font-size: 3.125rem;
            line-height: 48px; } }
      .io-home-slider-container .slide .slide-text .slide-title {
        width: 100%;
        display: block;
        margin: 0 auto; }
      .io-home-slider-container .slide .slide-text .slide-message {
        width: 75%;
        display: block;
        margin: 0;
        font-family: 'Nunito';
        font-weight: normal;
        font-size: 1.125rem;
        line-height: 1.5rem; }
        .io-home-slider-container .slide .slide-text .slide-message p {
          color: #626D74; }
          @media screen and (max-width: 45.25em) {
            .io-home-slider-container .slide .slide-text .slide-message p {
              display: none; } }
      .io-home-slider-container .slide .slide-text a {
        text-decoration: none;
        -webkit-transition: all .25s ease;
        -o-transition: all .25s ease;
        -moz-transition: all .25s ease;
        transition: all .25s ease; }
        .io-home-slider-container .slide .slide-text a:active {
          color: #000000; }
  .io-home-slider-container .bx-pager {
    bottom: 0;
    left: 50%;
    padding: 25px 0 10px; }
    .io-home-slider-container .bx-pager .bx-pager-item {
      display: inline-block;
      float: left;
      margin-right: 7px; }
      .io-home-slider-container .bx-pager .bx-pager-item a {
        display: inline-block;
        text-indent: -9999px;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;
        background: #72808A;
        -webkit-transition: all .25s ease;
        -o-transition: all .25s ease;
        -moz-transition: all .25s ease;
        transition: all .25s ease; }
        .io-home-slider-container .bx-pager .bx-pager-item a.active {
          background: #F4A404; }
        .io-home-slider-container .bx-pager .bx-pager-item a:hover {
          background: #fff; }
        .io-home-slider-container .bx-pager .bx-pager-item a:active {
          background: #000000; }
  .io-home-slider-container .bx-controls-direction {
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    font-style: normal;
    font-weight: normal;
    font-family: "Scout Light";
    font-size: 4.6875rem; }
    @media screen and (max-width: 40em) {
      .io-home-slider-container .bx-controls-direction {
        font-size: 3.125rem; } }
    .io-home-slider-container .bx-controls-direction a {
      color: #F4A404;
      text-decoration: none;
      position: absolute;
      -webkit-transition: all .25s ease;
      -o-transition: all .25s ease;
      -moz-transition: all .25s ease;
      transition: all .25s ease; }
      .io-home-slider-container .bx-controls-direction a:hover {
        color: #fff; }
      .io-home-slider-container .bx-controls-direction a:active {
        color: #000000; }
      .io-home-slider-container .bx-controls-direction a.bx-prev {
        left: 0; }
      .io-home-slider-container .bx-controls-direction a.bx-next {
        right: 0; }

.io-home-slider-container {
  padding-top: 80px; }

.io-home-slider-container,
.bx-wrapper,
.bx-viewport,
.slide {
  max-height: 736px;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto; }

.investors-news-wrapper {
  background: #FFBB12;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  background-position: center center;
  padding-top: 52px;
  padding-bottom: 63px;
  border-bottom: 5px solid #FFBB12; }

.investors-news-wrapper .io-news-container {
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto; }

.news-title {
  font-family: Scout;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 22px;
  color: #FFFFFF;
  letter-spacing: 0.69px;
  text-align: center;
  margin-bottom: 30px; }
  .news-title a {
    color: white; }

.io-news-wrapper .news-item {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 2rem; }
  @media screen and (min-width: 48em) {
    .io-news-wrapper .news-item {
      margin-bottom: 0; } }
.news-item .month {
  color: white;
  text-transform: uppercase;
  font-family: Scout;
  text-align: center;
  font-size: 14px;
  line-height: 13px;
  letter-spacing: 1.04px;
  width: 100%; }

.news-item .date-number {
  color: white;
  text-transform: uppercase;
  font-family: Scout;
  font-size: 28px;
  line-height: 26px;
  text-align: center;
  width: 100%; }

.news-item .year {
  color: #7D8990;
  width: 100%;
  text-align: center;
  font-family: Scout;
  line-height: 12px;
  font-size: 12px; }

.news-item .slide-text .date {
  background: black;
  width: 52px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 15px;
  padding-bottom: 15px; }

.news-item .slide-text .event-info {
  width: -webkit-calc(100% - 52px);
  width: -moz-calc(100% - 52px);
  width: calc(100% - 52px);
  padding-left: 15px;
  padding-right: 30px; }

.news-item .event-title {
  font-family: Scout;
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  line-height: 20px;
  padding-top: 20px; }

.news-item .link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-indent: -10000px;
  background: url(../images/black-arrow-right-v2.svg) no-repeat -webkit-calc(100% - 11px) center/9px;
  background: url(../images/black-arrow-right-v2.svg) no-repeat -moz-calc(100% - 11px) center/9px;
  background: url(../images/black-arrow-right-v2.svg) no-repeat calc(100% - 11px) center/9px; }

.io-news-wrapper {
  list-style-type: none; }

.io-news-wrapper .slide-text {
  background: #FFFFFF;
  -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
  -webkit-border-top-right-radius: 11px;
     -moz-border-radius-topright: 11px;
          border-top-right-radius: 11px;
  -webkit-border-bottom-right-radius: 11px;
     -moz-border-radius-bottomright: 11px;
          border-bottom-right-radius: 11px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative; }

.taxonomy-list {
  list-style-type: none;
  margin-bottom: 8px; }

.taxonomy-list li {
  display: inline-block;
  color: white;
  font-size: 15px;
  letter-spacing: 1.08px;
  font-weight: bold;
  text-transform: uppercase; }

.investors-news-slider {
  max-height: 324px;
  overflow: hidden;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 63.125em) {
    .investors-news-slider {
      background-image: none !important;
      max-height: 100%; } }
  .investors-news-slider:before {
    content: '';
    display: block;
    height: 324px;
    background: rgba(0, 0, 0, 0.5); }
    @media screen and (max-width: 63.125em) {
      .investors-news-slider:before {
        display: none; } }
  .investors-news-slider .investors {
    background: #FCB525;
    width: 100%;
    max-width: 472px;
    height: 100%;
    padding: 65px 45px 75px 100px;
    display: inline-block;
    font-size: 1.3125rem;
    font-style: normal;
    font-weight: normal;
    font-family: "Scout Light";
    -webkit-border-bottom-right-radius: 40px;
       -moz-border-radius-bottomright: 40px;
            border-bottom-right-radius: 40px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9; }
    @media screen and (max-width: 63.125em) {
      .investors-news-slider .investors {
        display: block;
        width: 100%;
        position: relative;
        max-width: 100%;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        padding: 25px 40px; } }
    .investors-news-slider .investors h3 {
      font-size: 2.25rem;
      font-style: normal;
      font-weight: normal;
      font-family: "Scout Light";
      line-height: 1.1; }
      @media screen and (max-width: 48em) {
        .investors-news-slider .investors h3 {
          font-size: 3rem; } }
    @media screen and (max-width: 48em) {
      .investors-news-slider .investors p {
        line-height: 1.2;
        padding: 15px 0; } }
    .investors-news-slider .investors .link:hover {
      color: #fff !important; }
    .investors-news-slider .investors .link:active {
      color: #000000; }
  .investors-news-slider .io-news-slider-container {
    display: inline-block;
    width: 50%;
    position: absolute;
    top: 0;
    right: 8%;
    padding-top: 65px;
    color: #fff;
    font-size: 1.3125rem; }
    @media screen and (max-width: 68.75em) {
      .investors-news-slider .io-news-slider-container {
        right: 0;
        width: 55%; } }
    @media screen and (max-width: 63.125em) {
      .investors-news-slider .io-news-slider-container {
        display: block;
        width: 100%;
        position: relative;
        color: #000000;
        padding-bottom: 140px;
        padding-top: 45px; } }
    .investors-news-slider .io-news-slider-container h3 {
      font-size: 2.25rem;
      font-style: normal;
      font-weight: normal;
      font-family: "Scout Light";
      padding-left: 66px;
      padding-bottom: 10px; }
      .investors-news-slider .io-news-slider-container h3 a {
        color: #fff; }
      @media screen and (max-width: 63.125em) {
        .investors-news-slider .io-news-slider-container h3 {
          font-size: 3rem;
          padding-bottom: 3.4375rem; } }
    .investors-news-slider .io-news-slider-container .slide .slide-text {
      padding-left: 11%; }
      .investors-news-slider .io-news-slider-container .slide .slide-text .date,
      .investors-news-slider .io-news-slider-container .slide .slide-text .event-info {
        display: inline-block;
        vertical-align: top; }
      .investors-news-slider .io-news-slider-container .slide .slide-text .date {
        text-align: center; }
        @media screen and (max-width: 63.125em) {
          .investors-news-slider .io-news-slider-container .slide .slide-text .date {
            display: none; } }
        .investors-news-slider .io-news-slider-container .slide .slide-text .date .month {
          font-size: 0.8125rem;
          text-transform: uppercase; }
        .investors-news-slider .io-news-slider-container .slide .slide-text .date .date {
          font-size: 1.5625rem; }
        .investors-news-slider .io-news-slider-container .slide .slide-text .date .year {
          font-size: 0.875rem; }
      .investors-news-slider .io-news-slider-container .slide .slide-text .event-info {
        width: 80%;
        padding-left: 48px;
        line-height: 1.2; }
        .investors-news-slider .io-news-slider-container .slide .slide-text .event-info a {
          display: inline-block;
          padding-left: 5px; }
          @media screen and (max-width: 63.125em) {
            .investors-news-slider .io-news-slider-container .slide .slide-text .event-info a {
              font-size: 1.875rem;
              font-style: normal;
              font-weight: normal;
              font-family: "Scout Light";
              display: block;
              text-transform: none; }
              .investors-news-slider .io-news-slider-container .slide .slide-text .event-info a:after {
                font-size: 1.875rem;
                vertical-align: text-bottom; } }
        @media screen and (max-width: 63.125em) {
          .investors-news-slider .io-news-slider-container .slide .slide-text .event-info {
            font-size: 1.875rem;
            font-style: normal;
            font-weight: normal;
            font-family: "Scout Light"; } }
    .investors-news-slider .io-news-slider-container .bx-pager {
      left: 50%;
      padding-top: 5px; }
      @media screen and (max-width: 63.125em) {
        .investors-news-slider .io-news-slider-container .bx-pager {
          padding-top: 90px; } }
    .investors-news-slider .io-news-slider-container .bx-controls-direction {
      font-size: 4.6875rem;
      top: 50%; }
      .investors-news-slider .io-news-slider-container .bx-controls-direction a:hover {
        color: #fff; }
      .investors-news-slider .io-news-slider-container .bx-controls-direction a:active {
        color: #000000; }
      @media screen and (max-width: 63.125em) {
        .investors-news-slider .io-news-slider-container .bx-controls-direction a {
          color: #AEB1B3; }
          .investors-news-slider .io-news-slider-container .bx-controls-direction a:hover {
            color: #000000; }
          .investors-news-slider .io-news-slider-container .bx-controls-direction a:active {
            color: #000000; } }
      .investors-news-slider .io-news-slider-container .bx-controls-direction .bx-prev {
        left: 0; }
      .investors-news-slider .io-news-slider-container .bx-controls-direction .bx-next {
        right: 0; }
    .investors-news-slider .io-news-slider-container .link {
      color: #F4A404; }
      .investors-news-slider .io-news-slider-container .link:hover {
        color: #fff; }
      .investors-news-slider .io-news-slider-container .link:active {
        color: #000000; }

/* Landing Pages */
.page-template-page-campaign .hero-header .hero-image, .page-template-page-landing-php .hero-header .hero-image, .page-template-page-support-php .hero-header .hero-image {
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  height: 250px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  background-position: bottom center;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover; }
  @media screen and (min-width: 48em) {
    .page-template-page-campaign .hero-header .hero-image, .page-template-page-landing-php .hero-header .hero-image, .page-template-page-support-php .hero-header .hero-image {
      height: 500px;
      background-position: bottom left; } }
.page-template-page-landing-php .hero-header, .page-template-page-campaign .hero-header, .page-template-page-campaign .hero-header {
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  display: block; }

.page-template-page-landing-php .hero-header h1, .page-template-page-support-php .hero-header h1, .page-template-page-campaign .hero-header h1 {
  font-family: "Scout Light";
  color: #FFFFFF;
  letter-spacing: 0;
  font-size: 45px;
  line-height: 48px;
  font-weight: normal; }
  @media screen and (min-width: 48em) {
    .page-template-page-landing-php .hero-header h1, .page-template-page-support-php .hero-header h1, .page-template-page-campaign .hero-header h1 {
      font-size: 64px;
      line-height: 87px; } }
.page-template-page-landing-php .hero-header .hero-image:before, .page-template-page-support-php .hero-header .hero-image:before, .page-template-page-campaign .hero-header .hero-image:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(84%, rgba(0, 0, 0, 0.41)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.41) 84%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.41) 84%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.41) 84%);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.41) 84%); }

.page-template-page-landing-php .hero-header .wrapper, .page-template-page-support-php .hero-header .wrapper, .page-template-page-campaign .hero-header .wrapper {
  position: relative; }

.page .site-content .the-content h1, .single .site-content h1 {
  font-family: Scout;
  font-size: 40px;
  line-height: 40px;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0;
  width: 100%; }
  @media screen and (max-width: 45.25em) {
    .page .site-content .the-content h1, .single .site-content h1 {
      font-size: 26.4px;
      line-height: 26.4px;
      width: 100%;
      margin-left: 0; } }
.page .site-content .the-content h1 {
  margin-left: -5.5rem;
  width: -webkit-calc(100% + 11rem);
  width: -moz-calc(100% + 11rem);
  width: calc(100% + 11rem); }
  @media screen and (max-width: 45.25em) {
    .page .site-content .the-content h1 {
      margin-left: 0;
      width: 100%; } }
.page .site-content .the-content blockquote, .single .site-content .the-content blockquote {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
  width: -webkit-calc(100% + 11rem);
  width: -moz-calc(100% + 11rem);
  width: calc(100% + 11rem); }
  @media screen and (max-width: 45.25em) {
    .page .site-content .the-content blockquote, .single .site-content .the-content blockquote {
      width: 100%;
      margin-top: 2rem;
      margin-bottom: 2rem; } }
.page .site-content .the-content blockquote {
  margin-left: -5.5rem; }
  @media screen and (max-width: 45.25em) {
    .page .site-content .the-content blockquote {
      margin-left: 0; } }
.page .site-content .the-content blockquote p, .single .site-content .the-content blockquote p {
  font-family: Scout;
  font-size: 38px;
  line-height: 42px;
  color: #000000;
  font-weight: 300; }
  @media screen and (max-width: 45.25em) {
    .page .site-content .the-content blockquote p, .single .site-content .the-content blockquote p {
      font-size: 25px;
      line-height: 27px; } }
.page .site-content .the-content h2, .single .site-content .the-content h2 {
  font-family: Scout;
  font-size: 32px;
  font-weight: normal;
  line-height: 32px;
  color: #000000;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem; }
  @media screen and (max-width: 45.25em) {
    .page .site-content .the-content h2, .single .site-content .the-content h2 {
      font-size: 17.8px;
      line-height: 17.8px;
      margin-top: 1.25rem;
      margin-bottom: 1.25rem; } }
.page .site-content .the-content h3, .single .site-content .the-content h3 {
  font-family: Scout;
  font-size: 22px;
  color: #000000;
  letter-spacing: 0.75px;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
  font-weight: normal; }
  @media screen and (max-width: 45.25em) {
    .page .site-content .the-content h3, .single .site-content .the-content h3 {
      font-size: 14.5px;
      line-height: 15px;
      letter-spacing: 0.5px; } }
.single .site-content .the-content table {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.single .site-content .the-content table td {
  padding: 5px;
  border: 1px dotted #626D74; }

.page .site-content .the-content p, .page .site-content .the-content li, .single .site-content .the-content p, .single .site-content .the-content table {
  color: #626D74;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: .5rem;
  font-family: 'Nunito'; }
  @media screen and (max-width: 45.25em) {
    .page .site-content .the-content p, .page .site-content .the-content li, .single .site-content .the-content p, .single .site-content .the-content table {
      font-size: 16px;
      line-height: 20px; } }
.page .site-content .the-content li {
  list-style-type: none;
  position: relative; }

.page .site-content .the-content li:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #FFB81C;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  position: absolute;
  top: .5rem;
  left: -1.25rem; }

.page .site-content .the-content p {
  margin-bottom: 1.25rem; }

.page .site-content .the-content ul, .page .site-content .the-content ol, .page .site-content .the-content dl {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem; }
  @media screen and (max-width: 45.25em) {
    .page .site-content .the-content ul, .page .site-content .the-content ol, .page .site-content .the-content dl {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem; } }
.page .site-content .the-content ul, .page .site-content .the-content ol, .page .site-content .the-content dl {
  padding-left: 2.125rem; }

.listing-details .buttons-primary {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 35px; }
  @media screen and (max-width: 45.25em) {
    .listing-details .buttons-primary {
      margin-top: 25px; } }
.page-template-page-support-php .hero-header {
  padding-left: 0;
  padding-right: 0; }

.page-template-page-landing-php .hero-header .intro-text, .page-template-page-support-php .hero-header .intro-text {
  -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
  -webkit-border-bottom-right-radius: 40px;
     -moz-border-radius-bottomright: 40px;
          border-bottom-right-radius: 40px; }

.page-template-page-landing-php .hero-header, .page-template-page-support-php .hero-header, .page-template-page-campaign .hero-header {
  overflow: visible;
  padding-left: 0;
  padding-right: 0; }

.page-template-page-landing-php .hero-header .intro-text .hero-text, .page-template-page-campaign .hero-header .intro-text {
  background: #FFB81C; }

.page-template-page-landing-php .page-water .hero-header .intro-text .hero-text {
  background: #4EC1E0; }

.page-template-page-landing-php .hero-header .intro-text .hero-text, .page-template-page-support-php .hero-header .intro-text .hero-text, .page-template-page-campaign .hero-header .intro-text {
  -webkit-border-bottom-right-radius: 40px;
     -moz-border-radius-bottomright: 40px;
          border-bottom-right-radius: 40px;
  padding-top: 30px;
  padding-bottom: 30px; }

.page-template-page-landing-php .page-oil-gas .intro-text .hero-text {
  background: #7C878E; }

.page-template-page-landing-php .page-our-technology .intro-text .hero-text, .page-template-page-landing-php .page-careers .intro-text .hero-text {
  background: #000000; }

.page-template-page-landing-php .site-content, .page-template-page-support-php .site-content, .page-template-page-campaign .site-content {
  width: 100%;
  max-width: 1150px;
  display: inline-block; }

.page-template-page-landing-php .the-content {
  padding-left: 5.5rem;
  margin-bottom: 5.5rem; }
  @media screen and (max-width: 45.25em) {
    .page-template-page-landing-php .the-content {
      padding-left: 0;
      margin-bottom: 2.5rem; } }
.page-template-page-landing-php .site-content article > h4 {
  text-transform: uppercase;
  color: #72808A;
  font-size: 0.875rem; }

.page-template-page-landing-php .site-content .solutions-listing {
  list-style: none;
  display: inline-block;
  width: 100%; }
  .page-template-page-landing-php .site-content .solutions-listing li {
    padding: 25px 0;
    line-height: 1; }
    .page-template-page-landing-php .site-content .solutions-listing li .listing-image {
      display: inline-block;
      width: 30%;
      margin-right: 30px;
      line-height: 0; }
      @media screen and (max-width: 48em) {
        .page-template-page-landing-php .site-content .solutions-listing li .listing-image {
          width: 100%;
          max-width: 100%; } }
    .page-template-page-landing-php .site-content .solutions-listing li .listing-details {
      display: inline-block;
      vertical-align: top;
      width: 65%; }
      @media screen and (max-width: 48em) {
        .page-template-page-landing-php .site-content .solutions-listing li .listing-details {
          width: 100%; } }
      .page-template-page-landing-php .site-content .solutions-listing li .listing-details h3 {
        margin-top: 1.25rem;
        margin-bottom: 0.5rem;
        font-family: Scout;
        font-weight: 300;
        line-height: 38px;
        font-size: 1.875rem; }
        @media screen and (max-width: 45.25em) {
          .page-template-page-landing-php .site-content .solutions-listing li .listing-details h3 {
            font-size: 1.48125rem;
            line-height: 25px; } }
      .page-template-page-landing-php .site-content .solutions-listing li .listing-details a {
        color: #000000;
        text-decoration: none; }
      .page-template-page-landing-php .site-content .solutions-listing li .listing-details .listing-description {
        font-family: 'Nunito';
        font-weight: 400;
        font-size: 1.125rem;
        line-height: 24px;
        color: #626D74; }
        @media screen and (max-width: 45.25em) {
          .page-template-page-landing-php .site-content .solutions-listing li .listing-details .listing-description {
            font-size: 0.7375rem;
            line-height: 15.84px; } }
        .page-template-page-landing-php .site-content .solutions-listing li .listing-details .listing-description + a {
          text-transform: uppercase;
          font-size: 0.875rem;
          font-style: normal;
          font-weight: normal;
          font-family: Scout;
          font-weight: 700;
          -webkit-transition: all .25s ease;
          -o-transition: all .25s ease;
          -moz-transition: all .25s ease;
          transition: all .25s ease; }
          .page-template-page-landing-php .site-content .solutions-listing li .listing-details .listing-description + a:hover {
            color: #F4A404; }
          .page-template-page-landing-php .site-content .solutions-listing li .listing-details .listing-description + a:active {
            color: #000000; }

@media screen and (max-width: 45.25em) {
  .page-template-page-support-php .hero-header .hero-text p {
    padding-left: 0; } }

.hero-header .intro-text .page-oil-gas .hero-header .hero-text {
  background-color: #72808A; }

.page-chemicals .hero-header .hero-text {
  background-color: #A4CF5F; }

.page-oil-gas .hero-header .hero-text p:before {
  background: url(../images/oil-icon.svg) no-repeat center center/34px; }
  @media screen and (max-width: 45.25em) {
    .page-oil-gas .hero-header .hero-text p:before {
      -webkit-background-size: 29px 29px;
         -moz-background-size: 29px;
              background-size: 29px; } }
.page-water .hero-header .hero-text {
  background-color: #4EC1E0; }
  .page-water .hero-header .hero-text p:before {
    background: url(../images/water-icon.svg) no-repeat center center/34px; }
    @media screen and (max-width: 45.25em) {
      .page-water .hero-header .hero-text p:before {
        -webkit-background-size: 29px 29px;
           -moz-background-size: 29px;
                background-size: 29px; } }
.hero-header .hero-text p {
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 30px;
  max-width: 100%;
  font-family: Scout;
  padding-left: 5.5rem;
  margin-left: -5.5rem;
  position: relative; }
  @media screen and (max-width: 45.25em) {
    .hero-header .hero-text p {
      margin-left: 0;
      font-size: 1.15rem;
      line-height: 19.8px;
      padding-left: 3.5rem; } }
  .hero-header .hero-text p:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px; }
    @media screen and (max-width: 45.25em) {
      .hero-header .hero-text p:before {
        top: 0;
        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
        width: 30px;
        height: 30px; } }
aside {
  width: 24%;
  max-width: 260px;
  display: inline-block;
  vertical-align: top;
  padding-left: 10px; }
  @media screen and (max-width: 48em) {
    aside {
      padding-top: 3.125rem;
      width: 100%;
      max-width: 100%;
      display: block; } }
  aside .landing-sidebar-listing {
    list-style: none; }
    aside .landing-sidebar-listing h3 {
      color: #72808A;
      text-transform: uppercase;
      font-size: 0.875rem; }
      aside .landing-sidebar-listing h3:before {
        padding-right: 4px; }
    aside .landing-sidebar-listing .listing-items {
      list-style: none;
      line-height: 1;
      padding-top: 0.9375rem; }
      aside .landing-sidebar-listing .listing-items li {
        position: relative;
        padding: 15px 0 15px 30px; }
        aside .landing-sidebar-listing .listing-items li a {
          text-decoration: none;
          text-transform: none;
          color: #F4A404;
          font-size: 1.75rem;
          font-style: normal;
          font-weight: normal;
          font-family: "Scout Light"; }
        aside .landing-sidebar-listing .listing-items li:before {
          font-family: "SSGizmo";
          font-size: 1.375rem;
          display: inline-block;
          position: absolute;
          left: 0;
          top: 22px; }

/* Listing Pages */
.page-template-page-listing-php .listing .single-listing-item.event-item .listing-image {
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  padding-left: 1.25rem;
  padding-right: 1.25rem; }

.page-template-page-listing-php .listing .single-listing-item.event-item .listing-image img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  margin-top: 35px;
  margin-bottom: 35px; }

.page-template-page-listing-php .listing .single-listing-item.event-item .listing-image img.size-listing-image {
  max-width: 110px; }

.page-template-page-listing-php .listing .single-listing-item.event-item .listing-image img.size-listing-image-land {
  max-width: 214px; }

.page-template-page-listing-php .listing .single-listing-item.event-item .description .summary {
  height: auto;
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 20px; }
  @media screen and (max-width: 48em) {
    .page-template-page-listing-php .listing .single-listing-item.event-item .description .summary {
      display: none; } }
.search-wrapper .resource-filters {
  text-align: center; }

.listing .single-listing-item.event-item .button {
  margin-right: 1.25rem; }

.page-template-page-listing-php .listing .single-listing-item.event-item .description {
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem; }
  @media screen and (max-width: 45.25em) {
    .page-template-page-listing-php .listing .single-listing-item.event-item .description {
      padding-left: 0;
      padding-right: 0; } }
.page-template-page-listing-php .listing .single-listing-item.event-item .description a {
  display: inline-block; }

.page-template-page-listing-php .listing .single-listing-item.event-item .description .button {
  margin-top: 1rem; }

.single-listing-item.event-item {
  padding-left: 1.25rem;
  padding-right: 1.25rem; }
  @media screen and (max-width: 45.25em) {
    .single-listing-item.event-item {
      padding-left: 0;
      padding-right: 0; } }
.page-template-page-tech-specs-php .listing {
  width: 100%; }

.page-template-page-listing-php .listing-intro-text, .page-template-page-tech-specs-php .listing-intro-text {
  font-family: Scout;
  text-align: left;
  margin-left: 3.5rem;
  margin-right: 3.5rem;
  font-weight: 300;
  font-size: 24px;
  line-height: 33px;
  padding-top: 1.5rem;
  padding-bottom: 0; }
  @media screen and (max-width: 45.25em) {
    .page-template-page-listing-php .listing-intro-text, .page-template-page-tech-specs-php .listing-intro-text {
      font-size: 15.8px;
      line-height: 22px;
      margin-left: 1.25rem;
      margin-right: 1.25rem;
      text-align: left; } }
.page-template-page-listing-php .filter-search input[type="text"] {
  -webkit-transform: translateY(3px);
     -moz-transform: translateY(3px);
      -ms-transform: translateY(3px);
       -o-transform: translateY(3px);
          transform: translateY(3px); }

.page-template-page-tech-specs-php .sort-label {
  width: 100%; }

body.page-template-page-tech-specs-php .description {
  width: 100%; }

.page-template-page-listing-php .listing-header-content,
.page-template-page-tech-specs-php .listing-header-content, .single .listing-header-content {
  -webkit-border-bottom-right-radius: 40px;
     -moz-border-radius-bottomright: 40px;
          border-bottom-right-radius: 40px;
  -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
  background: #FCB525;
  font-size: 1rem;
  padding: 1.5625rem 0; }
  @media screen and (max-width: 45.25em) {
    .page-template-page-listing-php .listing-header-content,
    .page-template-page-tech-specs-php .listing-header-content, .single .listing-header-content {
      padding-top: 20px;
      padding-bottom: 20px; } }
  .page-template-page-listing-php .listing-header-content h1,
  .page-template-page-tech-specs-php .listing-header-content h1, .single .listing-header-content h1 {
    color: #fff;
    font-size: 3.5rem;
    font-family: Scout;
    line-height: 56px;
    font-weight: 300;
    margin: 0; }
    @media screen and (max-width: 48em) {
      .page-template-page-listing-php .listing-header-content h1,
      .page-template-page-tech-specs-php .listing-header-content h1, .single .listing-header-content h1 {
        padding-bottom: 0; } }
    @media screen and (max-width: 45.25em) {
      .page-template-page-listing-php .listing-header-content h1,
      .page-template-page-tech-specs-php .listing-header-content h1, .single .listing-header-content h1 {
        font-size: 1.73125rem;
        line-height: 27.7px; } }
  .page-template-page-listing-php .listing-header-content .listing-intro-text,
  .page-template-page-tech-specs-php .listing-header-content .listing-intro-text, .single .listing-header-content .listing-intro-text {
    font-size: 1.75rem;
    font-style: normal;
    font-weight: normal;
    font-family: "Scout Light";
    line-height: 1.1; }
    @media screen and (max-width: 48em) {
      .page-template-page-listing-php .listing-header-content .listing-intro-text,
      .page-template-page-tech-specs-php .listing-header-content .listing-intro-text, .single .listing-header-content .listing-intro-text {
        display: none; } }
    .page-template-page-listing-php .listing-header-content .listing-intro-text a,
    .page-template-page-tech-specs-php .listing-header-content .listing-intro-text a, .single .listing-header-content .listing-intro-text a {
      display: block;
      color: #000000;
      font-size: 0.875rem;
      font-style: normal;
      font-weight: normal;
      font-family: Scout;
      font-weight: 700;
      text-transform: uppercase;
      text-decoration: none;
      padding-top: 0.9375rem; }
      .page-template-page-listing-php .listing-header-content .listing-intro-text a:after,
      .page-template-page-tech-specs-php .listing-header-content .listing-intro-text a:after, .single .listing-header-content .listing-intro-text a:after {
        font-family: "SSGizmo";
        content: '\25BB';
        display: inline-block;
        vertical-align: sub; }
    .page-template-page-listing-php .listing-header-content .listing-intro-text p > a,
    .page-template-page-tech-specs-php .listing-header-content .listing-intro-text p > a, .single .listing-header-content .listing-intro-text p > a {
      display: inline-block;
      font-size: inherit;
      font-style: normal;
      font-weight: normal;
      font-family: "Scout Light";
      text-transform: none;
      text-decoration: underline;
      padding-top: 0; }
      .page-template-page-listing-php .listing-header-content .listing-intro-text p > a:after,
      .page-template-page-tech-specs-php .listing-header-content .listing-intro-text p > a:after, .single .listing-header-content .listing-intro-text p > a:after {
        display: none; }

.page-template-page-listing-php .search-wrapper,
.page-template-page-tech-specs-php .search-wrapper, .single .search-wrapper {
  padding-bottom: 35px;
  margin-bottom: 35px; }

.page-template-page-listing-php .filter-list,
.page-template-page-tech-specs-php .filter-list, .single .filter-list {
  display: inline-block;
  width: 100%;
  padding-bottom: 15px; }
  @media screen and (max-width: 48em) {
    .page-template-page-listing-php .filter-list,
    .page-template-page-tech-specs-php .filter-list, .single .filter-list {
      border-bottom: none; } }
  .page-template-page-listing-php .filter-list button[type="submit"],
  .page-template-page-tech-specs-php .filter-list button[type="submit"], .single .filter-list button[type="submit"] {
    padding: 7px 20px; }
    @media screen and (max-width: 48em) {
      .page-template-page-listing-php .filter-list button[type="submit"],
      .page-template-page-tech-specs-php .filter-list button[type="submit"], .single .filter-list button[type="submit"] {
        display: block;
        margin-left: auto;
        margin-right: auto; } }
.page-template-page-listing-php .sort-label,
.page-template-page-tech-specs-php .sort-label, .single .sort-label {
  display: inline-block;
  text-transform: uppercase;
  color: #72808A;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: normal;
  font-family: Scout;
  font-weight: 700;
  padding: 1.5625rem 0 0.9375rem; }
  @media screen and (max-width: 48em) {
    .page-template-page-listing-php .sort-label span,
    .page-template-page-tech-specs-php .sort-label span, .single .sort-label span {
      display: none; } }
  .page-template-page-listing-php .sort-label .clear,
  .page-template-page-tech-specs-php .sort-label .clear, .single .sort-label .clear {
    text-decoration: none;
    color: #000000;
    padding-left: 10px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease; }
    .page-template-page-listing-php .sort-label .clear:after,
    .page-template-page-tech-specs-php .sort-label .clear:after, .single .sort-label .clear:after {
      font-family: "SSGizmo";
      content: '\2421';
      display: inline-block;
      padding-left: 3px;
      vertical-align: sub; }
    .page-template-page-listing-php .sort-label .clear:hover,
    .page-template-page-tech-specs-php .sort-label .clear:hover, .single .sort-label .clear:hover {
      color: #F4A404; }
    .page-template-page-listing-php .sort-label .clear:active,
    .page-template-page-tech-specs-php .sort-label .clear:active, .single .sort-label .clear:active {
      color: #000000; }
  .page-template-page-listing-php .sort-label button,
  .page-template-page-tech-specs-php .sort-label button, .single .sort-label button {
    padding-left: 18px; }

.page-template-page-listing-php .filter-container,
.page-template-page-tech-specs-php .filter-container, .single .filter-container {
  display: inline-block; }
  @media screen and (max-width: 48em) {
    .page-template-page-listing-php .filter-container,
    .page-template-page-tech-specs-php .filter-container, .single .filter-container {
      width: 100%;
      margin-bottom: 1.25rem; } }
  .page-template-page-listing-php .filter-container select,
  .page-template-page-tech-specs-php .filter-container select, .single .filter-container select {
    width: 173px;
    border: 1px solid black;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background: white;
    margin-right: 16px;
    height: 34px;
    padding-left: 11px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: Scout;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.37px;
    font-size: 12px;
    color: black;
    cursor: pointer;
    background: url(../images/down-arrow-yellow.svg) no-repeat 95% center/8px; }
    @media screen and (max-width: 48em) {
      .page-template-page-listing-php .filter-container select,
      .page-template-page-tech-specs-php .filter-container select, .single .filter-container select {
        width: 95%;
        margin-left: auto;
        margin-right: auto; } }
.page-template-page-listing-php .filter-search,
.page-template-page-tech-specs-php .filter-search, .single .filter-search {
  display: inline-block;
  color: #72808A;
  background-color: white;
  background-image: url(../images/glass.svg);
  background-position: 10px center;
  -webkit-background-size: 16px 16px;
     -moz-background-size: 16px;
          background-size: 16px;
  background-repeat: no-repeat;
  padding: 3px 38px 3px 10px;
  position: relative;
  height: 34px;
  width: 220px;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
     -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  margin-left: 10px;
  -webkit-transform: translateY(6px);
     -moz-transform: translateY(6px);
      -ms-transform: translateY(6px);
       -o-transform: translateY(6px);
          transform: translateY(6px); }
  @media screen and (max-width: 80.375em) {
    .page-resources .page-template-page-listing-php .filter-search, .page-resources .page-template-page-tech-specs-php .filter-search, .page-resources .single .filter-search {
      width: 50%; } }
  @media screen and (max-width: 48em) {
    .page-template-page-listing-php .filter-search,
    .page-template-page-tech-specs-php .filter-search, .single .filter-search {
      width: 100%;
      margin: 1.25rem auto;
      -webkit-transform: none;
         -moz-transform: none;
          -ms-transform: none;
           -o-transform: none;
              transform: none; } }
  .page-template-page-listing-php .filter-search input,
  .page-template-page-tech-specs-php .filter-search input, .single .filter-search input {
    border: none;
    background: transparent;
    max-width: 100%;
    padding-left: 20px; }
  .page-template-page-listing-php .filter-search input[type="submit"],
  .page-template-page-tech-specs-php .filter-search input[type="submit"], .single .filter-search input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 31px;
    text-indent: -9999px;
    z-index: 9999; }
  .page-template-page-listing-php .filter-search:after,
  .page-template-page-tech-specs-php .filter-search:after, .single .filter-search:after {
    content: '';
    font-family: "SSGizmo";
    font-style: normal;
    background-color: black;
    background-image: url(../images/left-arrow-yellow.svg);
    background-position: center center;
    -webkit-background-size: 12px 12px;
       -moz-background-size: 12px;
            background-size: 12px;
    background-repeat: no-repeat;
    width: 38px;
    height: 34px;
    padding: 6px 10px;
    display: inline-block;
    color: #000000;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease; }
    .page-template-page-listing-php .filter-search:after:active,
    .page-template-page-tech-specs-php .filter-search:after:active, .single .filter-search:after:active {
      background-color: #000000; }

.page-template-page-listing-php .listing-area,
.page-template-page-tech-specs-php .listing-area, .single .listing-area {
  width: 100%;
  max-width: 1140px;
  display: block;
  margin: 0 auto; }

.page-template-page-listing-php .pagination,
.page-template-page-tech-specs-php .pagination, .single .pagination {
  font-style: normal;
  font-weight: normal;
  font-family: Scout;
  font-weight: 700;
  font-size: 0.875rem;
  width: 100%;
  max-width: 820px; }
  .page-template-page-listing-php .pagination .pagination-outer,
  .page-template-page-tech-specs-php .pagination .pagination-outer, .single .pagination .pagination-outer {
    list-style: none;
    text-align: center; }
    .page-template-page-listing-php .pagination .pagination-outer .pagination-inner,
    .page-template-page-tech-specs-php .pagination .pagination-outer .pagination-inner, .single .pagination .pagination-outer .pagination-inner {
      display: inline-block;
      padding-right: 10px; }
      .page-template-page-listing-php .pagination .pagination-outer .pagination-inner.pagination-prev,
      .page-template-page-tech-specs-php .pagination .pagination-outer .pagination-inner.pagination-prev, .single .pagination .pagination-outer .pagination-inner.pagination-prev {
        float: left;
        text-transform: uppercase; }
        .page-template-page-listing-php .pagination .pagination-outer .pagination-inner.pagination-prev:before,
        .page-template-page-tech-specs-php .pagination .pagination-outer .pagination-inner.pagination-prev:before, .single .pagination .pagination-outer .pagination-inner.pagination-prev:before {
          font-family: "SSGizmo";
          content: '\25C5';
          display: inline-block;
          padding-right: 5px;
          vertical-align: sub; }
        .page-template-page-listing-php .pagination .pagination-outer .pagination-inner.pagination-prev:after,
        .page-template-page-tech-specs-php .pagination .pagination-outer .pagination-inner.pagination-prev:after, .single .pagination .pagination-outer .pagination-inner.pagination-prev:after {
          display: none; }
      .page-template-page-listing-php .pagination .pagination-outer .pagination-inner.pagination-next,
      .page-template-page-tech-specs-php .pagination .pagination-outer .pagination-inner.pagination-next, .single .pagination .pagination-outer .pagination-inner.pagination-next {
        float: right;
        text-transform: uppercase; }
        .page-template-page-listing-php .pagination .pagination-outer .pagination-inner.pagination-next:after,
        .page-template-page-tech-specs-php .pagination .pagination-outer .pagination-inner.pagination-next:after, .single .pagination .pagination-outer .pagination-inner.pagination-next:after {
          font-family: "SSGizmo";
          content: '\25BB';
          display: inline-block;
          padding-left: 5px; }
  .page-template-page-listing-php .pagination span.current,
  .page-template-page-tech-specs-php .pagination span.current, .single .pagination span.current {
    color: #F4A404; }
  .page-template-page-listing-php .pagination a,
  .page-template-page-tech-specs-php .pagination a, .single .pagination a {
    text-decoration: none;
    color: #000000;
    -webkit-transition: color .25s ease;
    -o-transition: color .25s ease;
    -moz-transition: color .25s ease;
    transition: color .25s ease; }
    .page-template-page-listing-php .pagination a:hover,
    .page-template-page-tech-specs-php .pagination a:hover, .single .pagination a:hover {
      color: #F4A404; }

.page-template-page-listing-php .listing,
.page-template-page-tech-specs-php .listing, .single .listing {
  list-style: none;
  padding: 10px 0; }
  @media screen and (max-width: 45.25em) {
    .page-template-page-listing-php .listing,
    .page-template-page-tech-specs-php .listing, .single .listing {
      padding-top: 10px; } }
  .page-template-page-listing-php .listing .single-listing-item,
  .page-template-page-tech-specs-php .listing .single-listing-item, .single .listing .single-listing-item {
    padding-bottom: 30px;
    padding-top: 30px; }
    @media screen and (max-width: 48em) {
      .page-template-page-listing-php .listing .single-listing-item,
      .page-template-page-tech-specs-php .listing .single-listing-item, .single .listing .single-listing-item {
        padding-top: 20px;
        padding-bottom: 20px; } }
    .page-template-page-listing-php .listing .single-listing-item .listing-image,
    .page-template-page-tech-specs-php .listing .single-listing-item .listing-image, .single .listing .single-listing-item .listing-image {
      display: inline-block;
      vertical-align: top;
      overflow: hidden;
      background: #FFFFFF;
      -webkit-border-radius: 24px 0 0 24px;
         -moz-border-radius: 24px 0 0 24px;
              border-radius: 24px 0 0 24px;
      -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
         -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
      margin-right: 3.5rem;
      margin-bottom: 20px;
      width: 32%;
      max-width: 260px;
      text-align: center; }
      .page-template-page-listing-php .listing .single-listing-item .listing-image img,
      .page-template-page-tech-specs-php .listing .single-listing-item .listing-image img, .single .listing .single-listing-item .listing-image img {
        display: block;
        width: 100%; }
        @media screen and (max-width: 48em) {
          .page-template-page-listing-php .listing .single-listing-item .listing-image img,
          .page-template-page-tech-specs-php .listing .single-listing-item .listing-image img, .single .listing .single-listing-item .listing-image img {
            max-width: 200px;
            margin-left: auto;
            margin-right: auto; } }
      @media screen and (max-width: 48em) {
        .page-template-page-listing-php .listing .single-listing-item .listing-image,
        .page-template-page-tech-specs-php .listing .single-listing-item .listing-image, .single .listing .single-listing-item .listing-image {
          width: 100%;
          max-width: 100%;
          margin-right: 0; } }
    .page-template-page-listing-php .listing .single-listing-item .description,
    .page-template-page-tech-specs-php .listing .single-listing-item .description, .single .listing .single-listing-item .description {
      display: inline-block;
      width: 60%;
      font-family: Scout;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.62px;
      color: #7D8990;
      font-size: 0.875rem; }
      @media screen and (max-width: 45.25em) {
        .page-template-page-listing-php .listing .single-listing-item .description,
        .page-template-page-tech-specs-php .listing .single-listing-item .description, .single .listing .single-listing-item .description {
          font-size: 11.8px;
          line-height: 16.5px; } }
      @media screen and (max-width: 48em) {
        .page-template-page-listing-php .listing .single-listing-item .description,
        .page-template-page-tech-specs-php .listing .single-listing-item .description, .single .listing .single-listing-item .description {
          width: 100%; } }
      .page-template-page-listing-php .listing .single-listing-item .description h5,
      .page-template-page-tech-specs-php .listing .single-listing-item .description h5, .single .listing .single-listing-item .description h5 {
        text-transform: uppercase;
        color: #72808A;
        font-family: Scout;
        line-height: 1;
        font-size: 14px;
        font-weight: normal; }
      .page-template-page-listing-php .listing .single-listing-item .description h3,
      .page-template-page-tech-specs-php .listing .single-listing-item .description h3, .single .listing .single-listing-item .description h3 {
        font-size: 1.875rem;
        font-family: Scout;
        font-weight: 300;
        letter-spacing: 0.94px;
        line-height: 32px;
        color: #000000;
        text-transform: none;
        margin-top: 15px;
        margin-bottom: 10px;
        line-height: 1; }
        @media screen and (max-width: 45.25em) {
          .page-template-page-listing-php .listing .single-listing-item .description h3,
          .page-template-page-tech-specs-php .listing .single-listing-item .description h3, .single .listing .single-listing-item .description h3 {
            font-size: 1.5625rem;
            line-height: 26.7px;
            margin-top: 20px; } }
        @media screen and (max-width: 26.25em) {
          .page-template-page-listing-php .listing .single-listing-item .description h3,
          .page-template-page-tech-specs-php .listing .single-listing-item .description h3, .single .listing .single-listing-item .description h3 {
            font-size: 1.3125rem; } }
        .page-template-page-listing-php .listing .single-listing-item .description h3 a,
        .page-template-page-tech-specs-php .listing .single-listing-item .description h3 a, .single .listing .single-listing-item .description h3 a {
          text-decoration: none;
          color: #000000; }
      .page-template-page-listing-php .listing .single-listing-item .description .summary,
      .page-template-page-tech-specs-php .listing .single-listing-item .description .summary, .single .listing .single-listing-item .description .summary {
        text-transform: none;
        font-size: 18px;
        color: #626D74;
        letter-spacing: 0;
        line-height: 24px;
        font-family: 'Nunito';
        font-weight: normal;
        margin-top: 10px;
        overflow: hidden; }
        @media screen and (max-width: 45.25em) {
          .page-template-page-listing-php .listing .single-listing-item .description .summary,
          .page-template-page-tech-specs-php .listing .single-listing-item .description .summary, .single .listing .single-listing-item .description .summary {
            font-size: 10.5px;
            line-height: 16.5px;
            margin-top: 15px; } }
        .page-template-page-listing-php .listing .single-listing-item .description .summary.toggled,
        .page-template-page-tech-specs-php .listing .single-listing-item .description .summary.toggled, .single .listing .single-listing-item .description .summary.toggled {
          height: auto; }
      .page-template-page-listing-php .listing .single-listing-item .description a,
      .page-template-page-tech-specs-php .listing .single-listing-item .description a, .single .listing .single-listing-item .description a {
        display: block; }

.listing .buttons-primary {
  margin-top: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.page-template-page-listing-php .listing .single-listing-item .description .summary {
  height: 150px; }

/* Slideshow Listing Pages */
.page-template-page-slideshow-listing-php .io-image-slider-container .bx-controls-direction {
  top: 75%;
  font-style: normal;
  font-weight: normal;
  font-family: "Scout Light";
  font-size: 4.6875rem; }

.page-template-page-slideshow-listing-php .io-image-slider-container .bx-controls-direction a.bx-prev {
  left: 5%; }

.page-template-page-slideshow-listing-php .io-image-slider-container .bx-controls-direction a.bx-next {
  right: 5%; }

.page-template-page-slideshow-listing-php .io-image-slider-container .bx-pager {
  bottom: 0;
  left: 50%;
  padding: 25px 0 10px; }

.page-template-page-php .hero-header .hero-image {
  max-height: 442px; }

@media screen and (max-width: 48em) {
  .page-template-page-php .hero-header .social {
    display: none; } }

.page-template-page-php .hero-header .social .share:after {
  vertical-align: sub; }

.page-template-page-php .intro-text h1 {
  margin-bottom: 0;
  font-style: normal;
  font-weight: normal;
  font-family: "Scout Light"; }

.page-template-page-php .site-content {
  width: 100%;
  max-width: 820px;
  display: inline-block; }
  .page-template-page-php .site-content article > h4 {
    text-transform: uppercase;
    color: #72808A;
    font-size: 0.875rem; }

.page-template-page-php article {
  font-size: 1.3125rem;
  font-style: normal;
  font-weight: normal;
  font-family: "Scout Light"; }
  .page-template-page-php article a {
    text-decoration: none;
    text-transform: uppercase;
    color: #000000;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: normal;
    font-family: Scout;
    font-weight: 700;
    padding: 0.3125rem; }
  .page-template-page-php article .overview-intro-text {
    padding-bottom: 2.1875rem;
    border-bottom: 1px solid #E2E2E2; }
    .page-template-page-php article .overview-intro-text p {
      display: inline-block; }
  .page-template-page-php article .main-content {
    padding-top: 2.1875rem; }
    .page-template-page-php article .main-content p {
      font-style: normal;
      font-weight: normal;
      font-family: "Scout Light"; }

aside .sidebar-listing {
  list-style: none; }
  aside .sidebar-listing h3 {
    color: #72808A;
    text-transform: uppercase;
    font-size: 0.875rem;
    display: inline-block;
    line-height: 1; }
  aside .sidebar-listing a {
    text-decoration: none;
    text-transform: uppercase;
    color: #000000;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: normal;
    font-family: Scout;
    font-weight: 700;
    display: block;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease; }
    aside .sidebar-listing a:hover {
      color: #F4A404; }
    aside .sidebar-listing a:active {
      color: #000000; }
  aside .sidebar-listing .listing-items {
    list-style: none;
    font-size: 1.3125rem;
    font-style: normal;
    font-weight: normal;
    font-family: "Scout Light";
    line-height: 2;
    padding: 0.9375rem 0 4.6875rem; }
    aside .sidebar-listing .listing-items > li {
      color: #72808A;
      font-style: normal;
      font-weight: normal;
      font-family: Scout;
      font-weight: 700;
      padding-left: 0;
      padding-bottom: 25px; }
      aside .sidebar-listing .listing-items > li:before {
        display: none; }
      aside .sidebar-listing .listing-items > li > ul {
        list-style: none; }
        aside .sidebar-listing .listing-items > li > ul h3 {
          padding-left: 1.5%; }
        aside .sidebar-listing .listing-items > li > ul li {
          line-height: 1; }
        aside .sidebar-listing .listing-items > li > ul li:before {
          font-size: 0.875rem;
          vertical-align: text-bottom; }
        aside .sidebar-listing .listing-items > li > ul .resource-title a {
          text-transform: none;
          font-size: 1.3125rem;
          font-style: normal;
          font-weight: normal;
          font-family: "Scout Light";
          line-height: 1.2; }
      aside .sidebar-listing .listing-items > li .learn-more {
        padding-top: 2px; }

/* Template 5 */
.page-template-page-content-php .hero-header .overview-submenu,
.page-template-page-content-php .hero-header .additional-info {
  position: relative;
  background: #000000; }
  .page-template-page-content-php .hero-header .overview-submenu .subnav,
  .page-template-page-content-php .hero-header .additional-info .subnav {
    padding-top: 0; }

.page-template-page-content-php .hero-header .additional-info {
  top: 0;
  height: auto;
  display: none;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
  padding-bottom: 20px; }

.page-template-page-content-php .hero-header .intro-text {
  background: #72808A; }
  .page-template-page-content-php .hero-header .intro-text .share-links .share:after {
    vertical-align: sub; }

.page-template-page-content-php article {
  font-size: 1.3125rem;
  font-style: normal;
  font-weight: normal;
  font-family: "Scout Light"; }
  .page-template-page-content-php article h1 {
    font-style: normal;
    font-weight: normal;
    font-family: "Scout Light";
    font-size: 2.25rem; }
  .page-template-page-content-php article h2,
  .page-template-page-content-php article h5 {
    font-size: 0.875rem;
    text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
    font-family: Scout;
    font-weight: 700;
    color: #72808A;
    padding-top: 0;
    padding-bottom: 0.9375rem; }
  .page-template-page-content-php article p {
    padding-top: 0;
    padding-bottom: 2.1875rem; }

/* Template 5 - FAQ Specifics */
.page-faq .hero-header {
  margin-bottom: 0; }

.page-faq .overview-submenu .subnav.subnav {
  padding-top: 6px; }

.page-faq .main-content h1 {
  display: none; }

.page-faq .main-content .erp_faq_main {
  width: 100%;
  max-width: 820px; }
  .page-faq .main-content .erp_faq_main > ul {
    margin-bottom: 40px; }

.page-faq .main-content li {
  position: relative; }
  .page-faq .main-content li:before {
    display: none; }
  .page-faq .main-content li .faq-question {
    display: inline-block;
    position: relative;
    padding-right: 29px;
    line-height: 1; }
    .page-faq .main-content li .faq-question:after {
      font-family: "SSGizmo";
      content: '\25BB';
      position: absolute;
      right: 0;
      bottom: 0;
      width: 25px;
      height: 19px;
      -webkit-transform: rotate(90deg);
         -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
           -o-transform: rotate(90deg);
              transform: rotate(90deg);
      -webkit-transition: -webkit-transform .5s ease;
      transition: -webkit-transform .5s ease;
      -o-transition: -o-transform .5s ease;
      -moz-transition: transform .5s ease, -moz-transform .5s ease;
      transition: transform .5s ease;
      transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease, -o-transform .5s ease; }
  .page-faq .main-content li.open .faq-question:after {
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .page-faq .main-content li .erp_faq_content {
    line-height: 1.25;
    font-size: 1.3125rem;
    margin-bottom: 15px; }

.page-faq .erp_faq_index {
  padding-left: 10px; }
  @media screen and (max-width: 77.125em) {
    .page-faq .erp_faq_index {
      width: 100%; } }
  .page-faq .erp_faq_index .link:after {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
    vertical-align: baseline; }

.single article ul {
  list-style: none; }
  .single article ul li {
    position: relative;
    padding-left: 10px; }
    .single article ul li:before {
      content: '';
      line-height: 1;
      width: 4px;
      height: 4px;
      background-color: #F4A404;
      float: left;
      margin: .7em 6px 0 0;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      position: absolute;
      left: 0; }

@media screen and (max-width: 45.25em) {
  .single aside {
    padding-top: 0;
    padding-left: 0; } }

.single .site-content .the-content {
  padding-right: 5%; }
  @media screen and (max-width: 45.25em) {
    .single .site-content .the-content {
      padding-right: 0; } }
.single aside {
  width: 30%; }
  @media screen and (max-width: 48em) {
    .single aside {
      width: 100%; } }
.single .post-title-nav {
  width: 70%;
  max-width: 820px; }
  @media screen and (max-width: 48em) {
    .single .post-title-nav {
      width: 100%; } }
.single .site-content {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.single .site-content h1 {
  font-size: 46px;
  line-height: 46px; }

.single-resource .site-content {
  padding-top: 40px; }

.single-resource .breadcrumb a,
.single-bio .breadcrumb a,
.single-media .breadcrumb a,
.single-award .breadcrumb a,
.single-tech_spec .breadcrumb a {
  text-decoration: none;
  text-transform: uppercase;
  font-family: Scout;
  font-size: 0.625rem;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 14px;
  padding-left: 14px; }
  @media screen and (max-width: 48em) {
    .single-resource .breadcrumb a,
    .single-bio .breadcrumb a,
    .single-media .breadcrumb a,
    .single-award .breadcrumb a,
    .single-tech_spec .breadcrumb a {
      padding-left: 0; } }
  .single-resource .breadcrumb a:before,
  .single-bio .breadcrumb a:before,
  .single-media .breadcrumb a:before,
  .single-award .breadcrumb a:before,
  .single-tech_spec .breadcrumb a:before {
    content: '';
    background: url(../images/left-arrow-yellow-vw.svg) no-repeat center center/12px;
    display: inline-block;
    padding-right: 5px;
    margin-left: -39px;
    margin-right: 15px;
    width: 12px;
    height: 12px;
    -webkit-transform: translateY(2px);
       -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
         -o-transform: translateY(2px);
            transform: translateY(2px); }
    @media screen and (max-width: 48em) {
      .single-resource .breadcrumb a:before,
      .single-bio .breadcrumb a:before,
      .single-media .breadcrumb a:before,
      .single-award .breadcrumb a:before,
      .single-tech_spec .breadcrumb a:before {
        margin-left: 0;
        margin-right: 5px; } }
.single-resource .hero-header,
.single-bio .hero-header,
.single-media .hero-header,
.single-award .hero-header,
.single-tech_spec .hero-header {
  background: #FCB525; }
  .single-resource .hero-header .hero-text,
  .single-bio .hero-header .hero-text,
  .single-media .hero-header .hero-text,
  .single-award .hero-header .hero-text,
  .single-tech_spec .hero-header .hero-text {
    font-style: normal;
    font-weight: normal;
    font-family: "Scout Light";
    line-height: 1; }
    .single-resource .hero-header .hero-text p,
    .single-bio .hero-header .hero-text p,
    .single-media .hero-header .hero-text p,
    .single-award .hero-header .hero-text p,
    .single-tech_spec .hero-header .hero-text p {
      display: inline-block;
      font-size: 2.25rem;
      line-height: 1;
      width: 100%;
      max-width: 820px; }
      @media screen and (max-width: 71.6875em) {
        .single-resource .hero-header .hero-text p,
        .single-bio .hero-header .hero-text p,
        .single-media .hero-header .hero-text p,
        .single-award .hero-header .hero-text p,
        .single-tech_spec .hero-header .hero-text p {
          width: 75%;
          display: inline-block; } }
      @media screen and (max-width: 39.75em) {
        .single-resource .hero-header .hero-text p,
        .single-bio .hero-header .hero-text p,
        .single-media .hero-header .hero-text p,
        .single-award .hero-header .hero-text p,
        .single-tech_spec .hero-header .hero-text p {
          width: 50%; } }
      .single-resource .hero-header .hero-text p:before,
      .single-bio .hero-header .hero-text p:before,
      .single-media .hero-header .hero-text p:before,
      .single-award .hero-header .hero-text p:before,
      .single-tech_spec .hero-header .hero-text p:before {
        padding-right: 3px;
        font-size: 24px;
        vertical-align: bottom; }

@media screen and (max-width: 48em) {
  .single-resource aside,
  .single-bio aside,
  .single-media aside,
  .single-award aside,
  .single-tech_spec aside {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; } }

.single-resource article,
.single-bio article,
.single-media article,
.single-award article,
.single-tech_spec article {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-family: "Scout Light";
  font-size: 1.3125rem; }
  @media screen and (max-width: 48em) {
    .single-resource article,
    .single-bio article,
    .single-media article,
    .single-award article,
    .single-tech_spec article {
      max-width: 100%;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; } }
  .single-resource article.full-width,
  .single-bio article.full-width,
  .single-media article.full-width,
  .single-award article.full-width,
  .single-tech_spec article.full-width {
    width: 100%;
    max-width: 100%; }
  .single-resource article h1,
  .single-bio article h1,
  .single-media article h1,
  .single-award article h1,
  .single-tech_spec article h1 {
    font-size: 2.25rem; }
  .single-resource article .author,
  .single-resource article .date,
  .single-resource article .time,
  .single-bio article .author,
  .single-bio article .date,
  .single-bio article .time,
  .single-media article .author,
  .single-media article .date,
  .single-media article .time,
  .single-award article .author,
  .single-award article .date,
  .single-award article .time,
  .single-tech_spec article .author,
  .single-tech_spec article .date,
  .single-tech_spec article .time {
    display: inline-block;
    font-size: 0.875rem;
    color: #72808A;
    font-style: normal;
    font-weight: normal;
    font-family: Scout;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1; }
  .single-resource article .author,
  .single-bio article .author,
  .single-media article .author,
  .single-award article .author,
  .single-tech_spec article .author {
    display: inline-block;
    padding-right: 0.5625rem;
    margin-bottom: 20px;
    margin-top: 15px; }
  .single-resource article .date,
  .single-resource article .time,
  .single-bio article .date,
  .single-bio article .time,
  .single-media article .date,
  .single-media article .time,
  .single-award article .date,
  .single-award article .time,
  .single-tech_spec article .date,
  .single-tech_spec article .time {
    display: block;
    margin: 10px 0; }
  .single-resource article .time,
  .single-bio article .time,
  .single-media article .time,
  .single-award article .time,
  .single-tech_spec article .time {
    margin-bottom: 20px; }
  .single-resource article .full-text a,
  .single-bio article .full-text a,
  .single-media article .full-text a,
  .single-award article .full-text a,
  .single-tech_spec article .full-text a {
    text-decoration: none;
    color: #F4A404;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease; }
    .single-resource article .full-text a:hover,
    .single-bio article .full-text a:hover,
    .single-media article .full-text a:hover,
    .single-award article .full-text a:hover,
    .single-tech_spec article .full-text a:hover {
      color: #DD9401; }
    .single-resource article .full-text a:active,
    .single-bio article .full-text a:active,
    .single-media article .full-text a:active,
    .single-award article .full-text a:active,
    .single-tech_spec article .full-text a:active {
      color: #000000; }

.single-resource aside .resource-sidebar,
.single-bio aside .resource-sidebar,
.single-media aside .resource-sidebar,
.single-award aside .resource-sidebar,
.single-tech_spec aside .resource-sidebar {
  list-style: none; }
  .single-resource aside .resource-sidebar li,
  .single-bio aside .resource-sidebar li,
  .single-media aside .resource-sidebar li,
  .single-award aside .resource-sidebar li,
  .single-tech_spec aside .resource-sidebar li {
    font-style: normal;
    font-weight: normal;
    font-family: "Scout Light"; }
  .single-resource aside .resource-sidebar img,
  .single-bio aside .resource-sidebar img,
  .single-media aside .resource-sidebar img,
  .single-award aside .resource-sidebar img,
  .single-tech_spec aside .resource-sidebar img {
    -webkit-box-shadow: 0 3px 8px 4px #E2E2E2;
       -moz-box-shadow: 0 3px 8px 4px #E2E2E2;
            box-shadow: 0 3px 8px 4px #E2E2E2;
    margin-bottom: 2.0625rem; }

.single .resource-container {
  width: 100%;
  text-align: center;
  background: #FFFFFF;
  -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 24px 0 0 24px;
     -moz-border-radius: 24px 0 0 24px;
          border-radius: 24px 0 0 24px;
  padding-top: 30px;
  padding-bottom: 30px; }

.single-media .site-content article h1 {
  margin-bottom: 0; }

.single-media .media-resource-image {
  width: 50%; }
  @media screen and (max-width: 48em) {
    .single-media .media-resource-image {
      width: 80%; } }
.single-media .event-speakers li:before {
  display: none; }

.single-media .event-speakers .listing-image {
  display: inline-block;
  width: 24.5%; }
  @media screen and (max-width: 34.375em) {
    .single-media .event-speakers .listing-image {
      display: none; } }
.single-media .event-speakers .speaker-info {
  display: inline-block;
  width: 75%;
  vertical-align: top;
  padding-left: 10px; }
  @media screen and (max-width: 34.375em) {
    .single-media .event-speakers .speaker-info {
      width: 100%;
      padding-left: 0; } }
  .single-media .event-speakers .speaker-info .listing-description {
    line-height: 1.3;
    padding-top: 0.9375rem; }

.single-media .event-speakers h2 {
  line-height: 1; }

.single-media .full-text {
  padding-bottom: 35px; }

.single-media aside img {
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important; }

.single-media aside .event-link {
  text-align: center;
  margin-bottom: 20px;
  border: 1px solid #F4A404;
  padding: 5px 15px 7px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  background: none;
  -webkit-transition: background .25s ease;
  -o-transition: background .25s ease;
  -moz-transition: background .25s ease;
  transition: background .25s ease;
  max-width: 260px; }
  .single-media aside .event-link a {
    -webkit-transition: color .25s ease;
    -o-transition: color .25s ease;
    -moz-transition: color .25s ease;
    transition: color .25s ease; }
  .single-media aside .event-link:hover {
    background: #F4A404; }
    .single-media aside .event-link:hover a {
      color: #fff; }

.single-media aside .date {
  text-transform: uppercase;
  color: #72808A;
  font-style: normal;
  font-weight: normal;
  font-family: Scout;
  font-weight: 700; }

.single-media aside .address > ul {
  list-style: none;
  font-size: 1.25rem;
  padding: 5px 0 25px; }
  .single-media aside .address > ul li:first-child {
    font-style: normal;
    font-weight: normal;
    font-family: Scout;
    font-weight: 700;
    font-size: 1.3125rem; }

.single-media aside .more-event-info {
  font-size: 1.3125rem;
  padding-bottom: 20px; }

.single-award .hero-text .share-links,
.single-bio .hero-text .share-links {
  padding-left: 10px; }

.single-award .full-text,
.single-bio .full-text {
  padding-right: 5%; }

.single-tech_spec .tech-spec-documents {
  list-style: none; }
  .single-tech_spec .tech-spec-documents li h2 {
    font-style: normal;
    font-weight: normal;
    font-size: 1.3125rem; }

.turbocharger-energy-analysis .resource-image {
  width: 30%;
  display: inline-block; }
  @media screen and (max-width: 38.8125em) {
    .turbocharger-energy-analysis .resource-image {
      display: block;
      width: 50%; } }
.turbocharger-energy-analysis .full-text p {
  width: 65%;
  display: inline-block;
  vertical-align: top; }
  @media screen and (max-width: 38.8125em) {
    .turbocharger-energy-analysis .full-text p {
      width: 100%; } }
.turbocharger-energy-analysis #location-images {
  padding: 0 10px 20px 10px; }

.turbocharger-energy-analysis #location-images img {
  display: none; }
  .turbocharger-energy-analysis #location-images img.checked {
    display: block; }

.turbocharger-energy-analysis .calculator_contact {
  font-size: .8em;
  max-width: 800px;
  margin: 30px auto 0 auto; }

.turbocharger-energy-analysis .location-numbers > span {
  display: none;
  padding: 0; }
  .turbocharger-energy-analysis .location-numbers > span.checked {
    display: inline-block; }

.turbocharger-energy-analysis form#turbo-analysis {
  max-width: 100%; }
  .turbocharger-energy-analysis form#turbo-analysis > div {
    display: inline-block;
    vertical-align: top;
    /*@include respond-max(em(1035px)) {
        display: block;
        float: none;
        width: 75% !important;
        margin: 0 auto;
      }*/ }
    .turbocharger-energy-analysis form#turbo-analysis > div .row {
      /*height: rem(50px);*/
      padding: 10px 0; }
      .turbocharger-energy-analysis form#turbo-analysis > div .row label {
        text-transform: none;
        color: #72808A;
        font-size: 16px;
        font-weight: 400; }
        @media screen and (max-width: 28.125em) {
          .turbocharger-energy-analysis form#turbo-analysis > div .row label {
            width: 100%; } }
        .turbocharger-energy-analysis form#turbo-analysis > div .row label input {
          width: 65px; }
      .turbocharger-energy-analysis form#turbo-analysis > div .row.units {
        font-size: 1rem;
        vertical-align: top; }
        .turbocharger-energy-analysis form#turbo-analysis > div .row.units label {
          width: 25%; }
        .turbocharger-energy-analysis form#turbo-analysis > div .row.units div {
          width: 74%;
          display: inline-block;
          text-align: right; }
        .turbocharger-energy-analysis form#turbo-analysis > div .row.units input {
          width: 25px;
          vertical-align: bottom; }
      .turbocharger-energy-analysis form#turbo-analysis > div .row.location {
        font-size: 1rem;
        vertical-align: top; }
        .turbocharger-energy-analysis form#turbo-analysis > div .row.location label {
          width: 49%; }
          @media screen and (max-width: 28.125em) {
            .turbocharger-energy-analysis form#turbo-analysis > div .row.location label {
              width: 100%; } }
        .turbocharger-energy-analysis form#turbo-analysis > div .row.location select {
          width: 50%;
          border-color: #F4A404;
          background-color: #FFFFFF;
          height: 25px; }
          @media screen and (max-width: 28.125em) {
            .turbocharger-energy-analysis form#turbo-analysis > div .row.location select {
              width: 100%; } }
      .turbocharger-energy-analysis form#turbo-analysis > div .row span {
        color: #72808A; }
    .turbocharger-energy-analysis form#turbo-analysis > div.turbo-input {
      width: 50%;
      padding: 10px 20px 10px 10px;
      margin-bottom: 0; }
      @media screen and (max-width: 64.6875em) {
        .turbocharger-energy-analysis form#turbo-analysis > div.turbo-input {
          display: block;
          float: none;
          width: 75%;
          margin: 0 auto; } }
      @media screen and (max-width: 43.75em) {
        .turbocharger-energy-analysis form#turbo-analysis > div.turbo-input {
          width: 100%; } }
    .turbocharger-energy-analysis form#turbo-analysis > div#calculations {
      width: 50%;
      width: -webkit-calc( 50% + 12px);
      width: -moz-calc( 50% + 12px);
      width: calc( 50% + 12px);
      border: 2px solid #E2E2E2;
      -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
              border-radius: 10px;
      color: #72808A;
      background: #fff;
      padding: 10px 10px 25px;
      margin-bottom: 20px;
      margin-left: -12px; }
      @media screen and (max-width: 64.6875em) {
        .turbocharger-energy-analysis form#turbo-analysis > div#calculations {
          display: block;
          float: none;
          width: 75%;
          margin: 20px auto; } }
      @media screen and (max-width: 43.75em) {
        .turbocharger-energy-analysis form#turbo-analysis > div#calculations {
          width: 100%; } }
      .turbocharger-energy-analysis form#turbo-analysis > div#calculations h3 {
        color: #000; }
        .turbocharger-energy-analysis form#turbo-analysis > div#calculations h3 .tooltip {
          color: #72808A;
          font-weight: 400; }
      .turbocharger-energy-analysis form#turbo-analysis > div#calculations .row {
        border-bottom: 1px solid #E2E2E2;
        padding: 8px 0; }
      .turbocharger-energy-analysis form#turbo-analysis > div#calculations .checked {
        display: none; }
      .turbocharger-energy-analysis form#turbo-analysis > div#calculations .label {
        display: inline-block;
        margin-right: 3px;
        color: #72808A;
        font-family: Scout;
        font-size: 16px;
        font-weight: 400; }
      .turbocharger-energy-analysis form#turbo-analysis > div#calculations .dot {
        background-color: #72808A;
        width: 10px;
        height: 10px;
        margin-right: 2px;
        padding: 0 5px;
        font-size: 0.5rem;
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%; }
      .turbocharger-energy-analysis form#turbo-analysis > div#calculations .specific,
      .turbocharger-energy-analysis form#turbo-analysis > div#calculations .rate {
        font-size: 1rem;
        display: inline-block;
        vertical-align: top;
        width: 48%; }
        @media screen and (max-width: 38.8125em) {
          .turbocharger-energy-analysis form#turbo-analysis > div#calculations .specific,
          .turbocharger-energy-analysis form#turbo-analysis > div#calculations .rate {
            width: 100%; } }
      .turbocharger-energy-analysis form#turbo-analysis > div#calculations .speal {
        width: 55%; }
        @media screen and (max-width: 25em) {
          .turbocharger-energy-analysis form#turbo-analysis > div#calculations .speal {
            width: 100%; } }
      .turbocharger-energy-analysis form#turbo-analysis > div#calculations .boost {
        width: 40%;
        -webkit-border-radius: 10px;
           -moz-border-radius: 10px;
                border-radius: 10px;
        float: right;
        background: #FCB525;
        color: #fff;
        padding: 10px 15px;
        margin-top: 75px; }
        @media screen and (max-width: 25em) {
          .turbocharger-energy-analysis form#turbo-analysis > div#calculations .boost {
            width: 60%;
            margin-top: 25px; } }
        .turbocharger-energy-analysis form#turbo-analysis > div#calculations .boost h5 {
          font-size: 1.5625rem; }
        .turbocharger-energy-analysis form#turbo-analysis > div#calculations .boost #res-boost {
          padding: 35px 0 45px;
          text-align: center;
          font-size: 1.875rem;
          color: #ffffff; }
        .turbocharger-energy-analysis form#turbo-analysis > div#calculations .boost .dot {
          background-color: #fff;
          font-size: 0.75rem;
          padding: 0 8px;
          margin-right: 3px; }
    .turbocharger-energy-analysis form#turbo-analysis > div#tools-menu {
      width: 20%;
      padding: 10px; }
  .turbocharger-energy-analysis form#turbo-analysis .loading-icon {
    width: 55%;
    margin-top: 125px;
    text-align: center; }
    @media screen and (max-width: 25em) {
      .turbocharger-energy-analysis form#turbo-analysis .loading-icon {
        width: 40%;
        margin-top: 75px; } }
  @media screen and (max-width: 64.6875em) {
    .turbocharger-energy-analysis form#turbo-analysis .submit-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .turbocharger-energy-analysis form#turbo-analysis input[type='submit'] {
    margin-left: 20px; }
    @media screen and (max-width: 64.6875em) {
      .turbocharger-energy-analysis form#turbo-analysis input[type='submit'] {
        margin-left: 0px; } }
  .turbocharger-energy-analysis form#turbo-analysis .tooltip {
    position: relative;
    display: inline-block;
    vertical-align: middle; }
    .turbocharger-energy-analysis form#turbo-analysis .tooltip:before {
      content: '\02139';
      font-family: "SSGizmo";
      font-size: inherit;
      display: inline-block;
      vertical-align: middle; }
    .turbocharger-energy-analysis form#turbo-analysis .tooltip:hover .tooltip-text {
      visibility: visible; }
    .turbocharger-energy-analysis form#turbo-analysis .tooltip .tooltip-text {
      visibility: hidden;
      width: 200px;
      background-color: #72808A;
      color: #fff;
      text-align: center;
      padding: 5px;
      -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
              border-radius: 6px;
      position: absolute;
      top: -5px;
      left: 125%;
      z-index: 1;
      font-size: 14px;
      /*&::after {
          content: " ";
          position: absolute;
          top: 50%;
          right: 100%;
          margin-top: -5px;
          border-width: 5px;
          border-style: solid;
          border-color: transparent $color-medium-gray transparent transparent;
        }*/ }
      @media screen and (max-width: 37.5em) {
        .turbocharger-energy-analysis form#turbo-analysis .tooltip .tooltip-text {
          top: 100%;
          left: 50%;
          margin-left: -100px; } }
.turbocharger-energy-analysis .disclaimer {
  padding-top: 40px;
  font-size: 1rem; }
  .turbocharger-energy-analysis .disclaimer p {
    padding-bottom: 0;
    font-style: italic; }

.turbo-errors {
  color: red; }

.turbocharger-energy-analysis form#turbo-analysis .turbo-input {
  max-width: 100%; }

/*.turbocharger-energy-analysis form#turbo-analysis,*/
/*.turbocharger-energy-analysis form#turbo-analysis *{
  overflow:hidden;
}*/
.featured-resources .col-12 h3 {
  font-family: Scout;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #000000;
  letter-spacing: 0.75px;
  text-align: center;
  margin-bottom: 25px;
  margin-top: 25px; }
  @media screen and (min-width: 48em) {
    .featured-resources .col-12 h3 {
      font-size: 22px;
      line-height: 26px;
      margin-bottom: 35px;
      margin-top: 35px; } }
body.page-template-page-product-php .io-home-slider-container .bx-pager {
  display: none; }

.featured-resources .wrap {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.featured-resources .wrap:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: #212721 url(../images/left-arrow-yellow.svg) no-repeat center center/11px;
  width: 30px; }

.featured-resources h3.category {
  text-transform: uppercase;
  font-family: Scout;
  font-size: 8px;
  line-height: 9px;
  letter-spacing: 0.8px;
  margin-top: 16px;
  margin-bottom: 8px; }

.featured-resources .col-6 {
  margin-bottom: 35px; }

.featured-resources .wrap:before {
  content: "";
  position: relative;
  display: block;
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 16px;
  width: 49px;
  height: 49px;
  background-color: #7C878E;
  -webkit-border-radius: 49px;
     -moz-border-radius: 49px;
          border-radius: 49px; }

.featured-resources .brochure .wrap:before {
  background: #7C878E url(../images/icon-brochure.svg) no-repeat center center/24px; }

.featured-resources .video-animation .wrap:before {
  background: #7C878E url(../images/icon-video.svg) no-repeat center center/28px; }

.footer-cta:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(124, 135, 142, 0.85); }

.footer-cta {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 40px;
  padding-bottom: 40px; }
  @media screen and (min-width: 48em) {
    .footer-cta {
      padding-top: 120px;
      padding-bottom: 60px; } }
.footer-cta .wrap {
  position: relative; }

.footer-cta .buttons-primary {
  margin-top: 40px; }
  @media screen and (min-width: 48em) {
    .footer-cta .buttons-primary {
      margin-top: 115px; } }
.footer-cta.flex-parent a.button {
  padding-left: 31px;
  padding-right: 31px;
  padding-top: 13px;
  padding-bottom: 13px; }

.footer-cta h2 {
  font-family: "Scout Light";
  font-weight: normal;
  font-size: 26px;
  line-height: 29px;
  color: white;
  margin-top: 0; }
  @media screen and (min-width: 48em) {
    .footer-cta h2 {
      font-size: 40px;
      line-height: 45px; } }
a.ab-pos {
  position: absolute;
  width: 100%;
  height: 100%;
  text-indent: -10000px;
  top: 0;
  left: 0; }

.image-grid {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 35px;
  margin-bottom: 35px; }
  @media screen and (min-width: 48em) {
    .image-grid {
      margin-top: 50px;
      margin-bottom: 50px;
      margin-left: auto;
      margin-right: auto;
      width: 92.5%; } }
.image-grid .grid-img {
  margin-bottom: 35px; }
  @media screen and (min-width: 48em) {
    .image-grid .grid-img {
      margin-bottom: 0; } }
.highlights {
  margin-top: 40px;
  margin-bottom: 40px; }
  @media screen and (min-width: 48em) {
    .highlights {
      margin-top: 80px;
      margin-bottom: 80px; } }
.highlights .wrap {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem; }

.highlights .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 64px;
  height: 64px;
  -webkit-border-radius: 64px;
     -moz-border-radius: 64px;
          border-radius: 64px;
  background: #FFB81C;
  margin-top: 45px; }
  @media screen and (min-width: 48em) {
    .highlights .icon {
      width: 64px;
      height: 64px;
      -webkit-border-radius: 64px;
         -moz-border-radius: 64px;
              border-radius: 64px;
      margin-top: 0; } }
.highlights h3 {
  margin-top: 20px;
  font-family: Scout;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 15px;
  color: #000000; }
  @media screen and (min-width: 48em) {
    .highlights h3 {
      margin-top: 25px;
      font-size: 20px;
      margin-bottom: 10px;
      line-height: 25px; } }
.highlights p {
  font-family: Nunito;
  color: #000000;
  font-size: 13px;
  line-height: 20px; }
  @media screen and (min-width: 48em) {
    .highlights p {
      font-size: 18px;
      line-height: 24px; } }
.highlights .icon img {
  max-width: 90%;
  display: block;
  height: auto;
  max-height: 100%; }

.highlights h2 {
  font-family: "Scout Light";
  font-size: 26px;
  line-height: 29px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400; }
  @media screen and (min-width: 48em) {
    .highlights h2 {
      font-size: 40px;
      line-height: 45px;
      margin-bottom: 0;
      margin-top: 26px; } }
.highlights .highlight-desc {
  text-align: center;
  font-family: "Scout Light";
  font-weight: 400;
  font-size: 14.5px;
  line-height: 16px;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
  margin-top: 25px;
  padding-left: 1.25rem;
  padding-right: 1.25rem; }
  @media screen and (min-width: 48em) {
    .highlights .highlight-desc {
      font-size: 22px;
      line-height: 24px;
      letter-spacing: 0.5px;
      margin-bottom: 37px; } }
.image-grid .grid-img img {
  display: block;
  width: 100%;
  height: auto; }

@media screen and (min-width: 48em) {
  .image-grid .grid-img {
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }

.highlights-wrap {
  background: white;
  -webkit-border-top-left-radius: 24px;
     -moz-border-radius-topleft: 24px;
          border-top-left-radius: 24px;
  -webkit-border-bottom-left-radius: 24px;
     -moz-border-radius-bottomleft: 24px;
          border-bottom-left-radius: 24px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 55px;
  padding-top: 15px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media screen and (min-width: 48em) {
    .highlights-wrap {
      padding-left: 8%;
      padding-right: 8%;
      padding-bottom: 50px;
      padding-top: 30px; } }
/* Product Repeater */
.product-cont h3 {
  font-family: Scout;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #000000;
  letter-spacing: 0.75px;
  text-align: center;
  margin-bottom: 25px;
  margin-top: 25px;
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 48em) {
    .product-cont h3 {
      font-size: 22px;
      line-height: 26px;
      margin-bottom: 35px;
      margin-top: 35px; } }
@media screen and (min-width: 48em) {
  .product:last-of-type {
    margin-bottom: 50px; } }

.product .img-cont h4 {
  position: absolute;
  top: 5%;
  left: 0;
  background: #212721;
  color: white;
  font-family: Scout;
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 23px;
  margin-left: -1.25rem;
  padding-left: 0.75rem;
  padding-right: 2rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem; }
  @media screen and (min-width: 48em) {
    .product .img-cont h4 {
      top: 5%;
      left: 0;
      margin-left: 0;
      padding-left: 1.5rem;
      padding-right: 2rem;
      padding-top: 1rem;
      padding-bottom: 1rem;
      font-size: 28px;
      line-height: 28px; } }
.product .img-cont {
  position: relative; }
  @media screen and (min-width: 48em) {
    .product .img-cont {
      margin-top: 35px;
      margin-bottom: 35px; } }
.product .img-cont img {
  display: block;
  width: 100%;
  height: auto; }

.product .content {
  -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
  -webkit-border-bottom-left-radius: 24px;
     -moz-border-radius-bottomleft: 24px;
          border-bottom-left-radius: 24px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin-top: -8vw;
  position: relative;
  z-index: 5;
  background: white; }
  @media screen and (min-width: 48em) {
    .product .content {
      -webkit-box-shadow: none;
         -moz-box-shadow: none;
              box-shadow: none;
      -webkit-border-radius: 0;
         -moz-border-radius: 0;
              border-radius: 0;
      margin-top: 35px;
      margin-top: 35px;
      padding-right: 2rem;
      padding-left: 2rem;
      padding-top: 0;
      padding-bottom: 0; } }
.product .content p strong {
  color: black; }

.product .content p {
  font-family: 'Nunito';
  color: #626D74;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px; }
  @media screen and (min-width: 48em) {
    .product .content p {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 20px; } }
.product {
  background: white;
  margin-bottom: 2.35rem; }
  @media screen and (min-width: 48em) {
    .product {
      margin-bottom: 100px;
      -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
         -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
      -webkit-border-bottom-left-radius: 24px;
         -moz-border-radius-bottomleft: 24px;
              border-bottom-left-radius: 24px; } }
.image-text-block .image-content {
  margin-bottom: 40px; }
  @media screen and (min-width: 48em) {
    .image-text-block .image-content {
      margin-bottom: 90px; } }
.image-text-block h2.block-title {
  text-align: center;
  font-family: "Scout Light";
  font-weight: normal;
  font-size: 22px;
  line-height: 29px;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 30px; }
  @media screen and (min-width: 48em) {
    .image-text-block h2.block-title {
      font-size: 40px;
      line-height: 45px;
      margin-top: 60px;
      margin-bottom: 60px; } }
@media screen and (min-width: 48em) {
  .image-text-block .content {
    padding-left: 5%; } }

.image-text-block ul, .image-text-block ol, .image-text-block dl {
  padding-left: 1.25rem;
  margin-bottom: 20px; }
  @media screen and (min-width: 48em) {
    .image-text-block ul, .image-text-block ol, .image-text-block dl {
      padding-left: 2rem;
      margin-bottom: 25px; } }
.image-text-block p {
  color: #626D74;
  font-family: "Nunito";
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 30px; }
  @media screen and (min-width: 48em) {
    .image-text-block p {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 25px; } }
.image-text-block h2 {
  font-family: "Scout Light";
  font-weight: normal;
  color: black;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px; }
  @media screen and (min-width: 48em) {
    .image-text-block h2 {
      font-size: 32px;
      line-height: 35px;
      margin-bottom: 30px; } }
/* Intro Block & Text CTA Block */
.intro-cont, .text_cta_block {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-family: Nunito;
  font-size: 16px;
  line-height: 20px;
  color: #626D74;
  margin-bottom: 20px; }
  @media screen and (min-width: 48em) {
    .intro-cont, .text_cta_block {
      margin-bottom: 40px;
      font-size: 18px;
      line-height: 24px; } }
  @media screen and (max-width: 45.25em) {
    .intro-cont, .text_cta_block {
      width: 100%; } }
.intro-cont h2, .text_cta_block h2 {
  font-family: "Scout Light";
  font-weight: normal;
  margin-bottom: 25px;
  margin-top: 25px;
  font-size: 20px;
  line-height: 27px;
  color: black; }
  @media screen and (min-width: 48em) {
    .intro-cont h2, .text_cta_block h2 {
      font-size: 40px;
      line-height: 50px;
      margin-top: 30px;
      margin-bottom: 30px; } }
.intro-cont p, .intro-cont > span, .text_cta_block p, .text_cta_block > span {
  display: block;
  margin-bottom: 30px; }
  @media screen and (min-width: 48em) {
    .intro-cont p, .intro-cont > span, .text_cta_block p, .text_cta_block > span {
      margin-bottom: 25px; } }
.intro-cont ul, .intro-cont ol, .intro-cont dl, .text_cta_block ul, .text_cta_block ol, .text_cta_block dl {
  padding-left: 1.25rem;
  margin-bottom: 20px; }
  @media screen and (min-width: 48em) {
    .intro-cont ul, .intro-cont ol, .intro-cont dl, .text_cta_block ul, .text_cta_block ol, .text_cta_block dl {
      padding-left: 2rem;
      margin-bottom: 25px; } }
.text_cta_block.flex-parent .button {
  padding-left: 31px;
  padding-right: 31px;
  padding-top: 13px;
  padding-bottom: 13px; }

.text_cta_block .buttons-primary {
  margin-top: 20px; }
  @media screen and (min-width: 48em) {
    .text_cta_block .buttons-primary {
      margin-top: 30px; } }
/* Text and CTA Block */
@media screen and (max-width: 45.25em) {
  .page-template-page-product-php .hero-header .hero-text p {
    padding-left: 0; } }

.page-template-page-product-php .io-home-slider-container {
  padding-top: 40px;
  margin-bottom: 20px; }
  @media screen and (min-width: 48em) {
    .page-template-page-product-php .io-home-slider-container {
      margin-bottom: 20px;
      width: -webkit-calc(100% + 4rem);
      width: -moz-calc(100% + 4rem);
      width: calc(100% + 4rem);
      margin-left: -2rem; } }
body .io-home-slider-container .bx-controls-direction a {
  color: white;
  font-size: 30px; }
  @media screen and (min-width: 48em) {
    body .io-home-slider-container .bx-controls-direction a {
      font-size: 45px; } }
body .io-home-slider-container .bx-pager {
  width: 50%;
  padding: 30px 25px 16px; }

body .io-home-slider-container .bx-pager .bx-pager-item {
  float: right;
  margin-right: 9px; }

.io-home-slider-container .bx-pager .bx-pager-item a {
  width: 11px;
  height: 11px;
  background: white;
  position: relative; }

body .io-home-slider-container .bx-pager .bx-pager-item a.active {
  background: white; }

body .io-home-slider-container .bx-pager .bx-pager-item a.active:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background: black;
  top: 50%;
  left: 50%;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.page-template-page-product-php .io-home-slider-container .slide {
  padding-left: 0; }

.page-template-page-product-php .io-home-slider-container .slide:before {
  display: none; }

.page-template-page-product-php .io-home-slider-container .slide .slide-image, .page-template-page-product-recover-energy-php .io-home-slider-container .slide .slide-image {
  width: 100%;
  padding-right: 0; }

.page-template-page-product-php .io-home-slider-container .slide .slide-image img, .page-template-page-product-recover-energy-php .io-home-slider-container .slide .slide-image img {
  display: block;
  width: 100%; }

.page-template-page-product-php .hero-header, .page-template-page-product-recover-energy-php .hero-header, .page-template-page-product-pumping-php .hero-header, .page-template-page-product-turbo-php .hero-header, .page-template-page-product-vorteq-php .hero-header {
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-top: 40px; }
  @media screen and (min-width: 48em) {
    .page-template-page-product-php .hero-header, .page-template-page-product-recover-energy-php .hero-header, .page-template-page-product-pumping-php .hero-header, .page-template-page-product-turbo-php .hero-header, .page-template-page-product-vorteq-php .hero-header {
      padding-top: 73px; } }
  .page-template-page-product-php .hero-header .share:after, .page-template-page-product-recover-energy-php .hero-header .share:after, .page-template-page-product-pumping-php .hero-header .share:after, .page-template-page-product-turbo-php .hero-header .share:after, .page-template-page-product-vorteq-php .hero-header .share:after {
    vertical-align: sub; }

.page-template-page-product-php .site-content .main-content > ul.featured-resources, .page-template-page-product-recover-energy-php .site-content .main-content > ul.featured-resources, .page-template-page-product-pumping-php .site-content .main-content > ul.featured-resources, .page-template-page-product-turbo-php .site-content .main-content > ul.featured-resources, .page-template-page-product-vorteq-php .site-content .main-content > ul.featured-resources {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  list-style-type: none;
  padding-bottom: 0;
  padding-top: 0; }

.page-template-page-product-php .intro-text h1, .page-template-page-product-recover-energy-php .intro-text h1, .page-template-page-product-pumping-php .intro-text h1, .page-template-page-product-turbo-php .intro-text h1, .page-template-page-product-vorteq-php .intro-text h1 {
  margin-bottom: 0;
  font-family: Scout;
  font-weight: 300; }

.page-template-page-product-php .site-content, .page-template-page-product-recover-energy-php .site-content, .page-template-page-product-pumping-php .site-content, .page-template-page-product-turbo-php .site-content, .page-template-page-product-vorteq-php .site-content {
  width: 100%;
  max-width: 1250px;
  display: inline-block; }
  @media screen and (max-width: 48em) {
    .page-template-page-product-php .site-content, .page-template-page-product-recover-energy-php .site-content, .page-template-page-product-pumping-php .site-content, .page-template-page-product-turbo-php .site-content, .page-template-page-product-vorteq-php .site-content {
      width: 100%;
      max-width: 100%; } }
  .page-template-page-product-php .site-content article > h4, .page-template-page-product-recover-energy-php .site-content article > h4, .page-template-page-product-pumping-php .site-content article > h4, .page-template-page-product-turbo-php .site-content article > h4, .page-template-page-product-vorteq-php .site-content article > h4 {
    text-transform: uppercase;
    color: #72808A;
    font-size: 0.875rem; }
  .page-template-page-product-php .site-content p > a, .page-template-page-product-recover-energy-php .site-content p > a, .page-template-page-product-pumping-php .site-content p > a, .page-template-page-product-turbo-php .site-content p > a, .page-template-page-product-vorteq-php .site-content p > a {
    text-transform: none;
    color: #F4A404;
    font-size: inherit;
    font-style: normal;
    font-weight: normal;
    font-family: "Scout Light";
    padding: 0; }
  .page-template-page-product-php .site-content .main-content > ul, .page-template-page-product-recover-energy-php .site-content .main-content > ul, .page-template-page-product-pumping-php .site-content .main-content > ul, .page-template-page-product-turbo-php .site-content .main-content > ul, .page-template-page-product-vorteq-php .site-content .main-content > ul {
    padding-top: 35px;
    padding-bottom: 35px; }

.page-template-page-product-php article, .page-template-page-product-recover-energy-php article, .page-template-page-product-pumping-php article, .page-template-page-product-turbo-php article, .page-template-page-product-vorteq-php article {
  font-size: 1.3125rem;
  font-style: normal;
  font-weight: normal;
  font-family: "Scout Light"; }
  .page-template-page-product-php article a, .page-template-page-product-recover-energy-php article a, .page-template-page-product-pumping-php article a, .page-template-page-product-turbo-php article a, .page-template-page-product-vorteq-php article a {
    text-decoration: none;
    text-transform: uppercase;
    color: #000000;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: normal;
    font-family: Scout;
    font-weight: 700;
    padding: 0.3125rem; }
  .page-template-page-product-php article .overview-intro-text, .page-template-page-product-recover-energy-php article .overview-intro-text, .page-template-page-product-pumping-php article .overview-intro-text, .page-template-page-product-turbo-php article .overview-intro-text, .page-template-page-product-vorteq-php article .overview-intro-text {
    padding-bottom: 2.1875rem;
    border-bottom: 1px solid #E2E2E2; }
    .page-template-page-product-php article .overview-intro-text p, .page-template-page-product-recover-energy-php article .overview-intro-text p, .page-template-page-product-pumping-php article .overview-intro-text p, .page-template-page-product-turbo-php article .overview-intro-text p, .page-template-page-product-vorteq-php article .overview-intro-text p {
      display: inline-block; }

.page-template-page-product-php aside, .page-template-page-product-recover-energy-php aside, .page-template-page-product-pumping-php aside, .page-template-page-product-turbo-php aside, .page-template-page-product-vorteq-php aside {
  width: 24%;
  max-width: 260px;
  display: inline-block;
  vertical-align: top;
  padding-left: 10px; }
  @media screen and (max-width: 48em) {
    .page-template-page-product-php aside, .page-template-page-product-recover-energy-php aside, .page-template-page-product-pumping-php aside, .page-template-page-product-turbo-php aside, .page-template-page-product-vorteq-php aside {
      width: 100%;
      max-width: 100%;
      display: block; } }
  .page-template-page-product-php aside .sidebar-listing, .page-template-page-product-recover-energy-php aside .sidebar-listing, .page-template-page-product-pumping-php aside .sidebar-listing, .page-template-page-product-turbo-php aside .sidebar-listing, .page-template-page-product-vorteq-php aside .sidebar-listing {
    list-style: none; }
    .page-template-page-product-php aside .sidebar-listing h3, .page-template-page-product-recover-energy-php aside .sidebar-listing h3, .page-template-page-product-pumping-php aside .sidebar-listing h3, .page-template-page-product-turbo-php aside .sidebar-listing h3, .page-template-page-product-vorteq-php aside .sidebar-listing h3 {
      color: #72808A;
      text-transform: uppercase;
      font-size: 0.875rem;
      font-style: normal;
      font-weight: normal;
      font-family: Scout;
      font-weight: 700;
      padding-bottom: 35px; }
    .page-template-page-product-php aside .sidebar-listing .listing-items, .page-template-page-product-recover-energy-php aside .sidebar-listing .listing-items, .page-template-page-product-pumping-php aside .sidebar-listing .listing-items, .page-template-page-product-turbo-php aside .sidebar-listing .listing-items, .page-template-page-product-vorteq-php aside .sidebar-listing .listing-items {
      list-style: none;
      line-height: 1;
      padding-top: 0;
      padding-bottom: 0; }
      .page-template-page-product-php aside .sidebar-listing .listing-items li, .page-template-page-product-recover-energy-php aside .sidebar-listing .listing-items li, .page-template-page-product-pumping-php aside .sidebar-listing .listing-items li, .page-template-page-product-turbo-php aside .sidebar-listing .listing-items li, .page-template-page-product-vorteq-php aside .sidebar-listing .listing-items li {
        position: relative; }
        .page-template-page-product-php aside .sidebar-listing .listing-items li ul, .page-template-page-product-recover-energy-php aside .sidebar-listing .listing-items li ul, .page-template-page-product-pumping-php aside .sidebar-listing .listing-items li ul, .page-template-page-product-turbo-php aside .sidebar-listing .listing-items li ul, .page-template-page-product-vorteq-php aside .sidebar-listing .listing-items li ul {
          display: inline-block;
          max-width: 87%;
          vertical-align: top;
          margin-top: -5px; }
        .page-template-page-product-php aside .sidebar-listing .listing-items li a, .page-template-page-product-recover-energy-php aside .sidebar-listing .listing-items li a, .page-template-page-product-pumping-php aside .sidebar-listing .listing-items li a, .page-template-page-product-turbo-php aside .sidebar-listing .listing-items li a, .page-template-page-product-vorteq-php aside .sidebar-listing .listing-items li a {
          text-decoration: none;
          text-transform: none;
          color: #F4A404;
          font-size: 1.75rem;
          font-style: normal;
          font-weight: normal;
          font-family: "Scout Light"; }
        .page-template-page-product-php aside .sidebar-listing .listing-items li:before, .page-template-page-product-recover-energy-php aside .sidebar-listing .listing-items li:before, .page-template-page-product-pumping-php aside .sidebar-listing .listing-items li:before, .page-template-page-product-turbo-php aside .sidebar-listing .listing-items li:before, .page-template-page-product-vorteq-php aside .sidebar-listing .listing-items li:before {
          font-family: "SSGizmo";
          font-size: 1.375rem;
          color: #000000;
          font-weight: 300;
          display: inline-block;
          padding-right: 10px; }

.hero-text {
  padding: 0.875rem 0; }

.video-cont p {
  background: #000;
  color: white;
  font-family: 'Nunito';
  font-size: 13px;
  line-height: 16px;
  font-weight: normal;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem; }
  @media screen and (min-width: 48em) {
    .video-cont p {
      font-size: 20px;
      line-height: 28px; } }
.video-cont h2 {
  font-family: "Scout Light";
  font-size: 26px;
  line-height: 32px;
  font-weight: normal;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 25px; }
  @media screen and (min-width: 48em) {
    .video-cont h2 {
      margin-top: 60px;
      margin-bottom: 60px;
      font-size: 40px;
      line-height: 45px; } }
/* Campaign Page Styling */
.page-template-page-campaign article {
  font-style: normal;
  font-weight: normal;
  font-family: "Scout Light";
  font-size: 1.3125rem; }
  .page-template-page-campaign article > * + * {
    margin-top: 20px; }

.page-template-page-campaign .touts .tout .tout-headline {
  font-size: 1.75rem; }

.page-template-page-campaign h3 {
  font-style: normal;
  font-weight: normal;
  font-family: "Scout Light"; }
  .page-template-page-campaign h3 span {
    color: #FCB525; }

@media screen and (min-width: 48em) {
  .page-template-page-campaign .touts {
    padding-bottom: 0; } }

.page-template-page-campaign .tout-image img {
  display: block; }

.page-template-page-campaign .tout-image:before {
  display: none; }

.page-template-page-campaign .touts .tout .tout-image .tout-overview {
  background: none;
  position: absolute;
  color: black;
  width: 100%;
  height: 100%;
  text-align: left; }

.page-template-page-campaign .touts .tout .tout-image .tout-overview a {
  display: block;
  width: 100%;
  height: 100%; }

.page-template-page-campaign .touts .tout .tout-image {
  position: static; }

.page-template-page-campaign .touts .tout .tout-headline {
  color: black;
  line-height: 32px; }

.page-template-page-campaign .touts .tout {
  -webkit-border-bottom-right-radius: 24px;
     -moz-border-radius-bottomright: 24px;
          border-bottom-right-radius: 24px;
  -webkit-border-top-right-radius: 24px;
     -moz-border-radius-topright: 24px;
          border-top-right-radius: 24px; }
  @media screen and (min-width: 48em) {
    .page-template-page-campaign .touts .tout {
      width: -webkit-calc(33.3333% - 32px);
      width: -moz-calc(33.3333% - 32px);
      width: calc(33.3333% - 32px);
      margin-left: 15px;
      margin-right: 15px; } }
.page-template-page-campaign .touts .tout .tout-image {
  -webkit-border-top-left-radius: 24px;
     -moz-border-radius-topleft: 24px;
          border-top-left-radius: 24px;
  -webkit-border-top-right-radius: 24px;
     -moz-border-radius-topright: 24px;
          border-top-right-radius: 24px;
  -webkit-border-bottom-left-radius: 0;
     -moz-border-radius-bottomleft: 0;
          border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
     -moz-border-radius-bottomright: 0;
          border-bottom-right-radius: 0; }

.page-template-page-campaign .touts .tout .tout-image .tout-overview:after {
  display: none; }

.page-template-page-campaign .touts .tout .tout-text {
  padding-bottom: 10px; }

.page-template-page-campaign .touts .tout .tout-text p {
  color: black; }

/* Search */
.search-results {
  font-style: normal;
  font-weight: normal;
  font-family: "Scout Light"; }
  .search-results h3 {
    font-style: normal;
    font-weight: normal;
    font-family: "Scout Light";
    font-size: 1.75rem; }
  .search-results ol {
    padding-left: 1.875rem;
    font-size: 1.3125rem; }
    .search-results ol li {
      padding-bottom: 1.25rem; }
  .search-results .link {
    padding-left: 1.25rem; }

/* 404 Page */
.error404 h1 {
  font-style: normal;
  font-weight: normal;
  font-family: "Scout Light";
  color: #F4A404;
  font-size: 2.25rem; }

.error404 p {
  font-style: normal;
  font-weight: normal;
  font-family: "Scout Light";
  font-size: 1.3125rem; }

/* Forms */
form > div.field {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 25px; }
  @media screen and (max-width: 31.25em) {
    form > div.field {
      width: 100%; } }
  form > div.field input {
    width: 90%; }
    form > div.field input[type="checkbox"] {
      width: auto; }
  form > div.field select {
    max-width: 90%; }
  form > div.field.tech-specs .term {
    width: 35%;
    display: inline-block; }
    @media screen and (max-width: 57.0625em) {
      form > div.field.tech-specs .term {
        width: 100%;
        display: block; } }
    form > div.field.tech-specs .term label {
      display: inline-block;
      padding-right: 10px; }

form > div.submit-button {
  width: 100%;
  text-align: left;
  margin-bottom: 20px; }
  form > div.submit-button input {
    font-size: 1.75rem;
    color: #FCB525;
    -webkit-transition: background .25s ease, color .25s ease;
    -o-transition: background .25s ease, color .25s ease;
    -moz-transition: background .25s ease, color .25s ease;
    transition: background .25s ease, color .25s ease; }
    form > div.submit-button input:hover {
      color: #fff;
      background: #FCB525; }
    form > div.submit-button input:active {
      background: #000000; }

form > div.login {
  text-align: left;
  margin-bottom: 20px; }
  form > div.login.er-login-password-container {
    margin-bottom: 0; }

form > div.password-reminder {
  padding-bottom: 20px;
  color: #FCB525; }

form > div.forgot {
  text-align: left;
  margin-top: 40px; }

form label {
  font-style: normal;
  font-weight: normal;
  font-family: Scout;
  font-weight: 700;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #72808A;
  display: none; }
  form label span {
    color: #FCB525;
    display: inline-block;
    padding-left: 5px; }

form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 5px 0 5px 13px;
  min-height: 39px;
  background: white url(../images/down-arrow-yellow.svg) no-repeat -webkit-calc(100% - 10px) center/9px;
  background: white url(../images/down-arrow-yellow.svg) no-repeat -moz-calc(100% - 10px) center/9px;
  background: white url(../images/down-arrow-yellow.svg) no-repeat calc(100% - 10px) center/9px; }

form input, form select {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid black;
  margin-bottom: 18px;
  min-height: 33px;
  font-size: 12px; }
  @media screen and (min-width: 48em) {
    form input, form select {
      min-height: 39px;
      margin-bottom: 22px;
      font-size: 14px; } }
  form input.unhappy, form select.unhappy {
    border-color: red; }

.er-forgot {
  padding-top: 0; }

.er-login-message,
.unhappyMessage {
  color: red;
  font-size: 1rem; }

.unhappyMessage {
  padding-left: 10px; }

select {
  font-family: Scout;
  text-transform: uppercase;
  font-size: 12px;
  color: #000000;
  background: white;
  letter-spacing: 1.37px; }

form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: Scout;
  text-transform: uppercase;
  font-size: 12px;
  color: #000000;
  letter-spacing: 1.37px; }

form ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: Scout;
  text-transform: uppercase;
  font-size: 12px;
  color: #000000;
  letter-spacing: 1.37px; }

form :-ms-input-placeholder {
  /* IE 10+ */
  font-family: Scout;
  text-transform: uppercase;
  font-size: 12px;
  color: #000000;
  letter-spacing: 1.37px; }

form :-moz-placeholder {
  /* Firefox 18- */
  font-family: Scout;
  text-transform: uppercase;
  font-size: 12px;
  color: #000000;
  letter-spacing: 1.37px; }

@media screen and (min-width: 48em) {
  .page-template-page-contact .content, .page-template-page-support .content {
    padding-right: 2.5%; } }

@media screen and (min-width: 48em) {
  body.page-template-page-support article {
    padding-left: 0;
    padding-right: 0; } }

.page-template-page-support .hero-header .intro-text {
  background: black; }

.page-template-page-support .hero-header .intro-text p {
  max-width: 100%; }
  @media screen and (max-width: 48em) {
    .page-template-page-support .hero-header .intro-text p {
      max-width: 66.666667%; } }
body.page-template-page-support article {
  padding-top: 0; }
  @media screen and (min-width: 48em) {
    body.page-template-page-support article {
      padding-top: 0; } }
body.page-template-page-support .form-cont {
  position: relative; }
  @media screen and (min-width: 48em) {
    body.page-template-page-support .form-cont {
      margin-top: -85px;
      z-index: 5; } }
.page-template-page-contact .listing-header-content, .page-template-page-support .listing-header-content {
  -webkit-border-bottom-right-radius: 40px;
     -moz-border-radius-bottomright: 40px;
          border-bottom-right-radius: 40px;
  -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
  background: #FCB525;
  font-size: 1rem;
  padding: 1.5625rem 0; }
  @media screen and (max-width: 45.25em) {
    .page-template-page-contact .listing-header-content, .page-template-page-support .listing-header-content {
      padding-top: 20px;
      padding-bottom: 20px; } }
  .page-template-page-contact .listing-header-content h1, .page-template-page-support .listing-header-content h1 {
    color: #fff;
    font-size: 3.5rem;
    font-family: Scout;
    line-height: 56px;
    font-weight: 300;
    margin: 0; }
    @media screen and (max-width: 48em) {
      .page-template-page-contact .listing-header-content h1, .page-template-page-support .listing-header-content h1 {
        padding-bottom: 0; } }
    @media screen and (max-width: 45.25em) {
      .page-template-page-contact .listing-header-content h1, .page-template-page-support .listing-header-content h1 {
        font-size: 1.73125rem;
        line-height: 27.7px; } }
.page-template-page-contact article, .page-template-page-support article {
  max-width: 1150px;
  margin: 0 auto;
  padding-top: 25px; }
  @media screen and (min-width: 48em) {
    .page-template-page-contact article, .page-template-page-support article {
      padding-top: 50px;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
  .page-template-page-contact article .main-content h2, .page-template-page-support article .main-content h2 {
    font-family: Scout;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px; }
    @media screen and (min-width: 48em) {
      .page-template-page-contact article .main-content h2, .page-template-page-support article .main-content h2 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 15px; } }
  .page-template-page-contact article .main-content > h2, .page-template-page-support article .main-content > h2 {
    font-size: 2.25rem;
    font-style: normal;
    font-weight: normal;
    font-family: "Scout Light";
    padding-top: 2.8125rem; }
  .page-template-page-contact article .main-content .address,
  .page-template-page-contact article .main-content .phone-fax, .page-template-page-support article .main-content .address,
  .page-template-page-support article .main-content .phone-fax {
    width: 49%;
    display: inline-block; }
    @media screen and (min-width: 48em) {
      .page-template-page-contact article .main-content .address,
      .page-template-page-contact article .main-content .phone-fax, .page-template-page-support article .main-content .address,
      .page-template-page-support article .main-content .phone-fax {
        padding: 30px 0; } }
    @media screen and (max-width: 31.25em) {
      .page-template-page-contact article .main-content .address,
      .page-template-page-contact article .main-content .phone-fax, .page-template-page-support article .main-content .address,
      .page-template-page-support article .main-content .phone-fax {
        width: 100%; } }
  @media screen and (max-width: 31.25em) {
    .page-template-page-contact article .main-content .address, .page-template-page-support article .main-content .address {
      padding-bottom: 0; } }
  @media screen and (max-width: 31.25em) {
    .page-template-page-contact article .main-content .phone-fax, .page-template-page-support article .main-content .phone-fax {
      padding-top: 0; } }
  .page-template-page-contact article .main-content p, .page-template-page-support article .main-content p {
    padding: 0;
    font-family: 'Nunito';
    font-size: 14px;
    line-height: 19px; }
    @media screen and (min-width: 48em) {
      .page-template-page-contact article .main-content p, .page-template-page-support article .main-content p {
        font-size: 20px;
        line-height: 28px; } }
.page-template-page-contact form, .page-template-page-support form {
  text-align: justify; }
  .page-template-page-contact form:after, .page-template-page-support form:after {
    content: '';
    display: inline-block;
    width: 100%; }
  .page-template-page-contact form > div, .page-template-page-support form > div {
    width: 100%;
    display: inline-block; }
    @media screen and (max-width: 31.25em) {
      .page-template-page-contact form > div, .page-template-page-support form > div {
        width: 100%; } }
    .page-template-page-contact form > div input, .page-template-page-support form > div input {
      width: 100%;
      padding: 5px 0 5px 13px;
      font-style: normal;
      font-weight: normal;
      font-family: "Scout Light"; }
    .page-template-page-contact form > div select, .page-template-page-support form > div select {
      width: 100%; }
    .page-template-page-contact form > div.message-container, .page-template-page-support form > div.message-container {
      width: 100%; }
      .page-template-page-contact form > div.message-container textarea, .page-template-page-support form > div.message-container textarea {
        width: 100%;
        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px;
        border: 1px solid black;
        height: 180px;
        padding: 15px 0 5px 13px; }
    .page-template-page-contact form > div.submit-container, .page-template-page-support form > div.submit-container {
      width: 100%;
      text-align: center; }
      .page-template-page-contact form > div.submit-container input, .page-template-page-support form > div.submit-container input {
        display: inline-block;
        width: auto;
        padding: 0 20px 2px;
        font-weight: bold;
        font-family: Scout;
        margin-top: 30px;
        -webkit-transition: color .25s ease, background .25s ease;
        -o-transition: color .25s ease, background .25s ease;
        -moz-transition: color .25s ease, background .25s ease;
        transition: color .25s ease, background .25s ease;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none; }

.page-template-page-contact .locations-listing, .page-template-page-support .locations-listing {
  list-style: none;
  border-top: 1px solid #E2E2E2;
  margin-top: 35px;
  padding-bottom: 25px; }
  @media screen and (min-width: 48em) {
    .page-template-page-contact .locations-listing, .page-template-page-support .locations-listing {
      padding-bottom: 90px; } }
  .page-template-page-contact .locations-listing li, .page-template-page-support .locations-listing li {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding-top: 25px; }
    @media screen and (min-width: 48em) {
      .page-template-page-contact .locations-listing li, .page-template-page-support .locations-listing li {
        width: 49%;
        padding-right: 2.5%;
        padding-top: 50px; } }
    .page-template-page-contact .locations-listing li h3, .page-template-page-support .locations-listing li h3 {
      font-family: Scout;
      font-weight: bold;
      font-size: 14px;
      line-height: 20px; }
      @media screen and (min-width: 48em) {
        .page-template-page-contact .locations-listing li h3, .page-template-page-support .locations-listing li h3 {
          font-size: 18px;
          line-height: 25px; } }
    .page-template-page-contact .locations-listing li div, .page-template-page-support .locations-listing li div {
      padding: 0;
      font-family: 'Nunito';
      font-size: 14px;
      line-height: 19px; }
      @media screen and (min-width: 48em) {
        .page-template-page-contact .locations-listing li div, .page-template-page-support .locations-listing li div {
          font-size: 20px;
          line-height: 28px; } }
    .page-template-page-contact .locations-listing li .email, .page-template-page-support .locations-listing li .email {
      color: #000000; }
      .page-template-page-contact .locations-listing li .email a, .page-template-page-support .locations-listing li .email a {
        -webkit-transition: color .25s ease;
        -o-transition: color .25s ease;
        -moz-transition: color .25s ease;
        transition: color .25s ease;
        word-break: break-all;
        color: black;
        font-family: 'Nunito';
        font-size: 14px;
        line-height: 19px; }
        @media screen and (min-width: 48em) {
          .page-template-page-contact .locations-listing li .email a, .page-template-page-support .locations-listing li .email a {
            font-size: 20px;
            line-height: 28px; } }
.form-cont {
  background: #FFFFFF; }
  @media screen and (min-width: 48em) {
    .form-cont {
      -webkit-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
         -moz-box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.15);
      -webkit-border-radius: 24px 0 0 24px;
         -moz-border-radius: 24px 0 0 24px;
              border-radius: 24px 0 0 24px;
      padding-top: 45px;
      padding-bottom: 45px;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }