@charset "UTF-8";
@import url("//hello.myfonts.net/count/2c2393");
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body {
  height: 100%;
}

/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *  user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
}

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

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

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

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

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

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

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

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

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

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

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

td,
th {
  padding: 0;
}

@font-face {
  font-family: 'Minion-Regular';
  src: url("../fonts/2C2393_0_0.eot");
  src: url("../fonts/2C2393_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2C2393_0_0.woff") format("woff"), url("../fonts/2C2393_0_0.ttf") format("truetype");
}
@font-face {
  font-family: DINWebPro;
  src: url("../fonts/DINWebPro.eot");
  src: url("../fonts/DINWebPro.eot?#iefix") format("embedded-opentype"), url("../fonts/DINWebPro.woff") format("woff"), url("../fonts/DINWebPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: DINWebPro-Medium;
  src: url("../fonts/DINWebPro-Medium.eot");
  src: url("../fonts/DINWebPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/DINWebPro-Medium.woff") format("woff"), url("../fonts/DINWebPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: DINWebPro-Bold;
  src: url("../fonts/DINWebPro-Bold.eot");
  src: url("../fonts/DINWebPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DINWebPro-Bold.woff") format("woff"), url("../fonts/DINWebPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
html {
  font-size: 62.5%;
}

body {
  background: #ffffff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
  color: #666666;
  font-family: DINWebPro, "Helvetica", Arial, sans-serif;
  vertical-align: middle;
}

h1, h2, h3, #modalTitle, h4, h5, h6, .perc-archive-list .perc-archive-title {
  font-family: DINWebPro, "Helvetica", Arial, sans-serif;
  margin: 10px 0;
  font-weight: 400;
}

h1 {
  font-size: 40px;
  font-size: 4rem;
  line-height: 46px;
  line-height: 4.6rem;
  font-family: "Minion-Regular", Times, "Times New Roman", serif;
}

h2 {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 32px;
  line-height: 3.2rem;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  color: #009fdf;
}

h3, #modalTitle {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 28px;
  line-height: 2.8rem;
  color: #3c3c3c;
}

h4 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 26px;
  line-height: 2.6rem;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
}

h5 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  line-height: 2rem;
}

h6, .perc-archive-list .perc-archive-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: DINWebPro-bold, "Helvetica", Arial, sans-serif;
  line-height: 20px;
  line-height: 2rem;
}

a {
  color: #666666;
}
a:visited {
  color: #3c3c3c;
}
a:hover {
  color: #009fdf;
  text-decoration: underline;
}

p {
  margin: 0 auto 20px auto;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
}

blockquote {
  margin: 0 0 2em 0;
}
blockquote p {
  font-family: "Minion-Regular", Times, "Times New Roman", serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 32px;
  line-height: 3.2rem;
  max-width: 800px;
}
blockquote p:before {
  content: "\“";
}
blockquote p:after {
  content: "\”";
}

/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.142857142857143em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: 0.14285714285714285em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571428572em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-asc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-desc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-reply-all:before {
  content: "\f122";
}
.fa-mail-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}


@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?-8qkx5k");
  src: url("../fonts/icomoon.eot?#iefix-8qkx5k") format("embedded-opentype"), url("../fonts/icomoon.woff?-8qkx5k") format("woff"), url("../fonts/icomoon.ttf?-8qkx5k") format("truetype"), url("../fonts/icomoon.svg?-8qkx5k#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-bar:before {
  content: "\e600";
}

.icon-alert:before {
  content: "\e601";
}

.icon-award:before {
  content: "\e602";
}

.icon-bars:before {
  content: "\e603";
}

.icon-bolt:before {
  content: "\e604";
}

.icon-checkmark:before {
  content: "\e605";
}

.icon-clock:before {
  content: "\e606";
}

.icon-cross:before {
  content: "\e607";
}

.icon-dollar-sign:before {
  content: "\e608";
}

.icon-down-arrow:before {
  content: "\e609";
}

.icon-drop:before {
  content: "\e60a";
}

.icon-gas-pump:before {
  content: "\e60b";
}

.icon-gears:before {
  content: "\e60c";
}

.icon-globe:before {
  content: "\e60d";
}

.icon-graph:before {
  content: "\e60e";
}

.icon-guage:before {
  content: "\e60f";
}

.icon-headphones:before {
  content: "\e610";
}

.icon-house:before {
  content: "\e611";
}

.icon-leaf:before {
  content: "\e612";
}

.icon-lightbulb:before {
  content: "\e613";
}

.icon-like:before {
  content: "\e614";
}

.icon-lock:before {
  content: "\e615";
}

.icon-money-lock:before {
  content: "\e616";
}

.icon-monitor:before {
  content: "\e617";
}

.icon-pricetag:before {
  content: "\e618";
}

.icon-refresh:before {
  content: "\e619";
}

.icon-rewind:before {
  content: "\e61a";
}

.icon-shake:before {
  content: "\e61b";
}

.icon-speech:before {
  content: "\e61c";
}

.icon-star:before {
  content: "\e61d";
}

.icon-stop-light:before {
  content: "\e61e";
}

.icon-truck:before {
  content: "\e61f";
}

.icon-two-arrow-refresh:before {
  content: "\e620";
}

.icon-wheel:before {
  content: "\e621";
}

.icon-wifi:before {
  content: "\e622";
}

.icon-wrench:before {
  content: "\e623";
}

/*  Syntax Quick Reference
  --------------------------
  column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
  span($ratio: 1, $offset: 0)
  shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
  unshift()
  edit()
  center($max_width: 1410px, $pad: 0)
  stack($pad: 0, $align: false)
  unstack()
  align($direction: both)
  cf()
*/
.header {
  position: fixed;
  top: 0;
  z-index: 4;
  background: #ffffff;
  height: 60px;
  width: 100%;
  *zoom: 1;
  border-bottom: 1px solid #b2b2b2;
}
.header:before, .header:after {
  content: '';
  display: table;
}
.header:after {
  clear: both;
}
.header .logo {
  float: left;
  width: 140px;
  margin: 17px 0 0;
}
.header .logo img {
  width: 100%;
  height: auto;
}

.header-search {
  display: none;
}

.header-btns {
  display: none;
}

.recommend-bar {
  display: none;
}

a.btn.ghost.js-fys-modal-trigger, form#mktoForm_1233 a.ghost.js-fys-modal-trigger.mktoButton,
form#mktoForm_1315 a.ghost.js-fys-modal-trigger.mktoButton,
form#mktoForm_1438 a.ghost.js-fys-modal-trigger.mktoButton,
form#mktoForm_1494 a.ghost.js-fys-modal-trigger.mktoButton,
form#mktoForm_1613 a.ghost.js-fys-modal-trigger.mktoButton,
form[name=Low-Cost-Fuel-Index] a.ghost.js-fys-modal-trigger.mktoButton, #modalContent .submenu a.ghost.js-fys-modal-trigger {
  text-shadow: none;
  display: none;
}

@media screen and (min-width: 50.6em) {
  .header {
    height: 90px;
    border-bottom: 0;
  }
  .header .logo {
    width: 200px;
    *zoom: 1;
    float: left;
    clear: none;
    padding-left: 0;
    padding-right: 0;
    text-align: inherit;
    width: 16.66667%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 17;
  }
  .header .logo:before, .header .logo:after {
    content: '';
    display: table;
  }
  .header .logo:after {
    clear: both;
  }

  ul.small-menu {
    list-style-type: none;
    float: right;
    text-align: right;
    margin: 10px 0;
    padding: 0;
    width: 80%;
  }
  ul.small-menu li {
    display: inline;
  }
  ul.small-menu a {
    text-decoration: none;
    font-size: 12px;
    font-size: 1.2rem;
  }
  ul.small-menu li + li {
    margin-left: 10px;
  }
  ul.small-menu li + li:before {
    content: "|";
    margin-right: 10px;
  }

  .header-search {
    display: block;
    *zoom: 1;
    float: left;
    clear: none;
    padding-left: 0;
    padding-right: 0;
    text-align: inherit;
    width: 11.11111%;
    margin-left: 0%;
    margin-right: 0%;
    float: right;
    margin-top: 3px;
    border: 1px solid #b2b2b2;
    border-radius: 20px;
    padding: 5px 3px 2px 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .header-search:before, .header-search:after {
    content: '';
    display: table;
  }
  .header-search:after {
    clear: both;
  }
  .header-search #search-box {
    border: 0;
    display: inline-block;
    *zoom: 1;
    float: left;
    clear: none;
    padding-left: 0;
    padding-right: 0;
    text-align: inherit;
    width: 62.5%;
    margin-left: 0%;
    margin-right: 0%;
    padding: 5px;
  }
  .header-search #search-box:before, .header-search #search-box:after {
    content: '';
    display: table;
  }
  .header-search #search-box:after {
    clear: both;
  }
  .header-search i {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    color: #009fdf;
    float: right;
    font-size: 20px;
    font-size: 2rem;
    margin: 2px 5px 0 0;
  }

  a.btn.ghost.js-fys-modal-trigger, form#mktoForm_1233 a.ghost.js-fys-modal-trigger.mktoButton,
  form#mktoForm_1315 a.ghost.js-fys-modal-trigger.mktoButton,
  form#mktoForm_1438 a.ghost.js-fys-modal-trigger.mktoButton,
  form#mktoForm_1494 a.ghost.js-fys-modal-trigger.mktoButton,
  form#mktoForm_1613 a.ghost.js-fys-modal-trigger.mktoButton,
  form[name=Low-Cost-Fuel-Index] a.ghost.js-fys-modal-trigger.mktoButton, #modalContent .submenu a.ghost.js-fys-modal-trigger {
    display: inline-block;
  }

  .recommend-bar {
    clear: both;
    display: block;
    width: 100%;
    margin-top: 5px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #f2f2f2;
    background-color: #ffffff;
  }
  .recommend-bar ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
  }
  .recommend-bar ul li {
    display: inline-block;
  }
  .recommend-bar ul.perc-breadcrumb-main {
    float: left;
  }
  .recommend-bar ul.perc-breadcrumb-main:before {
    content: "\002237";
    font-size: 30px;
    font-size: 3rem;
    line-height: 10px;
    line-height: 1rem;
    margin-right: 10px;
  }
  .recommend-bar ul.perc-breadcrumb-main li {
    padding: 13px 0 8px;
  }
  .recommend-bar li#recommended-solutions {
    position: relative;
    display:none;
  }
  .recommend-bar li#recommended-solutions:hover ul {
    display: block;
  }
  .recommend-bar li#recommended-solutions ul {
    display: none;
    position: absolute;
    z-index: 3;
    top: 100%;
    left: 1px;
    padding: 10px 0;
    border: 1px solid #e5e5e5;
    background: #ffffff;
    width: 100%;
  }
  .recommend-bar li#recommended-solutions ul li {
    display: block;
    border: 0;
  }
  .recommend-bar li#recommended-solutions ul li a {
    padding: 2px 10px;
    width: 100%;
    display: block;
    font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
    text-decoration: none;
  }

  a.recommended {
    display: inline-block;
    color: #009fdf;
    padding: 12px 14px 9px;
    text-decoration: none;
  }

  a.recommended {
    border-left: 1px solid #e5e5e5;
  }

  li.up-next {
      visibility: hidden;
    background: #42b8b6;
    font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  }
  li.up-next a {
    color: #ffffff;
  }
}
@media screen and (min-width: 63em) {
  .header .logo {
    *zoom: 1;
    float: left;
    clear: none;
    padding-left: 0;
    padding-right: 0;
    text-align: inherit;
    width: 19.44444%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .header .logo:before, .header .logo:after {
    content: '';
    display: table;
  }
  .header .logo:after {
    clear: both;
  }

  .header-btns {
    display: block;
    float: right;
  }
  .header-btns a {
    float: right;
    margin-left: 5px;
    text-align: center;
  }
}
.perc-navbar {
  display: block;
  position: absolute;
  margin: 0;
  width: 100%;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 20;
  -webkit-transform: translate(100%, 0px);
  -ms-transform: translate(100%, 0px);
  transform: translate(100%, 0px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.perc-navbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #ffffff;
}
.perc-navbar ul li {
  margin: 0;
  padding: 0;
  display: block;
}
.perc-navbar ul li + li {
  border-top: 1px solid #f2f2f2;
}
.perc-navbar ul a {
  color: #3c3c3c;
  padding: 10px 0 10px 10px;
  display: block;
  text-decoration: none;
  opacity: 1;
  max-height: 50px;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.perc-navbar ul a:after {
  font-family: FontAwesome;
  font-weight: 600;
  position: relative;
  float: right;
  padding: 0 20px;
  color: #009fdf;
}
.perc-navbar ul a:hover {
  background: #f9f9f9;
}
.perc-navbar ul a.hasChildren:after {
  content: "\f105";
}
.perc-navbar ul a.back {
  background: #009fdf;
  color: #ffffff;
}
.perc-navbar ul a.back:before {
  content: "\f104";
  font-family: FontAwesome;
  font-weight: 600;
  position: relative;
  float: left;
  padding: 0 10px 0 0;
  color: #ffffff;
}
.perc-navbar.animating {
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
}
.perc-navbar.open {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.perc-navbar .mainmenu {
  opacity: 1;
}
.perc-navbar li .submenu {
  display: none;
}
.perc-navbar .mainmenu.subview li,
.perc-navbar .mainmenu.subview li.subview-open > a,
.perc-navbar .mainmenu.subview li.subview > a {
  display: none;
}
.perc-navbar .mainmenu.subview li.subview,
.perc-navbar .mainmenu.subview li.subview .submenu,
.perc-navbar .mainmenu.subview li.subview-open,
.perc-navbar .mainmenu.subview li.subview-open > .submenu,
.perc-navbar .mainmenu.subview li.subview-open > .submenu > li {
  display: block;
}

.visuallyhidden {
  opacity: 0;
  max-height: 0;
}

.hidden {
  display: none;
}

.member-services,
.nav-hidden {
  display: none !important;
}

@media screen and (min-width: 50.6em) {
  .perc-navbar {
    position: relative;
    background: transparent;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    *zoom: 1;
    float: left;
    clear: none;
    padding-left: 0;
    padding-right: 0;
    text-align: inherit;
    width: 47.22222%;
    margin-left: 0%;
    margin-right: 0%;
    width: auto;
    margin-top: -5px;
    margin-left: 10px;
    opacity: 1;
  }
  .perc-navbar:before, .perc-navbar:after {
    content: '';
    display: table;
  }
  .perc-navbar:after {
    clear: both;
  }
  .perc-navbar ul li {
    display: inline-block;
    position: relative;
    border: 1px solid transparent;
    border-bottom: 0;
  }
  .perc-navbar ul li:active, .perc-navbar ul li:hover {
    border-bottom: 2px solid #009fdf;
  }
  .perc-navbar ul li.hasChildren:active, .perc-navbar ul li.hasChildren:hover {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
  }
  .perc-navbar ul li.hasChildren:active a, .perc-navbar ul li.hasChildren:hover a {
    position: relative;
    z-index: 5;
    background: #ffffff;
    color: #009fdf;
  }
  .perc-navbar ul li.hasChildren:active .submenu, .perc-navbar ul li.hasChildren:hover .submenu {
    display: block;
  }
  .perc-navbar ul li ul {
    display: none;
    position: absolute;
    z-index: 3;
    top: 97%;
    left: -1px;
    padding: 10px 0;
    white-space: nowrap;
    border: 1px solid #e5e5e5;
  }
  .perc-navbar ul li ul li {
    display: block;
    border: 0;
  }
  .perc-navbar ul li ul li a {
    padding: 2px 10px;
    width: 100%;
    display: block;
    font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  }
  .perc-navbar ul li ul li.hasChildren {
    display: block;
  }
  .perc-navbar ul li ul li.hasChildren:active, .perc-navbar ul li ul li.hasChildren:hover {
    border: 0px solid #e5e5e5;
  }
  .perc-navbar ul li ul li.js-Link, .perc-navbar ul li ul li.backLink {
    display: none;
  }
  .perc-navbar ul li ul li ul {
    position: relative;
    padding: 0;
    border: 0;
    min-width: 0;
  }
  .perc-navbar ul li ul li ul li {
    display: block;
  }
  .perc-navbar ul li ul li ul li a {
    padding: 2px 20px;
    font-family: DINWebPro, "Helvetica", Arial, sans-serif;
  }
  .perc-navbar ul li ul li ul li + li {
    margin-left: 0;
  }
  .perc-navbar ul li ul li:hover {
    border: 0;
  }
  .perc-navbar ul a {
    text-decoration: none;
    display: inline-block;
    padding: 15px 9px 10px;
    margin: 0;
  }
  .perc-navbar ul a:after {
    content: "";
    padding: 0;
  }
  .perc-navbar ul a.hasChildren:after {
    content: "";
  }
  .perc-navbar ul a:hover {
    background: transparent;
  }
  .perc-navbar ul li + li {
    border-top: 0px solid #f2f2f2;
    margin-left: 2px;
  }
  .perc-navbar .submenu a {
    color: #3c3c3c !important;
  }
  .perc-navbar .submenu a:hover {
    background: #e5e5e5 !important;
  }
  .perc-navbar .mainmenu > li.current {
    border-bottom: 2px solid #009fdf;
  }
}
#perc-container.perc-region #temp-region-2.perc-region {
  margin-bottom: 0 !important;
}

#latest-news {
  display: none;
  padding: 1em 0;
}
#latest-news .btn, #latest-news form#mktoForm_1233 .mktoButton, form#mktoForm_1233 #latest-news .mktoButton,
#latest-news form#mktoForm_1315 .mktoButton,
form#mktoForm_1315 #latest-news .mktoButton,
#latest-news form#mktoForm_1438 .mktoButton,
form#mktoForm_1438 #latest-news .mktoButton,
#latest-news form#mktoForm_1494 .mktoButton,
form#mktoForm_1494 #latest-news .mktoButton,
#latest-news form#mktoForm_1613 .mktoButton,
form#mktoForm_1613 #latest-news .mktoButton,
#latest-news form[name=Low-Cost-Fuel-Index] .mktoButton,
form[name=Low-Cost-Fuel-Index] #latest-news .mktoButton, #latest-news #modalContent .submenu a, #modalContent .submenu #latest-news a {
  float: left;
}

#fleet-types {
  background: #F6F6F6;
  border-bottom: 2px solid #e5e5e5;
}

#fleet-banner {
  background: #F6F6F6;
  border-top: 2px solid #e5e5e5;
  border-bottom: 2px solid #e5e5e5;
  padding-top: 2em;
  padding-bottom: 1em;
  margin-top: -1px;
}
#fleet-banner .third-block {
  margin-bottom: 0px;
}
@media screen and (max-width: 50.6em) {
  #fleet-banner img {
    display: block;
  }
  #fleet-banner .mobile-app-phone img {
    display: none;
  }
  #fleet-banner .btn, #fleet-banner form#mktoForm_1233 .mktoButton, form#mktoForm_1233 #fleet-banner .mktoButton,
  #fleet-banner form#mktoForm_1315 .mktoButton,
  form#mktoForm_1315 #fleet-banner .mktoButton,
  #fleet-banner form#mktoForm_1438 .mktoButton,
  form#mktoForm_1438 #fleet-banner .mktoButton,
  #fleet-banner form#mktoForm_1494 .mktoButton,
  form#mktoForm_1494 #fleet-banner .mktoButton,
  #fleet-banner form#mktoForm_1613 .mktoButton,
  form#mktoForm_1613 #fleet-banner .mktoButton,
  #fleet-banner form[name=Low-Cost-Fuel-Index] .mktoButton,
  form[name=Low-Cost-Fuel-Index] #fleet-banner .mktoButton, #fleet-banner #modalContent .submenu a, #modalContent .submenu #fleet-banner a {
    margin-bottom: 20px;
  }
}
@media (min-width: 50.6em) {
  #fleet-banner {
    padding-top: 4em;
    padding-bottom: 0px;
  }
  #fleet-banner img {
    margin-bottom: 0px;
  }
  #fleet-banner .btn, #fleet-banner form#mktoForm_1233 .mktoButton, form#mktoForm_1233 #fleet-banner .mktoButton,
  #fleet-banner form#mktoForm_1315 .mktoButton,
  form#mktoForm_1315 #fleet-banner .mktoButton,
  #fleet-banner form#mktoForm_1438 .mktoButton,
  form#mktoForm_1438 #fleet-banner .mktoButton,
  #fleet-banner form#mktoForm_1494 .mktoButton,
  form#mktoForm_1494 #fleet-banner .mktoButton,
  #fleet-banner form#mktoForm_1613 .mktoButton,
  form#mktoForm_1613 #fleet-banner .mktoButton,
  #fleet-banner form[name=Low-Cost-Fuel-Index] .mktoButton,
  form[name=Low-Cost-Fuel-Index] #fleet-banner .mktoButton, #fleet-banner #modalContent .submenu a, #modalContent .submenu #fleet-banner a {
    margin-bottom: 0px;
    margin-top: -50px;
  }
}

.main.top {
  padding-top: 6em;
}
.main.top .container.top {
  padding-top: 3em;
}

.full-bleed.one-tout p, .full-bleed.one-tout h2 {
  text-align: center;
}

#ticker {
  display: none;
}

.btnbar.colors {
  display: none;
}

.parallax {
  width: 100%;
}
.parallax .content-container {
  position: relative;
  overflow: hidden;
}
.parallax .content-container .parallax-row {
  overflow: hidden;
  opacity: 1 !important;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.parallax .content-container img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  margin-bottom: 1em;
}

#svg-container {
  display: none;
}

@media screen and (min-width: 50.6em) {
  #latest-news {
    padding: 1em 0 .7em;
  }
  #latest-news h2, #latest-news .date, #latest-news p {
    float: left;
    margin-right: 1em;
  }
  #latest-news .news-container {
    float: left;
    margin-top: 1em;
    width: 63%;
  }
  #latest-news .btn, #latest-news form#mktoForm_1233 .mktoButton, form#mktoForm_1233 #latest-news .mktoButton,
  #latest-news form#mktoForm_1315 .mktoButton,
  form#mktoForm_1315 #latest-news .mktoButton,
  #latest-news form#mktoForm_1438 .mktoButton,
  form#mktoForm_1438 #latest-news .mktoButton,
  #latest-news form#mktoForm_1494 .mktoButton,
  form#mktoForm_1494 #latest-news .mktoButton,
  #latest-news form#mktoForm_1613 .mktoButton,
  form#mktoForm_1613 #latest-news .mktoButton,
  #latest-news form[name=Low-Cost-Fuel-Index] .mktoButton,
  form[name=Low-Cost-Fuel-Index] #latest-news .mktoButton, #latest-news #modalContent .submenu a, #modalContent .submenu #latest-news a {
    float: left;
  }

  #ticker {
    position: relative;
    display: block;
    min-width: 400px;
    max-width: 500px;
    margin: 2em auto 0;
    background-color: #005c6f;
    background-color: rgba(0, 92, 111, 0.5);
    color: #ffffff;
    padding: .55em 2em 1em;
    z-index: 3;
    text-align: center;
  }
  #ticker input {
    display: none;
  }
  #ticker a {
    float: right;
    font-size: 24px;
    font-size: 2.4rem;
    color: #ffffff;
  }
  #ticker a:hover {
    color: #ffffff;
  }
  #ticker #number {
    padding: .1em 0 .1em;
    font-size: 60px;
    font-size: 6rem;
    line-height: 60px;
    line-height: 6rem;
  }
  #ticker #number.money:first-letter {
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
    line-height: 3rem;
    vertical-align: top;
  }

  #fleet-types {
    padding-bottom: 6em;
  }
  #fleet-types h1 {
    margin: 1em auto 1.5em;
  }
  #fleet-types .third-block {
    margin-bottom: 2em;
  }

  .parallax .content-container {
    margin-top: 70px;
  }
  .parallax .content-container .parallax-row {
    border-bottom: 2px solid #009fdf;
  }
  .parallax .content-container .parallax-row .copy {
    padding: 80px 0;
  }

  .parallax-remainder {
    width: 100%;
  }

  .p-controls {
    z-index: 3;
  }

  .btnbar.colors {
    position: relative;
    display: table;
    z-index: 9999999;
  }

  #parallax-controls {
    width: inherit;
    background: #ffffff;
    padding: 30px 0;
  }

  #svg-container {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 38% !important;
    margin-left: 5%;
    height: 300px;
  }

  svg.first-icon,
  svg.second-icon,
  svg.third-icon {
    position: absolute;
    top: 40%;
    left: -10%;
    -webkit-transform: translate(-50%, 25%) scale(3);
    -ms-transform: translate(-50%, 25%) scale(3);
    transform: translate(-50%, 25%) scale(3);
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
    opacity: 0;
  }
  svg.first-icon.visible,
  svg.second-icon.visible,
  svg.third-icon.visible {
    opacity: 1;
    -webkit-transition: 300ms all ease;
    transition: 300ms all ease;
  }
  svg.first-icon g.dotsVisible circle.dots,
  svg.first-icon g.dotsVisible #connectpay-text,
  svg.first-icon g.dotsVisible #connectpay-bold,
  svg.second-icon g.dotsVisible circle.dots,
  svg.second-icon g.dotsVisible #connectpay-text,
  svg.second-icon g.dotsVisible #connectpay-bold,
  svg.third-icon g.dotsVisible circle.dots,
  svg.third-icon g.dotsVisible #connectpay-text,
  svg.third-icon g.dotsVisible #connectpay-bold {
    opacity: 1;
  }
  svg.first-icon g circle.dots,
  svg.first-icon g #connectpay-text,
  svg.first-icon g #connectpay-bold,
  svg.second-icon g circle.dots,
  svg.second-icon g #connectpay-text,
  svg.second-icon g #connectpay-bold,
  svg.third-icon g circle.dots,
  svg.third-icon g #connectpay-text,
  svg.third-icon g #connectpay-bold {
    opacity: 0;
  }
  svg.first-icon.shrink,
  svg.second-icon.shrink,
  svg.third-icon.shrink {
    -webkit-transform: translate(-20%, 0%) scale(2);
    -ms-transform: translate(-20%, 0%) scale(2);
    transform: translate(-20%, 0%) scale(2);
  }
}
@media screen and (min-width: 1024px) {
  .parallax-row {
    border-bottom: 2px solid transparent !important;
  }
  .parallax-row .half-block:first-of-type {
    display: none;
  }
  .parallax-row .half-block.copy {
    margin-left: 50%;
    width: 38%;
  }
}
@media screen and (min-width: 63em) {
  #latest-news .btn, #latest-news form#mktoForm_1233 .mktoButton, form#mktoForm_1233 #latest-news .mktoButton,
  #latest-news form#mktoForm_1315 .mktoButton,
  form#mktoForm_1315 #latest-news .mktoButton,
  #latest-news form#mktoForm_1438 .mktoButton,
  form#mktoForm_1438 #latest-news .mktoButton,
  #latest-news form#mktoForm_1494 .mktoButton,
  form#mktoForm_1494 #latest-news .mktoButton,
  #latest-news form#mktoForm_1613 .mktoButton,
  form#mktoForm_1613 #latest-news .mktoButton,
  #latest-news form[name=Low-Cost-Fuel-Index] .mktoButton,
  form[name=Low-Cost-Fuel-Index] #latest-news .mktoButton, #latest-news #modalContent .submenu a, #modalContent .submenu #latest-news a {
    float: right;
  }
}
.footer {
  background: #5f6972;
  text-align: center;
  color: #ffffff;
  width: 100%;
}
.footer ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.footer ul li {
  display: inline-block;
}
.footer a {
  color: #ffffff;
}
.footer a[href^="tel"] {
  text-decoration: none;
}
.footer .logo {
  margin: 2em auto;
}
.footer .address {
  color: #ffffff;
}
.footer .address h6, .footer .address .perc-archive-list .perc-archive-title, .perc-archive-list .footer .address .perc-archive-title, .footer .address p {
  margin: 0;
}
.footer .phone {
  color: #ffffff;
  margin: 0;
}
.footer .phone i {
  display: none;
}
.footer .phone li + li:before {
  content: "|";
  padding: 0 .5em 0 .5em;
}
.footer .social {
  padding: .5em 0 1em;
}
.footer .social .circle {
  padding: .6em 1em .35em 1em;
}
.footer .social .circle.cyan {
  padding: .6em .56em .35em .56em;
}
.footer .social .circle.cyan-dark {
  padding: .5em .62em .45em .62em;
}
.footer .social .circle.orange {
  padding: .5em .55em .45em .55em;
}
.footer .social .circle.orange-bright {
  padding: .5em .65em .45em .6em;
}
.footer .social .circle.green-lime {
  padding: .5em .65em .45em .6em;
}
.footer .social .circle + .circle {
  margin-left: .5em;
}
.footer .social a {
  color: #ffffff;
  text-decoration: none;
  font-size: 26px;
  font-size: 2.6rem;
}
.footer .subfooter {
  border-top: 1px solid #b2b2b2;
}
.footer .subfooter li {
  display: block;
  max-width: 250px;
  margin: 0 auto .5em;
}
.footer .subfooter .btn, .footer .subfooter form#mktoForm_1233 .mktoButton, form#mktoForm_1233 .footer .subfooter .mktoButton,
.footer .subfooter form#mktoForm_1315 .mktoButton,
form#mktoForm_1315 .footer .subfooter .mktoButton,
.footer .subfooter form#mktoForm_1438 .mktoButton,
form#mktoForm_1438 .footer .subfooter .mktoButton,
.footer .subfooter form#mktoForm_1494 .mktoButton,
form#mktoForm_1494 .footer .subfooter .mktoButton,
.footer .subfooter form#mktoForm_1613 .mktoButton,
form#mktoForm_1613 .footer .subfooter .mktoButton,
.footer .subfooter form[name=Low-Cost-Fuel-Index] .mktoButton,
form[name=Low-Cost-Fuel-Index] .footer .subfooter .mktoButton, .footer .subfooter #modalContent .submenu a, #modalContent .submenu .footer .subfooter a {
  margin: 1em auto;
}
.footer .subfooter .btn i, .footer .subfooter form#mktoForm_1233 .mktoButton i, form#mktoForm_1233 .footer .subfooter .mktoButton i,
.footer .subfooter form#mktoForm_1315 .mktoButton i,
form#mktoForm_1315 .footer .subfooter .mktoButton i,
.footer .subfooter form#mktoForm_1438 .mktoButton i,
form#mktoForm_1438 .footer .subfooter .mktoButton i,
.footer .subfooter form#mktoForm_1494 .mktoButton i,
form#mktoForm_1494 .footer .subfooter .mktoButton i,
.footer .subfooter form#mktoForm_1613 .mktoButton i,
form#mktoForm_1613 .footer .subfooter .mktoButton i,
.footer .subfooter form[name=Low-Cost-Fuel-Index] .mktoButton i,
form[name=Low-Cost-Fuel-Index] .footer .subfooter .mktoButton i, .footer .subfooter #modalContent .submenu a i, #modalContent .submenu .footer .subfooter a i {
  margin-right: .6em;
}

@media screen and (min-width: 45.5em) {
  .footer .logo {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 20.69%;
    margin-left: 0%;
    margin-right: 3%;
    margin-right: 3% !important;
  }
  .footer .logo:before, .footer .logo:after {
    content: '';
    display: table;
  }
  .footer .logo:after {
    clear: both;
  }
  .footer .logo:last-child {
    margin-right: 0%;
  }
  .footer .logo img {
    width: 150px;
  }
  .footer .address {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 40.26%;
    margin-left: 0%;
    margin-right: 3%;
    text-align: left;
    margin-top: 2em;
  }
  .footer .address:before, .footer .address:after {
    content: '';
    display: table;
  }
  .footer .address:after {
    clear: both;
  }
  .footer .address:last-child {
    margin-right: 0%;
  }
  .footer .phone {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 32.02%;
    margin-left: 0%;
    margin-right: 3%;
    text-align: left;
    margin-top: 3.2em;
    margin-right: 0;
  }
  .footer .phone:before, .footer .phone:after {
    content: '';
    display: table;
  }
  .footer .phone:after {
    clear: both;
  }
  .footer .phone:last-child {
    margin-right: 0%;
  }
  .footer .social {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    margin-top: 0;
  }
  .footer .social:before, .footer .social:after {
    content: '';
    display: table;
  }
  .footer .social:after {
    clear: both;
  }
  .footer .social:last-child {
    margin-right: 0%;
  }
  .footer .social a {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .footer .subfooter {
    text-align: right;
    padding: 1.5em 0 4em;
  }
  .footer .subfooter h5 {
    float: left;
    margin: 0;
  }
  .footer .subfooter li {
    display: inline-block;
    max-width: none;
    margin: 0 0 0 1em;
  }
  .footer .subfooter li a {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .footer .subfooter .btn, .footer .subfooter form#mktoForm_1233 .mktoButton, form#mktoForm_1233 .footer .subfooter .mktoButton,
  .footer .subfooter form#mktoForm_1315 .mktoButton,
  form#mktoForm_1315 .footer .subfooter .mktoButton,
  .footer .subfooter form#mktoForm_1438 .mktoButton,
  form#mktoForm_1438 .footer .subfooter .mktoButton,
  .footer .subfooter form#mktoForm_1494 .mktoButton,
  form#mktoForm_1494 .footer .subfooter .mktoButton,
  .footer .subfooter form#mktoForm_1613 .mktoButton,
  form#mktoForm_1613 .footer .subfooter .mktoButton,
  .footer .subfooter form[name=Low-Cost-Fuel-Index] .mktoButton,
  form[name=Low-Cost-Fuel-Index] .footer .subfooter .mktoButton, .footer .subfooter #modalContent .submenu a, #modalContent .submenu .footer .subfooter a {
    display: none;
  }
}
@media screen and (min-width: 63em) {
  .footer .logo {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 14.16667%;
    margin-left: 0%;
    margin-right: 3%;
    margin-right: 3% !important;
  }
  .footer .logo:before, .footer .logo:after {
    content: '';
    display: table;
  }
  .footer .logo:after {
    clear: both;
  }
  .footer .logo:last-child {
    margin-right: 0%;
  }
  .footer .logo img {
    width: 100%;
    height: auto;
  }
  .footer .address {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 27.04167%;
    margin-left: 0%;
    margin-right: 3%;
    text-align: left;
    margin-top: 2em;
  }
  .footer .address:before, .footer .address:after {
    content: '';
    display: table;
  }
  .footer .address:after {
    clear: both;
  }
  .footer .address:last-child {
    margin-right: 0%;
  }
  .footer .phone {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%;
    text-align: left;
    margin-top: 3.2em;
  }
  .footer .phone:before, .footer .phone:after {
    content: '';
    display: table;
  }
  .footer .phone:after {
    clear: both;
  }
  .footer .phone:last-child {
    margin-right: 0%;
  }
  .footer .social {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 27.04167%;
    margin-left: 0%;
    margin-right: 3%;
    margin-top: 1.2em;
  }
  .footer .social:before, .footer .social:after {
    content: '';
    display: table;
  }
  .footer .social:after {
    clear: both;
  }
  .footer .social:last-child {
    margin-right: 0%;
  }
  .footer .social a {
    font-size: 20px;
    font-size: 2rem;
  }
}
#fleeta-video {
  padding-top: 0;
}

.fleetadvance-video {
  display: none;
}

.fleetadvance-hero {
  background: url(/web_resources/themes/new_comdata/img/fleetadvance/hero-bkg.jpg) top center no-repeat;
  position: relative;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  padding: 3em 0 0;
  text-align: center;
  color: #ffffff;
  z-index: 1;
}
.fleetadvance-hero .heading {
  background: #ffffff;
  width: 100%;
  padding: 1em 0;
  overflow: hidden;
}
.fleetadvance-hero .heading h1 {
  color: #005c6f;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
}
.fleetadvance-hero .heading p {
  color: #666666;
}
.fleetadvance-hero .phone_btn {
  clear: both;
}
.fleetadvance-hero .phone_btn a {
  display: block;
}
.fleetadvance-hero .phone_btn img {
  max-width: 60%;
  margin: 1em 0;
}
.fleetadvance-hero .links {
  background: #ffffff;
  width: 100%;
  overflow: hidden;
  padding: 1.5em 1.5em 0.5em;
}
.fleetadvance-hero .links .apple-store {
  float: left;
  width: 50%;
  margin-right: 5%;
}
.fleetadvance-hero .links .apple-store img {
  max-width: 100%;
}
.fleetadvance-hero .links .play-store {
  float: left;
  width: 45%;
}
.fleetadvance-hero .links .play-store img {
  max-width: 100%;
}
.fleetadvance-hero .links button {
  display: none;
  background: none;
  border: 0;
  text-align: left;
  outline: 0;
}
.fleetadvance-hero .links button i {
  color: #ffffff;
  font-size: 35px;
  font-size: 3.5rem;
  float: left;
  line-height: 1.25;
}
.fleetadvance-hero .links button h3, .fleetadvance-hero .links button #modalTitle {
  color: #ffffff;
  text-transform: uppercase;
  margin-left: 10px;
  float: left;
}

.fleetadvance-slider {
  background: #ffffff;
  position: relative;
  width: 100%;
  padding: 1em 0 1em;
  text-align: left;
  color: #005c6f;
  z-index: 1;
  /* fix */
}
.fleetadvance-slider .container {
  overflow: hidden;
}
.fleetadvance-slider .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.fleetadvance-slider .owl-wrapper {
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.fleetadvance-slider .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.fleetadvance-slider .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.fleetadvance-slider .phone-slider .owl-item,
.fleetadvance-slider .text-slider .owl-item {
  float: left;
}
.fleetadvance-slider .owl-controls .owl-page,
.fleetadvance-slider .owl-controls .owl-buttons div {
  cursor: pointer;
}
.fleetadvance-slider .owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.fleetadvance-slider .phone-slider .owl-wrapper,
.fleetadvance-slider .phone-slider .owl-item,
.fleetadvance-slider .text-slider .owl-wrapper,
.fleetadvance-slider .text-slider .owl-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fleetadvance-slider .text-slider {
  padding: 1em 1.5em 1.5em;
}
.fleetadvance-slider .text-slider.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
  position: absolute;
  top: 9.5em;
  width: 85%;
}
.fleetadvance-slider .text-slider.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}
.fleetadvance-slider .text-slider.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  border-radius: 20px;
  background: #005c6f;
}
.fleetadvance-slider .text-slider.owl-theme .owl-controls .owl-page.active span, .fleetadvance-slider .text-slider.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
}
.fleetadvance-slider .text-slider h3, .fleetadvance-slider .text-slider #modalTitle {
  color: #005c6f;
  font-family: DINWebPro-bold, "Helvetica", Arial, sans-serif;
}
.fleetadvance-slider .text-slider p {
  color: #005c6f;
}
.fleetadvance-slider .phone-slider {
  background: url(/web_resources/themes/new_comdata/img/fleetadvance/phone-frame.png) 0 0 no-repeat;
  width: 255px;
  height: 521px;
  display: block;
  margin: 0 auto;
  text-align: center;
  z-index: 99;
}
.fleetadvance-slider .phone-slider .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 90%;
  margin: 0 auto;
}
.fleetadvance-slider .phone-slider .owl-item {
  display: block;
  width: 230px;
  height: 460px;
  overflow: hidden;
}
.fleetadvance-slider .phone-slider .phone-slide {
  width: 230px;
  height: 460px;
  z-index: 1;
  overflow: hidden;
}
.fleetadvance-slider .phone-slider img {
  position: absolute;
  top: 53px;
  left: 1px;
  width: 230px;
  z-index: 1;
  float: left;
}

.fleetquote {
  background: #005c6f;
  color: #ffffff;
  font-family: "Minion-Regular", Times, "Times New Roman", serif;
  font-style: italic;
  padding: 2em;
}
.fleetquote p {
  font-size: 20px;
  font-size: 2rem;
  line-height: 2;
  text-align: center;
}

.fleetresourceslink {
  width: 100%;
  padding: 2em;
  text-align: center;
}
.fleetresourceslink .heading h2 {
  color: #005c6f;
  text-transform: uppercase;
}
.fleetresourceslink .heading p {
  color: #009fdf;
  font-size: 20px;
  font-size: 2rem;
  padding: 0 2em;
}
.fleetresourceslink .copy {
  margin-bottom: 1.5em;
}
.fleetresourceslink .copy p {
  color: #005c6f;
  text-align: left;
}
.fleetresourceslink .copy button, .fleetresourceslink .copy a.button {
  background: #009fdf;
  color: #ffffff;
  text-transform: uppercase;
  padding: 15px 30px;
  border: 0;
  border-radius: 5px;
  text-decoration: none;
}
.fleetresourceslink .copy button:hover, .fleetresourceslink .copy a.button:hover {
  background: #008dc6;
}
.fleetresourceslink .img-wrapper {
  width: 100%;
}
.fleetresourceslink .img-wrapper img {
  max-width: 100%;
}

.fleetadvance-toolkit {
  position: relative;
  width: 100%;
  padding: 6em 0 1em;
  text-align: center;
  color: #005c6f;
}
.fleetadvance-toolkit h2 {
  color: #009fdf;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
  margin-bottom: 0;
}
.fleetadvance-toolkit h2 + p.sub-head {
  margin-bottom: 3em;
}
.fleetadvance-toolkit hr {
  width: 50px;
  height: 0;
  border: 2px solid #009fdf;
  margin-bottom: 2em;
}
.fleetadvance-toolkit .download-area {
  width: 100%;
  padding: 1em 1.5em 1.5em;
  margin-bottom: 2em;
}
.fleetadvance-toolkit .download-area h3, .fleetadvance-toolkit .download-area #modalTitle {
  color: #005c6f;
  font-family: DINWebPro-bold, "Helvetica", Arial, sans-serif;
  font-size: 37.5px;
  font-size: 3.75rem;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
}
.fleetadvance-toolkit .download-area p {
  color: #005c6f;
  width: 80%;
  text-align: left;
  margin: 0 0 2em 0;
}
.fleetadvance-toolkit .download-area a {
  padding-right: 15%;
}
.fleetadvance-toolkit .download-area a:before {
  content: '';
  background: #65c8c6;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  width: 60px;
}
.fleetadvance-toolkit .download-area a:after {
  content: '\f0c1';
  font-size: 30px;
  font-size: 3rem;
  color: #ffffff;
  background: #65c8c6;
  position: absolute;
  top: 50%;
  right: -1px;
  bottom: -1px;
  width: 60px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.fleetadvance-toolkit .download-area a h3, .fleetadvance-toolkit .download-area a #modalTitle {
  color: #666666;
  font-family: DINWebPro-bold, "Helvetica", Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  text-align: left;
  text-transform: none;
}
.fleetadvance-toolkit .download-area a p {
  color: #666666;
  text-align: left;
  margin-bottom: 0;
}
.fleetadvance-toolkit .download-area a h3 + p.subhead, .fleetadvance-toolkit .download-area a #modalTitle + p.subhead {
  margin-bottom: 1em;
}
.fleetadvance-toolkit .download-area a:hover h3, .fleetadvance-toolkit .download-area a:hover #modalTitle, .fleetadvance-toolkit .download-area a:hover p {
  color: #009fdf;
}
.fleetadvance-toolkit .download-area .block-container {
  padding: .5em 1em;
}
.fleetadvance-toolkit .download-area h4 {
  color: #005c6f;
  font-family: DINWebPro-bold, "Helvetica", Arial, sans-serif;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1;
  text-align: left;
  text-transform: none;
  margin-bottom: 0;
}
.fleetadvance-toolkit .download-area h4 + p.sub-head {
  margin-bottom: 1em;
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (min-width: 50.6em) {
  .fleetadvance-hero {
    width: 100%;
    padding: 6em 1.5em 0;
    text-align: left;
  }
  .fleetadvance-hero .content {
    *zoom: 1;
    width: auto;
    max-width: 1170px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  .fleetadvance-hero .content:before, .fleetadvance-hero .content:after {
    content: '';
    display: table;
  }
  .fleetadvance-hero .content:after {
    clear: both;
  }
  .fleetadvance-hero .heading {
    background: none;
    width: 66%;
    padding: 1em 0;
    overflow: hidden;
    float: left;
    margin-top: 8em;
  }
  .fleetadvance-hero .heading h1 {
    color: #ffffff;
    font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  }
  .fleetadvance-hero .heading p {
    color: #ffffff;
    font-size: 20px;
    font-size: 2rem;
  }
  .fleetadvance-hero .phone_btn {
    clear: none;
    float: right;
    width: 33%;
  }
  .fleetadvance-hero .phone_btn img {
    max-width: 100%;
  }
  .fleetadvance-hero .links {
    background: none;
    width: 66%;
    padding: 0 0 0.5em;
  }
  .fleetadvance-hero .links .apple-store {
    width: auto;
    margin-right: 1em;
  }
  .fleetadvance-hero .links .apple-store img {
    width: auto;
    height: 50px;
  }
  .fleetadvance-hero .links .play-store {
    width: auto;
  }
  .fleetadvance-hero .links .play-store img {
    width: auto;
    height: 50px;
  }
  .fleetadvance-hero .links button {
    display: block;
  }
  .fleetadvance-hero .links button i {
    margin-left: 10px;
  }

  .fleetadvance-slider {
    padding: 1em 0 1em;
  }
  .fleetadvance-slider .text-slider {
    width: 63%;
    padding: 0 1.5em 5.5em;
    margin-top: 10%;
    float: right;
  }
  .fleetadvance-slider .text-slider.owl-theme .owl-controls {
    display: none !important;
  }
  .fleetadvance-slider .text-slider .owl-item {
    display: block;
    margin-bottom: 3em;
    float: none;
    clear: both;
    width: 100% !important;
  }
  .fleetadvance-slider .text-slider .owl-item .text-slide {
    padding-left: 25px;
    cursor: pointer;
  }
  .fleetadvance-slider .text-slider .owl-item h3, .fleetadvance-slider .text-slider .owl-item #modalTitle {
    color: #666666;
    font-family: DINWebPro-bold, "Helvetica", Arial, sans-serif;
  }
  .fleetadvance-slider .text-slider .owl-item p {
    color: #666666;
    margin: 0;
    width: 45%;
  }
  .fleetadvance-slider .text-slider .owl-item .text-slide.active h3, .fleetadvance-slider .text-slider .owl-item .text-slide.active #modalTitle {
    color: #005c6f;
    font-family: DINWebPro-bold, "Helvetica", Arial, sans-serif;
  }
  .fleetadvance-slider .text-slider .owl-item .text-slide.active h3:before, .fleetadvance-slider .text-slider .owl-item .text-slide.active #modalTitle:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 15px 12.5px 0;
    border-color: transparent #005c6f transparent transparent;
    float: left;
    margin-left: -25px;
  }
  .fleetadvance-slider .text-slider .owl-item .text-slide.active p {
    color: #005c6f;
  }
  .fleetadvance-slider .phone-slider {
    float: left;
    margin: 3em 0 3em 2em;
  }
  .fleetadvance-slider .phone-slider img {
    position: absolute;
    top: 53px;
    left: 0;
    width: 230px;
    z-index: 1;
    float: left;
  }

  .fleetquote {
    background: #005c6f;
    color: #ffffff;
    font-family: "Minion-Regular", Times, "Times New Roman", serif;
    font-style: italic;
    padding: 4em;
  }
  .fleetquote p {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.75;
    margin: 0 6em;
  }

  .fleetresourceslink {
    width: 100%;
    padding: 2em;
    text-align: center;
  }
  .fleetresourceslink .heading {
    padding: 1.5em 0;
  }
  .fleetresourceslink .heading h2 {
    color: #005c6f;
    text-transform: uppercase;
    font-size: 40px;
    font-size: 4rem;
  }
  .fleetresourceslink .heading p {
    color: #009fdf;
    font-size: 20px;
    font-size: 2rem;
    padding: 0 2em;
  }
  .fleetresourceslink .copy {
    float: right;
    width: 50%;
    text-align: left;
  }
  .fleetresourceslink .copy p {
    margin-top: 15%;
    padding-right: 3em;
    text-align: left;
    float: left;
  }
  .fleetresourceslink .copy button {
    float: left;
    font-size: 20px;
    font-size: 2rem;
  }
  .fleetresourceslink .img-wrapper {
    width: 50%;
    float: left;
  }
  .fleetresourceslink .img-wrapper img {
    max-width: 50%;
    float: right;
    margin-right: 3em;
  }

  .fleetadvance-toolkit {
    padding: 8em 0 1em;
    min-height: 83%;
  }
  .fleetadvance-toolkit h2 {
    color: #009fdf;
    font-size: 38.5px;
    font-size: 3.85rem;
  }
  .fleetadvance-toolkit hr {
    display: none;
  }
  .fleetadvance-toolkit .download-area {
    border: 2px solid #009fdf;
    padding: 1em 1.5em 1.5em;
  }
  .fleetadvance-toolkit .download-area h3, .fleetadvance-toolkit .download-area #modalTitle {
    font-size: 30px;
    font-size: 3rem;
    font-family: DINWebPro, "Helvetica", Arial, sans-serif;
  }
  .fleetadvance-toolkit .download-area p {
    width: 100%;
  }
  .fleetadvance-toolkit .download-area .half-block {
    float: left;
    clear: none;
    margin: 1em 0 0 0;
  }
  .fleetadvance-toolkit .download-area .half-block + .half-block {
    margin-left: 3%;
  }
  .fleetadvance-toolkit .download-area a {
    width: 100%;
    clear: both;
  }
  .fleetadvance-toolkit .download-area a h3, .fleetadvance-toolkit .download-area a #modalTitle {
    color: #666666;
    font-family: DINWebPro-bold, "Helvetica", Arial, sans-serif;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    text-align: left;
    text-transform: none;
  }
  .fleetadvance-toolkit .download-area a p {
    color: #666666;
    text-align: left;
  }
}
.btn, form#mktoForm_1233 .mktoButton,
form#mktoForm_1315 .mktoButton,
form#mktoForm_1438 .mktoButton,
form#mktoForm_1494 .mktoButton,
form#mktoForm_1613 .mktoButton,
form[name=Low-Cost-Fuel-Index] .mktoButton, #modalContent .submenu a {
  display: inline-block;
  position: relative;
  width: auto;
  outline: 0;
  background: #009fdf;
  border: 2px solid #009fdf;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  padding: 5px 25px 3px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 4rem;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.btn:visited, form#mktoForm_1233 .mktoButton:visited,
form#mktoForm_1315 .mktoButton:visited,
form#mktoForm_1438 .mktoButton:visited,
form#mktoForm_1494 .mktoButton:visited,
form#mktoForm_1613 .mktoButton:visited,
form[name=Low-Cost-Fuel-Index] .mktoButton:visited, #modalContent .submenu a:visited {
  color: #ffffff;
}
.btn:hover, form#mktoForm_1233 .mktoButton:hover,
form#mktoForm_1315 .mktoButton:hover,
form#mktoForm_1438 .mktoButton:hover,
form#mktoForm_1494 .mktoButton:hover,
form#mktoForm_1613 .mktoButton:hover,
form[name=Low-Cost-Fuel-Index] .mktoButton:hover, #modalContent .submenu a:hover {
  background: #005c6f;
  color: #ffffff;
  border: 2px solid #005c6f;
  text-decoration: none;
}
.btn:disabled, form#mktoForm_1233 .mktoButton:disabled,
form#mktoForm_1315 .mktoButton:disabled,
form#mktoForm_1438 .mktoButton:disabled,
form#mktoForm_1494 .mktoButton:disabled,
form#mktoForm_1613 .mktoButton:disabled,
form[name=Low-Cost-Fuel-Index] .mktoButton:disabled, #modalContent .submenu a:disabled, .btn[disabled=disabled], form#mktoForm_1233 [disabled=disabled].mktoButton,
form#mktoForm_1315 [disabled=disabled].mktoButton,
form#mktoForm_1438 [disabled=disabled].mktoButton,
form#mktoForm_1494 [disabled=disabled].mktoButton,
form#mktoForm_1613 [disabled=disabled].mktoButton,
form[name=Low-Cost-Fuel-Index] [disabled=disabled].mktoButton, #modalContent .submenu a[disabled=disabled] {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
.btn:disabled:hover, form#mktoForm_1233 .mktoButton:disabled:hover,
form#mktoForm_1315 .mktoButton:disabled:hover,
form#mktoForm_1438 .mktoButton:disabled:hover,
form#mktoForm_1494 .mktoButton:disabled:hover,
form#mktoForm_1613 .mktoButton:disabled:hover,
form[name=Low-Cost-Fuel-Index] .mktoButton:disabled:hover, #modalContent .submenu a:disabled:hover, .btn[disabled=disabled]:hover, form#mktoForm_1233 [disabled=disabled].mktoButton:hover,
form#mktoForm_1315 [disabled=disabled].mktoButton:hover,
form#mktoForm_1438 [disabled=disabled].mktoButton:hover,
form#mktoForm_1494 [disabled=disabled].mktoButton:hover,
form#mktoForm_1613 [disabled=disabled].mktoButton:hover,
form[name=Low-Cost-Fuel-Index] [disabled=disabled].mktoButton:hover, #modalContent .submenu a[disabled=disabled]:hover {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}

.white {
  display: inline-block;
  position: relative;
  width: auto;
  outline: 0;
  background: #ffffff;
  border: 2px solid #009fdf;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  padding: 5px 25px 3px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 4rem;
  color: #009fdf;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.white:visited {
  color: #009fdf;
}
.white:hover {
  background: #009fdf;
  color: #ffffff;
  border: 2px solid #009fdf;
  text-decoration: none;
}
.white:disabled, .white[disabled=disabled] {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
.white:disabled:hover, .white[disabled=disabled]:hover {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}

.gray, #modalContent .submenu a {
  background: #F6F6F6;
  border: 2px solid #e5e5e5;
  padding: 5px 10px 3px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 30px;
  line-height: 3rem;
  color: #666666;
}
.gray:visited, #modalContent .submenu a:visited {
  color: #666666;
}
.gray:hover, #modalContent .submenu a:hover {
  background: #009fdf;
  color: #ffffff;
  border: 2px solid #009fdf;
}

.gray-pure {
  background: #F6F6F6;
  border: 2px solid #e5e5e5;
  padding: 5px 10px 3px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 30px;
  line-height: 3rem;
  color: #666666;
}
.gray-pure:visited {
  color: #666666;
}

.ghost {
  display: inline-block;
  position: relative;
  width: auto;
  outline: 0;
  background: transparent;
  border: 2px solid #ffffff;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  padding: 5px 25px 3px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 4rem;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.ghost:visited {
  color: #ffffff;
}
.ghost:hover {
  background: #ffffff;
  color: #666666;
  border: 2px solid #ffffff;
  text-decoration: none;
}
.ghost:disabled, .ghost[disabled=disabled] {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
.ghost:disabled:hover, .ghost[disabled=disabled]:hover {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}

.ghost-blue {
  display: inline-block;
  position: relative;
  width: auto;
  outline: 0;
  background: transparent;
  border: 2px solid #009fdf;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  padding: 5px 25px 3px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 4rem;
  color: #009fdf;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.ghost-blue:visited {
  color: #009fdf;
}
.ghost-blue:hover {
  background: #009fdf;
  color: #ffffff;
  border: 2px solid #009fdf;
  text-decoration: none;
}
.ghost-blue:disabled, .ghost-blue[disabled=disabled] {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
.ghost-blue:disabled:hover, .ghost-blue[disabled=disabled]:hover {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}

.ghost-with-icon {
  display: inline-block;
  position: relative;
  width: auto;
  outline: 0;
  background: transparent;
  border: 2px solid #ffffff;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  padding: 4px 25px 2px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 4rem;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}
.ghost-with-icon:before {
  font-family: FontAwesome;
  content: "";
  padding: 8px 8px 8px 12px;
  background: #009fdf;
  border-radius: 50%;
  margin: 0 10px 0 -12px;
  color: #666666;
}
.ghost-with-icon:visited {
  color: #ffffff;
}
.ghost-with-icon:hover {
  background: #ffffff;
  color: #666666;
  border: 2px solid #ffffff;
  text-decoration: none;
}
.ghost-with-icon:disabled, .ghost-with-icon[disabled=disabled] {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}

.mobile-phone,
.mobile-menu-toggle {
  display: inline-block;
  position: relative;
  float: right;
  width: auto;
  outline: 0;
  border-left: 1px solid #b2b2b2;
  padding: 5px 15px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}
.mobile-phone i,
.mobile-menu-toggle i {
  display: block;
  color: #009fdf;
  font-size: 30px;
  font-size: 3rem;
}
.mobile-phone:visited, .mobile-phone:hover,
.mobile-menu-toggle:visited,
.mobile-menu-toggle:hover {
  text-decoration: none;
}

.mobile-menu-toggle {
  margin-right: -10px;
}

.btnbar {
  width: 100%;
  display: table;
  border: 2px solid #009fdf;
  background: #ffffff;
}
.btnbar .btn, .btnbar form#mktoForm_1233 .mktoButton, form#mktoForm_1233 .btnbar .mktoButton,
.btnbar form#mktoForm_1315 .mktoButton,
form#mktoForm_1315 .btnbar .mktoButton,
.btnbar form#mktoForm_1438 .mktoButton,
form#mktoForm_1438 .btnbar .mktoButton,
.btnbar form#mktoForm_1494 .mktoButton,
form#mktoForm_1494 .btnbar .mktoButton,
.btnbar form#mktoForm_1613 .mktoButton,
form#mktoForm_1613 .btnbar .mktoButton,
.btnbar form[name=Low-Cost-Fuel-Index] .mktoButton,
form[name=Low-Cost-Fuel-Index] .btnbar .mktoButton, .btnbar #modalContent .submenu a, #modalContent .submenu .btnbar a {
  display: inline-block;
  position: relative;
  width: auto;
  outline: 0;
  background: #ffffff;
  border: 2px solid transparent;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  padding: 5px 25px 3px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 4rem;
  color: #009fdf;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  display: table-cell;
  margin: 0;
  width: 50%;
  padding: 0;
}
.btnbar .btn:visited, .btnbar form#mktoForm_1233 .mktoButton:visited, form#mktoForm_1233 .btnbar .mktoButton:visited,
.btnbar form#mktoForm_1315 .mktoButton:visited,
form#mktoForm_1315 .btnbar .mktoButton:visited,
.btnbar form#mktoForm_1438 .mktoButton:visited,
form#mktoForm_1438 .btnbar .mktoButton:visited,
.btnbar form#mktoForm_1494 .mktoButton:visited,
form#mktoForm_1494 .btnbar .mktoButton:visited,
.btnbar form#mktoForm_1613 .mktoButton:visited,
form#mktoForm_1613 .btnbar .mktoButton:visited,
.btnbar form[name=Low-Cost-Fuel-Index] .mktoButton:visited,
form[name=Low-Cost-Fuel-Index] .btnbar .mktoButton:visited, .btnbar #modalContent .submenu a:visited, #modalContent .submenu .btnbar a:visited {
  color: #009fdf;
}
.btnbar .btn:hover, .btnbar form#mktoForm_1233 .mktoButton:hover, form#mktoForm_1233 .btnbar .mktoButton:hover,
.btnbar form#mktoForm_1315 .mktoButton:hover,
form#mktoForm_1315 .btnbar .mktoButton:hover,
.btnbar form#mktoForm_1438 .mktoButton:hover,
form#mktoForm_1438 .btnbar .mktoButton:hover,
.btnbar form#mktoForm_1494 .mktoButton:hover,
form#mktoForm_1494 .btnbar .mktoButton:hover,
.btnbar form#mktoForm_1613 .mktoButton:hover,
form#mktoForm_1613 .btnbar .mktoButton:hover,
.btnbar form[name=Low-Cost-Fuel-Index] .mktoButton:hover,
form[name=Low-Cost-Fuel-Index] .btnbar .mktoButton:hover, .btnbar #modalContent .submenu a:hover, #modalContent .submenu .btnbar a:hover {
  background: #f2f2f2;
  color: #009fdf;
  border: 2px solid transparent;
  text-decoration: none;
}
.btnbar .btn:disabled, .btnbar form#mktoForm_1233 .mktoButton:disabled, form#mktoForm_1233 .btnbar .mktoButton:disabled,
.btnbar form#mktoForm_1315 .mktoButton:disabled,
form#mktoForm_1315 .btnbar .mktoButton:disabled,
.btnbar form#mktoForm_1438 .mktoButton:disabled,
form#mktoForm_1438 .btnbar .mktoButton:disabled,
.btnbar form#mktoForm_1494 .mktoButton:disabled,
form#mktoForm_1494 .btnbar .mktoButton:disabled,
.btnbar form#mktoForm_1613 .mktoButton:disabled,
form#mktoForm_1613 .btnbar .mktoButton:disabled,
.btnbar form[name=Low-Cost-Fuel-Index] .mktoButton:disabled,
form[name=Low-Cost-Fuel-Index] .btnbar .mktoButton:disabled, .btnbar #modalContent .submenu a:disabled, #modalContent .submenu .btnbar a:disabled, .btnbar .btn[disabled=disabled], .btnbar form#mktoForm_1233 [disabled=disabled].mktoButton, form#mktoForm_1233 .btnbar [disabled=disabled].mktoButton,
.btnbar form#mktoForm_1315 [disabled=disabled].mktoButton,
form#mktoForm_1315 .btnbar [disabled=disabled].mktoButton,
.btnbar form#mktoForm_1438 [disabled=disabled].mktoButton,
form#mktoForm_1438 .btnbar [disabled=disabled].mktoButton,
.btnbar form#mktoForm_1494 [disabled=disabled].mktoButton,
form#mktoForm_1494 .btnbar [disabled=disabled].mktoButton,
.btnbar form#mktoForm_1613 [disabled=disabled].mktoButton,
form#mktoForm_1613 .btnbar [disabled=disabled].mktoButton,
.btnbar form[name=Low-Cost-Fuel-Index] [disabled=disabled].mktoButton,
form[name=Low-Cost-Fuel-Index] .btnbar [disabled=disabled].mktoButton, .btnbar #modalContent .submenu a[disabled=disabled], #modalContent .submenu .btnbar a[disabled=disabled] {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
.btnbar .btn:disabled:hover, .btnbar form#mktoForm_1233 .mktoButton:disabled:hover, form#mktoForm_1233 .btnbar .mktoButton:disabled:hover,
.btnbar form#mktoForm_1315 .mktoButton:disabled:hover,
form#mktoForm_1315 .btnbar .mktoButton:disabled:hover,
.btnbar form#mktoForm_1438 .mktoButton:disabled:hover,
form#mktoForm_1438 .btnbar .mktoButton:disabled:hover,
.btnbar form#mktoForm_1494 .mktoButton:disabled:hover,
form#mktoForm_1494 .btnbar .mktoButton:disabled:hover,
.btnbar form#mktoForm_1613 .mktoButton:disabled:hover,
form#mktoForm_1613 .btnbar .mktoButton:disabled:hover,
.btnbar form[name=Low-Cost-Fuel-Index] .mktoButton:disabled:hover,
form[name=Low-Cost-Fuel-Index] .btnbar .mktoButton:disabled:hover, .btnbar #modalContent .submenu a:disabled:hover, #modalContent .submenu .btnbar a:disabled:hover, .btnbar .btn[disabled=disabled]:hover, .btnbar form#mktoForm_1233 [disabled=disabled].mktoButton:hover, form#mktoForm_1233 .btnbar [disabled=disabled].mktoButton:hover,
.btnbar form#mktoForm_1315 [disabled=disabled].mktoButton:hover,
form#mktoForm_1315 .btnbar [disabled=disabled].mktoButton:hover,
.btnbar form#mktoForm_1438 [disabled=disabled].mktoButton:hover,
form#mktoForm_1438 .btnbar [disabled=disabled].mktoButton:hover,
.btnbar form#mktoForm_1494 [disabled=disabled].mktoButton:hover,
form#mktoForm_1494 .btnbar [disabled=disabled].mktoButton:hover,
.btnbar form#mktoForm_1613 [disabled=disabled].mktoButton:hover,
form#mktoForm_1613 .btnbar [disabled=disabled].mktoButton:hover,
.btnbar form[name=Low-Cost-Fuel-Index] [disabled=disabled].mktoButton:hover,
form[name=Low-Cost-Fuel-Index] .btnbar [disabled=disabled].mktoButton:hover, .btnbar #modalContent .submenu a[disabled=disabled]:hover, #modalContent .submenu .btnbar a[disabled=disabled]:hover {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
.btnbar .btn.active, .btnbar form#mktoForm_1233 .active.mktoButton, form#mktoForm_1233 .btnbar .active.mktoButton,
.btnbar form#mktoForm_1315 .active.mktoButton,
form#mktoForm_1315 .btnbar .active.mktoButton,
.btnbar form#mktoForm_1438 .active.mktoButton,
form#mktoForm_1438 .btnbar .active.mktoButton,
.btnbar form#mktoForm_1494 .active.mktoButton,
form#mktoForm_1494 .btnbar .active.mktoButton,
.btnbar form#mktoForm_1613 .active.mktoButton,
form#mktoForm_1613 .btnbar .active.mktoButton,
.btnbar form[name=Low-Cost-Fuel-Index] .active.mktoButton,
form[name=Low-Cost-Fuel-Index] .btnbar .active.mktoButton, .btnbar #modalContent .submenu a.active, #modalContent .submenu .btnbar a.active {
  display: table-cell;
  margin: 0;
  width: 50%;
}
.btnbar .btn input[type='radio']:checked + span, .btnbar form#mktoForm_1233 .mktoButton input[type='radio']:checked + span, form#mktoForm_1233 .btnbar .mktoButton input[type='radio']:checked + span,
.btnbar form#mktoForm_1315 .mktoButton input[type='radio']:checked + span,
form#mktoForm_1315 .btnbar .mktoButton input[type='radio']:checked + span,
.btnbar form#mktoForm_1438 .mktoButton input[type='radio']:checked + span,
form#mktoForm_1438 .btnbar .mktoButton input[type='radio']:checked + span,
.btnbar form#mktoForm_1494 .mktoButton input[type='radio']:checked + span,
form#mktoForm_1494 .btnbar .mktoButton input[type='radio']:checked + span,
.btnbar form#mktoForm_1613 .mktoButton input[type='radio']:checked + span,
form#mktoForm_1613 .btnbar .mktoButton input[type='radio']:checked + span,
.btnbar form[name=Low-Cost-Fuel-Index] .mktoButton input[type='radio']:checked + span,
form[name=Low-Cost-Fuel-Index] .btnbar .mktoButton input[type='radio']:checked + span, .btnbar #modalContent .submenu a input[type='radio']:checked + span, #modalContent .submenu .btnbar a input[type='radio']:checked + span {
  display: inline-block;
  position: relative;
  width: auto;
  outline: 0;
  background: #007bac;
  border: 2px solid #007bac;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  padding: 5px 25px 3px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 4rem;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 0;
  width: 100%;
}
.btnbar .btn input[type='radio']:checked + span:visited, .btnbar form#mktoForm_1233 .mktoButton input[type='radio']:checked + span:visited, form#mktoForm_1233 .btnbar .mktoButton input[type='radio']:checked + span:visited,
.btnbar form#mktoForm_1315 .mktoButton input[type='radio']:checked + span:visited,
form#mktoForm_1315 .btnbar .mktoButton input[type='radio']:checked + span:visited,
.btnbar form#mktoForm_1438 .mktoButton input[type='radio']:checked + span:visited,
form#mktoForm_1438 .btnbar .mktoButton input[type='radio']:checked + span:visited,
.btnbar form#mktoForm_1494 .mktoButton input[type='radio']:checked + span:visited,
form#mktoForm_1494 .btnbar .mktoButton input[type='radio']:checked + span:visited,
.btnbar form#mktoForm_1613 .mktoButton input[type='radio']:checked + span:visited,
form#mktoForm_1613 .btnbar .mktoButton input[type='radio']:checked + span:visited,
.btnbar form[name=Low-Cost-Fuel-Index] .mktoButton input[type='radio']:checked + span:visited,
form[name=Low-Cost-Fuel-Index] .btnbar .mktoButton input[type='radio']:checked + span:visited, .btnbar #modalContent .submenu a input[type='radio']:checked + span:visited, #modalContent .submenu .btnbar a input[type='radio']:checked + span:visited {
  color: #ffffff;
}
.btnbar .btn input[type='radio']:checked + span:hover, .btnbar form#mktoForm_1233 .mktoButton input[type='radio']:checked + span:hover, form#mktoForm_1233 .btnbar .mktoButton input[type='radio']:checked + span:hover,
.btnbar form#mktoForm_1315 .mktoButton input[type='radio']:checked + span:hover,
form#mktoForm_1315 .btnbar .mktoButton input[type='radio']:checked + span:hover,
.btnbar form#mktoForm_1438 .mktoButton input[type='radio']:checked + span:hover,
form#mktoForm_1438 .btnbar .mktoButton input[type='radio']:checked + span:hover,
.btnbar form#mktoForm_1494 .mktoButton input[type='radio']:checked + span:hover,
form#mktoForm_1494 .btnbar .mktoButton input[type='radio']:checked + span:hover,
.btnbar form#mktoForm_1613 .mktoButton input[type='radio']:checked + span:hover,
form#mktoForm_1613 .btnbar .mktoButton input[type='radio']:checked + span:hover,
.btnbar form[name=Low-Cost-Fuel-Index] .mktoButton input[type='radio']:checked + span:hover,
form[name=Low-Cost-Fuel-Index] .btnbar .mktoButton input[type='radio']:checked + span:hover, .btnbar #modalContent .submenu a input[type='radio']:checked + span:hover, #modalContent .submenu .btnbar a input[type='radio']:checked + span:hover {
  background: #007bac;
  color: #ffffff;
  border: 2px solid #007bac;
  text-decoration: none;
}
.btnbar .btn input[type='radio']:checked + span:disabled, .btnbar form#mktoForm_1233 .mktoButton input[type='radio']:checked + span:disabled, form#mktoForm_1233 .btnbar .mktoButton input[type='radio']:checked + span:disabled,
.btnbar form#mktoForm_1315 .mktoButton input[type='radio']:checked + span:disabled,
form#mktoForm_1315 .btnbar .mktoButton input[type='radio']:checked + span:disabled,
.btnbar form#mktoForm_1438 .mktoButton input[type='radio']:checked + span:disabled,
form#mktoForm_1438 .btnbar .mktoButton input[type='radio']:checked + span:disabled,
.btnbar form#mktoForm_1494 .mktoButton input[type='radio']:checked + span:disabled,
form#mktoForm_1494 .btnbar .mktoButton input[type='radio']:checked + span:disabled,
.btnbar form#mktoForm_1613 .mktoButton input[type='radio']:checked + span:disabled,
form#mktoForm_1613 .btnbar .mktoButton input[type='radio']:checked + span:disabled,
.btnbar form[name=Low-Cost-Fuel-Index] .mktoButton input[type='radio']:checked + span:disabled,
form[name=Low-Cost-Fuel-Index] .btnbar .mktoButton input[type='radio']:checked + span:disabled, .btnbar #modalContent .submenu a input[type='radio']:checked + span:disabled, #modalContent .submenu .btnbar a input[type='radio']:checked + span:disabled, .btnbar .btn input[type='radio']:checked + span[disabled=disabled], .btnbar form#mktoForm_1233 .mktoButton input[type='radio']:checked + span[disabled=disabled], form#mktoForm_1233 .btnbar .mktoButton input[type='radio']:checked + span[disabled=disabled],
.btnbar form#mktoForm_1315 .mktoButton input[type='radio']:checked + span[disabled=disabled],
form#mktoForm_1315 .btnbar .mktoButton input[type='radio']:checked + span[disabled=disabled],
.btnbar form#mktoForm_1438 .mktoButton input[type='radio']:checked + span[disabled=disabled],
form#mktoForm_1438 .btnbar .mktoButton input[type='radio']:checked + span[disabled=disabled],
.btnbar form#mktoForm_1494 .mktoButton input[type='radio']:checked + span[disabled=disabled],
form#mktoForm_1494 .btnbar .mktoButton input[type='radio']:checked + span[disabled=disabled],
.btnbar form#mktoForm_1613 .mktoButton input[type='radio']:checked + span[disabled=disabled],
form#mktoForm_1613 .btnbar .mktoButton input[type='radio']:checked + span[disabled=disabled],
.btnbar form[name=Low-Cost-Fuel-Index] .mktoButton input[type='radio']:checked + span[disabled=disabled],
form[name=Low-Cost-Fuel-Index] .btnbar .mktoButton input[type='radio']:checked + span[disabled=disabled], .btnbar #modalContent .submenu a input[type='radio']:checked + span[disabled=disabled], #modalContent .submenu .btnbar a input[type='radio']:checked + span[disabled=disabled] {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
.btnbar .btn input[type='radio']:checked + span:disabled:hover, .btnbar form#mktoForm_1233 .mktoButton input[type='radio']:checked + span:disabled:hover, form#mktoForm_1233 .btnbar .mktoButton input[type='radio']:checked + span:disabled:hover,
.btnbar form#mktoForm_1315 .mktoButton input[type='radio']:checked + span:disabled:hover,
form#mktoForm_1315 .btnbar .mktoButton input[type='radio']:checked + span:disabled:hover,
.btnbar form#mktoForm_1438 .mktoButton input[type='radio']:checked + span:disabled:hover,
form#mktoForm_1438 .btnbar .mktoButton input[type='radio']:checked + span:disabled:hover,
.btnbar form#mktoForm_1494 .mktoButton input[type='radio']:checked + span:disabled:hover,
form#mktoForm_1494 .btnbar .mktoButton input[type='radio']:checked + span:disabled:hover,
.btnbar form#mktoForm_1613 .mktoButton input[type='radio']:checked + span:disabled:hover,
form#mktoForm_1613 .btnbar .mktoButton input[type='radio']:checked + span:disabled:hover,
.btnbar form[name=Low-Cost-Fuel-Index] .mktoButton input[type='radio']:checked + span:disabled:hover,
form[name=Low-Cost-Fuel-Index] .btnbar .mktoButton input[type='radio']:checked + span:disabled:hover, .btnbar #modalContent .submenu a input[type='radio']:checked + span:disabled:hover, #modalContent .submenu .btnbar a input[type='radio']:checked + span:disabled:hover, .btnbar .btn input[type='radio']:checked + span[disabled=disabled]:hover, .btnbar form#mktoForm_1233 .mktoButton input[type='radio']:checked + span[disabled=disabled]:hover, form#mktoForm_1233 .btnbar .mktoButton input[type='radio']:checked + span[disabled=disabled]:hover,
.btnbar form#mktoForm_1315 .mktoButton input[type='radio']:checked + span[disabled=disabled]:hover,
form#mktoForm_1315 .btnbar .mktoButton input[type='radio']:checked + span[disabled=disabled]:hover,
.btnbar form#mktoForm_1438 .mktoButton input[type='radio']:checked + span[disabled=disabled]:hover,
form#mktoForm_1438 .btnbar .mktoButton input[type='radio']:checked + span[disabled=disabled]:hover,
.btnbar form#mktoForm_1494 .mktoButton input[type='radio']:checked + span[disabled=disabled]:hover,
form#mktoForm_1494 .btnbar .mktoButton input[type='radio']:checked + span[disabled=disabled]:hover,
.btnbar form#mktoForm_1613 .mktoButton input[type='radio']:checked + span[disabled=disabled]:hover,
form#mktoForm_1613 .btnbar .mktoButton input[type='radio']:checked + span[disabled=disabled]:hover,
.btnbar form[name=Low-Cost-Fuel-Index] .mktoButton input[type='radio']:checked + span[disabled=disabled]:hover,
form[name=Low-Cost-Fuel-Index] .btnbar .mktoButton input[type='radio']:checked + span[disabled=disabled]:hover, .btnbar #modalContent .submenu a input[type='radio']:checked + span[disabled=disabled]:hover, #modalContent .submenu .btnbar a input[type='radio']:checked + span[disabled=disabled]:hover {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
.btnbar.contact-form-btns {
  border: 0px solid #009fdf;
}
.btnbar.contact-form-btns .btn, .btnbar.contact-form-btns form#mktoForm_1233 .mktoButton, form#mktoForm_1233 .btnbar.contact-form-btns .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1315 .mktoButton,
form#mktoForm_1315 .btnbar.contact-form-btns .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1438 .mktoButton,
form#mktoForm_1438 .btnbar.contact-form-btns .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1494 .mktoButton,
form#mktoForm_1494 .btnbar.contact-form-btns .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1613 .mktoButton,
form#mktoForm_1613 .btnbar.contact-form-btns .mktoButton,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .mktoButton,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns .mktoButton, .btnbar.contact-form-btns #modalContent .submenu a, #modalContent .submenu .btnbar.contact-form-btns a {
  display: inline-block;
  position: relative;
  width: auto;
  outline: 0;
  background: #ffffff;
  border: 2px solid #009fdf;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  padding: 5px 25px 3px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 4rem;
  color: #009fdf;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  display: table-cell;
  width: 49%;
}
.btnbar.contact-form-btns .btn:visited, .btnbar.contact-form-btns form#mktoForm_1233 .mktoButton:visited, form#mktoForm_1233 .btnbar.contact-form-btns .mktoButton:visited,
.btnbar.contact-form-btns form#mktoForm_1315 .mktoButton:visited,
form#mktoForm_1315 .btnbar.contact-form-btns .mktoButton:visited,
.btnbar.contact-form-btns form#mktoForm_1438 .mktoButton:visited,
form#mktoForm_1438 .btnbar.contact-form-btns .mktoButton:visited,
.btnbar.contact-form-btns form#mktoForm_1494 .mktoButton:visited,
form#mktoForm_1494 .btnbar.contact-form-btns .mktoButton:visited,
.btnbar.contact-form-btns form#mktoForm_1613 .mktoButton:visited,
form#mktoForm_1613 .btnbar.contact-form-btns .mktoButton:visited,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .mktoButton:visited,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns .mktoButton:visited, .btnbar.contact-form-btns #modalContent .submenu a:visited, #modalContent .submenu .btnbar.contact-form-btns a:visited {
  color: #009fdf;
}
.btnbar.contact-form-btns .btn:hover, .btnbar.contact-form-btns form#mktoForm_1233 .mktoButton:hover, form#mktoForm_1233 .btnbar.contact-form-btns .mktoButton:hover,
.btnbar.contact-form-btns form#mktoForm_1315 .mktoButton:hover,
form#mktoForm_1315 .btnbar.contact-form-btns .mktoButton:hover,
.btnbar.contact-form-btns form#mktoForm_1438 .mktoButton:hover,
form#mktoForm_1438 .btnbar.contact-form-btns .mktoButton:hover,
.btnbar.contact-form-btns form#mktoForm_1494 .mktoButton:hover,
form#mktoForm_1494 .btnbar.contact-form-btns .mktoButton:hover,
.btnbar.contact-form-btns form#mktoForm_1613 .mktoButton:hover,
form#mktoForm_1613 .btnbar.contact-form-btns .mktoButton:hover,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .mktoButton:hover,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns .mktoButton:hover, .btnbar.contact-form-btns #modalContent .submenu a:hover, #modalContent .submenu .btnbar.contact-form-btns a:hover {
  background: #005c6f;
  color: #ffffff;
  border: 2px solid #005c6f;
  text-decoration: none;
}
.btnbar.contact-form-btns .btn:disabled, .btnbar.contact-form-btns form#mktoForm_1233 .mktoButton:disabled, form#mktoForm_1233 .btnbar.contact-form-btns .mktoButton:disabled,
.btnbar.contact-form-btns form#mktoForm_1315 .mktoButton:disabled,
form#mktoForm_1315 .btnbar.contact-form-btns .mktoButton:disabled,
.btnbar.contact-form-btns form#mktoForm_1438 .mktoButton:disabled,
form#mktoForm_1438 .btnbar.contact-form-btns .mktoButton:disabled,
.btnbar.contact-form-btns form#mktoForm_1494 .mktoButton:disabled,
form#mktoForm_1494 .btnbar.contact-form-btns .mktoButton:disabled,
.btnbar.contact-form-btns form#mktoForm_1613 .mktoButton:disabled,
form#mktoForm_1613 .btnbar.contact-form-btns .mktoButton:disabled,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .mktoButton:disabled,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns .mktoButton:disabled, .btnbar.contact-form-btns #modalContent .submenu a:disabled, #modalContent .submenu .btnbar.contact-form-btns a:disabled, .btnbar.contact-form-btns .btn[disabled=disabled], .btnbar.contact-form-btns form#mktoForm_1233 [disabled=disabled].mktoButton, form#mktoForm_1233 .btnbar.contact-form-btns [disabled=disabled].mktoButton,
.btnbar.contact-form-btns form#mktoForm_1315 [disabled=disabled].mktoButton,
form#mktoForm_1315 .btnbar.contact-form-btns [disabled=disabled].mktoButton,
.btnbar.contact-form-btns form#mktoForm_1438 [disabled=disabled].mktoButton,
form#mktoForm_1438 .btnbar.contact-form-btns [disabled=disabled].mktoButton,
.btnbar.contact-form-btns form#mktoForm_1494 [disabled=disabled].mktoButton,
form#mktoForm_1494 .btnbar.contact-form-btns [disabled=disabled].mktoButton,
.btnbar.contact-form-btns form#mktoForm_1613 [disabled=disabled].mktoButton,
form#mktoForm_1613 .btnbar.contact-form-btns [disabled=disabled].mktoButton,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] [disabled=disabled].mktoButton,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns [disabled=disabled].mktoButton, .btnbar.contact-form-btns #modalContent .submenu a[disabled=disabled], #modalContent .submenu .btnbar.contact-form-btns a[disabled=disabled] {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
.btnbar.contact-form-btns .btn:disabled:hover, .btnbar.contact-form-btns form#mktoForm_1233 .mktoButton:disabled:hover, form#mktoForm_1233 .btnbar.contact-form-btns .mktoButton:disabled:hover,
.btnbar.contact-form-btns form#mktoForm_1315 .mktoButton:disabled:hover,
form#mktoForm_1315 .btnbar.contact-form-btns .mktoButton:disabled:hover,
.btnbar.contact-form-btns form#mktoForm_1438 .mktoButton:disabled:hover,
form#mktoForm_1438 .btnbar.contact-form-btns .mktoButton:disabled:hover,
.btnbar.contact-form-btns form#mktoForm_1494 .mktoButton:disabled:hover,
form#mktoForm_1494 .btnbar.contact-form-btns .mktoButton:disabled:hover,
.btnbar.contact-form-btns form#mktoForm_1613 .mktoButton:disabled:hover,
form#mktoForm_1613 .btnbar.contact-form-btns .mktoButton:disabled:hover,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .mktoButton:disabled:hover,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns .mktoButton:disabled:hover, .btnbar.contact-form-btns #modalContent .submenu a:disabled:hover, #modalContent .submenu .btnbar.contact-form-btns a:disabled:hover, .btnbar.contact-form-btns .btn[disabled=disabled]:hover, .btnbar.contact-form-btns form#mktoForm_1233 [disabled=disabled].mktoButton:hover, form#mktoForm_1233 .btnbar.contact-form-btns [disabled=disabled].mktoButton:hover,
.btnbar.contact-form-btns form#mktoForm_1315 [disabled=disabled].mktoButton:hover,
form#mktoForm_1315 .btnbar.contact-form-btns [disabled=disabled].mktoButton:hover,
.btnbar.contact-form-btns form#mktoForm_1438 [disabled=disabled].mktoButton:hover,
form#mktoForm_1438 .btnbar.contact-form-btns [disabled=disabled].mktoButton:hover,
.btnbar.contact-form-btns form#mktoForm_1494 [disabled=disabled].mktoButton:hover,
form#mktoForm_1494 .btnbar.contact-form-btns [disabled=disabled].mktoButton:hover,
.btnbar.contact-form-btns form#mktoForm_1613 [disabled=disabled].mktoButton:hover,
form#mktoForm_1613 .btnbar.contact-form-btns [disabled=disabled].mktoButton:hover,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] [disabled=disabled].mktoButton:hover,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns [disabled=disabled].mktoButton:hover, .btnbar.contact-form-btns #modalContent .submenu a[disabled=disabled]:hover, #modalContent .submenu .btnbar.contact-form-btns a[disabled=disabled]:hover {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
.btnbar.contact-form-btns .btn.active, .btnbar.contact-form-btns form#mktoForm_1233 .active.mktoButton, form#mktoForm_1233 .btnbar.contact-form-btns .active.mktoButton,
.btnbar.contact-form-btns form#mktoForm_1315 .active.mktoButton,
form#mktoForm_1315 .btnbar.contact-form-btns .active.mktoButton,
.btnbar.contact-form-btns form#mktoForm_1438 .active.mktoButton,
form#mktoForm_1438 .btnbar.contact-form-btns .active.mktoButton,
.btnbar.contact-form-btns form#mktoForm_1494 .active.mktoButton,
form#mktoForm_1494 .btnbar.contact-form-btns .active.mktoButton,
.btnbar.contact-form-btns form#mktoForm_1613 .active.mktoButton,
form#mktoForm_1613 .btnbar.contact-form-btns .active.mktoButton,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .active.mktoButton,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns .active.mktoButton, .btnbar.contact-form-btns #modalContent .submenu a.active, #modalContent .submenu .btnbar.contact-form-btns a.active {
  display: inline-block;
  position: relative;
  width: auto;
  outline: 0;
  background: #007bac;
  border: 2px solid transparent;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  padding: 5px 25px 3px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 4rem;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  display: table-cell;
  width: 49%;
}
.btnbar.contact-form-btns .btn.active:visited, .btnbar.contact-form-btns form#mktoForm_1233 .active.mktoButton:visited, form#mktoForm_1233 .btnbar.contact-form-btns .active.mktoButton:visited,
.btnbar.contact-form-btns form#mktoForm_1315 .active.mktoButton:visited,
form#mktoForm_1315 .btnbar.contact-form-btns .active.mktoButton:visited,
.btnbar.contact-form-btns form#mktoForm_1438 .active.mktoButton:visited,
form#mktoForm_1438 .btnbar.contact-form-btns .active.mktoButton:visited,
.btnbar.contact-form-btns form#mktoForm_1494 .active.mktoButton:visited,
form#mktoForm_1494 .btnbar.contact-form-btns .active.mktoButton:visited,
.btnbar.contact-form-btns form#mktoForm_1613 .active.mktoButton:visited,
form#mktoForm_1613 .btnbar.contact-form-btns .active.mktoButton:visited,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .active.mktoButton:visited,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns .active.mktoButton:visited, .btnbar.contact-form-btns #modalContent .submenu a.active:visited, #modalContent .submenu .btnbar.contact-form-btns a.active:visited {
  color: #ffffff;
}
.btnbar.contact-form-btns .btn.active:hover, .btnbar.contact-form-btns form#mktoForm_1233 .active.mktoButton:hover, form#mktoForm_1233 .btnbar.contact-form-btns .active.mktoButton:hover,
.btnbar.contact-form-btns form#mktoForm_1315 .active.mktoButton:hover,
form#mktoForm_1315 .btnbar.contact-form-btns .active.mktoButton:hover,
.btnbar.contact-form-btns form#mktoForm_1438 .active.mktoButton:hover,
form#mktoForm_1438 .btnbar.contact-form-btns .active.mktoButton:hover,
.btnbar.contact-form-btns form#mktoForm_1494 .active.mktoButton:hover,
form#mktoForm_1494 .btnbar.contact-form-btns .active.mktoButton:hover,
.btnbar.contact-form-btns form#mktoForm_1613 .active.mktoButton:hover,
form#mktoForm_1613 .btnbar.contact-form-btns .active.mktoButton:hover,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .active.mktoButton:hover,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns .active.mktoButton:hover, .btnbar.contact-form-btns #modalContent .submenu a.active:hover, #modalContent .submenu .btnbar.contact-form-btns a.active:hover {
  background: #007bac;
  color: #ffffff;
  border: 2px solid #007bac;
  text-decoration: none;
}
.btnbar.contact-form-btns .btn.active:disabled, .btnbar.contact-form-btns form#mktoForm_1233 .active.mktoButton:disabled, form#mktoForm_1233 .btnbar.contact-form-btns .active.mktoButton:disabled,
.btnbar.contact-form-btns form#mktoForm_1315 .active.mktoButton:disabled,
form#mktoForm_1315 .btnbar.contact-form-btns .active.mktoButton:disabled,
.btnbar.contact-form-btns form#mktoForm_1438 .active.mktoButton:disabled,
form#mktoForm_1438 .btnbar.contact-form-btns .active.mktoButton:disabled,
.btnbar.contact-form-btns form#mktoForm_1494 .active.mktoButton:disabled,
form#mktoForm_1494 .btnbar.contact-form-btns .active.mktoButton:disabled,
.btnbar.contact-form-btns form#mktoForm_1613 .active.mktoButton:disabled,
form#mktoForm_1613 .btnbar.contact-form-btns .active.mktoButton:disabled,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .active.mktoButton:disabled,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns .active.mktoButton:disabled, .btnbar.contact-form-btns #modalContent .submenu a.active:disabled, #modalContent .submenu .btnbar.contact-form-btns a.active:disabled, .btnbar.contact-form-btns .btn.active[disabled=disabled], .btnbar.contact-form-btns form#mktoForm_1233 .active[disabled=disabled].mktoButton, form#mktoForm_1233 .btnbar.contact-form-btns .active[disabled=disabled].mktoButton,
.btnbar.contact-form-btns form#mktoForm_1315 .active[disabled=disabled].mktoButton,
form#mktoForm_1315 .btnbar.contact-form-btns .active[disabled=disabled].mktoButton,
.btnbar.contact-form-btns form#mktoForm_1438 .active[disabled=disabled].mktoButton,
form#mktoForm_1438 .btnbar.contact-form-btns .active[disabled=disabled].mktoButton,
.btnbar.contact-form-btns form#mktoForm_1494 .active[disabled=disabled].mktoButton,
form#mktoForm_1494 .btnbar.contact-form-btns .active[disabled=disabled].mktoButton,
.btnbar.contact-form-btns form#mktoForm_1613 .active[disabled=disabled].mktoButton,
form#mktoForm_1613 .btnbar.contact-form-btns .active[disabled=disabled].mktoButton,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .active[disabled=disabled].mktoButton,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns .active[disabled=disabled].mktoButton, .btnbar.contact-form-btns #modalContent .submenu a.active[disabled=disabled], #modalContent .submenu .btnbar.contact-form-btns a.active[disabled=disabled] {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
.btnbar.contact-form-btns .btn.active:disabled:hover, .btnbar.contact-form-btns form#mktoForm_1233 .active.mktoButton:disabled:hover, form#mktoForm_1233 .btnbar.contact-form-btns .active.mktoButton:disabled:hover,
.btnbar.contact-form-btns form#mktoForm_1315 .active.mktoButton:disabled:hover,
form#mktoForm_1315 .btnbar.contact-form-btns .active.mktoButton:disabled:hover,
.btnbar.contact-form-btns form#mktoForm_1438 .active.mktoButton:disabled:hover,
form#mktoForm_1438 .btnbar.contact-form-btns .active.mktoButton:disabled:hover,
.btnbar.contact-form-btns form#mktoForm_1494 .active.mktoButton:disabled:hover,
form#mktoForm_1494 .btnbar.contact-form-btns .active.mktoButton:disabled:hover,
.btnbar.contact-form-btns form#mktoForm_1613 .active.mktoButton:disabled:hover,
form#mktoForm_1613 .btnbar.contact-form-btns .active.mktoButton:disabled:hover,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .active.mktoButton:disabled:hover,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns .active.mktoButton:disabled:hover, .btnbar.contact-form-btns #modalContent .submenu a.active:disabled:hover, #modalContent .submenu .btnbar.contact-form-btns a.active:disabled:hover, .btnbar.contact-form-btns .btn.active[disabled=disabled]:hover, .btnbar.contact-form-btns form#mktoForm_1233 .active[disabled=disabled].mktoButton:hover, form#mktoForm_1233 .btnbar.contact-form-btns .active[disabled=disabled].mktoButton:hover,
.btnbar.contact-form-btns form#mktoForm_1315 .active[disabled=disabled].mktoButton:hover,
form#mktoForm_1315 .btnbar.contact-form-btns .active[disabled=disabled].mktoButton:hover,
.btnbar.contact-form-btns form#mktoForm_1438 .active[disabled=disabled].mktoButton:hover,
form#mktoForm_1438 .btnbar.contact-form-btns .active[disabled=disabled].mktoButton:hover,
.btnbar.contact-form-btns form#mktoForm_1494 .active[disabled=disabled].mktoButton:hover,
form#mktoForm_1494 .btnbar.contact-form-btns .active[disabled=disabled].mktoButton:hover,
.btnbar.contact-form-btns form#mktoForm_1613 .active[disabled=disabled].mktoButton:hover,
form#mktoForm_1613 .btnbar.contact-form-btns .active[disabled=disabled].mktoButton:hover,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .active[disabled=disabled].mktoButton:hover,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns .active[disabled=disabled].mktoButton:hover, .btnbar.contact-form-btns #modalContent .submenu a.active[disabled=disabled]:hover, #modalContent .submenu .btnbar.contact-form-btns a.active[disabled=disabled]:hover {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
.btnbar.contact-form-btns .btn + .btn, .btnbar.contact-form-btns form#mktoForm_1233 .mktoButton + .btn, form#mktoForm_1233 .btnbar.contact-form-btns .mktoButton + .btn,
.btnbar.contact-form-btns form#mktoForm_1315 .mktoButton + .btn,
form#mktoForm_1315 .btnbar.contact-form-btns .mktoButton + .btn,
.btnbar.contact-form-btns form#mktoForm_1438 .mktoButton + .btn,
form#mktoForm_1438 .btnbar.contact-form-btns .mktoButton + .btn,
.btnbar.contact-form-btns form#mktoForm_1494 .mktoButton + .btn,
form#mktoForm_1494 .btnbar.contact-form-btns .mktoButton + .btn,
.btnbar.contact-form-btns form#mktoForm_1613 .mktoButton + .btn,
form#mktoForm_1613 .btnbar.contact-form-btns .mktoButton + .btn,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .mktoButton + .btn,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns .mktoButton + .btn, .btnbar.contact-form-btns #modalContent .submenu a + .btn, #modalContent .submenu .btnbar.contact-form-btns a + .btn, .btnbar.contact-form-btns form#mktoForm_1233 .btn + .mktoButton, form#mktoForm_1233 .btnbar.contact-form-btns .btn + .mktoButton, .btnbar.contact-form-btns form#mktoForm_1233 .mktoButton + .mktoButton, form#mktoForm_1233 .btnbar.contact-form-btns .mktoButton + .mktoButton, .btnbar.contact-form-btns #modalContent .submenu form#mktoForm_1233 a + .mktoButton, form#mktoForm_1233 .btnbar.contact-form-btns #modalContent .submenu a + .mktoButton, #modalContent .submenu .btnbar.contact-form-btns form#mktoForm_1233 a + .mktoButton, form#mktoForm_1233 #modalContent .submenu .btnbar.contact-form-btns a + .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1315 .btn + .mktoButton,
form#mktoForm_1315 .btnbar.contact-form-btns .btn + .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1315 .mktoButton + .mktoButton,
form#mktoForm_1315 .btnbar.contact-form-btns .mktoButton + .mktoButton,
.btnbar.contact-form-btns #modalContent .submenu form#mktoForm_1315 a + .mktoButton,
form#mktoForm_1315 .btnbar.contact-form-btns #modalContent .submenu a + .mktoButton,
#modalContent .submenu .btnbar.contact-form-btns form#mktoForm_1315 a + .mktoButton,
form#mktoForm_1315 #modalContent .submenu .btnbar.contact-form-btns a + .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1438 .btn + .mktoButton,
form#mktoForm_1438 .btnbar.contact-form-btns .btn + .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1438 .mktoButton + .mktoButton,
form#mktoForm_1438 .btnbar.contact-form-btns .mktoButton + .mktoButton,
.btnbar.contact-form-btns #modalContent .submenu form#mktoForm_1438 a + .mktoButton,
form#mktoForm_1438 .btnbar.contact-form-btns #modalContent .submenu a + .mktoButton,
#modalContent .submenu .btnbar.contact-form-btns form#mktoForm_1438 a + .mktoButton,
form#mktoForm_1438 #modalContent .submenu .btnbar.contact-form-btns a + .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1494 .btn + .mktoButton,
form#mktoForm_1494 .btnbar.contact-form-btns .btn + .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1494 .mktoButton + .mktoButton,
form#mktoForm_1494 .btnbar.contact-form-btns .mktoButton + .mktoButton,
.btnbar.contact-form-btns #modalContent .submenu form#mktoForm_1494 a + .mktoButton,
form#mktoForm_1494 .btnbar.contact-form-btns #modalContent .submenu a + .mktoButton,
#modalContent .submenu .btnbar.contact-form-btns form#mktoForm_1494 a + .mktoButton,
form#mktoForm_1494 #modalContent .submenu .btnbar.contact-form-btns a + .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1613 .btn + .mktoButton,
form#mktoForm_1613 .btnbar.contact-form-btns .btn + .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1613 .mktoButton + .mktoButton,
form#mktoForm_1613 .btnbar.contact-form-btns .mktoButton + .mktoButton,
.btnbar.contact-form-btns #modalContent .submenu form#mktoForm_1613 a + .mktoButton,
form#mktoForm_1613 .btnbar.contact-form-btns #modalContent .submenu a + .mktoButton,
#modalContent .submenu .btnbar.contact-form-btns form#mktoForm_1613 a + .mktoButton,
form#mktoForm_1613 #modalContent .submenu .btnbar.contact-form-btns a + .mktoButton,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .btn + .mktoButton,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns .btn + .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1233 form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
form#mktoForm_1233 .btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1315 form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
form#mktoForm_1315 .btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1438 form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
form#mktoForm_1438 .btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1494 form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
form#mktoForm_1494 .btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
.btnbar.contact-form-btns form#mktoForm_1613 form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
form#mktoForm_1613 .btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns .mktoButton + .mktoButton,
.btnbar.contact-form-btns #modalContent .submenu form[name=Low-Cost-Fuel-Index] a + .mktoButton,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns #modalContent .submenu a + .mktoButton,
#modalContent .submenu .btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] a + .mktoButton,
form[name=Low-Cost-Fuel-Index] #modalContent .submenu .btnbar.contact-form-btns a + .mktoButton, .btnbar.contact-form-btns #modalContent .submenu .btn + a, #modalContent .submenu .btnbar.contact-form-btns .btn + a, .btnbar.contact-form-btns form#mktoForm_1233 #modalContent .submenu .mktoButton + a, #modalContent .submenu .btnbar.contact-form-btns form#mktoForm_1233 .mktoButton + a, form#mktoForm_1233 .btnbar.contact-form-btns #modalContent .submenu .mktoButton + a, #modalContent .submenu form#mktoForm_1233 .btnbar.contact-form-btns .mktoButton + a,
.btnbar.contact-form-btns form#mktoForm_1315 #modalContent .submenu .mktoButton + a,
#modalContent .submenu .btnbar.contact-form-btns form#mktoForm_1315 .mktoButton + a,
form#mktoForm_1315 .btnbar.contact-form-btns #modalContent .submenu .mktoButton + a,
#modalContent .submenu form#mktoForm_1315 .btnbar.contact-form-btns .mktoButton + a,
.btnbar.contact-form-btns form#mktoForm_1438 #modalContent .submenu .mktoButton + a,
#modalContent .submenu .btnbar.contact-form-btns form#mktoForm_1438 .mktoButton + a,
form#mktoForm_1438 .btnbar.contact-form-btns #modalContent .submenu .mktoButton + a,
#modalContent .submenu form#mktoForm_1438 .btnbar.contact-form-btns .mktoButton + a,
.btnbar.contact-form-btns form#mktoForm_1494 #modalContent .submenu .mktoButton + a,
#modalContent .submenu .btnbar.contact-form-btns form#mktoForm_1494 .mktoButton + a,
form#mktoForm_1494 .btnbar.contact-form-btns #modalContent .submenu .mktoButton + a,
#modalContent .submenu form#mktoForm_1494 .btnbar.contact-form-btns .mktoButton + a,
.btnbar.contact-form-btns form#mktoForm_1613 #modalContent .submenu .mktoButton + a,
#modalContent .submenu .btnbar.contact-form-btns form#mktoForm_1613 .mktoButton + a,
form#mktoForm_1613 .btnbar.contact-form-btns #modalContent .submenu .mktoButton + a,
#modalContent .submenu form#mktoForm_1613 .btnbar.contact-form-btns .mktoButton + a,
.btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] #modalContent .submenu .mktoButton + a,
#modalContent .submenu .btnbar.contact-form-btns form[name=Low-Cost-Fuel-Index] .mktoButton + a,
form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns #modalContent .submenu .mktoButton + a,
#modalContent .submenu form[name=Low-Cost-Fuel-Index] .btnbar.contact-form-btns .mktoButton + a, .btnbar.contact-form-btns #modalContent .submenu a + a, #modalContent .submenu .btnbar.contact-form-btns a + a {
  margin-left: 1%;
}
.btnbar.colors {
  border: 0;
  background: none;
}
.btnbar.colors .btn, .btnbar.colors form#mktoForm_1233 .mktoButton, form#mktoForm_1233 .btnbar.colors .mktoButton,
.btnbar.colors form#mktoForm_1315 .mktoButton,
form#mktoForm_1315 .btnbar.colors .mktoButton,
.btnbar.colors form#mktoForm_1438 .mktoButton,
form#mktoForm_1438 .btnbar.colors .mktoButton,
.btnbar.colors form#mktoForm_1494 .mktoButton,
form#mktoForm_1494 .btnbar.colors .mktoButton,
.btnbar.colors form#mktoForm_1613 .mktoButton,
form#mktoForm_1613 .btnbar.colors .mktoButton,
.btnbar.colors form[name=Low-Cost-Fuel-Index] .mktoButton,
form[name=Low-Cost-Fuel-Index] .btnbar.colors .mktoButton, .btnbar.colors #modalContent .submenu a, #modalContent .submenu .btnbar.colors a {
  width: 25%;
  background: #f2f2f2;
  cursor: default;
}
.btnbar.colors .btn:hover, .btnbar.colors form#mktoForm_1233 .mktoButton:hover, form#mktoForm_1233 .btnbar.colors .mktoButton:hover,
.btnbar.colors form#mktoForm_1315 .mktoButton:hover,
form#mktoForm_1315 .btnbar.colors .mktoButton:hover,
.btnbar.colors form#mktoForm_1438 .mktoButton:hover,
form#mktoForm_1438 .btnbar.colors .mktoButton:hover,
.btnbar.colors form#mktoForm_1494 .mktoButton:hover,
form#mktoForm_1494 .btnbar.colors .mktoButton:hover,
.btnbar.colors form#mktoForm_1613 .mktoButton:hover,
form#mktoForm_1613 .btnbar.colors .mktoButton:hover,
.btnbar.colors form[name=Low-Cost-Fuel-Index] .mktoButton:hover,
form[name=Low-Cost-Fuel-Index] .btnbar.colors .mktoButton:hover, .btnbar.colors #modalContent .submenu a:hover, #modalContent .submenu .btnbar.colors a:hover {
  border: 0px solid #000;
}
.btnbar.colors .btn.active:nth-child(1), .btnbar.colors form#mktoForm_1233 .active.mktoButton:nth-child(1), form#mktoForm_1233 .btnbar.colors .active.mktoButton:nth-child(1),
.btnbar.colors form#mktoForm_1315 .active.mktoButton:nth-child(1),
form#mktoForm_1315 .btnbar.colors .active.mktoButton:nth-child(1),
.btnbar.colors form#mktoForm_1438 .active.mktoButton:nth-child(1),
form#mktoForm_1438 .btnbar.colors .active.mktoButton:nth-child(1),
.btnbar.colors form#mktoForm_1494 .active.mktoButton:nth-child(1),
form#mktoForm_1494 .btnbar.colors .active.mktoButton:nth-child(1),
.btnbar.colors form#mktoForm_1613 .active.mktoButton:nth-child(1),
form#mktoForm_1613 .btnbar.colors .active.mktoButton:nth-child(1),
.btnbar.colors form[name=Low-Cost-Fuel-Index] .active.mktoButton:nth-child(1),
form[name=Low-Cost-Fuel-Index] .btnbar.colors .active.mktoButton:nth-child(1), .btnbar.colors #modalContent .submenu a.active:nth-child(1), #modalContent .submenu .btnbar.colors a.active:nth-child(1) {
  color: #ffffff;
  background: #009fdf;
}
.btnbar.colors .btn.active:nth-child(2), .btnbar.colors form#mktoForm_1233 .active.mktoButton:nth-child(2), form#mktoForm_1233 .btnbar.colors .active.mktoButton:nth-child(2),
.btnbar.colors form#mktoForm_1315 .active.mktoButton:nth-child(2),
form#mktoForm_1315 .btnbar.colors .active.mktoButton:nth-child(2),
.btnbar.colors form#mktoForm_1438 .active.mktoButton:nth-child(2),
form#mktoForm_1438 .btnbar.colors .active.mktoButton:nth-child(2),
.btnbar.colors form#mktoForm_1494 .active.mktoButton:nth-child(2),
form#mktoForm_1494 .btnbar.colors .active.mktoButton:nth-child(2),
.btnbar.colors form#mktoForm_1613 .active.mktoButton:nth-child(2),
form#mktoForm_1613 .btnbar.colors .active.mktoButton:nth-child(2),
.btnbar.colors form[name=Low-Cost-Fuel-Index] .active.mktoButton:nth-child(2),
form[name=Low-Cost-Fuel-Index] .btnbar.colors .active.mktoButton:nth-child(2), .btnbar.colors #modalContent .submenu a.active:nth-child(2), #modalContent .submenu .btnbar.colors a.active:nth-child(2) {
  color: #ffffff;
  background: #005c6f;
}
.btnbar.colors .btn.active:nth-child(3), .btnbar.colors form#mktoForm_1233 .active.mktoButton:nth-child(3), form#mktoForm_1233 .btnbar.colors .active.mktoButton:nth-child(3),
.btnbar.colors form#mktoForm_1315 .active.mktoButton:nth-child(3),
form#mktoForm_1315 .btnbar.colors .active.mktoButton:nth-child(3),
.btnbar.colors form#mktoForm_1438 .active.mktoButton:nth-child(3),
form#mktoForm_1438 .btnbar.colors .active.mktoButton:nth-child(3),
.btnbar.colors form#mktoForm_1494 .active.mktoButton:nth-child(3),
form#mktoForm_1494 .btnbar.colors .active.mktoButton:nth-child(3),
.btnbar.colors form#mktoForm_1613 .active.mktoButton:nth-child(3),
form#mktoForm_1613 .btnbar.colors .active.mktoButton:nth-child(3),
.btnbar.colors form[name=Low-Cost-Fuel-Index] .active.mktoButton:nth-child(3),
form[name=Low-Cost-Fuel-Index] .btnbar.colors .active.mktoButton:nth-child(3), .btnbar.colors #modalContent .submenu a.active:nth-child(3), #modalContent .submenu .btnbar.colors a.active:nth-child(3) {
  color: #ffffff;
  background: #FF671F;
}
.btnbar.colors .btn.active:nth-child(4), .btnbar.colors form#mktoForm_1233 .active.mktoButton:nth-child(4), form#mktoForm_1233 .btnbar.colors .active.mktoButton:nth-child(4),
.btnbar.colors form#mktoForm_1315 .active.mktoButton:nth-child(4),
form#mktoForm_1315 .btnbar.colors .active.mktoButton:nth-child(4),
.btnbar.colors form#mktoForm_1438 .active.mktoButton:nth-child(4),
form#mktoForm_1438 .btnbar.colors .active.mktoButton:nth-child(4),
.btnbar.colors form#mktoForm_1494 .active.mktoButton:nth-child(4),
form#mktoForm_1494 .btnbar.colors .active.mktoButton:nth-child(4),
.btnbar.colors form#mktoForm_1613 .active.mktoButton:nth-child(4),
form#mktoForm_1613 .btnbar.colors .active.mktoButton:nth-child(4),
.btnbar.colors form[name=Low-Cost-Fuel-Index] .active.mktoButton:nth-child(4),
form[name=Low-Cost-Fuel-Index] .btnbar.colors .active.mktoButton:nth-child(4), .btnbar.colors #modalContent .submenu a.active:nth-child(4), #modalContent .submenu .btnbar.colors a.active:nth-child(4) {
  color: #ffffff;
  background: #FCb040;
}

.with-arrow:after {
  content: "\f101";
  font-family: FontAwesome;
  color: #009fdf;
  margin-left: .4em;
}

.text-btn {
  color: #009fdf;
  text-decoration: none;
}
.text-btn:after {
  content: "\f0a9";
  font-family: FontAwesome;
  color: #009fdf;
  margin-left: .4em;
}
.text-btn:hover {
  text-decoration: underline;
}

label {
  display: block;
  font-family: DINWebPro-bold, "Helvetica", Arial, sans-serif;
}
label.radio, label.check {
  display: inline-block;
  font-family: DINWebPro, "Helvetica", Arial, sans-serif;
  cursor: pointer;
}
label.radio + label.radio, label.check + label.radio, label.radio + label.check, label.check + label.check {
  margin-left: 10px;
}

input[type=text],
input[type=password],
input[type=tel],
input[type=email],
textarea {
  display: inline-block;
  position: relative;
  outline: 0;
  width: 100%;
  padding: 15px 10px;
  border: 1px solid #b2b2b2;
  border-radius: 2px;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=email]:focus,
textarea:focus {
  border: 1px solid #009fdf;
}
input[type=text]:disabled, input[type=text][disabled="disabled"],
input[type=password]:disabled,
input[type=password][disabled="disabled"],
input[type=tel]:disabled,
input[type=tel][disabled="disabled"],
input[type=email]:disabled,
input[type=email][disabled="disabled"],
textarea:disabled,
textarea[disabled="disabled"] {
  background: #f2f2f2;
  border: 1px solid #b2b2b2;
}
input[type=text].error,
input[type=password].error,
input[type=tel].error,
input[type=email].error,
textarea.error {
  background: #ffe5e5;
  border: 1px solid #ff0000;
}

input[type=radio],
input[type=checkbox] {
  margin-right: 5px;
  outline: 0;
}

.input {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  margin-bottom: 10px;
}
.input:before, .input:after {
  content: '';
  display: table;
}
.input:after {
  clear: both;
}
.input:last-child {
  margin-right: 0%;
}

.input-half {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
  margin-bottom: 10px;
}
.input-half:before, .input-half:after {
  content: '';
  display: table;
}
.input-half:after {
  clear: both;
}
.input-half:last-child {
  margin-right: 0%;
}
.input-half:nth-child(2n) {
  float: right;
  margin-right: 0;
}

form#mktoForm_1233,
form#mktoForm_1315,
form#mktoForm_1438,
form#mktoForm_1494,
form#mktoForm_1613,
form[name=Low-Cost-Fuel-Index] {
  padding-top: 20px !important;
  width: 100% !important;
}
form#mktoForm_1233 label.mktoLabel,
form#mktoForm_1315 label.mktoLabel,
form#mktoForm_1438 label.mktoLabel,
form#mktoForm_1494 label.mktoLabel,
form#mktoForm_1613 label.mktoLabel,
form[name=Low-Cost-Fuel-Index] label.mktoLabel {
  font-weight: normal;
}
form#mktoForm_1233 label,
form#mktoForm_1315 label,
form#mktoForm_1438 label,
form#mktoForm_1494 label,
form#mktoForm_1613 label,
form[name=Low-Cost-Fuel-Index] label {
  display: block;
  width: 100% !important;
  font-family: DINWebPro, "Helvetica", Arial, sans-serif;
}
form#mktoForm_1233 input[type=text],
form#mktoForm_1233 input[type=password],
form#mktoForm_1233 input[type=tel],
form#mktoForm_1233 input[type=email],
form#mktoForm_1233 textarea,
form#mktoForm_1315 input[type=text],
form#mktoForm_1315 input[type=password],
form#mktoForm_1315 input[type=tel],
form#mktoForm_1315 input[type=email],
form#mktoForm_1315 textarea,
form#mktoForm_1438 input[type=text],
form#mktoForm_1438 input[type=password],
form#mktoForm_1438 input[type=tel],
form#mktoForm_1438 input[type=email],
form#mktoForm_1438 textarea,
form#mktoForm_1494 input[type=text],
form#mktoForm_1494 input[type=password],
form#mktoForm_1494 input[type=tel],
form#mktoForm_1494 input[type=email],
form#mktoForm_1494 textarea,
form#mktoForm_1613 input[type=text],
form#mktoForm_1613 input[type=password],
form#mktoForm_1613 input[type=tel],
form#mktoForm_1613 input[type=email],
form#mktoForm_1613 textarea,
form[name=Low-Cost-Fuel-Index] input[type=text],
form[name=Low-Cost-Fuel-Index] input[type=password],
form[name=Low-Cost-Fuel-Index] input[type=tel],
form[name=Low-Cost-Fuel-Index] input[type=email],
form[name=Low-Cost-Fuel-Index] textarea {
  padding: 15px 10px;
  border: 1px solid #b2b2b2;
  border-radius: 2px;
  width: 100% !important;
}
form#mktoForm_1233 select,
form#mktoForm_1315 select,
form#mktoForm_1438 select,
form#mktoForm_1494 select,
form#mktoForm_1613 select,
form[name=Low-Cost-Fuel-Index] select {
  width: 100% !important;
  padding: 10px 50px 10px 10px;
  border-radius: 0;
  min-height: 45px;
  -webkit-appearance: none;
  outline: 0;
  background: url(/web_resources/themes/new_comdata/img/dropdown.png) no-repeat right #ffffff;
}
form#mktoForm_1233 select[multiple],
form#mktoForm_1315 select[multiple],
form#mktoForm_1438 select[multiple],
form#mktoForm_1494 select[multiple],
form#mktoForm_1613 select[multiple],
form[name=Low-Cost-Fuel-Index] select[multiple] {
  outline: 0;
  background: transparent;
}
form#mktoForm_1233 .mktoButtonRow,
form#mktoForm_1315 .mktoButtonRow,
form#mktoForm_1438 .mktoButtonRow,
form#mktoForm_1494 .mktoButtonRow,
form#mktoForm_1613 .mktoButtonRow,
form[name=Low-Cost-Fuel-Index] .mktoButtonRow {
  margin: 0 !important;
}
form#mktoForm_1233 .mktoButtonRow span,
form#mktoForm_1315 .mktoButtonRow span,
form#mktoForm_1438 .mktoButtonRow span,
form#mktoForm_1494 .mktoButtonRow span,
form#mktoForm_1613 .mktoButtonRow span,
form[name=Low-Cost-Fuel-Index] .mktoButtonRow span {
  margin: 0 !important;
}
form#mktoForm_1233 .mktoHasWidth,
form#mktoForm_1233 .mktoFieldWrap,
form#mktoForm_1233 .mktoFormCol,
form#mktoForm_1315 .mktoHasWidth,
form#mktoForm_1315 .mktoFieldWrap,
form#mktoForm_1315 .mktoFormCol,
form#mktoForm_1438 .mktoHasWidth,
form#mktoForm_1438 .mktoFieldWrap,
form#mktoForm_1438 .mktoFormCol,
form#mktoForm_1494 .mktoHasWidth,
form#mktoForm_1494 .mktoFieldWrap,
form#mktoForm_1494 .mktoFormCol,
form#mktoForm_1613 .mktoHasWidth,
form#mktoForm_1613 .mktoFieldWrap,
form#mktoForm_1613 .mktoFormCol,
form[name=Low-Cost-Fuel-Index] .mktoHasWidth,
form[name=Low-Cost-Fuel-Index] .mktoFieldWrap,
form[name=Low-Cost-Fuel-Index] .mktoFormCol {
  float: none;
  width: 100% !important;
}
form#mktoForm_1233 .mktoOffset,
form#mktoForm_1315 .mktoOffset,
form#mktoForm_1438 .mktoOffset,
form#mktoForm_1494 .mktoOffset,
form#mktoForm_1613 .mktoOffset,
form[name=Low-Cost-Fuel-Index] .mktoOffset {
  float: none;
  height: 0;
}
form#mktoForm_1233 .mktoAsterix,
form#mktoForm_1315 .mktoAsterix,
form#mktoForm_1438 .mktoAsterix,
form#mktoForm_1494 .mktoAsterix,
form#mktoForm_1613 .mktoAsterix,
form[name=Low-Cost-Fuel-Index] .mktoAsterix {
  display: none;
}
form#mktoForm_1233 input[type=submit],
form#mktoForm_1315 input[type=submit],
form#mktoForm_1438 input[type=submit],
form#mktoForm_1494 input[type=submit],
form#mktoForm_1613 input[type=submit],
form[name=Low-Cost-Fuel-Index] input[type=submit] {
  display: inline-block;
  position: relative;
  width: auto;
  outline: 0;
  background: #009fdf;
  border: 2px solid #009fdf;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  padding: 5px 25px 3px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 4rem;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
form#mktoForm_1233 input[type=submit]:visited,
form#mktoForm_1315 input[type=submit]:visited,
form#mktoForm_1438 input[type=submit]:visited,
form#mktoForm_1494 input[type=submit]:visited,
form#mktoForm_1613 input[type=submit]:visited,
form[name=Low-Cost-Fuel-Index] input[type=submit]:visited {
  color: #ffffff;
}
form#mktoForm_1233 input[type=submit]:hover,
form#mktoForm_1315 input[type=submit]:hover,
form#mktoForm_1438 input[type=submit]:hover,
form#mktoForm_1494 input[type=submit]:hover,
form#mktoForm_1613 input[type=submit]:hover,
form[name=Low-Cost-Fuel-Index] input[type=submit]:hover {
  background: #005c6f;
  color: #ffffff;
  border: 2px solid #005c6f;
  text-decoration: none;
}
form#mktoForm_1233 input[type=submit]:disabled, form#mktoForm_1233 input[type=submit][disabled=disabled],
form#mktoForm_1315 input[type=submit]:disabled,
form#mktoForm_1315 input[type=submit][disabled=disabled],
form#mktoForm_1438 input[type=submit]:disabled,
form#mktoForm_1438 input[type=submit][disabled=disabled],
form#mktoForm_1494 input[type=submit]:disabled,
form#mktoForm_1494 input[type=submit][disabled=disabled],
form#mktoForm_1613 input[type=submit]:disabled,
form#mktoForm_1613 input[type=submit][disabled=disabled],
form[name=Low-Cost-Fuel-Index] input[type=submit]:disabled,
form[name=Low-Cost-Fuel-Index] input[type=submit][disabled=disabled] {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
form#mktoForm_1233 input[type=submit]:disabled:hover, form#mktoForm_1233 input[type=submit][disabled=disabled]:hover,
form#mktoForm_1315 input[type=submit]:disabled:hover,
form#mktoForm_1315 input[type=submit][disabled=disabled]:hover,
form#mktoForm_1438 input[type=submit]:disabled:hover,
form#mktoForm_1438 input[type=submit][disabled=disabled]:hover,
form#mktoForm_1494 input[type=submit]:disabled:hover,
form#mktoForm_1494 input[type=submit][disabled=disabled]:hover,
form#mktoForm_1613 input[type=submit]:disabled:hover,
form#mktoForm_1613 input[type=submit][disabled=disabled]:hover,
form[name=Low-Cost-Fuel-Index] input[type=submit]:disabled:hover,
form[name=Low-Cost-Fuel-Index] input[type=submit][disabled=disabled]:hover {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
form#mktoForm_1233 .field-row,
form#mktoForm_1315 .field-row,
form#mktoForm_1438 .field-row,
form#mktoForm_1494 .field-row,
form#mktoForm_1613 .field-row,
form[name=Low-Cost-Fuel-Index] .field-row {
  margin-bottom: 1.5em;
}

.js-contactForm {
  display: none;
}
.js-contactForm.active {
  display: block;
}

form#mktoForm_1438 {
  padding-top: 0px !important;
  padding-bottom: 100px;
}

/* Percussion Form Overrides */
.form-low-cost-fuel {
  display: none;
}

form[name=Low-Cost-Fuel-Index] input[type=submit] {
  display: inline-block;
  position: relative;
  width: auto;
  outline: 0;
  background: #009fdf;
  border: 2px solid #009fdf;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  padding: 5px 25px 3px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 4rem;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
form[name=Low-Cost-Fuel-Index] input[type=submit]:visited {
  color: #ffffff;
}
form[name=Low-Cost-Fuel-Index] input[type=submit]:hover {
  background: #005c6f;
  color: #ffffff;
  border: 2px solid #005c6f;
  text-decoration: none;
}
form[name=Low-Cost-Fuel-Index] input[type=submit]:disabled, form[name=Low-Cost-Fuel-Index] input[type=submit][disabled=disabled] {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
form[name=Low-Cost-Fuel-Index] input[type=submit]:disabled:hover, form[name=Low-Cost-Fuel-Index] input[type=submit][disabled=disabled]:hover {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
form[name=Low-Cost-Fuel-Index] .field-row {
  margin-bottom: 1.5em;
}

#fys-form {
  display: none;
  width: 100%;
  max-height: 600px;
  overflow-y: auto;
}
#fys-form.open {
  display: block;
}
#fys-form .prev-question {
  float: left;
}
#fys-form .next-question {
  float: right;
}
#fys-form .hidden-question {
  display: none;
}
#fys-form .fys-try-again {
  margin-left: 20px;
}
#fys-form .first-page-fys {
  display: inline-block;
}
#fys-form .question {
  clear: both;
  text-align: center;
}
#fys-form .question input[type=radio] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  text-indent: -9999px;
}
#fys-form .question input[type=radio] + span {
  width: 100%;
  display: block;
  padding: 5px 25px 3px;
}

.full-bleed ul {
  padding-left: 17px;
  padding-right: 0;
  text-align: left;
}
.full-bleed ul li {
  text-align: left;
}

.slides {
  *zoom: 1;
  width: auto;
  max-width: 1170px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.slides:before, .slides:after {
  content: '';
  display: table;
}
.slides:after {
  clear: both;
}

.testimonial-slider {
  position: relative;
  background: #005c6f;
  color: #ffffff;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.testimonial-slider:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(34, 34, 34, 0.7);
  z-index: 0;
}

.slide {
  color: #ffffff;
  text-align: center;
  padding: 0;
  margin: 2em auto;
}
.slide .ghost-with-icon:before {
  display: none;
}
.slide .btn, .slide form#mktoForm_1233 .mktoButton, form#mktoForm_1233 .slide .mktoButton,
.slide form#mktoForm_1315 .mktoButton,
form#mktoForm_1315 .slide .mktoButton,
.slide form#mktoForm_1438 .mktoButton,
form#mktoForm_1438 .slide .mktoButton,
.slide form#mktoForm_1494 .mktoButton,
form#mktoForm_1494 .slide .mktoButton,
.slide form#mktoForm_1613 .mktoButton,
form#mktoForm_1613 .slide .mktoButton,
.slide form[name=Low-Cost-Fuel-Index] .mktoButton,
form[name=Low-Cost-Fuel-Index] .slide .mktoButton, .slide #modalContent .submenu a, #modalContent .submenu .slide a {
  position: relative;
  z-index: 3;
}
.slide .btn + .btn, .slide form#mktoForm_1233 .mktoButton + .btn, form#mktoForm_1233 .slide .mktoButton + .btn,
.slide form#mktoForm_1315 .mktoButton + .btn,
form#mktoForm_1315 .slide .mktoButton + .btn,
.slide form#mktoForm_1438 .mktoButton + .btn,
form#mktoForm_1438 .slide .mktoButton + .btn,
.slide form#mktoForm_1494 .mktoButton + .btn,
form#mktoForm_1494 .slide .mktoButton + .btn,
.slide form#mktoForm_1613 .mktoButton + .btn,
form#mktoForm_1613 .slide .mktoButton + .btn,
.slide form[name=Low-Cost-Fuel-Index] .mktoButton + .btn,
form[name=Low-Cost-Fuel-Index] .slide .mktoButton + .btn, .slide #modalContent .submenu a + .btn, #modalContent .submenu .slide a + .btn, .slide form#mktoForm_1233 .btn + .mktoButton, form#mktoForm_1233 .slide .btn + .mktoButton, .slide form#mktoForm_1233 .mktoButton + .mktoButton, form#mktoForm_1233 .slide .mktoButton + .mktoButton, .slide #modalContent .submenu form#mktoForm_1233 a + .mktoButton, form#mktoForm_1233 .slide #modalContent .submenu a + .mktoButton, #modalContent .submenu .slide form#mktoForm_1233 a + .mktoButton, form#mktoForm_1233 #modalContent .submenu .slide a + .mktoButton,
.slide form#mktoForm_1315 .btn + .mktoButton,
form#mktoForm_1315 .slide .btn + .mktoButton,
.slide form#mktoForm_1315 .mktoButton + .mktoButton,
form#mktoForm_1315 .slide .mktoButton + .mktoButton,
.slide #modalContent .submenu form#mktoForm_1315 a + .mktoButton,
form#mktoForm_1315 .slide #modalContent .submenu a + .mktoButton,
#modalContent .submenu .slide form#mktoForm_1315 a + .mktoButton,
form#mktoForm_1315 #modalContent .submenu .slide a + .mktoButton,
.slide form#mktoForm_1438 .btn + .mktoButton,
form#mktoForm_1438 .slide .btn + .mktoButton,
.slide form#mktoForm_1438 .mktoButton + .mktoButton,
form#mktoForm_1438 .slide .mktoButton + .mktoButton,
.slide #modalContent .submenu form#mktoForm_1438 a + .mktoButton,
form#mktoForm_1438 .slide #modalContent .submenu a + .mktoButton,
#modalContent .submenu .slide form#mktoForm_1438 a + .mktoButton,
form#mktoForm_1438 #modalContent .submenu .slide a + .mktoButton,
.slide form#mktoForm_1494 .btn + .mktoButton,
form#mktoForm_1494 .slide .btn + .mktoButton,
.slide form#mktoForm_1494 .mktoButton + .mktoButton,
form#mktoForm_1494 .slide .mktoButton + .mktoButton,
.slide #modalContent .submenu form#mktoForm_1494 a + .mktoButton,
form#mktoForm_1494 .slide #modalContent .submenu a + .mktoButton,
#modalContent .submenu .slide form#mktoForm_1494 a + .mktoButton,
form#mktoForm_1494 #modalContent .submenu .slide a + .mktoButton,
.slide form#mktoForm_1613 .btn + .mktoButton,
form#mktoForm_1613 .slide .btn + .mktoButton,
.slide form#mktoForm_1613 .mktoButton + .mktoButton,
form#mktoForm_1613 .slide .mktoButton + .mktoButton,
.slide #modalContent .submenu form#mktoForm_1613 a + .mktoButton,
form#mktoForm_1613 .slide #modalContent .submenu a + .mktoButton,
#modalContent .submenu .slide form#mktoForm_1613 a + .mktoButton,
form#mktoForm_1613 #modalContent .submenu .slide a + .mktoButton,
.slide form[name=Low-Cost-Fuel-Index] .btn + .mktoButton,
form[name=Low-Cost-Fuel-Index] .slide .btn + .mktoButton,
.slide form#mktoForm_1233 form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
form#mktoForm_1233 .slide form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
.slide form#mktoForm_1315 form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
form#mktoForm_1315 .slide form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
.slide form#mktoForm_1438 form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
form#mktoForm_1438 .slide form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
.slide form#mktoForm_1494 form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
form#mktoForm_1494 .slide form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
.slide form#mktoForm_1613 form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
form#mktoForm_1613 .slide form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
.slide form[name=Low-Cost-Fuel-Index] .mktoButton + .mktoButton,
form[name=Low-Cost-Fuel-Index] .slide .mktoButton + .mktoButton,
.slide #modalContent .submenu form[name=Low-Cost-Fuel-Index] a + .mktoButton,
form[name=Low-Cost-Fuel-Index] .slide #modalContent .submenu a + .mktoButton,
#modalContent .submenu .slide form[name=Low-Cost-Fuel-Index] a + .mktoButton,
form[name=Low-Cost-Fuel-Index] #modalContent .submenu .slide a + .mktoButton, .slide #modalContent .submenu .btn + a, #modalContent .submenu .slide .btn + a, .slide form#mktoForm_1233 #modalContent .submenu .mktoButton + a, #modalContent .submenu .slide form#mktoForm_1233 .mktoButton + a, form#mktoForm_1233 .slide #modalContent .submenu .mktoButton + a, #modalContent .submenu form#mktoForm_1233 .slide .mktoButton + a,
.slide form#mktoForm_1315 #modalContent .submenu .mktoButton + a,
#modalContent .submenu .slide form#mktoForm_1315 .mktoButton + a,
form#mktoForm_1315 .slide #modalContent .submenu .mktoButton + a,
#modalContent .submenu form#mktoForm_1315 .slide .mktoButton + a,
.slide form#mktoForm_1438 #modalContent .submenu .mktoButton + a,
#modalContent .submenu .slide form#mktoForm_1438 .mktoButton + a,
form#mktoForm_1438 .slide #modalContent .submenu .mktoButton + a,
#modalContent .submenu form#mktoForm_1438 .slide .mktoButton + a,
.slide form#mktoForm_1494 #modalContent .submenu .mktoButton + a,
#modalContent .submenu .slide form#mktoForm_1494 .mktoButton + a,
form#mktoForm_1494 .slide #modalContent .submenu .mktoButton + a,
#modalContent .submenu form#mktoForm_1494 .slide .mktoButton + a,
.slide form#mktoForm_1613 #modalContent .submenu .mktoButton + a,
#modalContent .submenu .slide form#mktoForm_1613 .mktoButton + a,
form#mktoForm_1613 .slide #modalContent .submenu .mktoButton + a,
#modalContent .submenu form#mktoForm_1613 .slide .mktoButton + a,
.slide form[name=Low-Cost-Fuel-Index] #modalContent .submenu .mktoButton + a,
#modalContent .submenu .slide form[name=Low-Cost-Fuel-Index] .mktoButton + a,
form[name=Low-Cost-Fuel-Index] .slide #modalContent .submenu .mktoButton + a,
#modalContent .submenu form[name=Low-Cost-Fuel-Index] .slide .mktoButton + a, .slide #modalContent .submenu a + a, #modalContent .submenu .slide a + a {
  margin-left: .5em;
}

@media screen and (min-width: 50.6em) {
  .slide {
    padding: 2em 0;
    margin: 6em auto;
  }
  .slide .ghost-with-icon:before {
    display: inline;
  }
}
.container {
  *zoom: 1;
  width: auto;
  max-width: 1170px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.container:before, .container:after {
  content: '';
  display: table;
}
.container:after {
  clear: both;
}

.block-container {
  padding: 2em;
}
.block-container section {
  text-align: center;
  margin-bottom: 3em;
}
.block-container section p {
  max-width: 600px;
}

.half-block {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  text-align: center;
}
.half-block:before, .half-block:after {
  content: '';
  display: table;
}
.half-block:after {
  clear: both;
}
.half-block:last-child {
  margin-right: 0%;
}
.half-block h2 {
  border-bottom: 1px solid #009fdf;
  padding-bottom: 0.3em;
  margin-bottom: 0.6em;
}

.third-block {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  margin-bottom: 2em;
  text-align: center;
}
.third-block:before, .third-block:after {
  content: '';
  display: table;
}
.third-block:after {
  clear: both;
}
.third-block:last-child {
  margin-right: 0%;
}
.third-block h2 {
  border-bottom: 1px solid #009fdf;
  padding-bottom: 0.3em;
  margin-bottom: 0.6em;
}

.two-thirds-block {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  margin-bottom: 2em;
}
.two-thirds-block:before, .two-thirds-block:after {
  content: '';
  display: table;
}
.two-thirds-block:after {
  clear: both;
}
.two-thirds-block:last-child {
  margin-right: 0%;
}

.fourth-block {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  margin-bottom: 2em;
  text-align: center;
}
.fourth-block:before, .fourth-block:after {
  content: '';
  display: table;
}
.fourth-block:after {
  clear: both;
}
.fourth-block:last-child {
  margin-right: 0%;
}
.fourth-block h2 {
  border-bottom: 1px solid #009fdf;
  padding-bottom: 0.3em;
  margin-bottom: 0.6em;
}

.three-fourths-block {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  margin-bottom: 2em;
}
.three-fourths-block:before, .three-fourths-block:after {
  content: '';
  display: table;
}
.three-fourths-block:after {
  clear: both;
}
.three-fourths-block:last-child {
  margin-right: 0%;
}

.fifth-block {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  margin-bottom: 2em;
}
.fifth-block:before, .fifth-block:after {
  content: '';
  display: table;
}
.fifth-block:after {
  clear: both;
}
.fifth-block:last-child {
  margin-right: 0%;
}
.fifth-block h2 {
  border-bottom: 1px solid #009fdf;
  padding-bottom: 0.3em;
  margin-bottom: 0.6em;
}

.sixth-block {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  margin-bottom: 2em;
}
.sixth-block:before, .sixth-block:after {
  content: '';
  display: table;
}
.sixth-block:after {
  clear: both;
}
.sixth-block:last-child {
  margin-right: 0%;
}

.five-sixth-block {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  margin-bottom: 2em;
}
.five-sixth-block:before, .five-sixth-block:after {
  content: '';
  display: table;
}
.five-sixth-block:after {
  clear: both;
}
.five-sixth-block:last-child {
  margin-right: 0%;
}

.eight-block {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  margin-bottom: 2em;
}
.eight-block:before, .eight-block:after {
  content: '';
  display: table;
}
.eight-block:after {
  clear: both;
}
.eight-block:last-child {
  margin-right: 0%;
}

.gray-block {
  background: #F6F6F6;
  border: 2px solid #e5e5e5;
  padding: 1em;
  margin-bottom: 2em;
  text-align: center;
}
.gray-block i {
  font-size: 50px;
  font-size: 5rem;
}
.gray-block h2 {
  border-bottom: 1px solid #009fdf;
  padding-bottom: 0.3em;
  margin-bottom: 0.6em;
}
.gray-block p {
  text-align: left;
}

.resources i, .articles i {
  color: #009fdf;
  font-size: 30px;
  font-size: 3rem;
}
.resources p, .articles p {
  text-align: left !important;
  margin: 0;
}
.resources a, .articles a {
  margin-bottom: 10px;
  display: block;
}
.resources span, .articles span {
  font-weight: bold;
}

#contact-forms {
  position: relative;
  z-index: 2;
}
#contact-forms h2 {
  text-align: left;
}

.statistic-block {
  background: #F6F6F6;
  text-align: center;
  padding: 50px 15px;
  min-height: 287px;
  margin-bottom: 20px;
}
.statistic-block h3, .statistic-block #modalTitle {
  font-size: 20px;
  font-size: 2rem;
  margin: 0;
  min-height: 50px;
}
.statistic-block .number {
  font-size: 70px;
  font-size: 7rem;
  line-height: 1;
  display: block;
  margin: 19px 0;
  letter-spacing: -2px;
}
.statistic-block p {
  margin: 0;
  padding: 0 10px;
}
.statistic-block.vendors h3, .statistic-block.vendors #modalTitle, .statistic-block.vendors .number {
  color: #65c8c6;
  text-transform: uppercase;
}
.statistic-block.percent h3, .statistic-block.percent #modalTitle, .statistic-block.percent .number {
  color: #005c6f;
  text-transform: uppercase;
}
.statistic-block.millions h3, .statistic-block.millions #modalTitle, .statistic-block.millions .number {
  color: #FF671F;
  text-transform: uppercase;
}
.statistic-block + .btn, form#mktoForm_1233 .statistic-block + .mktoButton,
form#mktoForm_1315 .statistic-block + .mktoButton,
form#mktoForm_1438 .statistic-block + .mktoButton,
form#mktoForm_1494 .statistic-block + .mktoButton,
form#mktoForm_1613 .statistic-block + .mktoButton,
form[name=Low-Cost-Fuel-Index] .statistic-block + .mktoButton, #modalContent .submenu .statistic-block + a {
  margin-top: 50px;
}

.link-block {
  display: block;
  *zoom: 1;
  background: #F6F6F6;
  margin-bottom: 20px;
}
.link-block:before, .link-block:after {
  content: '';
  display: table;
}
.link-block:after {
  clear: both;
}
.link-block div {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  position: relative;
}
.link-block div:before, .link-block div:after {
  content: '';
  display: table;
}
.link-block div:after {
  clear: both;
}
.link-block div:last-child {
  margin-right: 0%;
}
.link-block p {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  padding: 15px 0 15px 10px;
  margin: 0;
}
.link-block p:before, .link-block p:after {
  content: '';
  display: table;
}
.link-block p:after {
  clear: both;
}
.link-block p:last-child {
  margin-right: 0%;
}
.link-block button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 14%;
  border: none;
}
.link-block button i {
  font-size: 30px;
  font-size: 3rem;
  color: #ffffff;
}
.link-block.link button {
  background: #65c8c6;
}
.link-block.download button {
  background: #005c6f;
}
.link-block:hover {
  background: #e5e5e5;
  color: initial;
}

.no-underline h2 {
  border-bottom: none;
  margin-bottom: 0;
  text-align: left;
  color: #666666;
}
.no-underline p {
  text-align: left;
}

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

.percComCardBlock {
  min-height: 300px;
}
.percComCardBlock p {
  min-height: 100px;
}

.block-with-extra {
  margin-left: auto;
}

@media screen and (min-width: 50.6em) {
  .block-with-extra {
    margin-left: 33.3333% !important;
  }

  .block-container.big {
    padding: 6em 2em;
  }

  .half-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .half-block:before, .half-block:after {
    content: '';
    display: table;
  }
  .half-block:after {
    clear: both;
  }
  .half-block:nth-child(3n) {
    margin-right: 0%;
    float: right;
  }
  .half-block:nth-child(3n + 1) {
    clear: both;
  }

  .third-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 31.33333%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .third-block:before, .third-block:after {
    content: '';
    display: table;
  }
  .third-block:after {
    clear: both;
  }
  .third-block:last-child {
    margin-right: 0%;
  }

  .two-thirds-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 65.66667%;
    margin-left: 0%;
    margin-right: 3%;
    margin-bottom: 2em;
  }
  .two-thirds-block:before, .two-thirds-block:after {
    content: '';
    display: table;
  }
  .two-thirds-block:after {
    clear: both;
  }
  .two-thirds-block:last-child {
    margin-right: 0%;
  }

  .fourth-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .fourth-block:before, .fourth-block:after {
    content: '';
    display: table;
  }
  .fourth-block:after {
    clear: both;
  }
  .fourth-block:last-child {
    margin-right: 0%;
  }

  .three-fourths-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 74.25%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .three-fourths-block:before, .three-fourths-block:after {
    content: '';
    display: table;
  }
  .three-fourths-block:after {
    clear: both;
  }
  .three-fourths-block:last-child {
    margin-right: 0%;
  }

  .fifth-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 17.6%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .fifth-block:before, .fifth-block:after {
    content: '';
    display: table;
  }
  .fifth-block:after {
    clear: both;
  }
  .fifth-block:last-child {
    margin-right: 0%;
  }

  .sixth-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 14.16667%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .sixth-block:before, .sixth-block:after {
    content: '';
    display: table;
  }
  .sixth-block:after {
    clear: both;
  }
  .sixth-block:last-child {
    margin-right: 0%;
  }

  .five-sixths-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 82.83333%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .five-sixths-block:before, .five-sixths-block:after {
    content: '';
    display: table;
  }
  .five-sixths-block:after {
    clear: both;
  }
  .five-sixths-block:last-child {
    margin-right: 0%;
  }

  .eight-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 9.875%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .eight-block:before, .eight-block:after {
    content: '';
    display: table;
  }
  .eight-block:after {
    clear: both;
  }
  .eight-block:last-child {
    margin-right: 0%;
  }

  .gray-block {
    padding: 2em;
    text-align: center;
  }

  .resources, .articles {
    text-align: center;
  }

  .link-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .link-block:before, .link-block:after {
    content: '';
    display: table;
  }
  .link-block:after {
    clear: both;
  }
  .link-block:nth-child(2n) {
    margin-right: 0%;
    float: right;
  }
  .link-block:nth-child(2n + 1) {
    clear: both;
  }

  #contact-forms {
    margin-top: -350px;
  }
}
.full-bleed {
  overflow: hidden;
}
.full-bleed .block {
  position: relative;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
  color: #ffffff;
  padding: 2em;
}
.full-bleed .block:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 92, 111, 0.6);
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
  z-index: 1;
}
.full-bleed .block:hover:before {
  background: rgba(0, 92, 111, 0.9);
}
.full-bleed .block h2 {
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 40px;
  line-height: 4rem;
  font-family: "Minion-Regular", Times, "Times New Roman", serif;
  color: #ffffff;
  max-width: 89%;
  margin-left: auto;
  margin-right: auto;
}
.full-bleed .block .content {
  position: relative;
  z-index: 2;
}
.full-bleed .block .content p {
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
}
.full-bleed .block .content ul {
  width: 90%;
  margin: 0 auto !important;
}
.full-bleed .block .btn, .full-bleed .block form#mktoForm_1233 .mktoButton, form#mktoForm_1233 .full-bleed .block .mktoButton,
.full-bleed .block form#mktoForm_1315 .mktoButton,
form#mktoForm_1315 .full-bleed .block .mktoButton,
.full-bleed .block form#mktoForm_1438 .mktoButton,
form#mktoForm_1438 .full-bleed .block .mktoButton,
.full-bleed .block form#mktoForm_1494 .mktoButton,
form#mktoForm_1494 .full-bleed .block .mktoButton,
.full-bleed .block form#mktoForm_1613 .mktoButton,
form#mktoForm_1613 .full-bleed .block .mktoButton,
.full-bleed .block form[name=Low-Cost-Fuel-Index] .mktoButton,
form[name=Low-Cost-Fuel-Index] .full-bleed .block .mktoButton, .full-bleed .block #modalContent .submenu a, #modalContent .submenu .full-bleed .block a {
  margin: 20px auto 0;
  z-index: 2;
}

@media screen and (min-width: 35.8em) {
  .full-bleed .block {
    overflow: hidden;
    padding: 4em 2em;
  }
  .full-bleed .block h2 {
    max-width: none;
  }
  .full-bleed .block .content {
    position: relative;
    z-index: 2;
  }
  .full-bleed .block .content p {
    width: 70%;
    text-align: left;
  }
  .full-bleed .block .content ul {
    width: 70%;
    margin: 0 auto !important;
  }
  .full-bleed.one-block {
    display: block;
    width: 100%;
  }
  .full-bleed.one-block .block {
    display: block;
    width: 100%;
  }
  .full-bleed.one-block .block h2 {
    max-width: none;
  }
  .full-bleed.one-block .block .content {
    display: block;
    float: none !important;
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
  }
  .full-bleed.one-block .block .content p {
    width: 100%;
    float: none !important;
  }
  .full-bleed.one-block .block .btn-container {
    position: relative;
    float: none !important;
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
    padding: 0 3em;
    text-align: center;
  }
}
@media screen and (min-width: 50.6em) {
  .full-bleed {
    display: table;
  }
  .full-bleed .block {
    display: table-cell;
    text-align: left;
    width: 33.33%;
    padding: 6em 0 9em;
    vertical-align: top;
  }
  .full-bleed .block h2 {
    max-width: 89%;
    margin-left: auto;
    margin-right: auto;
  }
  .full-bleed .block .content {
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    padding: 0 2em;
  }
  .full-bleed .block .content p {
    width: auto;
    float: left;
    text-align: left;
  }
  .full-bleed .block .content ul {
    display: inline-block;
    width: auto;
    margin: 0 auto !important;
  }
  .full-bleed .block .btn-container {
    position: absolute;
    bottom: 60px;
    width: 100%;
    padding: 0 2em;
    text-align: center;
  }
  .full-bleed .block .btn-container .btn, .full-bleed .block .btn-container form#mktoForm_1233 .mktoButton, form#mktoForm_1233 .full-bleed .block .btn-container .mktoButton,
  .full-bleed .block .btn-container form#mktoForm_1315 .mktoButton,
  form#mktoForm_1315 .full-bleed .block .btn-container .mktoButton,
  .full-bleed .block .btn-container form#mktoForm_1438 .mktoButton,
  form#mktoForm_1438 .full-bleed .block .btn-container .mktoButton,
  .full-bleed .block .btn-container form#mktoForm_1494 .mktoButton,
  form#mktoForm_1494 .full-bleed .block .btn-container .mktoButton,
  .full-bleed .block .btn-container form#mktoForm_1613 .mktoButton,
  form#mktoForm_1613 .full-bleed .block .btn-container .mktoButton,
  .full-bleed .block .btn-container form[name=Low-Cost-Fuel-Index] .mktoButton,
  form[name=Low-Cost-Fuel-Index] .full-bleed .block .btn-container .mktoButton, .full-bleed .block .btn-container #modalContent .submenu a, #modalContent .submenu .full-bleed .block .btn-container a {
    margin: 20px auto 0;
  }
  .full-bleed .block:first-child .content {
    padding: 0 2em;
    float: right;
    text-align: left;
  }
  .full-bleed .block:first-child .btn-container {
    position: absolute;
    right: 0;
    width: 85%;
    text-align: center;
  }
  .full-bleed .block:last-child .content {
    padding: 0 2em;
    float: left;
    text-align: left;
  }
  .full-bleed .block:last-child .btn-container {
    position: absolute;
    left: 0;
    width: 85%;
    text-align: center;
  }
  .full-bleed.one-block {
    display: block;
    width: 100%;
  }
  .full-bleed.one-block .block {
    display: block;
    width: 100%;
    padding: 4em 0 6em;
  }
  .full-bleed.one-block .block h2 {
    max-width: none;
  }
  .full-bleed.one-block .block .content {
    display: block;
    float: none !important;
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
  }
  .full-bleed.one-block .block .btn-container {
    position: static;
    float: none !important;
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
    padding: 0 2em;
    text-align: center;
  }
}
@media screen and (min-width: 63em) {
  .full-bleed .block .content {
    position: relative;
    z-index: 2;
  }
  .full-bleed .block .content .btn, .full-bleed .block .content form#mktoForm_1233 .mktoButton, form#mktoForm_1233 .full-bleed .block .content .mktoButton,
  .full-bleed .block .content form#mktoForm_1315 .mktoButton,
  form#mktoForm_1315 .full-bleed .block .content .mktoButton,
  .full-bleed .block .content form#mktoForm_1438 .mktoButton,
  form#mktoForm_1438 .full-bleed .block .content .mktoButton,
  .full-bleed .block .content form#mktoForm_1494 .mktoButton,
  form#mktoForm_1494 .full-bleed .block .content .mktoButton,
  .full-bleed .block .content form#mktoForm_1613 .mktoButton,
  form#mktoForm_1613 .full-bleed .block .content .mktoButton,
  .full-bleed .block .content form[name=Low-Cost-Fuel-Index] .mktoButton,
  form[name=Low-Cost-Fuel-Index] .full-bleed .block .content .mktoButton, .full-bleed .block .content #modalContent .submenu a, #modalContent .submenu .full-bleed .block .content a {
    margin: 20px auto 0;
  }
  .full-bleed .block:first-child .content {
    width: 85%;
    float: right;
    text-align: left;
  }
  .full-bleed .block:first-child .btn-container {
    position: absolute;
    right: 0;
    width: 81%;
    text-align: center;
  }
  .full-bleed .block:last-child .content {
    width: 85%;
    text-align: left;
  }
  .full-bleed .block:last-child .btn-container {
    position: absolute;
    left: 0;
    width: 81%;
    text-align: center;
  }
  .full-bleed.one-block {
    display: block;
    width: 100%;
  }
  .full-bleed.one-block .block {
    display: block;
    width: 100%;
  }
  .full-bleed.one-block .block h2 {
    float: none !important;
    max-width: none;
  }
  .full-bleed.one-block .block .content {
    display: block;
    float: none !important;
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  .full-bleed.one-block .block .content p {
    float: none !important;
  }
  .full-bleed.one-block .block .btn-container {
    position: static;
    float: none !important;
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
    padding: 0 2em;
    text-align: center;
  }
}
@media screen and (min-width: 70em) {
  .full-bleed .block {
    width: 33.33%;
  }
  .full-bleed .block .content {
    position: relative;
    z-index: 2;
  }
  .full-bleed .block:first-child {
    width: 30%;
  }
  .full-bleed .block:first-child .content {
    width: 85%;
    float: right;
    text-align: left;
  }
  .full-bleed .block:last-child {
    width: 30%;
  }
  .full-bleed .block:last-child .content {
    width: 85%;
    text-align: left;
  }
  .full-bleed.one-block {
    display: block;
    width: 100%;
  }
  .full-bleed.one-block .block {
    display: block;
    width: 100%;
  }
  .full-bleed.one-block .block h2 {
    max-width: none;
  }
  .full-bleed.one-block .block .content {
    display: block;
    float: none !important;
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  .full-bleed.one-block .block .btn-container {
    position: static;
    float: none !important;
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
    padding: 0 2em;
    text-align: center;
  }
}
@media screen and (min-width: 80em) {
  .full-bleed .block {
    width: 18%;
  }
  .full-bleed .block .content {
    float: none;
    width: 60%;
    margin: 0 auto;
  }
  .full-bleed .block:first-child .content {
    width: 55%;
    margin-left: 50%;
  }
  .full-bleed .block:first-child .content h2 {
    text-align: center;
  }
  .full-bleed .block:first-child .content p {
    float: right;
    text-align: left;
  }
  .full-bleed .block:first-child .btn-container {
    position: absolute;
    right: 0;
    width: 56%;
    text-align: center;
  }
  .full-bleed .block:last-child .content {
    width: 55%;
    margin-right: 50%;
  }
  .full-bleed .block:last-child .content h2 {
    text-align: center;
  }
  .full-bleed .block:last-child .content p {
    float: left;
    text-align: left;
  }
  .full-bleed .block:last-child .btn-container {
    position: absolute;
    left: 0;
    width: 56%;
    text-align: center;
  }
  .full-bleed.one-block {
    display: block;
    width: 100%;
  }
  .full-bleed.one-block .block {
    display: block;
    width: 100%;
  }
  .full-bleed.one-block .block h2 {
    float: none !important;
    max-width: none;
  }
  .full-bleed.one-block .block .content {
    display: block;
    float: none !important;
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  .full-bleed.one-block .block .content p {
    float: none !important;
  }
  .full-bleed.one-block .block .btn-container {
    position: static;
    float: none !important;
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
    padding: 0 2em;
    text-align: center;
  }
}
.image-touts h2 {
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 0.3em;
  margin-bottom: 0.6em;
}
.image-touts .half-block + .half-block {
  margin-top: 4em;
}

@media screen and (min-width: 50.6em) {
  .image-touts {
    padding: 4em;
  }
  .image-touts .half-block {
    padding: 2em 0;
    text-align: center;
  }
  .image-touts .half-block img.sprite {
    padding-bottom: 26.25%;
  }
  .image-touts .half-block + .half-block {
    border-left: 1px solid #e5e5e5;
    padding-left: 2em;
    margin-top: 0;
  }
  .image-touts .sprite.sprite-credit-card,
  .image-touts .sprite.sprite-credit-card-small,
  .image-touts .sprite.sprite-homepage-paymentsolutions,
  .image-touts .sprite.sprite-virtualpayments-paymentauthorized {
    margin-bottom: 2.7em;
  }
}
#modal {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 200px;
  max-width: 600px;
  margin-top: -100px;
  margin-left: -100px;
  background: #ffffff;
  padding: 20px;
  border: 1px solid #f2f2f2;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 31;
}
#modal.video {
  min-width: 600px;
  min-width: 800px;
}
#modal.top {
  top: 15%;
}
#modal.login-modal {
  top: 15%;
  width: 500px;
}
#modal.animating {
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}
#modal.open {
  opacity: 1;
}
#modal.fa-width {
  min-width: 80%;
  max-width: 800px;
  top: 12%;
}

#modalHeader {
  margin-bottom: 20px;
  *zoom: 1;
}
#modalHeader:before, #modalHeader:after {
  content: '';
  display: table;
}
#modalHeader:after {
  clear: both;
}

#modalTitle {
  margin-top: -5px;
  float: left;
}

#modalContent {
  *zoom: 1;
}
#modalContent:before, #modalContent:after {
  content: '';
  display: table;
}
#modalContent:after {
  clear: both;
}
#modalContent video {
  width: 100%;
}
#modalContent .submenu {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  *zoom: 1;
}
#modalContent .submenu:before, #modalContent .submenu:after {
  content: '';
  display: table;
}
#modalContent .submenu:after {
  clear: both;
}
#modalContent .submenu li {
  display: inline-block;
  width: 49%;
  margin-bottom: 10px;
}
#modalContent .submenu a {
  width: 100% !important;
}
#modalContent #login {
  float: left;
  width: 78%;
}
#modalContent #useridbtn + .submenu {
  padding-top: 20px;
  clear: both;
}
#modalContent #useridbtn + .submenu li + li, #modalContent #useridbtn + .submenu li + li + li + li {
  margin-left: 2%;
}
#modalContent #useridbtn + .submenu li + li + li {
  margin-left: 0px;
}
#modalContent #useridbtn {
  float: left;
  padding: 8px 10px 6px !important;
  margin-left: 1% !important;
  width: 21% !important;
}

#modalClose {
  color: #009fdf;
  font-size: 70px;
  font-size: 7rem;
  float: right;
  cursor: pointer;
}

#modal-bg {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(34, 34, 34, 0.8);
  z-index: 30;
}

.apply-now-modal {
  display: none;
}

@media screen and (min-width: 50.6em) {
  #modal.fuel-width {
    min-width: 600px;
  }
}
.hero-content {
  position: relative;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  padding: 6em 0 1em;
  text-align: center;
  color: #ffffff;
  z-index: 1;
}
.hero-content h1, .hero-content p, .hero-content a {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-shadow: -1px 1px 1px #666666;
}
.hero-content p {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 28px;
  line-height: 2.8rem;
  font-family: "Minion-Regular", Times, "Times New Roman", serif;
  margin-bottom: 40px;
}
.hero-content.dark-text:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
  z-index: 1;
}
.hero-content.dark-text h1, .hero-content.dark-text h5, .hero-content.dark-text p {
  position: relative;
  color: #3c3c3c;
  z-index: 2;
  text-shadow: none;
}
.hero-content.dark-text h1:after, .hero-content.dark-text h5:after, .hero-content.dark-text p:after {
  border: 0;
}
.hero-content.no-image h1, .hero-content.no-image p, .hero-content.no-image a {
  text-shadow: none;
}
.hero-content.no-image h1:after {
  content: "";
  position: relative;
  display: block;
  width: 200px;
  height: 0;
  border-bottom: 2px solid #ffffff;
  margin: 10px auto 15px;
  background: #ffffff;
}
.hero-content .hero-icons {
  display: none;
  position: relative;
  z-index: 2;
}

#googlemaps {
  display: none;
}

.hero-basic-content {
  position: relative;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-color: #F6F6F6;
  width: 100%;
  padding: 5em 0 2em;
  text-align: center;
  color: #3c3c3c;
  z-index: 1;
  border-bottom: 2px solid #e5e5e5;
}
.hero-basic-content h1, .hero-basic-content p {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  color: #3c3c3c;
}
.hero-basic-content h4 {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  color: #009fdf;
  padding-bottom: 1em;
}
.hero-basic-content h1:after {
  content: "";
  position: relative;
  display: block;
  width: 200px;
  height: 0;
  background: #ffffff;
}
.hero-basic-content h4:after {
  content: "";
  position: relative;
  display: block;
  width: 100px;
  height: 0;
  border-bottom: 2px solid #009fdf;
  margin: 10px auto 15px;
}
.hero-basic-content p {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 28px;
  line-height: 2.8rem;
  font-family: "Minion-Regular", Times, "Times New Roman", serif;
  margin-bottom: 40px;
}
.hero-basic-content.dark-text:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
  z-index: 1;
}
.hero-basic-content.dark-text h1, .hero-basic-content.dark-text h5 {
  position: relative;
  color: #3c3c3c;
  z-index: 2;
}
.hero-basic-content.dark-text h1:after, .hero-basic-content.dark-text h5:after {
  border: 0;
}
.hero-basic-content .hero-icons {
  display: none;
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 50.6em) {
  .hero-content {
    padding: 12em 0 6em;
  }
  .hero-content.with-ticker {
    padding: 12em 0 0em;
  }
  .hero-content .hero-icons {
    display: table;
    width: 80%;
    margin: 3em auto 0;
  }
  .hero-content .hero-icon {
    display: table-cell;
    vertical-align: top;
    width: 25%;
  }
  .hero-content .hero-icon i {
    font-size: 80px;
    font-size: 8rem;
    padding: .2em;
  }
  .hero-content .hero-icon i.fa.fa-credit-card {
    font-size: 60px;
    font-size: 6rem;
    padding: .43em;
  }

  #googlemaps {
    position: relative;
    display: block;
    padding: 6em 0;
    min-height: 400px;
  }
  #googlemaps:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .hero-basic-content {
    padding: 10em 0 5em;
    background-color: #F6F6F6;
    border-bottom: 2px solid #e5e5e5;
  }
  .hero-basic-content .hero-icons {
    display: table;
    width: 80%;
    margin: 3em auto 0;
  }
  .hero-basic-content .hero-icon {
    display: table-cell;
    vertical-align: top;
    width: 25%;
  }
  .hero-basic-content .hero-icon i {
    font-size: 80px;
    font-size: 8rem;
    padding: .2em;
  }
  .hero-basic-content .hero-icon i.fa.fa-credit-card {
    font-size: 60px;
    font-size: 6rem;
    padding: .43em;
  }
}
.testimonial-hero {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.testimonial-hero:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(34, 34, 34, 0.3);
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
  z-index: 1;
}
.testimonial-hero video {
  width: 100%;
}
.testimonial-hero .half-block {
  position: relative;
  z-index: 2;
  padding: 0;
}
.testimonial-hero blockquote {
  color: #ffffff;
  overflow: hidden;
}
.testimonial-hero blockquote p {
  margin-bottom: 0;
}
.testimonial-hero blockquote footer {
  float: right;
}
.testimonial-hero.color:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(34, 34, 34, 0);
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
  z-index: 1;
}
.testimonial-hero.color blockquote {
  color: #666666;
}

@media screen and (min-width: 50.6em) {
  .testimonial-hero {
    display: table;
  }
  .testimonial-hero video {
    width: 97%;
  }
  .testimonial-hero .half-block {
    padding: 3em 0;
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
  .testimonial-hero .half-block:last-child {
    padding-left: 2em;
  }
  .testimonial-hero blockquote {
    color: #ffffff;
    overflow: hidden;
  }
  .testimonial-hero blockquote p {
    margin-bottom: 0;
  }
  .testimonial-hero blockquote footer {
    float: right;
  }
}
.how-it-works img {
  max-width: 100%;
}

.video-hero {
  position: relative;
  max-height: 600px;
  overflow: hidden;
  background: #005c6f;
}
.video-hero video {
  opacity: 0;
  position: absolute;
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  z-index: 0;
  pointer-events: none;
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
}
.video-hero .hero-content {
  position: relative;
  width: 100%;
  padding: 6em 0 3em;
  text-align: center;
  color: #ffffff;
  z-index: 1;
}
.video-hero .hero-content h1, .video-hero .hero-content p, .video-hero .hero-content a {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.video-hero .hero-content h1:after {
  content: "";
  position: relative;
  display: block;
  width: 200px;
  height: 0;
  border-bottom: 2px solid #ffffff;
  margin: 10px auto 15px;
  background: #ffffff;
}
.video-hero .hero-content p {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 28px;
  line-height: 2.8rem;
  font-family: "Minion-Regular", Times, "Times New Roman", serif;
  margin-bottom: 40px;
}
.video-hero:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 92, 111, 0.6);
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
  z-index: 1;
}

@media screen and (min-width: 45.5em) {
  .video-hero {
    padding: 0;
  }
  .video-hero video {
    opacity: 1;
  }
  .video-hero .hero-content {
    padding: 5em 0 3em;
  }
}
@media screen and (min-width: 50.6em) {
  .video-hero {
    padding: 0;
  }
  .video-hero video {
    opacity: 1;
  }
  .video-hero .hero-content {
    padding: 12em 0 8em;
  }
}
.callout {
  background: #009fdf;
  text-align: center;
  padding: 1.3em 0;
}
.callout h3, .callout #modalTitle {
  display: inline-block;
  color: #ffffff;
  line-height: 30px;
  line-height: 3rem;
}
.callout .btn:hover, .callout form#mktoForm_1233 .mktoButton:hover, form#mktoForm_1233 .callout .mktoButton:hover,
.callout form#mktoForm_1315 .mktoButton:hover,
form#mktoForm_1315 .callout .mktoButton:hover,
.callout form#mktoForm_1438 .mktoButton:hover,
form#mktoForm_1438 .callout .mktoButton:hover,
.callout form#mktoForm_1494 .mktoButton:hover,
form#mktoForm_1494 .callout .mktoButton:hover,
.callout form#mktoForm_1613 .mktoButton:hover,
form#mktoForm_1613 .callout .mktoButton:hover,
.callout form[name=Low-Cost-Fuel-Index] .mktoButton:hover,
form[name=Low-Cost-Fuel-Index] .callout .mktoButton:hover, .callout #modalContent .submenu a:hover, #modalContent .submenu .callout a:hover {
  background: #005c6f;
}

@media screen and (min-width: 35.8em) {
  .callout h3, .callout #modalTitle {
    margin-right: 1.5em;
  }
}
.circle {
  display: inline-block;
  border-radius: 50%;
  padding: 1%;
  background: #009fdf;
  color: #ffffff;
}
.circle > [class^="icon-"], .circle > [class*=" icon-"] {
  font-size: 100px;
  font-size: 10rem;
}
.circle:hover {
  background: #0086bb;
}

.blue-pure {
  background: #009fdf !important;
}

.blue-pure-text {
  color: #009fdf;
}

.circle.blue-pure {
  background-color: #009fdf;
}
.circle.blue-pure:hover {
  background: #0086bb;
}

.cyan {
  background: #65c8c6 !important;
}

.cyan-text {
  color: #65c8c6;
}

.circle.cyan {
  background-color: #65c8c6;
}
.circle.cyan:hover {
  background: #4bbfbc;
}

.cyan-dark {
  background: #005c6f !important;
}

.cyan-dark-text {
  color: #005c6f;
}

.circle.cyan-dark {
  background-color: #005c6f;
}
.circle.cyan-dark:hover {
  background: #003e4b;
}

.orange {
  background: #FF671F !important;
}

.orange-text {
  color: #FF671F;
}

.circle.orange {
  background-color: #FF671F;
}
.circle.orange:hover {
  background: #fa5000;
}

.orange-bright {
  background: #FCb040 !important;
}

.orange-bright-text {
  color: #FCb040;
}

.circle.orange-bright {
  background-color: #FCb040;
}
.circle.orange-bright:hover {
  background: #fba11d;
}

.white-pure {
  background: #ffffff !important;
}

.white-pure-text {
  color: #ffffff;
}

.circle.white-pure {
  background-color: #ffffff;
}
.circle.white-pure:hover {
  background: #ededed;
}

.green-lime {
  background: #72C267 !important;
}

.green-lime-text {
  color: #72C267;
}

.circle.green-lime {
  background-color: #72C267;
}
.circle.green-lime:hover {
  background: #5ab84e;
}

.alert {
  color: #ffffff;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 10px 15px;
  margin: 20px 0;
}
.alert i {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  margin: 0 10px 0 0;
  float: left;
}
.alert i:before {
  font-family: FontAwesome;
  content: "\f05a";
  font-size: 30px;
  font-size: 3rem;
}
.alert p {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 5px auto;
}
.alert.success {
  background: #009fdf;
}
.alert.warning {
  background: #65c8c6;
}
.alert.error {
  background: #e22a40;
}

.sprite {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin: 0 auto;
  display: inline-block;
  background-position: center center;
}

.sprite-regulatorycompliance-permitspilotcars {
  padding-bottom: 29.25%;
  margin-bottom: 3.4em;
}

.sprite-mobilefueling-service {
  padding-bottom: 26.25%;
}

.sprite-apa-paymentproblem {
  background-image: url("img/apa-paymentproblem.png");
  background-repeat: no-repeat;
}

.sprite-apa-connectpay {
  background-image: url("img/apa-connectpay.png");
  background-repeat: no-repeat;
}

.sprite-apa-fullautomation {
  background-image: url("img/apa-fullautomation.png");
  background-repeat: no-repeat;
}

.sprite-apa-virtualpayments {
  background-image: url("img/apa-virtualpayments.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 35.8em) {
  .sprite {
    padding-bottom: 20.25%;
    margin: 0 auto 2em;
  }
}
@media screen and (min-width: 50.6em) {
  .sprite {
    padding-bottom: 35.25%;
    margin: 0 auto 2em;
  }
}
.accordion-item {
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  *zoom: 1;
  border: 1px solid #e5e5e5;
  padding: 15px 10px;
  margin-bottom: 20px;
}
.accordion-item:before, .accordion-item:after {
  content: '';
  display: table;
}
.accordion-item:after {
  clear: both;
}
.accordion-item .accordion-title {
  color: #3c3c3c;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
}
.accordion-item .accordion-title:after {
  font-family: FontAwesome;
  content: '\f0d7';
  font-size: 20px;
  font-size: 2rem;
  color: #005c6f;
  padding-right: 16px;
  float: right;
}
.accordion-item .accordion-content {
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  max-height: 0;
  overflow: hidden;
}
.accordion-item.active {
  border: 2px solid #009fdf;
}
.accordion-item.active .accordion-title {
  color: #009fdf;
  margin-bottom: 25px;
}
.accordion-item.active .accordion-title:after {
  content: '\f0d8';
  color: #009fdf;
}
.accordion-item.active .accordion-content {
  max-height: 800px;
}

.download-area {
  *zoom: 1;
}
.download-area:before, .download-area:after {
  content: '';
  display: table;
}
.download-area:after {
  clear: both;
}
.download-area .rxbodyfield {
  *zoom: 1;
}
.download-area .rxbodyfield:before, .download-area .rxbodyfield:after {
  content: '';
  display: table;
}
.download-area .rxbodyfield:after {
  clear: both;
}
.download-area a {
  display: block;
  position: relative;
  background: #F6F6F6;
  padding: 15px;
  padding-right: 12%;
  text-decoration: none;
  margin-bottom: 10px;
  border: 1px solid #e5e5e5;
}
.download-area a:after {
  font-family: FontAwesome;
  content: '\f0c1';
  font-size: 30px;
  font-size: 3rem;
  color: #ffffff;
  background: #65c8c6;
  padding: 16px;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
}
.download-area a:before {
  content: '';
  background: #65c8c6;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  width: 60px;
}
.download-area a[href$=".pdf"]:after {
  background: #005c6f;
  content: '\f019';
}
.download-area a[href$=".pdf"]:before {
  background: #005c6f;
}
.download-area a[href$=".zip"]:after {
  background: #005c6f;
  content: '\f019';
}
.download-area a[href$=".zip"]:before {
  background: #005c6f;
}
.download-area a:hover {
  background: #e5e5e5;
}

@media screen and (min-width: 50.6em) {
  .download-area a {
    display: inline-block;
    width: 48%;
    float: left;
    margin-right: 3%;
  }
  .download-area a:nth-child(2n) {
    margin-right: 0;
  }
}
.perc-blog-list-dateByline-container,
.perc-blog-dateByline-container {
  *zoom: 1;
  display: inline-block;
}
.perc-blog-list-dateByline-container:before, .perc-blog-list-dateByline-container:after,
.perc-blog-dateByline-container:before,
.perc-blog-dateByline-container:after {
  content: '';
  display: table;
}
.perc-blog-list-dateByline-container:after,
.perc-blog-dateByline-container:after {
  clear: both;
}

.perc-blog-author-name {
  font-style: italic;
}

.perc-blog-list-date-container,
.perc-blog-date {
  float: left;
  margin-right: 5px;
}

.perc-blog-list-byline-container,
.perc-blog-byline {
  float: right;
}

.perc-blog-title {
  margin: 0;
}

ol.perc-blog-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ol.perc-blog-list li {
  *zoom: 1;
}
ol.perc-blog-list li:before, ol.perc-blog-list li:after {
  content: '';
  display: table;
}
ol.perc-blog-list li:after {
  clear: both;
}
ol.perc-blog-list h2 {
  margin: 0;
  border-bottom: 0;
}
ol.perc-blog-list h2 a {
  color: #009fdf;
  text-decoration: none;
}
ol.perc-blog-list .perc-blog-list-tag-container {
  display: none;
}
ol.perc-blog-list .perc-blog-list-summary-container .rxbodyfield img,
ol.perc-blog-list .perc-blog-list-summary-container .rxbodyfield object,
ol.perc-blog-list .perc-blog-list-summary-container .rxbodyfield video,
ol.perc-blog-list .perc-blog-list-summary-container .rxbodyfield iframe {
  display: none;
}

.perc-archive-list .perc-archive-title {
  margin: 0;
}
.perc-archive-list ul {
  margin: 0;
  padding: 0;
}
.perc-archive-list ul li {
  list-style: none;
}
.perc-archive-list .perc-archive-month-wrapper {
  display: none;
  border-left: 1px solid #b2b2b2;
  border-right: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  margin-bottom: 10px;
}
.perc-archive-list .perc-archive-month-wrapper .perc-archive-month a {
  display: block;
  position: relative;
  list-style: none;
  padding: 10px 20px;
  margin: 0;
  text-decoration: none;
}
.perc-archive-list .perc-archive-month-wrapper .perc-archive-month + .perc-archive-month a {
  border-top: 1px solid #e5e5e5;
}
.perc-archive-list .perc-archive-year > a {
  display: block;
  position: relative;
  list-style: none;
  padding: 10px 20px;
  margin: 10px 0 0 0;
  border: 1px solid #b2b2b2;
  text-decoration: none;
}
.perc-archive-list .perc-archive-year > a:after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 20px;
}

.perc-result-page-title {
  margin: 0;
}

.perc-result-page-item {
  margin-bottom: 20px;
}

.perc-result-count {
  display: none;
}

.perc-result-page-summary img,
.perc-result-page-summary object,
.perc-result-page-summary video,
.perc-result-page-summary iframe {
  display: none;
}

.perc-pagination-container {
  display: inline-block;
}

.perc-page-count {
  display: none;
}

.perc-page-nav {
  border: 1px solid #b2b2b2;
  display: block;
  margin-bottom: 20px;
}
.perc-page-nav .perc-goto {
  display: inline-block;
  padding: 10px 20px;
}
.perc-page-nav .perc-goto {
  border-left: 1px solid #e5e5e5;
  cursor: pointer;
}
.perc-page-nav .perc-current-page {
  background-color: #009fdf;
  color: #ffffff;
}
.perc-page-nav .perc-goto-last {
  float: left;
  display: inline-block !important;
  padding: 10px 20px;
  cursor: pointer;
}
.perc-page-nav .perc-goto-last:after {
  content: '<';
}
.perc-page-nav .perc-goto-next {
  float: right;
  display: inline-block !important;
  padding: 10px 20px;
  border-left: 1px solid #e5e5e5;
  cursor: pointer;
}
.perc-page-nav .perc-goto-next:after {
  content: '>';
}

.blog-case-white a {
  display: inline-block;
  position: relative;
  width: auto;
  outline: 0;
  background: #009fdf;
  border: 2px solid #009fdf;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  padding: 5px 25px 3px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 4rem;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  width: 100%;
  display: none;
}
.blog-case-white a:visited {
  color: #ffffff;
}
.blog-case-white a:hover {
  background: #005c6f;
  color: #ffffff;
  border: 2px solid #005c6f;
  text-decoration: none;
}
.blog-case-white a:disabled, .blog-case-white a[disabled=disabled] {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
.blog-case-white a:disabled:hover, .blog-case-white a[disabled=disabled]:hover {
  background: #F6F6F6;
  color: #b2b2b2;
  border: 2px solid #b2b2b2;
}
.blog-case-white a.canDownload {
  display: block;
}

.perc-tag-list ul.perc-list-main-container,
.perc-tag-list ul.perc-list-main {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 25px;
}

.careers-video {
  display: none;
}

.careers-video.active {
  display: block;
}

.careers-video-button {
  margin-right: 20px;
}

.careers-video-button.active {
  background: #009fdf;
  color: #ffffff;
  border: 2px solid #009fdf;
  text-decoration: none;
}

.percComStatisticHero {
  border-bottom: 1px solid #b2b2b2;
}

.comComReadMoreWidget .perc-list-main,
.percComLatestNewsWidget .perc-list-main {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.comComReadMoreWidget .perc-list-main li,
.percComLatestNewsWidget .perc-list-main li {
  text-align: left;
}
.comComReadMoreWidget .perc-list-main li a,
.percComLatestNewsWidget .perc-list-main li a {
  text-decoration: none;
}
.comComReadMoreWidget .perc-list-main li a:hover,
.percComLatestNewsWidget .perc-list-main li a:hover {
  text-decoration: underline;
}

/* Landing Page Z */
.landing-hero {
  margin-top: 60px;
  margin-bottom: 30px;
  background-image: url(/Assets/uploads/images/Unattended_9R7A8183.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  padding: 4em 0;
  color: #ffffff;
}

@media (min-width: 50.6em) {
  .landing-hero {
    margin-top: 90px;
    padding: 5em 0 8em;
  }

  .landing-z .two-thirds-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
    margin-bottom: 3em;
  }

  .landing-z .two-thirds-block:before, .landing-z .two-thirds-block:after {
    content: '';
    display: table;
  }

  .landing-z .two-thirds-block:after {
    clear: both;
  }

  .landing-z .two-thirds-block:last-child {
    margin-right: 0%;
  }

  .landing-z .third-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
  }

  .landing-z .third-block:before, .landing-z .third-block:after {
    content: '';
    display: table;
  }

  .landing-z .third-block:after {
    clear: both;
  }

  .landing-z .third-block:last-child {
    margin-right: 0%;
  }

  .landing-z h1 {
    width: 45%;
  }
}
@media (min-width: 63em) {
  .landing-z .two-thirds-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 65.66667%;
    margin-left: 0%;
    margin-right: 3%;
  }

  .landing-z .two-thirds-block:before, .landing-z .two-thirds-block:after {
    content: '';
    display: table;
  }

  .landing-z .two-thirds-block:after {
    clear: both;
  }

  .landing-z .two-thirds-block:last-child {
    margin-right: 0%;
  }

  .landing-z .third-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 31.33333%;
    margin-left: 0%;
    margin-right: 3%;
  }

  .landing-z .third-block:before, .landing-z .third-block:after {
    content: '';
    display: table;
  }

  .landing-z .third-block:after {
    clear: both;
  }

  .landing-z .third-block:last-child {
    margin-right: 0%;
  }

  .landing-z ul.small-menu {
    float: left;
    width: 45%;
    text-align: right;
  }

  .landing-z .main {
    min-height: 65em;
  }

  .landing-z .gray-block {
    margin-top: -17px;
    padding-top: 5em;
  }

  .overlap-form {
    position: absolute;
    width: 350px;
    top: 121px;
    z-index: 2;
  }

  .triangle {
    width: 0;
    height: 0;
    border-left: 175px solid transparent;
    border-right: 175px solid transparent;
    border-top: 50px solid #009fdf;
    position: absolute;
    margin-top: -17px;
  }

  h2.color-block {
    color: white;
    background-color: #009fdf;
    padding: 3.4em 1em 1em 1em;
    text-align: center;
  }
}
@media screen and (min-width: 50.6em) {
  .mobile {
    display: none;
  }
}
@media screen and (max-width: 50.6em) {
  .desktop {
    display: none;
  }
}
.select2-container {
  margin: 0 0 10px 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  width: 100%;
  *display: inline;
  vertical-align: middle;
  font-family: DINWebPro-Medium, "Helvetica", Arial, sans-serif;
  text-align: left;
}

.select2-container .select2-choice {
  display: block;
  height: 46px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  background: #ffffff;
  white-space: nowrap;
  line-height: 46px;
  color: #666666;
  text-decoration: none;
  border-radius: 2px;
  border: 1px solid #b2b2b2;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: DINWebPro, "Helvetica", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: 0;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #666666;
  border: 1px solid #b2b2b2;
  border-top: 0;
  border-radius: 0 0 4px 4px;
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop-active {
  margin-top: -1px;
  border: 1px solid #b2b2b2;
  border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #b2b2b2;
}

.select2-drop-auto-width {
  border-top: 1px solid #b2b2b2;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 46px;
  padding: 0 15px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #009fdf;
}
.select2-container .select2-choice .select2-arrow:after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 30px;
  font-size: 3rem;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 14px;
}

.select2-search {
  display: none;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: DINWebPro-bold, "Helvetica", Arial, sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;
}

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-container-active .select2-choice {
  outline: none;
}

.select2-container-active .select2-choices {
  border: 1px solid #b2b2b2;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #b2b2b2;
  border-top-color: transparent;
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: #009fdf;
  -webkit-filter: none;
  filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow:after {
  content: "\f106";
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px;
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent;
}

html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}

.select2-results .select2-result-label {
  padding: 7px 7px 0px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-results-dept-1 .select2-result-label {
  padding-left: 20px;
}

.select2-results-dept-2 .select2-result-label {
  padding-left: 40px;
}

.select2-results-dept-3 .select2-result-label {
  padding-left: 60px;
}

.select2-results-dept-4 .select2-result-label {
  padding-left: 80px;
}

.select2-results-dept-5 .select2-result-label {
  padding-left: 100px;
}

.select2-results-dept-6 .select2-result-label {
  padding-left: 110px;
}

.select2-results-dept-7 .select2-result-label {
  padding-left: 120px;
}

.select2-results .select2-highlighted {
  background: #009fdf;
  color: #fff;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
}

html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #b2b2b2;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}

html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: DINWebPro-bold, "Helvetica", Arial, sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}

.select2-default {
  color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: -webkit-linear-gradient(bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}

html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
}

html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

.comdata-slider .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.comdata-slider {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.comdata-slider .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.comdata-slider .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.comdata-slider .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.comdata-slider .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* fix */
.comdata-slider .owl-wrapper,
.comdata-slider .owl-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Styling Next and Prev buttons */
.comdata-theme .owl-controls .owl-buttons div {
  display: none;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.comdata-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

.comdata-theme .owl-controls .owl-page {
  display: none;
}

.comdata-theme .owl-controls .owl-page.active span,
.comdata-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
}

@media screen and (min-width: 50.6em) {
  .comdata-theme .owl-controls .owl-buttons div {
    display: inline-block;
    position: absolute;
    margin: 5px;
    padding: 3px 10px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 0.5;
  }
  .comdata-theme .owl-controls .owl-buttons div.owl-prev {
    top: 50%;
    left: 0;
    margin-top: -45px;
  }
  .comdata-theme .owl-controls .owl-buttons div.owl-next {
    top: 50%;
    right: 0;
    margin-top: -45px;
  }
}
/*!
Video.js Default Styles (http://videojs.com)
Version 4.6.0
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'comdata-video-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.comdata-video-skin {
  color: #ffffff;
  height: auto;
}

/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url("font/vjs.eot");
  src: url("font/vjs.eot?#iefix") format("embedded-opentype"), url("font/vjs.woff") format("woff"), url("font/vjs.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.comdata-video-skin .vjs-slider {
  /* Replace browser focus hightlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #4a4a4a;
  background-color: rgba(74, 74, 74, 0.9);
}

.comdata-video-skin .vjs-slider:focus {
  /* box-shadow */
}

.comdata-video-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}

.comdata-video-skin .vjs-slider-handle:before {
  content: "\f0c8";
  font-family: FontAwesome;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: -1px;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.comdata-video-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #005c6f;
  background-color: rgba(0, 92, 111, 0.8);
}

/* Show the control bar only once the video has started playing */
.comdata-video-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */
  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

/* Hide the control bar when the video is playing and the user is inactive  */
.comdata-video-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.comdata-video-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}

.comdata-video-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}

/* The control bar shouldn't show after an error */
.comdata-video-skin.vjs-error .vjs-control-bar {
  display: none;
}

/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .comdata-video-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
/* General styles for individual controls. */
.comdata-video-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}

/* FontAwsome button icons */
.comdata-video-skin .vjs-control:before {
  font-family: FontAwesome;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

/* Replacement for focus outline */
.comdata-video-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */
}

/* Hide control text visually, but have it available for screenreaders */
.comdata-video-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Play/Pause
--------------------------------------------------------------------------------
*/
.comdata-video-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}

.comdata-video-skin .vjs-play-control:before {
  content: "\f04b";
}

.comdata-video-skin.vjs-playing .vjs-play-control:before {
  content: "\f04c";
}

/* Playback toggle
--------------------------------------------------------------------------------
*/
.comdata-video-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.comdata-video-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none;
}

/* Volume/Mute
-------------------------------------------------------------------------------- */
.comdata-video-skin .vjs-mute-control,
.comdata-video-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}

.comdata-video-skin .vjs-mute-control:before,
.comdata-video-skin .vjs-volume-menu-button:before {
  content: "\f028";
}

.comdata-video-skin .vjs-mute-control.vjs-vol-0:before,
.comdata-video-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\f028";
}

.comdata-video-skin .vjs-mute-control.vjs-vol-1:before,
.comdata-video-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\f028";
}

.comdata-video-skin .vjs-mute-control.vjs-vol-2:before,
.comdata-video-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\f028";
}

.comdata-video-skin .vjs-volume-control {
  width: 5em;
  float: right;
}

.comdata-video-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}

.comdata-video-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}

.comdata-video-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  /* assuming volume starts at 1.0 */
  width: 100%;
  background: #4a4a4a url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}

.comdata-video-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */
  left: 4.5em;
}

.comdata-video-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}

.comdata-video-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}

/* Progress
--------------------------------------------------------------------------------
*/
.comdata-video-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1.2em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.comdata-video-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */
  /* transition */
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/* Box containing play and load progresses. Also acts as seek scrubber. */
.comdata-video-skin .vjs-progress-holder {
  height: 100%;
}

/* Progress Bars */
.comdata-video-skin .vjs-progress-holder .vjs-play-progress,
.comdata-video-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */
  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}

.comdata-video-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */
  background: #4a4a4a url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}

.comdata-video-skin .vjs-load-progress {
  background: #646464;
  background: rgba(255, 255, 255, 0.4);
}

.comdata-video-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}

.comdata-video-skin .vjs-seek-handle:before {
  padding-top: 0.1em;
}

/* Live Mode
--------------------------------------------------------------------------------
*/
.comdata-video-skin.vjs-live .vjs-time-controls,
.comdata-video-skin.vjs-live .vjs-time-divider,
.comdata-video-skin.vjs-live .vjs-progress-control {
  display: none;
}

.comdata-video-skin.vjs-live .vjs-live-display {
  display: block;
}

/* Live Display
--------------------------------------------------------------------------------
*/
.comdata-video-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em;
}

/* Time Display
--------------------------------------------------------------------------------
*/
.comdata-video-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}

.comdata-video-skin .vjs-current-time {
  float: left;
}

.comdata-video-skin .vjs-duration {
  float: left;
}

/* Remaining time is in the HTML, but not included in default design */
.comdata-video-skin .vjs-remaining-time {
  display: none;
  float: left;
}

.vjs-time-divider {
  float: left;
  line-height: 3em;
}

/* Fullscreen
--------------------------------------------------------------------------------
*/
.comdata-video-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}

.comdata-video-skin .vjs-fullscreen-control:before {
  content: "\f065";
}

/* Switch to the exit icon when the player is in fullscreen */
.comdata-video-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\f065";
}

/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.comdata-video-skin .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -1.5em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.5em;
  font-size: 40px;
  font-size: 4rem;
  display: block;
  z-index: 2;
  position: absolute;
  width: 3em;
  height: 3em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  background-color: #009fdf;
  background-color: rgba(0, 159, 223, 0.8);
  border: 0em solid #3b4249;
  border-radius: 50%;
  /* transition */
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

/* Optionally center */
.comdata-video-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  /* Center it vertically */
  top: 50%;
}

/* Hide if controls are disabled */
.comdata-video-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}

/* Hide when video starts playing */
.comdata-video-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}

/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.comdata-video-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}

.comdata-video-skin:hover .vjs-big-play-button,
.comdata-video-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #005c6f;
  background-color: rgba(0, 92, 111, 0.75);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.comdata-video-skin .vjs-big-play-button:before {
  content: "\f04b";
  font-family: FontAwesome;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 3em;
  text-align: center;
  position: absolute;
  left: 5px;
  width: 100%;
  height: 100%;
}

.vjs-error .vjs-big-play-button {
  display: none;
}

/* Error Display
--------------------------------------------------------------------------------
*/
.vjs-error-display {
  display: none;
}

.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #666666;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  width: 100%;
}

.vjs-error-display div {
  position: absolute;
  font-size: 1.4em;
  text-align: center;
  bottom: 1em;
  right: 1em;
  left: 1em;
}

.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460;
}

/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}

/* Errors are unrecoverable without user interaction,
   so hide the spinner in the case of an error */
.video-js.vjs-error .vjs-loading-spinner {
  /* using !important flag because currently the loading spinner
     uses hide()/show() instead of classes. The !important can be
     removed when that's updated */
  display: none !important;
  /* ensure animation doesn't continue while hidden */
  /* animation */
  -webkit-animation: none;
  animation: none;
}

.comdata-video-skin .vjs-loading-spinner:before {
  content: "\f110";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.comdata-video-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}

.comdata-video-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */
}

/* Button Pop-up Menu */
.comdata-video-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */
  /* background-color-with-alpha */
  background-color: #005093;
  background-color: rgba(0, 80, 147, 0.9);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}

.comdata-video-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}

.comdata-video-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.comdata-video-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}

.comdata-video-skin .vjs-menu-button ul li:focus,
.comdata-video-skin .vjs-menu-button ul li:hover,
.comdata-video-skin .vjs-menu-button ul li.vjs-selected:focus,
.comdata-video-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}

.comdata-video-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

/* Subtitles Button */
.comdata-video-skin .vjs-subtitles-button:before {
  content: "\e00c";
}

/* Captions Button */
.comdata-video-skin .vjs-captions-button:before {
  content: "\e008";
}

/* Replacement for focus outline */
.comdata-video-skin .vjs-captions-button:focus .vjs-control-content:before,
.comdata-video-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}

/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: transparent;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: contain;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em;
}

/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}

.video-js .vjs-subtitles {
  color: #ffffff;
}

.video-js .vjs-captions {
  color: #ffcc66;
}

.vjs-tt-cue {
  display: block;
}

/* Hide disabled or unsupported controls */
.comdata-video-skin .vjs-hidden {
  display: none;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */
.vjs-no-js {
  padding: 20px;
  color: #ccc;
  background-color: #333;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460;
}

.video-js {
  padding-top: 56.25%;
}

.vjs-fullscreen {
  padding-top: 0px;
}
body[style="z-index: -1000; position: static;"] .header{
  position: static !important;
}



.testimonial-band{
    background-color: #235480;
    text-align: center;
    color:#fff;
    padding:45px 10px;
}
.testimonial-container{
    max-width:890px;
    font-family: "DInWebPro-Medium",'DINWebPro', "Helvetica", Arial, sans-serif;
    line-height: 1.4;
    font-size: 19px;
    margin:auto;
}
.testimonial-author{
    padding-top:30px;
}
.com-table {
  border: 0;
  width: 100%;
}
.com-table tr:first-child td {
  font-size: 13px;
  /*background:#b5e0f1 !important;*/
  background: #cbebff;
  /* Old browsers */
  background: -webkit-linear-gradient(#cbebff 0%, #d6f9ff 100%);
  background: -o-linear-gradient(#cbebff 0%, #d6f9ff 100%);
  background: linear-gradient(#cbebff 0%, #d6f9ff 100%);
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  /* W3C, IE10+, FF16+, Chrome26+, Opera17+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='#a1dbff', GradientType=0);
  font-weight: bold;
}
.com-table tr:hover td {
  background: #cbebff;
}
.com-table tr td {
  font-size: 12px;
  text-align: center;
  padding: 8px;
  border-bottom: 1px solid #ddd;
  background: #fafafa;
}
.cta-bar {
  background-color: #0086bb;
  color: #fff;
  text-align: center;
  padding: 20px 10px;
}
.cta-bar-title {
  font-family: "DInWebPro", "Helvetica", Arial, sans-serif;
  display: inline-block;
  font-size: 24px;
  padding: 0 10px;
}
.template-b .rxbodyfield img,
.product-page .rxbodyfield img {
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  max-width: 100%;
  height: auto;
}
.template-b .rxbodyfield img[style*='float:left'],
.product-page .rxbodyfield img[style*='float:left'] {
  padding-right: 15px;
}
.template-b .rxbodyfield img[style*='float:right'],
.product-page .rxbodyfield img[style*='float:right'] {
  padding-left: 15px;
}
.header-btns .btn {
  padding-left: 6px;
  padding-right: 6px;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .com-table {
    width: auto;
  }
}