.iconic {
  display: none;
}
@media (min-width: 768px) {
  .iconic {
    margin: 10px auto 20px auto;
    display: block;
    width: 72px;
    height: 72px;
  }
}
/* Hide all icons that are waiting to be injected */
img.iconic {
  display: none;
}
/* Make sure filled and text elements only get fills */
.iconic-property-fill,
.iconic-property-text {
  stroke: none !important;
}
/* Make sure stroked elements only get strokes */
.iconic-property-stroke {
  fill: none !important;
}
.iconic * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-account *.iconic-account-login *,
.iconic-account *.iconic-account-logout * {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-account *.iconic-account-login *.iconic-property-accent,
.iconic-account *.iconic-account-logout *.iconic-property-accent {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-action *.iconic-action-undo * {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-action *.iconic-action-redo * {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-align-left *,
.iconic-align-center *,
.iconic-align-right * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-aperture .iconic-aperture-blade-1 {
  fill: #FBB829;
}
.iconic-aperture .iconic-aperture-blade-2 {
  fill: #d35400;
}
.iconic-aperture .iconic-aperture-blade-3 {
  fill: #FF004E;
}
.iconic-aperture .iconic-aperture-blade-4 {
  fill: #9b59b6;
}
.iconic-aperture .iconic-aperture-blade-5 {
  fill: #00B4FF;
}
.iconic-aperture .iconic-aperture-blade-6 {
  fill: #1ECE6D;
}
.iconic-arrow * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-arrow-thick * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-arrow-right-angle * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-arrow-right-angle-thick * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-audio-spectrum .iconic-audio-spectrum-frequency-low {
  fill: #d35400;
  stroke: #d35400;
}
.iconic-audio-spectrum .iconic-audio-spectrum-frequency-mid {
  fill: #FBB829;
  stroke: #FBB829;
}
.iconic-audio-spectrum .iconic-audio-spectrum-frequency-high {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-media-skip-backward * {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-ban * {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-basket .iconic-basket-body {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-basket .iconic-basket-lip {
  fill: #18a155;
  stroke: #18a155;
}
.iconic-basket .iconic-basket-handle {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-battery .iconic-battery-charge-amount {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-bar-chart * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-bar-chart *.iconic-bar-chart-bar-1 {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-bar-chart *.iconic-bar-chart-bar-2 {
  fill: #00B4FF;
  stroke: #00B4FF;
}
.iconic-bar-chart *.iconic-bar-chart-bar-3 {
  fill: #9b59b6;
  stroke: #9b59b6;
}
.iconic-bar-chart *.iconic-bar-chart-bar-4 {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-bar-chart *.iconic-bar-chart-bar-5 {
  fill: #d35400;
  stroke: #d35400;
}
.iconic-beaker .iconic-beaker-measure-line {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-beaker .iconic-beaker-fluid {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-beaker .iconic-beaker-fluid-bubble {
  fill: #33c3ff;
  stroke: #33c3ff;
}
.iconic-bell * {
  fill: #eda304;
  stroke: #eda304;
}
.iconic-bell *.iconic-property-accent {
  fill: #d49104;
  stroke: #d49104;
}
.iconic-bitcoin-address .iconic-bitcoin-address-b {
  fill: #fbb010;
  stroke: #fbb010;
}
.iconic-bitcoin-address .iconic-bitcoin-address-strike {
  fill: #fbb010;
  stroke: #fbb010;
}
.iconic-bitcoin-block .iconic-bitcoin-block-b {
  fill: #fbb010;
  stroke: #fbb010;
}
.iconic-bitcoin-block .iconic-bitcoin-block-strike {
  fill: #fbb010;
  stroke: #fbb010;
}
.iconic-bitcoin-block .iconic-bitcoin-block-block {
  fill: #d49104;
  stroke: #d49104;
}
.iconic-bitcoin-transaction .iconic-bitcoin-transaction-b {
  fill: #fbb010;
  stroke: #fbb010;
}
.iconic-bitcoin-transaction .iconic-bitcoin-transaction-strike {
  fill: #fbb010;
  stroke: #fbb010;
}
.iconic-bitcoin-transaction .iconic-bitcoin-transaction-arrow-top {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-bitcoin-transaction .iconic-bitcoin-transaction-arrow-bottom {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-bitcoin .iconic-bitcoin-b {
  fill: #fbb010;
  stroke: #fbb010;
}
.iconic-bitcoin .iconic-bitcoin-strike {
  fill: #fbb010;
  stroke: #fbb010;
}
.iconic-bluetooth * {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-bold * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-book * {
  fill: #98845d;
  stroke: #98845d;
}
.iconic-bookmark * {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-box .iconic-box-lid {
  fill: #78694a;
  stroke: #78694a;
}
.iconic-box .iconic-box-shell {
  fill: #98845d;
  stroke: #98845d;
}
.iconic-brain * {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-briefcase .iconic-briefcase-body-top {
  fill: #78694a;
  stroke: #78694a;
}
.iconic-briefcase .iconic-briefcase-body-bottom {
  fill: #98845d;
  stroke: #98845d;
}
.iconic-briefcase .iconic-briefcase-body-buckle {
  fill: #ab862a;
  stroke: #ab862a;
}
.iconic-briefcase .iconic-briefcase-handle {
  fill: #ab862a;
  stroke: #ab862a;
}
.iconic-british-pound * {
  fill: #ab862a;
  stroke: #ab862a;
}
.iconic-browser * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-brush * {
  fill: #c1b49a;
  stroke: #c1b49a;
}
.iconic-brush *.iconic-property-accent {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-bug * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-bug *.iconic-bug-head {
  fill: #99002f;
  stroke: #99002f;
}
.iconic-bug *.iconic-bug-thorax {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-bullhorn * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-bullhorn *.iconic-bullhorn-body {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-bullhorn *.iconic-bullhorn-body-front-lip {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-bullhorn *.iconic-bullhorn-body-back {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-bullhorn *.iconic-bullhorn-handle {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-bullhorn *.iconic-bullhorn-handle-trigger {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-calculator * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-calendar *.iconic-calendar-top {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-calendar *.iconic-calendar-body {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-camera-rangefinder * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-camera-rangefinder *.iconic-property-accent {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-camera-rangefinder *.iconic-camera-rangefinder-body-top {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-camera-rangefinder *.iconic-camera-rangefinder-controls-lens-release {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-camera-slr * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-camera-slr *.iconic-property-accent {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-camera-slr *.iconic-camera-slr-body {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-camera-slr *.iconic-camera-slr-lens-release {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-caret * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-cart * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-cart *.iconic-cart-basket {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-chat * {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-chat *.iconic-property-accent {
  fill: #00B4FF;
  stroke: #00B4FF;
}
.iconic-check * {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-chevron * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-circle-check * {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-circle-x * {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-clock * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-clock *.iconic-clock-hand {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-clock *.iconic-clock-hand-second {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-cloud * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-cloud-download *,
.iconic-cloud-upload * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-cloud-download *.iconic-property-accent,
.iconic-cloud-upload *.iconic-property-accent {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-cloudy * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-cloudy *.iconic-property-accent {
  fill: #FBB829;
  stroke: #FBB829;
}
.iconic-code * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-code *.iconic-code-slash {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-code * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-cog * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-collapse *,
.iconic-expand * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-collapse *.iconic-property-accent,
.iconic-expand *.iconic-property-accent {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-comment-square * {
  fill: #eda304;
  stroke: #eda304;
}
.iconic-compass * {
  fill: #d9b762;
  stroke: #d9b762;
}
.iconic-compass *.iconic-compass-body {
  fill-opacity: 1 !important;
  fill: #f7efdd !important;
}
.iconic-compass *.iconic-compass-needle-axis {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-compass *.iconic-compass-needle {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-compass *.iconic-compass-direction {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-compass *.iconic-compass-direction-north {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-contrast * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-copywriting * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-copywriting *.iconic-property-accent {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-credit-card * {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-crop * {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-dashboard * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-dashboard *.iconic-property-accent {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-dashboard *.iconic-dashboard-needle {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-data-transfer * .iconic-download * {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-data-transfer * .iconic-upload * {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-delete * {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-dial * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-dial *.iconic-dial-notch {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-dial *.iconic-dial-notch-7,
.iconic-dial *.iconic-dial-notch-8,
.iconic-dial *.iconic-dial-notch-9 {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-document *.iconic-document-page {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-document *.iconic-document-flap {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-dollar * {
  fill: #ab862a;
  stroke: #ab862a;
}
.iconic-double-quote-left *,
.iconic-double-quote-right * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-eject * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-electric * {
  fill: #FBB829;
  stroke: #FBB829;
}
.iconic-ellipses * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-envelope * {
  fill: #c1b49a;
  stroke: #c1b49a;
}
.iconic-envelope-open * {
  fill: #c1b49a;
  stroke: #c1b49a;
}
.iconic-envelope-open *.iconic-property-accent {
  fill: #e8e3d9;
  stroke: #e8e3d9;
}
.iconic-euro * {
  fill: #ab862a;
  stroke: #ab862a;
}
.iconic-excerpt * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-excerpt *.iconic-property-accent {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-eye *.iconic-eye-eyeball {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-eye *.iconic-eye-pupil {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-eyedropper * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-eyedropper *.iconic-eyedropper-fluid {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-file * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-file *.iconic-file-page {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-file *.iconic-file-flap {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-fire * {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-fire *.iconic-property-accent {
  fill: #d35400;
  stroke: #d35400;
}
.iconic-firefly * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-firefly *.iconic-firefly-wing {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-firefly *.iconic-firefly-light-beam {
  fill: #FBB829;
  stroke: #FBB829;
}
.iconic-flag *.iconic-flag-back {
  fill: #0090cc;
  stroke: #0090cc;
}
.iconic-flag *.iconic-flag-front {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-folder *.iconic-folder-top {
  fill: #c1b49a;
  stroke: #c1b49a;
}
.iconic-folder *.iconic-folder-bottom {
  fill: #ae9d7a;
  stroke: #ae9d7a;
}
.iconic-fork *.iconic-fork-line-trunk {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-fork *.iconic-fork-point-trunk-start {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-fork *.iconic-fork-point-trunk-end {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-fork *.iconic-fork-line-fork {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-fork *.iconic-fork-point-fork {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-flash * {
  fill: #FBB829;
  stroke: #FBB829;
}
.iconic-fullscreen * .iconic-fullscreen-enter-line,
.iconic-fullscreen * .iconic-fullscreen-enter-arrowhead {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-fullscreen * .iconic-fullscreen-exit-line,
.iconic-fullscreen * .iconic-fullscreen-exit-arrowhead {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-globe * {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-graph * {
  fill: #00B4FF;
  stroke: #00B4FF;
}
.iconic-graph *.iconic-property-accent {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-guides * {
  fill: #9b59b6;
  stroke: #9b59b6;
}
.iconic-hard-drive * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-hard-drive *.iconic-hard-drive-casing-top {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-headphones * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-headphones *.iconic-headphones-connector {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-headphones *.iconic-headphones-top {
  fill: #d35400;
  stroke: #d35400;
}
.iconic-headphones *.iconic-headphones-speaker-back {
  fill: #d35400;
  stroke: #d35400;
}
.iconic-heart * {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-home *.iconic-home-roof {
  fill: #a4916b;
  stroke: #a4916b;
}
.iconic-home *.iconic-home-wall {
  fill: #c1b49a;
  stroke: #c1b49a;
}
.iconic-image-landscape *,
.iconic-image-portrait * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-image-landscape *.iconic-property-accent,
.iconic-image-portrait *.iconic-property-accent {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-image-landscape *.iconic-image-landscape-sun,
.iconic-image-portrait *.iconic-image-landscape-sun {
  fill: #FBB829;
  stroke: #FBB829;
}
.iconic-inbox * {
  fill: #00B4FF;
  stroke: #00B4FF;
}
.iconic-info * {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-italic * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-key * {
  fill: #ab862a;
  stroke: #ab862a;
}
.iconic-layers * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-layers *.iconic-property-accent {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-lightbulb *.iconic-lightbulb-coil {
  fill: #FBB829;
  stroke: #FBB829;
}
.iconic-lightbulb *.iconic-lightbulb-base {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-lightbulb *.iconic-lightbulb-screw {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-lightning * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-lightning *.iconic-property-accent {
  fill: #FBB829;
  stroke: #FBB829;
}
.iconic-lightning-bolt * {
  fill: #FBB829;
  stroke: #FBB829;
}
.iconic-link * {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-link-broken * {
  fill: #99e1ff;
  stroke: #99e1ff;
}
.iconic-list * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-list *.iconic-property-accent {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-list-rich * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-list-rich *.iconic-list-rich-list-group-1.iconic-list-rich-block {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-list-rich *.iconic-list-rich-list-group-2.iconic-list-rich-block {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-list-rich *.iconic-list-rich-list-group-3.iconic-list-rich-block {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-location * {
  fill: #d35400;
  stroke: #d35400;
}
.iconic-lock *.iconic-lock-locked-body,
.iconic-lock *.iconic-lock-unlocked-body {
  fill: #0090cc;
  stroke: #0090cc;
}
.iconic-lock *.iconic-lock-locked-body-main,
.iconic-lock *.iconic-lock-unlocked-body-main {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-lock *.iconic-lock-locked-loop,
.iconic-lock *.iconic-lock-unlocked-loop {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-loop-circular * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-loop-circular *.iconic-loop-circular-line-right,
.iconic-loop-circular *.iconic-loop-circular-arrowhead-right {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-loop-square * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-loop-square *.iconic-loop-square-line-bottom,
.iconic-loop-square *.iconic-loop-square-arrowhead-bottom {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-loop * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-loop *.iconic-loop-line-bottom,
.iconic-loop *.iconic-loop-arrowhead-bottom {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-magic-wand *.iconic-magic-wand-shaft {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-magic-wand *.iconic-magic-wand-shaft-tip {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-magic-wand *.iconic-magic-wand-ray-major {
  fill: #FBB829;
  stroke: #FBB829;
}
.iconic-magic-wand *.iconic-magic-wand-ray-minor {
  fill: #fcc95b;
  stroke: #fcc95b;
}
.iconic-magic-wand *.iconic-magic-wand-spark {
  fill: #ab862a;
  stroke: #ab862a;
}
.iconic-magnifying-glass *.iconic-magnifying-glass-handle {
  fill: #c1b49a;
  stroke: #c1b49a;
}
.iconic-magnifying-glass *.iconic-magnifying-glass-handle-connector {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-magnifying-glass *.iconic-magnifying-glass-rim {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-magnifying-glass *.iconic-magnifying-glass-reflection {
  fill: #80daff;
  stroke: #80daff;
}
.iconic-map-marker * {
  fill: #00B4FF;
  stroke: #00B4FF;
}
.iconic-map *.iconic-map-map-marker {
  fill: #00B4FF;
  stroke: #00B4FF;
}
.iconic-map *.iconic-map-street {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-medal *.iconic-medal-medal {
  fill: #ab862a;
  stroke: #ab862a;
}
.iconic-medal *.iconic-medal-band {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-media-play-circle * {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-media-skip *.iconic-media-skip-backward *,
.iconic-media-skip *.iconic-media-skip-forward * {
  fill: #00B4FF;
  stroke: #00B4FF;
}
.iconic-media-step *.iconic-media-step-backward *,
.iconic-media-step *.iconic-media-step-forward * {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-media * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-media *.iconic-media-play * {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-media *.iconic-media-record * {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-medical-cross * {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-microphone * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-microphone *.iconic-microphone-head {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-microphone *.iconic-microphone-head-button {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-monitor *.iconic-monitor-base {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-moon * {
  fill: #FBB829;
  stroke: #FBB829;
}
.iconic-move * {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-pen * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-pen *.iconic-property-accent {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-pencil *.iconic-pencil-shaft {
  fill: #FBB829;
  stroke: #FBB829;
}
.iconic-pencil *.iconic-pencil-exposed-wood {
  fill: #c1b49a;
  stroke: #c1b49a;
}
.iconic-pencil *.iconic-pencil-eraser-border {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-pencil *.iconic-pencil-eraser {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-people *.iconic-people-person-body-left {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-people *.iconic-people-person-head-left {
  fill: #b7a88a;
  stroke: #b7a88a;
}
.iconic-people *.iconic-people-person-body-center {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-people *.iconic-people-person-head-center {
  fill: #a4916b;
  stroke: #a4916b;
}
.iconic-people *.iconic-people-person-body-right {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-people *.iconic-people-person-head-right {
  fill: #ae9d7a;
  stroke: #ae9d7a;
}
.iconic-person *.iconic-person-head {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-person *.iconic-person-body {
  fill: #18a155;
  stroke: #18a155;
}
.iconic-person *.iconic-person-male-head {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-person *.iconic-person-male-body {
  fill: #cc003e;
  stroke: #cc003e;
}
.iconic-person *.iconic-person-female-head {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-person *.iconic-person-female-body {
  fill: #0090cc;
  stroke: #0090cc;
}
.iconic-pie-chart *.iconic-pie-chart-slice-large {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-pie-chart *.iconic-pie-chart-slice-medium {
  fill: #00B4FF;
  stroke: #00B4FF;
}
.iconic-pie-chart *.iconic-pie-chart-slice-small {
  fill: #9b59b6;
  stroke: #9b59b6;
}
.iconic-pin * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-pin *.iconic-property-accent {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-plus * {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-power-standby * {
  fill: #00B4FF;
  stroke: #00B4FF;
}
.iconic-print * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-print *.iconic-print-paper {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-project *.iconic-project-task-1 {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-project *.iconic-project-task-2 {
  fill: #00B4FF;
  stroke: #00B4FF;
}
.iconic-project *.iconic-project-task-3 {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-project *.iconic-project-task-4 {
  fill: #9b59b6;
  stroke: #9b59b6;
}
.iconic-pulse * {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-rainy * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-rainy *.iconic-property-accent {
  fill: #99e1ff;
  stroke: #99e1ff;
}
.iconic-random * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-random *.iconic-random-arrowhead-top,
.iconic-random * .iconic-random-line-top {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-reload * {
  fill: #00B4FF;
  stroke: #00B4FF;
}
.iconic-rss * {
  fill: #d35400;
  stroke: #d35400;
}
.iconic-rss *.iconic-rss-center {
  fill: #d35400;
  stroke: #d35400;
}
.iconic-rss-alt * {
  fill: #d35400;
  stroke: #d35400;
}
.iconic-screwdriver * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-screwdriver *.iconic-screwdriver-handle {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-script * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-settings * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-settings *.iconic-property-accent {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-share-boxed * {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-share-boxed *.iconic-property-accent {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-shield * {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-shield *.iconic-shield-shadow {
  fill: #0090cc;
  stroke: #0090cc;
}
.iconic-signal * .iconic-signal-bar-1 {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-signal * .iconic-signal-bar-2 {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-signal * .iconic-signal-bar-3 {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-signal * .iconic-signal-bar-4 {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-signal * .iconic-signal-bar-5 {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-signpost * {
  fill: #ae9d7a;
  stroke: #ae9d7a;
}
.iconic-signpost *.iconic-signpost-sign-right {
  fill: #98845d;
  stroke: #98845d;
}
.iconic-sort-descending * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-sort-descending *.iconic-property-accent {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-sort-descending *.iconic-sort-descending-sort-small {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-sort-descending *.iconic-sort-descending-sort-medium {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-sort-descending *.iconic-sort-descending-sort-large {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-sort-ascending * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-sort-ascending *.iconic-property-accent {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-sort-ascending *.iconic-sort-ascending-sort-small {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-sort-ascending *.iconic-sort-ascending-sort-medium {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-sort-ascending *.iconic-sort-ascending-sort-large {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-spreadsheet * {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-spreadsheet *.iconic-spreadsheet-row,
.iconic-spreadsheet * .iconic-spreadsheet-column {
  fill: #69e9a2;
  stroke: #69e9a2;
}
.iconic-star * {
  fill: #FBB829;
  stroke: #FBB829;
}
.iconic-sun * {
  fill: #d35400;
  stroke: #d35400;
}
.iconic-sun *.iconic-property-accent {
  fill: #FBB829;
  stroke: #FBB829;
}
.iconic-share * {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-tag *,
.iconic-tags * {
  fill: #00B4FF;
  stroke: #00B4FF;
}
.iconic-tag *.iconic-property-accent,
.iconic-tags *.iconic-property-accent {
  fill: #99e1ff;
  stroke: #99e1ff;
}
.iconic-task *.iconic-task-check {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-task *.iconic-task-check-box {
  fill: #18a155;
  stroke: #18a155;
}
.iconic-thermometer *.iconic-thermometer-tick {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-thermometer *.iconic-thermometer-shaft,
.iconic-thermometer * .iconic-thermometer-well {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-thumb-up * {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-thumb-up *.iconic-property-accent {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-thumb-down * {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-thumb-down *.iconic-property-accent {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-tiara * {
  fill: #ab862a;
  stroke: #ab862a;
}
.iconic-timer *.iconic-timer-needle {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-tint * {
  fill: #9b59b6;
  stroke: #9b59b6;
}
.iconic-tools * {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-tools *.iconic-tools-screwdriver-handle {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-tools *.iconic-tools-hammer-handle {
  fill: #98845d;
  stroke: #98845d;
}
.iconic-transfer *.iconic-property-accent {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-vertical-align *.iconic-vertical-align-top-alignment-line,
.iconic-vertical-align * .iconic-vertical-align-center-alignment-line,
.iconic-vertical-align * .iconic-vertical-align-bottom-alignment-line {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-vertical-align *.iconic-vertical-align-top-element-1,
.iconic-vertical-align * .iconic-vertical-align-center-element-1,
.iconic-vertical-align * .iconic-vertical-align-bottom-element-1 {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-vertical-align *.iconic-vertical-align-top-element-2,
.iconic-vertical-align * .iconic-vertical-align-center-element-2,
.iconic-vertical-align * .iconic-vertical-align-bottom-element-2 {
  fill: #9b59b6;
  stroke: #9b59b6;
}
.iconic-vertical-align *.iconic-vertical-align-top-element-3,
.iconic-vertical-align * .iconic-vertical-align-center-element-3,
.iconic-vertical-align * .iconic-vertical-align-bottom-element-3 {
  fill: #00B4FF;
  stroke: #00B4FF;
}
.iconic-video *.iconic-video-lens {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-volume *.iconic-volume-off-mute {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-volume *.iconic-volume-low-wave {
  fill: #53e695;
  stroke: #53e695;
}
.iconic-volume *.iconic-volume-medium-wave {
  fill: #33e182;
  stroke: #33e182;
}
.iconic-volume *.iconic-volume-high-wave {
  fill: #1ECE6D;
  stroke: #1ECE6D;
}
.iconic-warning * {
  fill: #d35400;
  stroke: #d35400;
}
.iconic-wifi * {
  fill: #5d6f8c;
  stroke: #5d6f8c;
}
.iconic-wifi *.iconic-wifi-wave-inner {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-wifi *.iconic-wifi-wave-middle {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-wifi *.iconic-wifi-wave-outer {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-x * {
  fill: #FF004E;
  stroke: #FF004E;
}
.iconic-yen * {
  fill: #ab862a;
  stroke: #ab862a;
}
.iconic-zoom-in *.iconic-zoom-in-handle {
  fill: #c1b49a;
  stroke: #c1b49a;
}
.iconic-zoom-in *.iconic-zoom-in-handle-connector {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-zoom-in *.iconic-zoom-in-rim {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-zoom-in *.iconic-zoom-in-plus {
  fill: #00b4ff;
  stroke: #00b4ff;
}
.iconic-zoom-out *.iconic-zoom-out-handle {
  fill: #c1b49a;
  stroke: #c1b49a;
}
.iconic-zoom-out *.iconic-zoom-out-handle-connector {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-zoom-out *.iconic-zoom-out-rim {
  fill: #d3d9e2;
  stroke: #d3d9e2;
}
.iconic-zoom-out *.iconic-zoom-out-minus {
  fill: #FF004E;
  stroke: #FF004E;
}
@font-face {
  font-family: "din-next-rounded";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--light__fallback.4c155219d45442aae271dc43695f9c1d.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--light__fallback.9a2ff2812b40ebd5a34bcdb5541ef93b.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "din-next-rounded";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--light__latin-ext.edbd040a997abd72e8555bb042afd87c.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--light__latin-ext.7c762ca0d3c2fa91b00816ca7846cfc4.woff") format("woff");
  font-weight: 300;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "din-next-rounded";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--light__latin.1ad47adcf725a5979511532e18a0698d.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--light__latin.2c179018f54f43cbe26945d90c2d9d83.woff") format("woff");
  font-weight: 300;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: "din-next-rounded";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--regular__fallback.4e35ce1926ffac756d3ad77bb62bf3b3.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--regular__fallback.d2b9e07ebee3a632dcf6262721f5469b.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "din-next-rounded";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--regular__latin-ext.dac20162f996012f6c6090bc4eb1d406.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--regular__latin-ext.f9f013402e908c6dfd551f7521c00185.woff") format("woff");
  font-weight: 400;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "din-next-rounded";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--regular__latin.0a496fce02e2a1e8edad9b92da3e0046.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--regular__latin.8f819d5b3559eb5d8ae38d2d10da72e2.woff") format("woff");
  font-weight: 400;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: "din-next-rounded";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--medium__fallback.95eb2d9ee61a8ef8f233aaab982580e3.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--medium__fallback.662eab462352fdc184ad9be4b58e56a3.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "din-next-rounded";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--medium__latin-ext.17595686f640da0d1c9d9d81e48e3dae.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--medium__latin-ext.ce936ebdc9608e1922a196c26d13a92f.woff") format("woff");
  font-weight: 600;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "din-next-rounded";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--medium__latin.469e06481c4f79da7ba8889daf3fe67f.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--medium__latin.97508d4c80eb41f8d47a13ad599c8747.woff") format("woff");
  font-weight: 600;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: "din-next-rounded";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--bold__fallback.18911b6c4cb88eb67ab9d5c6b1a5cdae.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--bold__fallback.22af7ba6056b7a85ec3babb27fa905c1.woff") format("woff");
  font-weight: 700;
}
@font-face {
  font-family: "din-next-rounded";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--bold__latin-ext.b897f1c922a9189eb17104015336e9fc.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--bold__latin-ext.1cbed1039e201fd8c2f9de2790b0b3e9.woff") format("woff");
  font-weight: 700;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "din-next-rounded";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--bold__latin.40102403a21b95a10ca58e72a9490f0a.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/din-next-rounded--bold__latin.906f84570ed8017b9dba976bb49dcb48.woff") format("woff");
  font-weight: 700;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--thin__fallback.b4a3b97779ff35d68467b1fe5b184987.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--thin__fallback.fc2f3a55f7f1ddb94818b62f6fd4a5b4.woff") format("woff");
  font-weight: 100;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--thin__greek.327846f309e66615424be52ff562a276.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--thin__greek.7f6f420821020193e5df744b0ca73d17.woff") format("woff");
  font-weight: 100;
  unicode-range: U+0370-03FF, U+1F00-1FFF;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--thin__cyrillic.cce7a9225eeeeb597a3fbf5ae055f00c.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--thin__cyrillic.ae180551b114f02b95fe66bd160d7b3b.woff") format("woff");
  font-weight: 100;
  unicode-range: U+0400-052F, U+20B4, U+2116, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--thin__latin-ext.01ed8a9b29e6fd6db689516b90fe4693.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--thin__latin-ext.fc112e42a52c11022851326b71c16eff.woff") format("woff");
  font-weight: 100;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--thin__latin.9d64d8111b9aed30dc843e08e12a0b44.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--thin__latin.4845f6f1095efa1689f42bf707719184.woff") format("woff");
  font-weight: 100;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--light__fallback.99707c712ccc6306b5bd5aca42a82a16.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--light__fallback.183482f4b5b70e54e2736658e18565de.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--light__greek.18b9133be6a4d24f5d6f914c12dda78d.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--light__greek.814e889d462e498928ab9b5b93d23e90.woff") format("woff");
  font-weight: 300;
  unicode-range: U+0370-03FF, U+1F00-1FFF;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--light__cyrillic.efc68bd8ec564bf1cee15c19552488cb.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--light__cyrillic.7666b691fa85fbd7237b576afa7974fc.woff") format("woff");
  font-weight: 300;
  unicode-range: U+0400-052F, U+20B4, U+2116, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--light__latin-ext.bb131d938b9d10c53c7142b13c20448e.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--light__latin-ext.b95bab7b8ce47b4dd8023cb780b9227c.woff") format("woff");
  font-weight: 300;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--light__latin.daf7a6a40668a599aa7662c0c6e963aa.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--light__latin.eef9210585f1c25e3cdcda91b323ad8a.woff") format("woff");
  font-weight: 300;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--regular__fallback.10e5d2a64a72cf7ff66e22c6dd442c32.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--regular__fallback.069ce6df51f5d1aa9fe7685406d59c2c.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--regular__greek.247969f14ea761d4dd69ee95c4b51e6b.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--regular__greek.da6250447eeaf2211ce617fc69905879.woff") format("woff");
  font-weight: 400;
  unicode-range: U+0370-03FF, U+1F00-1FFF;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--regular__cyrillic.094e19816d5eb732b7a39d4f50f786ef.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--regular__cyrillic.05c525ccc7e09484be08c236664be5d6.woff") format("woff");
  font-weight: 400;
  unicode-range: U+0400-052F, U+20B4, U+2116, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--regular__latin-ext.847372319597d10d911ee8cc78c7400f.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--regular__latin-ext.356791c548109330461469d93079e113.woff") format("woff");
  font-weight: 400;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--regular__latin.303aec2bf5384c025b1e4d73fe7c1553.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--regular__latin.5e665dce6129de299a0c8269bc095273.woff") format("woff");
  font-weight: 400;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--semibold__fallback.73c34b550845ea3204c24a00f3714e1a.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--semibold__fallback.336548faacf635ec968a31c5fa1c0b28.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--semibold__greek.0da7e17fad24f316fae962d8909ffe3f.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--semibold__greek.1edbbc7f16adcdc61bee790ab9ee7c6e.woff") format("woff");
  font-weight: 600;
  unicode-range: U+0370-03FF, U+1F00-1FFF;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--semibold__cyrillic.49da11b03ac18d12d827d94272d9386b.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--semibold__cyrillic.2f64569e861df73d9759c22fb1998ee4.woff") format("woff");
  font-weight: 600;
  unicode-range: U+0400-052F, U+20B4, U+2116, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--semibold__latin-ext.c895dfb41ad02880169ae54c6fd9b69f.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--semibold__latin-ext.ff75807c61a763bbfaac14a2e73eb09c.woff") format("woff");
  font-weight: 600;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--semibold__latin.951a4efd1343387ffba5a3a90b966894.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--semibold__latin.c3100f5b3463b1847d5fa78221f895f7.woff") format("woff");
  font-weight: 600;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--bold__fallback.2b13c9b447d5d6ad5e189d1c763ea522.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--bold__fallback.cf99dec2021d815e1cdda5a900121550.woff") format("woff");
  font-weight: 700;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--bold__greek.793318d887b1143fa729399533738a3e.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--bold__greek.07b717070ddee341fc7efca90eae4856.woff") format("woff");
  font-weight: 700;
  unicode-range: U+0370-03FF, U+1F00-1FFF;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--bold__cyrillic.f98adcc169967dbbcc25b3988918fc9b.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--bold__cyrillic.5acd7a5fecb41640504d3e186006b1ce.woff") format("woff");
  font-weight: 700;
  unicode-range: U+0400-052F, U+20B4, U+2116, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--bold__latin-ext.ae78e68981f8872747e4bdf7b7723117.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--bold__latin-ext.1579768c72e06c8c0cc98d4339e005a8.woff") format("woff");
  font-weight: 700;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--bold__latin.70a676a1590c37b51a59acffa5f24eac.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--bold__latin.9a10231179a77dad5982c578bbdd7be3.woff") format("woff");
  font-weight: 700;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--extrabold__fallback.01ae61fbc3b2545e680d8af682a7bc04.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--extrabold__fallback.d41b5d009e330315937b32eea0e61574.woff") format("woff");
  font-weight: 800;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--extrabold__greek.245332fda289e0e81d815617aeaf61c7.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--extrabold__greek.2665e5f37164985456de2ccb12d37e0f.woff") format("woff");
  font-weight: 800;
  unicode-range: U+0370-03FF, U+1F00-1FFF;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--extrabold__cyrillic.b6512b77765c2c5c162a9a5d9d934e2e.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--extrabold__cyrillic.943412c36a487c080f3f71bb0079f71b.woff") format("woff");
  font-weight: 800;
  unicode-range: U+0400-052F, U+20B4, U+2116, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--extrabold__latin-ext.a8d2ab304a060bc0adf075591455fdde.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--extrabold__latin-ext.479894bb8baa3ca08c551bc82dfc8da0.woff") format("woff");
  font-weight: 800;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--extrabold__latin.528d50a0de726f0969cc953323c8b3bb.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--extrabold__latin.9c8a3dbc0e2b276f8b17de73b271ecf5.woff") format("woff");
  font-weight: 800;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--black__fallback.c2f8abed58b6b3db7b938f7bb96d3690.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--black__fallback.f6ef31776c7b33a6ca7a606ff41bdd69.woff") format("woff");
  font-weight: 900;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--black__greek.7eb93376f4b8d2278df2f31e7f520649.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--black__greek.509ae9bb67dfca2284dad7670644fffa.woff") format("woff");
  font-weight: 900;
  unicode-range: U+0370-03FF, U+1F00-1FFF;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--black__cyrillic.d24badf6509a26719648dd4654cc1566.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--black__cyrillic.202ae56001e5dc645c0dcc3ac4ea1872.woff") format("woff");
  font-weight: 900;
  unicode-range: U+0400-052F, U+20B4, U+2116, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--black__latin-ext.8864fe1716c658f540d723de161ca5c0.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--black__latin-ext.d80aef2142dbe3cd140f38155b94143b.woff") format("woff");
  font-weight: 900;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "proxima-nova";
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--black__latin.4e0368b59a6d0116a29d9b331051a686.woff2") format("woff2"), url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/proxima-nova--black__latin.7ea67713d247fee0a4d7162bd3909396.woff") format("woff");
  font-weight: 900;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
html {
  -webkit-font-feature-settings: 'kern';
  font-feature-settings: 'kern';
  -webkit-font-kerning: normal;
  font-kerning: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}
h1,
h2,
h3 {
  font-family: "din-next-rounded";
}
h1 {
  font-size: 28px;
}
h2 {
  font-size: 16px;
}
h3 {
  font-size: 16px;
  font-weight: 300;
}
@media (min-width: 768px) {
  h1 {
    font-size: 50px;
  }
  h2 {
    font-size: 20px;
  }
  h3 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 60px;
  }
  h2 {
    font-size: 25px;
  }
  h3 {
    font-size: 22px;
  }
}
@font-face {
  font-family: 'PNR';
  src: url("//d1gg7dh2gtd5ds.cloudfront.net/fonts/PNR.woff") format("woff");
}
/**********
***
*** Button
***
***********/
.btn.cta,
.btn.btn-1.cta {
  background: #00b4ff;
}
.btn.cta:hover,
.btn.btn-1.cta:hover {
  background: #0089C7;
}
.btn.white,
.btn.btn-1.white {
  color: black;
  background: white;
}
.btn.btn-1 {
  color: white;
  padding: 15px 24px;
  font-weight: 600;
}
.btn:hover,
.btn.btn-1:hover,
.btn.btn-1.white:hover {
  background: #2F353E;
  color: white;
}
.btn.btn-outline {
  color: white;
  background: none;
  border: 2px solid white;
  margin: 40px 20px 0;
  font-weight: 600;
}
.btn.btn-outline-black {
  background: none;
  border: 2px solid #202630;
  margin: 10px 20px 0;
}
.btn.btn-no-outline {
  color: white;
  background: none;
  text-decoration: underline;
}
.btn.btn-no-outline-no-underline {
  color: white;
  background: none;
}
.btn {
  background: #45494d;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  border: 0 none;
  border-radius: 2px;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: white;
  padding: 10px 15px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .btn.btn-1 {
    font-size: 11px;
  }
}
.btn.btn-apply {
  color: white !important;
  padding: 10px;
  font-size: 12px;
  float: right;
  margin-top: 5px;
}
.btn.btn-apply .btn.btn-apply:hover {
  color: white !important;
}
.apply {
  text-transform: uppercase;
  line-height: 1.5;
  margin: 50px 10px;
}
.apply span {
  text-transform: none;
  color: #015b83;
  font-size: 17px;
}
.btn-menu {
  cursor: pointer;
  background-clip: padding-box;
  background-color: #00b4ff;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 11px;
  text-decoration: none;
  transition: background-color 0.2s ease-out;
  text-align: center;
  padding: 8px 16px;
  border-radius: 2px;
}
.btn-menu span {
  color: #fff!important;
  font-weight: normal;
}
.btn-menu:hover {
  background-color: #0089C7 !important;
}
.btn-learn {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #787e81 !important;
  padding: 13px 26px;
}
.btn-learn:hover {
  background-color: #2F353E;
  color: white!important;
}
.btn-main {
  padding: 15px 28px;
  margin-bottom: 10px;
  font-size: 12px;
}
@media (max-width: 767px) {
  .btn-main {
    margin-bottom: 8px;
  }
}
/**********
***
*** End Button
***
***********/
/**********
***
*** Background
***
***********/
.section {
  padding: 60px 0;
  position: relative;
}
@media (min-width: 768px) {
  .section {
    padding: 80px 0;
    position: relative;
  }
}
.section-press {
  padding: 30px 0;
}
.bg-white {
  background-color: white;
}
.bg-blue {
  background-color: #00b4ff;
}
.bg-blue-medium {
  background-color: #354051;
}
.bg-blue-midnight {
  background-color: #2F353E;
}
.bg-yellow {
  background-color: #FBB829;
}
.bg-yellow-dark {
  background-color: #d35400;
}
.bg-blue-dark {
  background-color: #202630;
}
.bg-green {
  background-color: #1ECE6D;
}
.bg-green-dark {
  background-color: #169D53;
}
.bg-red {
  background-color: #FF004E;
}
.bg-red-dark {
  background-color: #C7002F;
}
.bg-gray-light {
  background-color: #f9f9fa;
}
.bg-grey {
  background-color: #ebebeb;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.bg-grey-light {
  background-color: #F0EDE8;
}
.bg-grey-dark {
  background-color: #45494d;
}
.white {
  color: white;
}
.spt {
  padding: 60px 0 0;
  position: relative;
}
@media (min-width: 768px) {
  .spt {
    padding: 80px 0 0;
  }
}
.section-title {
  text-align: center;
}
.section-title h2 {
  color: #202630;
  letter-spacing: -1px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 300;
}
.section-title p {
  color: #787e81;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
}
.subtitle-text {
  color: #747c81;
  font-size: 16px;
  line-height: 1.4em;
  font-weight: 300;
  max-width: 85%;
  margin: 0px auto;
}
@media (min-width: 768px) {
  .section-title {
    text-align: center;
  }
  .section-title h2 {
    color: #202630;
    letter-spacing: -1px;
    font-size: 32px;
    line-height: 36px;
    font-weight: 300;
  }
  .section-title p {
    color: #787e81;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
  }
  .subtitle-text {
    color: #747c81;
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 300;
    max-width: 85%;
    margin: 0px auto;
  }
}
/**********
***
*** End Background
***
***********/
.phone {
  display: block;
}
@media (min-width: 768px) {
  .phone {
    display: none !important;
  }
}
.small {
  display: none;
}
@media (min-width: 768px) {
  .small {
    display: block!important;
  }
}
@media (min-width: 992px) {
  .small {
    display: none!important;
  }
}
.medium {
  display: none;
}
@media (min-width: 992px) {
  .medium {
    display: block!important;
  }
}
@media (min-width: 1200px) {
  .medium {
    display: none!important;
  }
}
.large {
  display: none;
}
@media (min-width: 1200px) {
  .large {
    display: block!important;
  }
}
/**********
***
***	Free trial
***
***********/
#free-trial,
#become-partners,
#cant-find {
  text-align: center;
  padding: 80px 0;
}
#free-trial h1,
#become-partners h1,
#cant-find h1 {
  color: white;
  line-height: 1;
  font-size: 28px;
  font-weight: 500;
  text-transform: uppercase;
}
#free-trial h1 span,
#become-partners h1 span,
#cant-find h1 span {
  font-size: 14px;
  font-weight: 200;
  text-transform: none;
  margin-bottom: 30px;
}
#free-trial .main-pitch-home,
#become-partners .main-pitch-home,
#cant-find .main-pitch-home {
  color: #202630 !important;
}
#free-trial .sub-pitch,
#become-partners .sub-pitch,
#cant-find .sub-pitch {
  color: white;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
  width: 85%;
  text-align: center;
  margin: 5px auto 0;
}
@media (min-width: 768px) {
  #free-trial,
  #become-partners,
  #cant-find {
    padding: 110px 0;
  }
  #free-trial input,
  #become-partners input,
  #cant-find input {
    vertical-align: middle;
  }
  #free-trial h1,
  #become-partners h1,
  #cant-find h1 {
    font-size: 28px;
  }
  #free-trial h1 span,
  #become-partners h1 span,
  #cant-find h1 span {
    font-size: 18px;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  #free-trial h1,
  #become-partners h1,
  #cant-find h1 {
    font-size: 32px;
  }
}
/**********
***
*** End	Free trial
***
***********/
/**********
***
***	Media Kit
***
***********/
#media-kit {
  text-align: center;
}
#media-kit h1 {
  color: white;
  line-height: 1;
  font-size: 28px;
  font-weight: 500;
  text-transform: uppercase;
}
#media-kit h1 span {
  font-size: 14px;
  font-weight: 200;
  text-transform: none;
  margin-bottom: 30px;
}
#media-kit .main-pitch-home {
  color: #202630 !important;
}
#media-kit .btn {
  background-color: #00b4ff !important;
  border: none;
  font-size: 12px;
}
@media (min-width: 768px) {
  #media-kit h1 {
    font-size: 28px;
  }
  #media-kit h1 span {
    font-size: 18px;
    margin-bottom: 0;
  }
  #media-kit .btn {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  #media-kit h1 {
    font-size: 32px;
  }
}
/**********
***
*** End Media kit
***
***********/
/******
**
** Quote
**
***/
.quote-content {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.quote-content .quote-text h2 {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
  color: #45494d;
}
.quote-content .quote-autor {
  font-size: 15px;
  margin-top: 15px;
  color: #45494d;
}
.quote-content .quote-autor span {
  font-weight: 600;
}
@media (min-width: 768px) {
  .quote-content {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  .quote-content .quote-text h2 {
    font-size: 34px;
    font-weight: 300;
    line-height: 1.5;
  }
  .quote-content .quote-autor {
    font-size: 20px;
    margin-top: 25px;
  }
}
/******
**
** End Quote
**
***/
/******
**
** Banner
**
***/
.topIcon {
  display: none;
}
@media (min-width: 768px) {
  .topIcon {
    display: block;
    width: 90px;
    height: auto;
    margin: 0 auto 20px auto;
  }
}
.error {
  height: 100vh;
  padding: 250px 0;
  text-align: center;
}
.error h1 {
  color: white;
  text-shadow: #00a9f0 1px 1px, #00a9f0 2px 2px, #00a9f0 3px 3px, #00a9f1 4px 4px, #00a9f1 5px 5px, #00aaf1 6px 6px, #00aaf1 7px 7px, #00aaf2 8px 8px, #00aaf2 9px 9px, #00aaf2 10px 10px, #00abf2 11px 11px, #00abf3 12px 12px, #00abf3 13px 13px, #00abf3 14px 14px, #00abf3 15px 15px, #00acf4 16px 16px, #00acf4 17px 17px, #00acf4 18px 18px, #00acf5 19px 19px, #00acf5 20px 20px, #00adf5 21px 21px, #00adf5 22px 22px, #00adf6 23px 23px, #00adf6 24px 24px, #00adf6 25px 25px, #00aef6 26px 26px, #00aef7 27px 27px, #00aef7 28px 28px, #00aef7 29px 29px, #00aef7 30px 30px, #00aef8 31px 31px, #00aff8 32px 32px, #00aff8 33px 33px, #00aff8 34px 34px, #00aff9 35px 35px, #00aff9 36px 36px, #00b0f9 37px 37px, #00b0fa 38px 38px, #00b0fa 39px 39px, #00b0fa 40px 40px, #00b0fa 41px 41px, #00b1fb 42px 42px, #00b1fb 43px 43px, #00b1fb 44px 44px, #00b1fb 45px 45px, #00b1fc 46px 46px, #00b2fc 47px 47px, #00b2fc 48px 48px, #00b2fc 49px 49px, #00b2fd 50px 50px, #00b2fd 51px 51px, #00b3fd 52px 52px, #00b3fd 53px 53px, #00b3fe 54px 54px, #00b3fe 55px 55px, #00b3fe 56px 56px, #00b4ff 57px 57px;
  font-size: 200px;
}
.error h2 {
  color: white;
  font-weight: 300;
}
@-webkit-keyframes smooth-entry-btn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0.6em);
  }
  70% {
    opacity: 0;
    -webkit-transform: translateY(0.6em);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes smooth-entry-btn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0.6em);
    transform: translateY(0.6em);
  }
  70% {
    opacity: 0;
    -webkit-transform: translateY(0.6em);
    transform: translateY(0.6em);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.bime-input {
  background: #fff;
  border: 1px solid #202630;
  border-radius: 2px;
  box-shadow: none;
  /* FF sets a red box-shadow for required inputs. */
  color: #202630;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
  min-height: 52px;
  padding: 0 46px 0 16px;
  position: relative;
  transition: all 0.2s ease-in;
  width: 100%;
  white-space: normal;
  z-index: 1;
}
.bime-input:focus {
  outline: none;
  border-color: #00b4ff;
}
.bime-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.bime-input:-ms-reveal {
  display: none;
}
@media (min-width: 768px) {
  .bime-input {
    font-size: 16px;
  }
}
/*
body img, body svg {
	width: 100%;
}*/
bime-loader {
  height: 100%;
  width: 100%;
}
bime-loader .bime-loader {
  height: 60px;
  margin: auto;
  position: relative;
  -lh-property: 0;
top:calc(50% - 30px);
;
  width: 45px;
}
bime-loader .bime-loader > div {
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
  background-color: #00b4ff;
  float: left;
  height: 100%;
  margin-left: 4px;
  width: 12px;
}
bime-loader .bime-loader > div:first-child {
  margin-left: 0;
}
bime-loader .bime-loader .rect2 {
  background-color: #FF004E;
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
bime-loader .bime-loader .rect3 {
  background-color: #1ECE6D;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes stretchdelay {
  0% {
    height: 100%;
    margin-top: 0;
  }
  50% {
    height: 50%;
    margin-top: 30px;
  }
  100% {
    height: 100%;
    margin-top: 0;
  }
}
@keyframes stretchdelay {
  0% {
    height: 100%;
    margin-top: 0;
  }
  50% {
    height: 50%;
    margin-top: 30px;
  }
  100% {
    height: 100%;
    margin-top: 0;
  }
}
.BrandGuidelinesHeader {
  background-color: #354051;
  height: 340px;
  text-align: center;
}
#logo-brand .logo-container-wrapper .logo-container-inner {
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 60px;
}
#logo-brand .logo-container-wrapper h3 {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #202630;
  text-align: center;
  line-height: 1.4em;
  margin: 10px 0 0;
}
#logo-brand .logo-container-wrapper p {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: .3px;
  text-align: center;
  color: #787e81;
  margin-bottom: 50px;
}
#logo-brand .logo-container-wrapper p a {
  border-bottom: 1px dotted;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  #logo-brand .logo-container-wrapper p {
    margin-bottom: 0px;
  }
}
#brand-colors .section-title h2 {
  color: white;
}
#brand-colors .section-title p {
  color: white;
}
#brand-colors .color-container .color-container-wrapper .color-container-bg {
  height: 155px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
#brand-colors .color-container .color-container-wrapper .color-container-bg.blue {
  background-color: #00b4ff;
}
#brand-colors .color-container .color-container-wrapper .color-container-bg.blue-dark {
  background-color: #0089C7;
}
#brand-colors .color-container .color-container-wrapper .color-container-bg.green {
  background-color: #1ECE6D;
}
#brand-colors .color-container .color-container-wrapper .color-container-bg.green-dark {
  background-color: #169D53;
}
#brand-colors .color-container .color-container-wrapper .color-container-bg.red {
  background-color: #FF004E;
}
#brand-colors .color-container .color-container-wrapper .color-container-bg.red-dark {
  background-color: #C7002F;
}
#brand-colors .color-container .color-container-wrapper .color-container-bg.yellow {
  background-color: #FBB829;
}
#brand-colors .color-container .color-container-wrapper .color-container-bg.yellow-dark {
  background-color: #d35400;
}
#brand-colors .color-container .color-container-wrapper .color-container-text {
  background-color: white;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
#brand-colors .color-container .color-container-wrapper .color-container-text p {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: .3px;
  text-align: center;
}
#brand-colors .color-container .color-container-wrapper .color-container-text p .color-name {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #202630;
}
@media (min-width: 992px) {
  #brand-colors .color-container .color-container-wrapper {
    margin: 0 25px;
  }
  #brand-colors .color-container .color-container-wrapper.nm {
    margin: 0 !important;
  }
}
#screenshots .screenshot-container .screenshot-container-wrapper .screenshot-container-inner img {
  -o-box-shadow: 0 2px 5px rgba(162, 152, 143, 0.5);
  box-shadow: 0 2px 5px rgba(162, 152, 143, 0.5);
}
.campaign-monitor .campaign-monitor-intro {
  text-align: center;
  height: 100vh !important;
  background-color: #202630;
}
.campaign-monitor .campaign-monitor-intro .campaign-monitor-background {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.campaign-monitor .hero-main-inner .connector-img {
  padding-top: 14%;
  vertical-align: middle;
}
.campaign-monitor .hero-main-inner .title h1 {
  color: white;
  font-size: 72px;
  font-weight: 900;
}
.campaign-monitor .hero-main-inner .title h2 {
  font-size: 22px;
  color: white;
  line-height: 1;
  letter-spacing: 1.2px;
}
.campaign-monitor #first-block {
  text-align: left;
  position: relative;
}
.campaign-monitor #first-block h1 {
  font-size: 44px;
  color: #202630;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: -1px;
  margin-bottom: 25px;
  margin-top: 25px;
  text-align: center;
}
.campaign-monitor #first-block p {
  font-size: 22px;
  font-weight: 300;
  text-align: center;
  color: #787e81;
  line-height: 2;
}
.campaign-monitor #second-block {
  text-align: left;
  position: relative;
  background-color: #f7f7f7;
}
.campaign-monitor #second-block h1 {
  font-size: 44px;
  color: #202630;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: -1px;
  margin-bottom: 25px;
  margin-top: 25px;
  text-align: center;
}
.campaign-monitor #second-block p {
  font-size: 22px;
  font-weight: 300;
  text-align: center;
  color: #787e81;
  line-height: 2;
}
.chord {
  padding: 0;
}
.chord .chord-intro {
  text-align: center;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/chord/tester.jpg') center;
  background-size: cover;
  position: static;
  height: 100vh;
  overflow: hidden;
  color: white;
  margin-top: 0px;
  min-width: 75%;
}
.chord .chord-intro .chord-container {
  height: 100%;
}
.chord .chord-intro .chord-container .main-title {
  margin-top: 15%;
  text-align: center;
}
.chord .chord-intro .chord-container .main-title h1 {
  font-weight: 700;
  padding-top: 60px;
  text-transform: uppercase;
  line-height: 0.9;
  font-size: 82px;
  color: #fafafa;
  text-align: center;
  letter-spacing: 2px;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.chord .chord-intro .chord-container .main-title p {
  font-size: 24px;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 50px;
  font-weight: 300;
  color: #fafafa;
  padding-top: 14px;
  letter-spacing: 1px;
}
.chord .chord-definition {
  background-color: white;
}
.chord .chord-definition h1 {
  font-size: 26px;
  letter-spacing: 1px;
  font-family: "Proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  line-height: 1.7;
  padding-top: 100px;
  text-align: center;
  font-weight: 300;
}
.chord #circle {
  text-align: center;
  position: relative;
}
.chord #circle .circle-description p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
.chord #circle .circle-pic {
  max-width: 400px;
  margin: 0px auto;
}
.chord #circle .circle-pic img {
  width: 100%;
}
.chord #simple {
  background-color: #F7F7F7;
  padding: 90px 0;
  text-align: center;
  position: relative;
}
.chord #simple p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
@media (min-width: 768px) {
  .chord #AdwordsHeader .hero-main .hero-main-inner {
    margin-top: 190px;
  }
  .chord #AdwordsHeader .hero-main .main-title-connector {
    text-align: center;
  }
  .chord #AdwordsHeader .hero-main .main-title-connector h1 {
    font-size: 80px;
  }
  .chord #AdwordsHeader .hero-main .main-title-connector p {
    font-size: 18px;
  }
  .chord #AdwordsHeader .hero-main .connector-img {
    width: 130px;
  }
  .chord #circle {
    text-align: left;
  }
  .chord #circle .circle-pic {
    margin: 40px auto;
  }
  .chord #simple {
    padding: 90px 0;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .chord #AdwordsHeader .graph-canvas {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 100px;
  }
  .chord #AdwordsHeader .graph-canvas canvas {
    width: 100%;
    overflow: hidden;
  }
  .chord #circle {
    text-align: left;
  }
  .chord #circle .circle-description {
    margin-top: 70px;
  }
  .chord #simple .simple-description {
    margin-top: 15px;
    padding-right: 50px;
  }
}
@media (min-width: 1200px) {
  .chord .circle-pic {
    margin: 0px auto;
  }
  .chord #simple .simple-description {
    margin-top: 34px;
  }
  .chord #simple .simple-pic {
    margin: 0 auto;
  }
}
/********
**
** About us
**
********/
.AboutHeader {
  overflow: hidden;
  position: relative;
  height: 340px;
  background-color: #354051;
  width: 100%;
  text-align: center;
}
#about {
  text-align: center;
}
#about .about-description {
  width: 100%;
  margin: 0 auto;
}
#about .about-description p {
  font-size: 16px;
  line-height: 26px;
}
#about .stat {
  margin-top: 40px;
}
#about .stat .headquarters,
#about .stat .row-process,
#about .stat .awards {
  margin-bottom: 40px;
}
#about .stat .headquarters header,
#about .stat .row-process header,
#about .stat .awards header {
  width: 100%;
  border-top: 5px solid #454545;
  border-bottom: 1px solid #454545;
  text-align: left;
}
#about .stat .headquarters h3,
#about .stat .row-process h3,
#about .stat .awards h3 {
  font-size: 34px;
  font-weight: 700;
  text-align: left;
}
#about .stat .headquarters .stat-text .number-stat,
#about .stat .row-process .stat-text .number-stat,
#about .stat .awards .stat-text .number-stat {
  font-size: 36px;
  font-weight: 700;
  text-align: left;
  line-height: 13px;
  margin-top: 33px;
  color: #202630;
}
#about .stat .headquarters .stat-text .description-stat,
#about .stat .row-process .stat-text .description-stat,
#about .stat .awards .stat-text .description-stat {
  font-size: 16px;
  font-weight: 300;
  text-align: left;
}
#about #making-of .video-making-of {
  margin-top: 120px;
  width: 100%;
}
#about #making-of .video-making-of img {
  width: 100%;
}
@media (min-width: 768px) {
  .AboutHeader {
    height: 400px;
  }
  #about .about-description {
    width: 75%;
    margin: 0 auto;
  }
  #about .about-description p {
    font-size: 22px;
    line-height: 32px;
  }
  #about .stat {
    margin-top: 140px;
  }
  #about .stat .headquarters,
  #about .stat .row-process,
  #about .stat .awards {
    margin-bottom: 0;
  }
  #about .stat .headquarters header,
  #about .stat .row-process header,
  #about .stat .awards header {
    width: 100%;
    border-top: 5px solid #454545;
    border-bottom: 1px solid #454545;
    text-align: left;
  }
  #about .stat .headquarters h3,
  #about .stat .row-process h3,
  #about .stat .awards h3 {
    font-size: 34px;
    font-weight: 700;
    text-align: left;
  }
  #about .stat .headquarters .stat-text .number-stat,
  #about .stat .row-process .stat-text .number-stat,
  #about .stat .awards .stat-text .number-stat {
    font-size: 36px;
    font-weight: 700;
    text-align: left;
    line-height: 13px;
    margin-top: 33px;
    color: #202630;
  }
  #about .stat .headquarters .stat-text .description-stat,
  #about .stat .row-process .stat-text .description-stat,
  #about .stat .awards .stat-text .description-stat {
    font-size: 16px;
    font-weight: 300;
    text-align: left;
  }
  #about #making-of .video-making-of {
    margin-top: 120px;
    width: 100%;
  }
  #about #making-of .video-making-of img {
    width: 100%;
  }
}
/********
**
** End About us
**
********/
/**********
***
*** Press
***
***********/
.PressHeader {
  overflow: hidden;
  position: relative;
  height: 340px;
  background-color: #354051;
  width: 100%;
  text-align: center;
}
#press-publication .logo-press {
  width: 140px;
  margin: 0 auto;
  float: right;
}
#press-publication .logo-press img {
  width: 50%;
  margin-top: 45px;
}
#press-publication .press-content .press-wrapper {
  margin-top: 70px;
  border-top: 1px dashed #ebebeb;
  padding-top: 70px;
}
#press-publication .press-content .press-wrapper .date-article {
  color: #787e81;
  margin-top: 0;
}
#press-publication .press-content .press-wrapper .title-article {
  font-weight: 500;
  font-size: 20px;
  color: #202630;
}
#press-publication .press-content .press-wrapper a.btn {
  margin-top: 20px;
}
#press-publication .press-content .press-wrapper:first-child {
  margin-top: 0px;
  border-top: none;
  padding-top: 0px;
}
@media (min-width: 768px) {
  .PressHeader {
    height: 400px;
  }
  #press-publication .logo-press img {
    width: 100%;
    margin-top: 0px;
  }
}
/**********
***
*** End Press
***
***********/
/**********
***
*** Contact us
***
***********/
.ContactHeader {
  overflow: hidden;
  position: relative;
  height: 340px;
  background-color: #354051;
  width: 100%;
  text-align: center;
}
#contact-info .contact-info-inner {
  text-align: center;
  background-color: #ebebeb;
  border-radius: 2px;
  padding: 30px;
}
#contact-info .contact-info-inner h3 {
  color: #202630;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0px;
}
#contact-info .contact-info-inner a {
  text-decoration: underline;
  color: #00b4ff;
}
#contact-team {
  text-align: center;
}
#contact-team .item-contact {
  text-align: left;
  padding: 0 25px;
}
@media (max-width: 767px) {
  #contact-team .item-contact {
    text-align: center;
  }
  #contact-team .item-contact .item-contact-icon {
    margin-left: auto;
    margin-right: auto;
  }
}
#contact-team .item-contact .item-contact-icon {
  width: 40px;
  height: 40px;
}
#contact-team .item-contact .item-contact-text h2 {
  font-size: 20px;
  font-weight: 500;
  color: #202630;
}
#contact-team .item-contact .item-contact-text .underline {
  color: #787e81;
  border-bottom: 1px solid #787e81;
  padding-bottom: 1px;
  font-weight: 500;
}
#contact-team .item-contact .item-contact-text .underline:hover {
  color: #00b4ff;
  border-bottom: 1px solid #00b4ff;
  padding-bottom: 1px;
}
#contact-headquarter .headquarter .headquarter-item-wrapper .headquarter-info h2 {
  font-size: 20px;
  font-weight: 500;
  color: #202630;
}
#contact-headquarter .headquarter .headquarter-item-wrapper .headquarter-info p {
  min-height: 80px;
}
#contact-team .container .row > div,
#contact-headquarter .container .row > div {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .ContactHeader {
    height: 400px;
  }
}
/**********
***
*** End Contact us
***
***********/
.body-wrapper.connectors #filters .filters-wrapper {
  padding-left: 10px;
  text-transform: uppercase;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.body-wrapper.connectors #filters .filters-wrapper .dropdown-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font: 0.8em/1 "din-next-rounded";
  font-weight: 400;
  position: relative;
  margin: 1em 2em 1em 0;
  width: 200px;
}
.body-wrapper.connectors #filters .filters-wrapper .filter-label {
  padding: 1em 1em 1em 0;
}
.body-wrapper.connectors #filters .filters-wrapper .current-value {
  position: relative;
  padding: 1em;
  width: 100px;
  -webkit-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
  padding-right: 30px;
  cursor: pointer;
}
.body-wrapper.connectors #filters .filters-wrapper .current-value::after {
  background: white url(/img/icons/arrow-grey.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 20px;
  height: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 10px;
  pointer-events: none;
}
.body-wrapper.connectors #filters .filters-wrapper .dropdown-nav {
  background: white;
  position: absolute;
  margin-top: 10px;
  z-index: 1002;
  top: 100%;
  visibility: hidden;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.28);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  transition: opacity 0.5s, visibility 0.5s;
}
.body-wrapper.connectors #filters .filters-wrapper .dropdown-nav ul {
  float: left;
}
.body-wrapper.connectors #filters .filters-wrapper .dropdown-nav ul li {
  overflow: auto;
  display: block;
  padding: 6px 20px;
  margin: 0 !important;
}
.body-wrapper.connectors #filters .filters-wrapper .dropdown-nav ul li a {
  margin-left: 0;
  color: #787e81;
  padding: 7.5px 4px;
  display: block;
  float: left;
  clear: both;
  font: 1em "din-next-rounded";
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1em;
  text-decoration: none;
}
.body-wrapper.connectors #filters .filters-wrapper .dropdown-nav ul li a:hover {
  color: #202630;
}
.body-wrapper.connectors #filters .filters-wrapper .dropdown-nav ul li:focus {
  background-color: #ebebeb;
}
.body-wrapper.connectors #filters .filters-wrapper .dropdown-nav ul li:focus a {
  color: #45494d;
}
.body-wrapper.connectors #filters .filters-wrapper .dropdown-nav:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
}
.body-wrapper.connectors #filters .filters-wrapper .dropdown-trigger > .current-value:hover .dropdown-nav,
.body-wrapper.connectors #filters .filters-wrapper .dropdown-nav:hover,
.body-wrapper.connectors #filters .filters-wrapper .dropdown-nav.appear {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  display: block;
  -webkit-animation: bouncy 0.3s 1;
  animation: bouncy 0.3s 1;
  z-index: 300;
}
@media (max-width: 767px) {
  .body-wrapper.connectors #filters .filters-wrapper {
    padding-left: 0;
  }
  .body-wrapper.connectors #filters .filters-wrapper ul,
  .body-wrapper.connectors #filters .filters-wrapper .dropdown-trigger {
    width: 100%;
  }
  .body-wrapper.connectors #filters .filters-wrapper ul {
    width: 100%;
  }
  .body-wrapper.connectors #filters .filters-wrapper ul li {
    display: block;
  }
  .body-wrapper.connectors #filters .filters-wrapper .dropdown-nav {
    width: 100%;
  }
  .body-wrapper.connectors #filters .filters-wrapper .filter-label {
    width: 50%;
  }
}
/********
**
** Big Query
**
********/
#BigQueryHeader {
  margin-bottom: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  color: white;
  text-align: center;
}
#BigQueryHeader .hero-main {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#BigQueryHeader .hero-main .hero-main-inner {
  margin-top: 115px;
}
#BigQueryHeader .hero-main .main-title-connector {
  text-align: center;
}
#BigQueryHeader .hero-main .main-title-connector h1 {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 32px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#BigQueryHeader .hero-main .main-title-connector p {
  font-size: 16px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#BigQueryHeader .hero-main .connector-img {
  width: 80px;
  margin: 0 auto;
}
#BigQueryHeader .hero-main .connector-img img {
  width: 100%;
}
.bg-big-query {
  text-align: center;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/landing-page/bigquery/bg-big-query.jpg') center;
  background-size: cover;
  position: absolute;
}
#cloud-to-cloud {
  padding: 90px 0;
  text-align: left;
  position: relative;
}
#cloud-to-cloud .cloud-to-cloud-description {
  margin-top: 40px;
}
#cloud-to-cloud .cloud-to-cloud-pic {
  max-width: 400px;
  margin: 0px auto;
}
#cloud-to-cloud .cloud-to-cloud-pic img {
  width: 100%;
}
#push-down {
  background-color: #F7F7F7;
  padding: 90px 0;
  text-align: left;
  position: relative;
}
#push-down p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#push-down .push-down-pic {
  max-width: 550px;
  margin: 0 auto;
}
#partition-support {
  padding: 90px 0;
  text-align: left;
  position: relative;
}
#partition-support .partition-support-description {
  margin-top: 10px;
}
#partition-support .partition-support-description p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#partition-support .partition-support-pic {
  width: 200px;
  margin: 40px auto 0;
}
#partition-support .partition-support-pic img {
  width: 100%;
}
#nested-data {
  background-color: #F7F7F7;
  padding: 120px 0;
  text-align: left;
  position: relative;
}
#nested-data p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#nested-data .nested-data-pic {
  max-width: 150px;
  margin: 20px auto;
}
#quote {
  background-color: #F7F7F7;
}
#coupon-google {
  display: table;
  width: 100%;
  padding: 120px 0;
  text-align: center;
}
#coupon-google .coupon-inner .coupon-img {
  width: 80%;
  max-width: 500px;
  margin: 0 auto 40px;
}
#coupon-google .coupon-inner .coupon-img img {
  width: 100%;
}
#coupon-google .coupon-inner .try-BQ {
  text-align: center;
}
#coupon-google .coupon-inner .try-BQ h3 {
  text-align: center;
  font-size: 30px;
  font-weight: normal;
  color: #202630;
  margin: 70px 0 40px;
  line-height: 1.3;
}
#coupon-google .coupon-inner .try-BQ p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
@media (min-width: 768px) {
  #BigQueryHeader .hero-main .hero-main-inner {
    margin-top: 190px;
  }
  #BigQueryHeader .hero-main .main-title-connector {
    text-align: center;
  }
  #BigQueryHeader .hero-main .main-title-connector h1 {
    font-size: 80px;
  }
  #BigQueryHeader .hero-main .main-title-connector p {
    font-size: 18px;
  }
  #BigQueryHeader .hero-main .connector-img {
    width: 130px;
  }
  #cloud-to-cloud {
    padding: 90px 0;
  }
  #cloud-to-cloud .cloud-to-cloud-description {
    margin-top: 0px;
  }
  #cloud-to-cloud .cloud-to-cloud-pic {
    margin: 100px auto;
  }
  #push-down {
    padding: 90px 0;
    text-align: center;
  }
  #partition-support {
    padding: 90px 0;
  }
  #nested-data {
    padding: 90px 0;
  }
  #quote {
    background-color: #F7F7F7;
  }
  #coupon-google {
    padding: 90px 0;
  }
  #coupon-google .coupon-inner .coupon-img {
    max-width: 500px;
    margin: 0 auto 40px;
  }
}
@media (min-width: 992px) {
  #cloud-to-cloud {
    padding: 110px 0;
  }
  #cloud-to-cloud .cloud-to-cloud-description .section-title h2 {
    text-align: left;
  }
  #cloud-to-cloud .cloud-to-cloud-description .section-title p {
    text-align: left;
    max-width: 100%;
  }
  #cloud-to-cloud .cloud-to-cloud-pic {
    margin: 0 auto;
  }
  #push-down {
    padding: 120px 0;
  }
  #partition-support {
    padding: 120px 0;
  }
  #partition-support .partition-support-description {
    margin-top: 10px;
  }
  #nested-data {
    padding: 120px 0;
  }
  #coupon-google {
    padding: 120px 0;
  }
  #coupon-google .coupon-inner .coupon-img {
    width: 80%;
    max-width: 500px;
    margin: 0 auto 40px;
  }
}
/********
**
** End Big Query
**
********/
/*******
**
** Twitter
**
********/
#TwitterHeader {
  margin-bottom: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  color: white;
  text-align: center;
  background: linear-gradient(to bottom right, #354051, #202630);
}
#TwitterHeader .bg-twitter {
  height: 100%;
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/landing-page/twitter/twitter-banner.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}
#TwitterHeader .bg-twitter .hero-main {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
}
#TwitterHeader .bg-twitter .hero-main .hero-main-inner {
  display: table-cell;
  vertical-align: middle;
}
#TwitterHeader .bg-twitter .hero-main .main-title-connector {
  text-align: center;
}
#TwitterHeader .bg-twitter .hero-main .main-title-connector h1 {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 32px;
}
#TwitterHeader .bg-twitter .hero-main .main-title-connector p {
  font-size: 25px;
  font-weight: 600;
}
#TwitterHeader .bg-twitter .hero-main .connector-img {
  width: 80px;
  margin: 0 auto;
}
#TwitterHeader .bg-twitter .hero-main .connector-img img {
  width: 100%;
}
#conclusion {
  background-color: #F7F7F7;
}
@media (min-width: 768px) {
  #TwitterHeader .bg-twitter .hero-main .main-title-connector {
    text-align: center;
  }
  #TwitterHeader .bg-twitter .hero-main .main-title-connector h1 {
    font-size: 80px;
  }
  #TwitterHeader .bg-twitter .hero-main .main-title-connector p {
    font-size: 18px;
  }
  #TwitterHeader .bg-twitter .hero-main .connector-img {
    width: 130px;
  }
}
#conversation,
#companies,
#timeline,
#mentions,
#users,
#search-followers {
  background-color: #F7F7F7;
  text-align: center;
  position: relative;
}
#conversation .features-description .section-title h2,
#companies .features-description .section-title h2,
#timeline .features-description .section-title h2,
#mentions .features-description .section-title h2,
#users .features-description .section-title h2,
#search-followers .features-description .section-title h2 {
  letter-spacing: -1px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 300;
  color: #202630;
  text-transform: none;
}
#conversation .features-description .section-title h2 .number-step,
#companies .features-description .section-title h2 .number-step,
#timeline .features-description .section-title h2 .number-step,
#mentions .features-description .section-title h2 .number-step,
#users .features-description .section-title h2 .number-step,
#search-followers .features-description .section-title h2 .number-step {
  font-weight: 600;
  padding-right: 10px;
}
#conversation p,
#companies p,
#timeline p,
#mentions p,
#users p,
#search-followers p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#conversation .push-down-pic,
#companies .push-down-pic,
#timeline .push-down-pic,
#mentions .push-down-pic,
#users .push-down-pic,
#search-followers .push-down-pic {
  max-width: 550px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  #timeline,
  #users,
  #mentions,
  #search-followers {
    padding: 50px 0;
  }
  #timeline .features-description,
  #users .features-description,
  #mentions .features-description,
  #search-followers .features-description {
    margin-top: 95px;
  }
}
@media (min-width: 992px) {
  #timeline,
  #users,
  #mentions,
  #search-followers {
    padding: 90px 0;
  }
}
/********
**
** End Twitter
**
********/
/*******
**
** Dash
**
********/
#DashHeader {
  margin-bottom: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  color: white;
  text-align: center;
  background: linear-gradient(to bottom right, #354051, #202630);
}
#DashHeader .bg-dash {
  height: 100%;
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/landing-page/dash/dash-landing.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}
#DashHeader .bg-dash .hero-main {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
}
#DashHeader .bg-dash .hero-main .hero-main-inner {
  display: table-cell;
  vertical-align: middle;
}
#DashHeader .bg-dash .hero-main .main-title-connector {
  text-align: center;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#DashHeader .bg-dash .hero-main .main-title-connector h1 {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 32px;
}
#DashHeader .bg-dash .hero-main .main-title-connector p {
  font-size: 25px;
  font-weight: 600;
}
#DashHeader .bg-dash .hero-main .connector-img {
  width: 80px;
  margin: 0 auto;
}
#DashHeader .bg-dash .hero-main .connector-img img {
  width: 100%;
}
#conclusion {
  background-color: #F7F7F7;
}
@media (min-width: 768px) {
  #DashHeader .bg-dash .hero-main .main-title-connector {
    text-align: center;
  }
  #DashHeader .bg-dash .hero-main .main-title-connector h1 {
    font-size: 80px;
  }
  #DashHeader .bg-dash .hero-main .main-title-connector p {
    font-size: 18px;
  }
  #DashHeader .bg-dash .hero-main .connector-img {
    width: 130px;
  }
}
#introduction,
#conclusion {
  padding: 95px 0;
}
#introduction p,
#conclusion p {
  text-align: center;
  font-size: 34px;
  line-height: 48px;
  letter-spacing: -1px;
  font-weight: bold;
  color: #202630;
}
#cloud {
  background-color: #F7F7F7;
  text-align: center;
  position: relative;
}
#cloud .features-description .section-title h2 {
  letter-spacing: -1px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 300;
  color: #202630;
  text-transform: none;
}
#cloud .features-description .section-title h2 .number-step {
  font-weight: 600;
  vertical-align: middle;
  padding-right: 10px;
}
#cloud p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#cloud .push-down-pic {
  max-width: 550px;
  margin: 0 auto;
}
#cloud .features-description {
  margin-top: 72px;
}
#package .features-description {
  margin-top: 80px;
}
@media (min-width: 768px) {
  #cloud,
  #package {
    padding: 50px 0;
  }
  #cloud .browser-pic-features {
    margin-top: 65px;
  }
  #cloud .features-description {
    margin-top: 0;
  }
  #package .browser-pic-features {
    margin-top: 5px;
  }
  #package .features-description {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  #cloud,
  #package {
    padding: 90px 0;
  }
  #cloud .browser-pic-features {
    margin-top: 0px;
  }
  #cloud .features-description {
    margin-top: 5px;
  }
  #package .browser-pic-features {
    margin-top: 0;
  }
  #package .features-description {
    margin-top: 50px;
  }
}
@media (min-width: 1200px) {
  #cloud .features-description {
    margin-top: 72px;
  }
  #cloud .browser-pic-features {
    margin-top: 0px;
  }
  #package .features-description {
    margin-top: 0px;
  }
  #package .browser-pic-features {
    margin-top: 0px;
  }
}
/********
**
** End Dash
**
********/
/*******
**
** Facebook
**
********/
#FacebookHeader {
  margin-bottom: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  color: white;
  text-align: center;
  background: linear-gradient(to bottom right, #354051, #202630);
}
#FacebookHeader .bg-facebook {
  height: 100%;
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/landing-page/facebook/facebook-banner.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}
#FacebookHeader .bg-facebook .hero-main {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
}
#FacebookHeader .bg-facebook .hero-main .hero-main-inner {
  display: table-cell;
  vertical-align: middle;
}
#FacebookHeader .bg-facebook .hero-main .main-title-connector {
  text-align: center;
}
#FacebookHeader .bg-facebook .hero-main .main-title-connector h1 {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 32px;
}
#FacebookHeader .bg-facebook .hero-main .main-title-connector p {
  font-size: 25px;
  font-weight: 600;
}
#FacebookHeader .bg-facebook .hero-main .connector-img {
  width: 80px;
  margin: 0 auto;
}
#FacebookHeader .bg-facebook .hero-main .connector-img img {
  width: 100%;
}
@media (min-width: 768px) {
  #FacebookHeader .bg-facebook .hero-main .main-title-connector {
    text-align: center;
  }
  #FacebookHeader .bg-facebook .hero-main .main-title-connector h1 {
    font-size: 80px;
  }
  #FacebookHeader .bg-facebook .hero-main .main-title-connector p {
    font-size: 18px;
  }
  #FacebookHeader .bg-facebook .hero-main .connector-img {
    width: 130px;
  }
}
/********
**
** End Facebook
**
********/
/********
**
** Rest connector
**
********/
#RestHeader {
  margin-bottom: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  color: white;
  text-align: center;
}
#RestHeader .hero-main {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
}
#RestHeader .hero-main .hero-main-inner {
  margin-top: 115px;
  display: table-cell;
  vertical-align: middle;
}
#RestHeader .hero-main .main-title-connector {
  text-align: center;
}
#RestHeader .hero-main .main-title-connector h1 {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 32px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#RestHeader .hero-main .main-title-connector p {
  font-size: 16px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#RestHeader .hero-main .connector-img {
  width: 80px;
  margin: 0 auto;
}
#RestHeader .hero-main .connector-img img {
  width: 100%;
}
.bg-rest {
  text-align: center;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/landing-page/rest/bg-rest.jpg') center;
  background-size: cover;
  position: absolute;
}
#share,
#mix {
  border-top: 1px solid #F9F9F9;
}
#share .share-pic,
#mix .share-pic,
#share .mix-pic,
#mix .mix-pic {
  max-width: 880px;
  margin: 40px auto 0;
}
#share .share-description .section-title .subtitle-text,
#mix .share-description .section-title .subtitle-text,
#share .mix-description .section-title .subtitle-text,
#mix .mix-description .section-title .subtitle-text {
  max-width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  #RestHeader .hero-main .hero-main-inner {
    margin-top: 190px;
  }
  #RestHeader .hero-main .main-title-connector h1 {
    font-size: 80px;
  }
  #RestHeader .hero-main .main-title-connector p {
    font-size: 18px;
  }
  #RestHeader .hero-main .connector-img {
    width: 130px;
  }
  .share-description .section-title .subtitle-text,
  .mix-description .section-title .subtitle-text {
    max-width: 75% !important;
  }
}
/********
**
** End Rest connector
**
********/
/********
**
** Adwords
**
********/
#AdwordsHeader {
  margin-bottom: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  color: white;
  text-align: center;
}
#AdwordsHeader .hero-main {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
}
#AdwordsHeader .hero-main .hero-main-inner {
  display: table-cell;
  vertical-align: middle;
}
#AdwordsHeader .hero-main .main-title-connector {
  text-align: center;
}
#AdwordsHeader .hero-main .main-title-connector h1 {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 32px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#AdwordsHeader .hero-main .main-title-connector p {
  font-size: 16px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#AdwordsHeader .hero-main .connector-img {
  width: 80px;
  margin: 0 auto;
}
#AdwordsHeader .hero-main .connector-img img {
  width: 100%;
}
#AdwordsHeader .graph-canvas {
  display: none;
}
.bg-adwords {
  text-align: center;
  background-color: #202630;
  height: 100vh;
  width: 100%;
}
#advanced-reporting {
  text-align: center;
  position: relative;
}
#advanced-reporting .advanced-reporting-description p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#advanced-reporting .advanced-reporting-pic {
  max-width: 400px;
  margin: 0px auto;
}
#advanced-reporting .advanced-reporting-pic img {
  width: 100%;
}
#mix-adwords {
  background-color: #F7F7F7;
  padding: 90px 0;
  text-align: center;
  position: relative;
}
#mix-adwords p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
@media (min-width: 768px) {
  #AdwordsHeader .hero-main .hero-main-inner {
    margin-top: 190px;
  }
  #AdwordsHeader .hero-main .main-title-connector {
    text-align: center;
  }
  #AdwordsHeader .hero-main .main-title-connector h1 {
    font-size: 80px;
  }
  #AdwordsHeader .hero-main .main-title-connector p {
    font-size: 18px;
  }
  #AdwordsHeader .hero-main .connector-img {
    width: 130px;
  }
  #advanced-reporting {
    text-align: left;
  }
  #advanced-reporting .advanced-reporting-pic {
    margin: 40px auto;
  }
  #mix-adwords {
    padding: 90px 0;
    text-align: left;
  }
}
@media (min-width: 992px) {
  #AdwordsHeader .graph-canvas {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 100px;
  }
  #AdwordsHeader .graph-canvas canvas {
    width: 100%;
    overflow: hidden;
  }
  #advanced-reporting {
    text-align: left;
  }
  #advanced-reporting .advanced-reporting-description {
    margin-top: 70px;
  }
  #mix-adwords .mix-adwords-description {
    margin-top: 15px;
    padding-right: 50px;
  }
}
@media (min-width: 1200px) {
  .advanced-reporting-pic {
    margin: 0px auto;
  }
  #mix-adwords .mix-adwords-description {
    margin-top: 100px;
  }
  #mix-adwords .mix-adwords-pic {
    margin: 0 auto;
  }
}
/********
**
** End Adwords
**
********/
/********
**
** Generic
**
********/
#ConnectorHeader {
  margin-bottom: 0;
  width: 100%;
  position: relative;
  color: white;
  text-align: center;
  background: linear-gradient(to bottom right, #354051, #202630);
}
#ConnectorHeader .hero-main-wrapper .hero-main {
  width: 100%;
  top: 80px;
  padding: 220px 0;
}
#ConnectorHeader .hero-main-wrapper .hero-main .main-title-connector {
  text-align: center;
}
#ConnectorHeader .hero-main-wrapper .hero-main .main-title-connector h1 {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 42px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#ConnectorHeader .hero-main-wrapper .hero-main .main-title-connector p {
  font-size: 16px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#ConnectorHeader .hero-main-wrapper .hero-main .connector-img {
  width: 110px;
  margin: 0 auto;
}
#ConnectorHeader .hero-main-wrapper .hero-main .connector-img img {
  width: 100%;
}
.right-content .right-content-description .section-title .subtitle-text,
.left-content .right-content-description .section-title .subtitle-text,
.right-content .left-content-description .section-title .subtitle-text,
.left-content .left-content-description .section-title .subtitle-text {
  max-width: 100%;
}
.right-content .right-content-pic,
.left-content .right-content-pic,
.right-content .left-content-pic,
.left-content .left-content-pic {
  width: 85%;
  margin: 0 auto 30px;
}
.left-content {
  border-top: 1px solid #F9F9F9;
}
#dashboard {
  position: relative;
  margin-right: auto;
  height: 612px;
  margin-left: 50%;
  padding: 50px 0;
}
#dashboard.iframe-injected .overview {
  background: none;
  border: solid 1px #333;
  overflow: hidden;
  box-shadow: 0 0 50px inset;
}
#dashboard .bg-device {
  position: absolute;
  width: 921px;
  height: 512px;
  left: -460px;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/home/how-it-works/laptop.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (max-width: 768px) {
  #dashboard .bg-device {
    background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/home/how-it-works/phone_mock_up.svg');
    width: 254px;
    height: 511px;
    left: -126px;
  }
}
#dashboard .overview {
  position: absolute;
  top: 81px;
  width: 650px;
  height: 408px;
  left: -325px;
  cursor: pointer;
  background-image: url(//d1gg7dh2gtd5ds.cloudfront.net/img/connectors/dashboard.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 124.8dpi), only screen and (min-resolution: 1.25dppx), only screen and (min-resolution: 120dpi) {
  #dashboard .overview {
    /* on retina, use image that's scaled by 2 */
    background-image: url(//d1gg7dh2gtd5ds.cloudfront.net/img/connectors/dashboard-2X.jpg);
    background-size: 650px 408px;
  }
}
@media (max-width: 768px) {
  #dashboard .overview {
    width: 223px;
    height: 369px;
    top: 111px;
    left: -109px;
  }
}
#dashboard .overview:hover .bg-dark {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
#dashboard .overview:hover .dashboard-description .section-instruction svg {
  margin-top: 15px;
  width: 120px;
  height: 120px;
  zoom: 1;
  filter: alpha(opacity=70);
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
#dashboard .overview .bg-dark {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: black;
  transition: opacity 150ms ease-in-out;
  zoom: 1;
  filter: alpha(opacity=20);
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
  z-index: 0;
}
#dashboard .overview .dashboard-description {
  position: relative;
  z-index: 1;
}
#dashboard .overview .dashboard-description .section-title h2 {
  padding-top: 25px;
  color: white;
}
@media (max-width: 768px) {
  #dashboard .overview .dashboard-description .section-title h2 {
    padding-top: 10px;
    margin-top: 10px;
  }
}
#dashboard .overview .dashboard-description .section-title .subtitle-text {
  max-width: 100%;
  margin-bottom: 20px;
}
@media medium-devices {
  #dashboard .overview .dashboard-description .section-title .subtitle-text {
    max-width: 65%;
  }
}
#dashboard .overview .dashboard-description .section-instruction {
  margin-top: 75px;
  color: white;
  text-align: center;
}
#dashboard .overview .dashboard-description .section-instruction h3 {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
#dashboard .overview .dashboard-description .section-instruction svg {
  transition: margin-top 150ms ease-in-out, width 150ms ease-in-out, height 150ms ease-in-out, opacity 150ms ease-in-out;
  margin-top: 25px;
  fill: white;
  stroke: white;
  width: 100px;
  height: 100px;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
@media (max-width: 768px) {
  #dashboard .overview .dashboard-description .section-instruction {
    margin-top: 10px;
  }
  #dashboard .overview .dashboard-description .section-instruction svg {
    margin-top: 10px;
  }
}
#dashboard .overview iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(0.5) translate(-654px, -411px);
  transform: scale(0.5) translate(-654px, -411px);
}
@media (max-width: 768px) {
  #dashboard .overview iframe {
    -webkit-transform: scale(0.5) translate(-225px, -370px);
    transform: scale(0.5) translate(-225px, -370px);
  }
}
@media (min-width: 768px) {
  #ConnectorHeader .hero-main-wrapper .hero-main .main-title-connector h1 {
    font-size: 52px;
  }
  #ConnectorHeader .hero-main-wrapper .hero-main .main-title-connector p {
    font-size: 22px;
  }
  .right-content .right-content-pic,
  .left-content .right-content-pic,
  .right-content .left-content-pic,
  .left-content .left-content-pic {
    width: 65%;
  }
}
@media (min-width: 992px) {
  .right-content .container,
  .left-content .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .right-content .right-content-description,
  .left-content .right-content-description,
  .right-content .left-content-description,
  .left-content .left-content-description,
  .right-content .right-content-pic,
  .left-content .right-content-pic,
  .right-content .left-content-pic,
  .left-content .left-content-pic {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .right-content .right-content-description .section-title,
  .left-content .right-content-description .section-title,
  .right-content .left-content-description .section-title,
  .left-content .left-content-description .section-title {
    text-align: left;
  }
  .right-content .right-content-pic,
  .left-content .right-content-pic,
  .right-content .left-content-pic,
  .left-content .left-content-pic {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 40px auto;
    width: 40%;
  }
  .left-content .container {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .left-content .left-content-description {
    padding-right: 60px;
  }
  .right-content .right-content-description {
    padding-left: 60px;
  }
}
/********
**
** End Generic
**
********/
/********
**
** Google Analytics
**
********/
#GoogleAnalyticsHeader {
  margin-bottom: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  color: white;
  text-align: center;
}
#GoogleAnalyticsHeader .hero-main {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
}
#GoogleAnalyticsHeader .hero-main .hero-main-inner {
  vertical-align: middle;
  display: table-cell;
}
#GoogleAnalyticsHeader .hero-main .main-title-connector {
  text-align: center;
}
#GoogleAnalyticsHeader .hero-main .main-title-connector h1 {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 32px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#GoogleAnalyticsHeader .hero-main .main-title-connector p {
  font-size: 16px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#GoogleAnalyticsHeader .hero-main .connector-img {
  width: 80px;
  margin: 0 auto;
}
#GoogleAnalyticsHeader .hero-main .connector-img img {
  width: 100%;
}
.bg-google-analytics {
  text-align: center;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/landing-page/google-analytics/bg-google-analytics.jpg') center;
  background-size: cover;
  position: absolute;
}
@media (min-width: 768px) {
  #GoogleAnalyticsHeader .hero-main .main-title-connector {
    text-align: center;
  }
  #GoogleAnalyticsHeader .hero-main .main-title-connector h1 {
    font-size: 80px;
  }
  #GoogleAnalyticsHeader .hero-main .main-title-connector p {
    font-size: 18px;
  }
  #GoogleAnalyticsHeader .hero-main .connector-img {
    width: 130px;
  }
}
/********
**
** End Google Analytics
**
********/
/********
**
** Impala
**
********/
#ImpalaHeader {
  margin-bottom: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  color: white;
  text-align: center;
}
#ImpalaHeader .hero-main {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
}
#ImpalaHeader .hero-main .hero-main-inner {
  vertical-align: middle;
  display: table-cell;
}
#ImpalaHeader .hero-main .main-title-connector {
  text-align: center;
}
#ImpalaHeader .hero-main .main-title-connector h1 {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 32px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#ImpalaHeader .hero-main .main-title-connector p {
  font-size: 16px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#ImpalaHeader .hero-main .connector-img {
  width: 80px;
  margin: 0 auto;
}
#ImpalaHeader .hero-main .connector-img img {
  width: 100%;
}
.bg-impala {
  text-align: center;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/landing-page/impala/bg-impala.jpg') center;
  background-size: cover;
  position: absolute;
}
@media (min-width: 768px) {
  #ImpalaHeader .hero-main .main-title-connector {
    text-align: center;
  }
  #ImpalaHeader .hero-main .main-title-connector h1 {
    font-size: 80px;
  }
  #ImpalaHeader .hero-main .main-title-connector p {
    font-size: 18px;
  }
  #ImpalaHeader .hero-main .connector-img {
    width: 130px;
  }
}
/********
**
** End Impala
**
********/
/********
**
** Facebook Ads
**
********/
#facebook-ads-header {
  margin-bottom: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  color: white;
  text-align: center;
}
#facebook-ads-header .hero-main {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/facebook-ads/facebook-hero.png');
}
#facebook-ads-header .hero-main-inner {
  display: table-cell;
  vertical-align: middle;
}
#facebook-ads-header .main-title-connector {
  text-align: center;
}
#facebook-ads-header .main-title-connector h1 {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 80px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#facebook-ads-header .main-title-connector p {
  font-size: 16px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#facebook-ads-header .connector-img {
  width: 125px;
  margin: 0 auto;
}
#facebook-ads-header .connector-img img {
  width: 100%;
}
#advanced-reporting {
  text-align: center;
  position: relative;
}
#advanced-reporting .advanced-reporting-description p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#advanced-reporting .advanced-reporting-pic {
  max-width: 400px;
  margin: 0px auto;
}
#advanced-reporting .advanced-reporting-pic img {
  width: 100%;
}
#mix-adwords {
  background-color: #F7F7F7;
  padding: 90px 0;
  text-align: center;
  position: relative;
}
#mix-adwords p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
@media (min-width: 768px) {
  #bing-header .hero-main .hero-main-inner {
    margin-top: 190px;
  }
  #bing-header .hero-main .main-title-connector {
    text-align: center;
  }
  #bing-header .hero-main .main-title-connector h1 {
    font-size: 80px;
  }
  #bing-header .hero-main .main-title-connector p {
    font-size: 18px;
  }
  #bing-header .hero-main .connector-img {
    width: 130px;
  }
  #advanced-reporting {
    text-align: left;
  }
  #advanced-reporting .advanced-reporting-pic {
    margin: 40px auto;
  }
  #mix-adwords {
    padding: 90px 0;
    text-align: left;
  }
}
@media (min-width: 992px) {
  #bing-header {
    margin-bottom: 0;
    width: 100%;
    height: 100vh;
    position: relative;
    color: white;
    text-align: center;
  }
  #bing-header .hero-main {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/facebook-ads/facebook-hero.png');
    background-size: cover;
  }
  #advanced-reporting {
    text-align: left;
  }
  #advanced-reporting .advanced-reporting-description {
    margin-top: 70px;
  }
  #mix-adwords .mix-adwords-description {
    margin-top: 15px;
    padding-right: 50px;
  }
}
@media (min-width: 1200px) {
  .advanced-reporting-pic {
    margin: 0px auto;
  }
  #mix-adwords .mix-adwords-description {
    margin-top: 100px;
  }
  #mix-adwords .mix-adwords-pic {
    margin: 0 auto;
  }
}
/********
**
** End Facebook Ads
**
********/
.change-log .topSection {
  background: #202630;
  text-align: center;
  padding-top: 20%;
  padding-bottom: 20%;
}
.change-log .topSection h2 {
  color: white !important;
  font-size: 90px;
}
.change-log .topSection p {
  color: white !important;
  font-size: 17px;
  margin-top: 40px;
}
.change-log .card-list {
  margin-top: 50px;
  margin-left: 50px;
  border-left: 15px solid #00b4ff;
  padding-left: 90px;
}
.change-log .card-list h2 {
  font-size: 40px;
  font-weight: bold;
  border-top: 1px solid #F0EDE8;
  padding-top: 7px;
}
.change-log .card-list .card-item {
  margin-bottom: 100px;
}
.change-log .card-list .card-item .release-date {
  color: #787e81;
}
.change-log .card-list .card-item .desc {
  font-size: 18px;
  margin-bottom: 40px;
  margin-top: 40px;
}
.change-log .card-list .card-item .img {
  max-width: 100%;
}
.change-log .card-list .card-type {
  position: absolute;
  width: 100px;
  margin-left: -148px;
  margin-top: -2px;
  border-radius: 50%;
  background: white;
  padding: 10px;
  border: 15px solid #00b4ff;
  height: 100px;
}
.change-log .card-list .focus,
.change-log .card-list .inspire,
.change-log .card-list .connect,
.change-log .card-list .present {
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/v7/monster-icons.png');
  background-repeat: no-repeat;
}
.change-log .card-list .connect {
  background-position: 0px -1px;
  background-size: 367px 72px;
}
.change-log .card-list .focus {
  background-position: -98px 0px;
  background-size: 360px 70px;
}
.change-log .card-list .present {
  background-position: -197px -1px;
  background-size: 364px 72px;
}
.change-log .card-list .inspire {
  background-position: -272px 3px;
  background-size: 335px 65px;
}
.CustomersHeader {
  overflow: hidden;
  border-bottom: solid 1px #d0d5d8;
  position: relative;
  height: 340px;
  background-color: #354051;
  width: 100%;
  text-align: center;
}
.CustomersHeader .bg-customers {
  height: 100%;
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/customers/word-map.png');
  background-position: center 85%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.CustomersHeader .bg-customers .customers-people {
  display: none;
  width: 90%;
  max-width: 1024px;
  margin: 23px auto 0;
}
.CustomersHeader .bg-customers .customers-people img {
  width: 100%;
}
@media (min-width: 768px) {
  .CustomersHeader {
    height: 460px;
  }
  .CustomersHeader .bg-customers {
    background-position: center 65%;
    background-size: 85%;
  }
  .CustomersHeader .bg-customers .customers-people {
    display: block;
  }
}
@media (min-width: 992px) {
  .CustomersHeader {
    height: 510px;
  }
  .CustomersHeader .bg-customers {
    background-size: 80%;
    background-position: center 55%;
  }
}
@media (min-width: 1200px) {
  .CustomersHeader {
    height: 560px;
  }
  .CustomersHeader .bg-customers {
    background-size: 75%;
  }
  .CustomersHeader .bg-customers .customers-people {
    margin: 27px auto 0;
  }
}
/******
**
** Customers
**
***/
#customers-logo {
  position: relative;
}
#customers-logo .customers-content .table-cell {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
#customers-logo .customers-content img {
  height: 68px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
#customers-logo .customers-content .row > div {
  height: 100px;
  display: table;
  text-align: center;
  margin-bottom: 25px;
}
#testimonials {
  border-top: 1px solid #EFEFEF;
}
#testimonials .testimonials-wrapper .testimonials-inner {
  padding: 0 25px;
  text-align: center;
  margin-bottom: 50px;
}
#testimonials .testimonials-wrapper .testimonials-inner .company-logo {
  margin-bottom: 15px;
}
#testimonials .testimonials-wrapper .testimonials-inner .company-logo img {
  width: 200px;
}
#testimonials .testimonials-wrapper .testimonials-inner .company-quote p {
  margin-bottom: 20px;
}
/******
**
** End Customers
**
***/
/******

#customers{

	.customers-content{
		.table-cell{
			display: table-cell;
			vertical-align: middle;
			height: 100%;
		}


		img{
			height: 68px;
			width: auto;
			display: inline-block;
			vertical-align: middle;
		}

		.row > div{
			height: 100px;
			display: table;
			text-align: center;
			margin-bottom: 25px;
		}

	}
}
/******











/******
**
** Story
**
***/
#story {
  border-top: 1px solid #F6F6F6;
}
#story .story-content .story-inner {
  min-height: 450px;
}
#story .story-content .story-inner .story-item {
  padding: 40px 25px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin-bottom: 80px;
  text-align: center;
}
#story .story-content .story-inner .story-item .icon-company {
  width: 190px;
  margin-left: auto;
  margin-right: auto;
}
#story .story-content .story-inner .story-item .icon-company img {
  height: 70px;
}
#story .story-content .story-inner .story-item .individual-quote {
  width: 100%;
  margin-top: 25px;
  min-height: 175px;
}
#story .story-content .story-inner .story-item .individual-quote .quote-text {
  font-weight: 300;
  font-size: 18px;
  font-style: italic;
  line-height: 25px;
  margin: 0 0 15px;
  padding: 0;
  text-align: center;
}
#story .story-content .story-inner .story-item .individual-quote .name-autor {
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.10em;
  text-align: center;
}
#story .story-content .story-inner .story-item .individual-quote .job-autor {
  font-weight: 400;
}
#story .story-content .story-inner .story-item .story-text {
  padding: 40px 0 70px;
  text-align: center;
  color: #45494d;
}
#story .story-content .story-inner .story-item .story-text .name-autor {
  margin-top: 40px;
}
#story .story-content .story-inner .story-item .read-story {
  text-align: center;
}
#story .story-content .story-inner .story-item .read-story .btn {
  margin-top: 10px;
}
@media (min-width: 992px) {
  #story .story-content .story-inner .story-item .individual-quote {
    min-height: 200px;
  }
}
@media (min-width: 1200px) {
  #story .story-content .story-inner .story-item .individual-quote {
    min-height: 151px;
  }
}
/******
**
** End Story
**
***/
/******
**
** Testimonials
**
***/
#testimonials {
  position: relative;
  border-top: 1px solid #F6F6F6;
}
#testimonials .quote-content {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#testimonials .quote-content .individual-quote {
  width: 100%;
}
#testimonials .quote-content .individual-quote .bubble-quote {
  background-color: #F6F6F6;
  padding: 25px 35px;
  border-radius: 4px;
  margin-bottom: 25px;
}
#testimonials .quote-content .individual-quote .bubble-quote:after {
  border-color: #F6F6F6 transparent;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  bottom: 122px;
  content: '';
  display: block;
  left: 48%;
  position: absolute;
  width: 0;
}
#testimonials .quote-content .individual-quote .quote-text {
  font-weight: 300;
  font-size: 16px;
  font-style: italic;
  line-height: 25px;
  margin: 0 0 15px;
  padding: 0;
  text-align: center;
}
#testimonials .quote-content .individual-quote .name-autor {
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.10em;
  text-align: center;
}
#testimonials .quote-content .individual-quote .job-autor {
  font-weight: 400;
}
#testimonials .quote-content .individual-quote .icon-company {
  width: 180px;
  margin: 0 auto 40px auto;
}
@media (min-width: 768px) {
  #testimonials {
    position: relative;
  }
  #testimonials .quote-content {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  #testimonials .quote-content .individual-quote {
    width: 100%;
    padding: 40px;
  }
  #testimonials .quote-content .individual-quote .bubble-quote {
    background-color: #F6F6F6;
    padding: 25px 35px;
    border-radius: 4px;
    margin-bottom: 25px;
  }
  #testimonials .quote-content .individual-quote .bubble-quote:after {
    border-color: #F6F6F6 transparent;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    bottom: 122px;
    content: '';
    display: block;
    left: 48%;
    position: absolute;
    width: 0;
  }
  #testimonials .quote-content .individual-quote .quote-text {
    font-weight: 300;
    font-size: 18px;
    font-style: italic;
    line-height: 25px;
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
  }
  #testimonials .quote-content .individual-quote .name-autor {
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0.10em;
    text-align: center;
  }
  #testimonials .quote-content .individual-quote .job-autor {
    font-weight: 400;
  }
  #testimonials .quote-content .individual-quote .icon-company {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }
}
/******
**
** End Testimonials
**
***/
#press {
  display: none;
}
@media (min-width: 768px) {
  #press {
    display: block;
  }
  #press .inpress {
    margin: 60px 0;
    padding-bottom: 10px;
    border-top: 1px solid #eee;
    width: 100%;
  }
  #press .inpress .inpress-header {
    position: relative;
    top: -6px;
    margin: 0;
    font-size: 12px;
    color: #ccc;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 5px;
  }
  #press .inpress .inpress-header .text {
    display: inline-block;
    padding: 0 20px;
    background-color: #fff;
  }
  #press .inpress .logo-press-content {
    width: 100%;
    margin: 0 auto;
  }
  #press .inpress .logo-press-content .logo-press-list {
    margin-top: 30px;
  }
  #press .inpress .logo-press-content .logo-press-list .logo-press {
    padding: 0 5px;
  }
}
.DatasourcesHeader {
  overflow: hidden;
  position: relative;
  height: 300px;
  background-color: #354051;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .DatasourcesHeader {
    height: 400px;
  }
}
.cd-tab-filter-wrapper .mobile {
  display: block;
}
.cd-tab-filter-wrapper .mobile button {
  padding: 12px 0 12px 12px;
  width: 100%;
  font-size: 14px;
  background-color: white;
  border: 2px solid #CCCCCC;
  text-align: left;
}
.cd-tab-filter-wrapper .mobile ul {
  width: 100% !important;
}
.cd-tab-filter-wrapper .mobile ul li a {
  color: #202630;
  font-size: 14px;
  text-transform: uppercase;
  text-align: left;
}
.cd-tab-filter-wrapper .tab {
  display: none;
}
#datasources .container .card-wrapper {
  padding-top: 30px;
}
#datasources .container .card-wrapper .image {
  position: relative;
  height: 60px;
}
#datasources .container .card-wrapper .image .connector-sprite {
  position: absolute;
  top: 50%;
  left: 50%;
}
#datasources .container .card-wrapper .card-name h5 {
  padding-top: 30px;
}
.connector-sprite {
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/connectors/connectors.svg');
  background-repeat: no-repeat;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.connector-sprite.connector-aws-aurora {
  background-position: 0 -80px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.9);
  transform: translate(-50%, -50%) scale(0.9);
}
.connector-sprite.connector-redshift {
  background-position: 0 -160px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(1.5);
  transform: translate(-50%, -50%) scale(1.5);
}
.connector-sprite.connector-bing-ads {
  background-position: 0 -240px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-box {
  background-position: 0 -320px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-campaign-monitor {
  background-position: 0 -400px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-csv {
  background-position: 0 -480px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-db2 {
  background-position: 0 0;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(1.4);
  transform: translate(-50%, -50%) scale(1.4);
}
.connector-sprite.connector-doubleclick,
.connector-sprite.connector-doubleclick-advertisers,
.connector-sprite.connector-doubleclick-publishers {
  background-position: 0 -560px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-dropbox {
  background-position: 0 -640px;
  width: 105px;
  height: 98px;
  -webkit-transform: translate(-50%, -50%) scale(0.57);
  transform: translate(-50%, -50%) scale(0.57);
}
.connector-sprite.connector-elasticsearch {
  background-position: 0 -738px;
  width: 256px;
  height: 256px;
  -webkit-transform: translate(-50%, -50%) scale(0.23);
  transform: translate(-50%, -50%) scale(0.23);
}
.connector-sprite.connector-excel {
  background-position: 0 -994px;
  width: 110px;
  height: 108px;
  -webkit-transform: translate(-50%, -50%) scale(0.55);
  transform: translate(-50%, -50%) scale(0.55);
}
.connector-sprite.connector-facebook-ads {
  background-position: 0 -1102px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-facebook {
  background-position: 0 -1182px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-ftp {
  background-position: 0 -1262px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-gmail {
  background-position: 0 -1342px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-google-analytics,
.connector-sprite.connector-google-analytics-multi-channel-funnel-mcf,
.connector-sprite.connector-google-analytics-real-time {
  background-position: 0 -1422px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.connector-sprite.connector-google-drive {
  background-position: 0 -1502px;
  width: 300px;
  height: 260px;
  -webkit-transform: translate(-50%, -50%) scale(0.2);
  transform: translate(-50%, -50%) scale(0.2);
}
.connector-sprite.connector-google-search {
  background-position: 0 -1762px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-google-spreadsheet {
  background-position: 0 -1842px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-adwords {
  background-position: 0 -1922px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-google-cloud,
.connector-sprite.connector-big-query,
.connector-sprite.connector-google-cloud-sql {
  background-position: 0 -2002px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-hive {
  background-position: 0 -2082px;
  width: 300px;
  height: 270px;
  -webkit-transform: translate(-50%, -50%) scale(0.2);
  transform: translate(-50%, -50%) scale(0.2);
}
.connector-sprite.connector-dashdb {
  background-position: 0 -2352px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-impala {
  background-position: 0 -2432px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-instagram {
  background-position: 0 -2512px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-intercom {
  background-position: 0 -2592px;
  width: 300px;
  height: 77px;
  -webkit-transform: translate(-50%, -50%) scale(0.45);
  transform: translate(-50%, -50%) scale(0.45);
}
.connector-sprite.connector-json {
  background-position: 0 -2669px;
  width: 160px;
  height: 160px;
  -webkit-transform: translate(-50%, -50%) scale(0.38);
  transform: translate(-50%, -50%) scale(0.38);
}
.connector-sprite.connector-linkedin {
  background-position: 0 -2829px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-mailchimp {
  background-position: 0 -2909px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-mariadb {
  background-position: 0 -2989px;
  width: 256px;
  height: 170px;
  -webkit-transform: translate(-50%, -50%) scale(0.35);
  transform: translate(-50%, -50%) scale(0.35);
}
.connector-sprite.connector-mongodb {
  background-position: 0 -3159px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.95);
  transform: translate(-50%, -50%) scale(0.95);
}
.connector-sprite.connector-mysql,
.connector-sprite.connector-mysql-rds {
  background-position: 0 -3239px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-omniture {
  background-position: 0 -3319px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-onedrive {
  background-position: 0 -3399px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-oracle,
.connector-sprite.connector-oracle-rds {
  background-position: 0 -3479px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(1.3);
  transform: translate(-50%, -50%) scale(1.3);
}
.connector-sprite.connector-postgresql,
.connector-sprite.connector-postgresql-heroku,
.connector-sprite.connector-postgresql-rds {
  background-position: 0 -3559px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-presto {
  background-position: 0 -3639px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-quickbooks {
  background-position: 0 -3719px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-recurly {
  background-position: 0 -3799px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-rest {
  background-position: 0 -3879px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-salesforce,
.connector-sprite.connector-salesforce-pardot,
.connector-sprite.connector-salesforce-radian6 {
  background-position: 0 -3959px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.9);
  transform: translate(-50%, -50%) scale(0.9);
}
.connector-sprite.connector-sap-hana {
  background-position: 0 -4039px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.9);
  transform: translate(-50%, -50%) scale(0.9);
}
.connector-sprite.connector-spark {
  background-position: 0 -4119px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-sql-server,
.connector-sprite.connector-sql-server-azure,
.connector-sprite.connector-sql-server-rds {
  background-position: 0 -4199px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-twitter {
  background-position: 0 -4279px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-url {
  background-position: 0 -4359px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-vectorwise {
  background-position: 0 -4439px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-vertica {
  background-position: 0 -4519px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-vimeo {
  background-position: 0 -4599px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}
.connector-sprite.connector-xml {
  background-position: 0 -4679px;
  width: 241px;
  height: 54px;
  -webkit-transform: translate(-50%, -50%) scale(0.4);
  transform: translate(-50%, -50%) scale(0.4);
}
.connector-sprite.connector-youtube {
  background-position: 0 -4733px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) scale(1.5);
  transform: translate(-50%, -50%) scale(1.5);
}
.connector-sprite.connector-zendesk {
  background-position: 0 -4813px;
  width: 85px;
  height: 42px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .cd-tab-filter-wrapper .mobile {
    display: none !important;
  }
  .cd-tab-filter-wrapper .tab {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .cd-tab-filter .cd-filters .placeholder {
    display: none !important;
  }
}
@media only screen and (min-width: (min-width: 768px)) {
  .cd-tab-filter {
    cursor: auto;
  }
}
@media only screen and (min-width: (min-width: 1200px)) {
  .cd-tab-filter {
    margin: 0;
    transition: width 0.3s;
  }
}
#BimeDesktopHeader {
  width: 100%;
  position: relative;
  color: white;
  text-align: center;
}
#BimeDesktopHeader .hero-main {
  padding: 100px 0 260px 0;
  text-align: center;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzNTQwNTEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIwMjYzMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: linear-gradient(to bottom to left, #354051, #202630);
}
#BimeDesktopHeader .hero-main .hero-main-inner .platform {
  margin-top: 10px;
  display: block;
}
#BimeDesktopHeader .hero-main .hero-main-inner .platform .platform-text {
  color: white;
  font-size: 14px;
  display: inline-block;
}
#BimeDesktopHeader .hero-main .hero-main-inner .platform .platform-text a {
  color: white;
  padding: 0 2px;
  border-bottom: 1px dotted white;
}
#BimeDesktopHeader .hero-main .hero-main-inner .platform .iconic {
  width: 24px;
  height: 24px;
  margin: 0;
}
#BimeDesktopHeader .hero-main .hero-main-inner .platform .iconic-info * {
  fill: white;
  stroke: white;
}
#BimeDesktopHeader .hero-main .main-title {
  text-align: center;
}
#BimeDesktopHeader .hero-main .main-title h1 {
  font-weight: 700;
  margin-top: 20px;
  font-size: 30px;
  line-height: 45px;
}
#BimeDesktopHeader .hero-main .main-title p {
  font-size: 16px;
}
#BimeDesktopHeader .hero-main .main-title .btn .btn-icon {
  display: inline-block;
}
#BimeDesktopHeader .hero-main .main-title .btn .btn-icon .iconic {
  width: 24px;
  height: 24px;
  margin: 0;
}
#BimeDesktopHeader .hero-main .main-title .btn .btn-icon .iconic-data-transfer * .iconic-download * {
  transition-duration: .2s;
  transition-property: fill, stroke;
  fill: white;
  stroke: white;
}
#BimeDesktopHeader .hero-main .main-title .btn:hover .btn-icon .iconic-data-transfer * .iconic-download * {
  fill: white;
  stroke: white;
}
#BimeDesktopHeader .hero-main .main-title .btn span {
  text-align: left;
  vertical-align: middle;
  display: table-cell;
  float: right;
  padding-left: 15px;
  padding-top: 7px;
}
.bg-bime-desktop {
  text-align: center;
  background: linear-gradient(to bottom right, #354051, #202630);
  background-size: cover;
  position: absolute;
}
#screenshot {
  position: relative;
}
#screenshot .main-pic {
  margin: 0 auto;
}
#required-system {
  overflow: hidden;
}
#required-system .required-system-container .spec {
  width: 100%;
}
#required-system .required-system-container .spec li {
  list-style: none;
  margin-bottom: 10px;
}
#required-system .required-system-container .spec li .selected-icon {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 15px;
}
#required-system .required-system-container .spec li .selected-icon img {
  width: 100%;
}
#required-system .required-system-container .spec li .spec-text {
  display: inline-block;
  padding-left: 40px;
}
#required-system .required-system-container .spec li::before {
  display: block;
  content: "";
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/icons/circle-seleted.svg') no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
}
@media (min-width: 768px) {
  #BimeDesktopHeader .hero-main .main-title {
    margin-top: 115px;
  }
  #BimeDesktopHeader .hero-main .main-title h1 {
    font-size: 42px;
    line-height: 45px;
  }
  #BimeDesktopHeader .hero-main .main-title p {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 25px;
  }
}
.facebook-ads {
  overflow-x: hidden;
  padding: 0;
}
.facebook-ads .hero-opening {
  text-align: center;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/facebook-ads/hero-bk-grd.png') center;
  background-size: cover;
  position: static;
  height: 455px;
  margin-top: 0;
  overflow: hidden;
  min-width: 75%;
  color: white;
}
.facebook-ads .hero-opening .main-title {
  margin-top: 160px;
}
.facebook-ads .hero-opening .main-title p {
  font-size: 19px;
  letter-spacing: 1px;
  font-weight: 500;
}
.facebook-ads .hero-opening .main-title h1 {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 28px;
  text-shadow: 0 3px 100px rgba(0, 0, 0, 0.4);
  margin-bottom: 18px;
}
.facebook-ads .hero-opening .main-title h2 {
  border: 1px solid #fff;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 14px;
  width: 200px;
  letter-spacing: 2px;
  text-align: center;
  margin: auto;
  padding: 15px;
  color: #fff!important;
  font-weight: 800;
  background-color: rgba(0, 0, 0, 0.21);
}
.facebook-ads .hero-opening .main-title h2 a {
  cursor: pointer;
  color: #FFFFFF;
  text-decoration: none;
}
.facebook-ads .hero-opening .main-title h2 a:hover {
  color: #cbcbcb;
}
.facebook-ads .facebook-ads-intro p {
  padding-top: 9%;
  margin-bottom: 4%;
  font-size: 24px;
  color: #797e82;
  text-align: center;
  letter-spacing: 1px;
}
.facebook-ads .splash-screen .mac-book-mock-up {
  height: 100%;
  width: 100%;
}
.facebook-ads .facebook-fact p {
  padding-top: 2%;
  padding-bottom: 2%;
  font-size: 24px;
  color: #797e82;
  text-align: center;
  letter-spacing: 1px;
}
.facebook-ads .map {
  text-align: center;
  height: auto;
  max-width: 52%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1%;
}
.facebook-ads .facebook-fact-2 p {
  padding-top: 4%;
  padding-bottom: 5%;
  font-size: 24px;
  color: #797e82;
  text-align: center;
  letter-spacing: 1px;
}
.facebook-ads .timeline {
  text-align: center;
  height: auto;
  max-width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1%;
}
.facebook-ads .facebook-alert-icon {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4%;
  margin-bottom: 2%;
}
.facebook-ads .mix-data {
  text-align: center;
}
.facebook-ads .mix-data .mix-description {
  margin: auto;
  padding-bottom: 6%;
}
.facebook-ads .mix-data .mix-description .main-pitch {
  font-size: 36px;
  color: #202630;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -1px;
  margin-bottom: 25px;
}
.facebook-ads .mix-data .mix-description .mix-data-pic {
  text-align: center;
  height: 100%;
  width: 100%;
}
.facebook-ads .share {
  text-align: center;
}
.facebook-ads .share .share-description {
  margin: auto;
  padding-bottom: 6%;
}
.facebook-ads .share .share-description .main-pitch {
  font-size: 36px;
  color: #202630;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -1px;
  margin-bottom: 25px;
}
.facebook-ads .share .share-description .mix-data-pic {
  text-align: center;
  height: 100%;
  width: 100%;
}
@media (min-width: 604px) {
  .facebook-ads .hero-opening .main-title {
    margin-top: 160px;
  }
  .facebook-ads .hero-opening .main-title h1 {
    font-size: 62px;
  }
  .facebook-ads .hero-opening .main-title p {
    font-size: 19px;
  }
}
@media (min-width: 768px) {
  .mix-data .main-pitch {
    font-size: 44px;
    line-height: 56px;
    color: #202630;
  }
}
#footer {
  padding: 40px 0;
  font-size: 14px;
  color: #787e81;
  font-weight: 400;
}
#footer h5 {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #45494d;
  margin-bottom: 15px;
}
#footer ul {
  list-style: none;
}
#footer ul li {
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
}
#footer ul li a {
  color: #787e81;
}
#footer ul li a:hover {
  color: #00b4ff;
}
#footer .setting-website {
  margin-bottom: 30px;
}
#footer select {
  display: block;
  padding: 5px 10px;
  width: 100%;
}
#footer .bottom-footer .logo-copyrights-container {
  text-align: center;
}
#footer .bottom-footer .logo-footer {
  width: 85px;
  display: inline-block;
}
#footer .bottom-footer .copyrights {
  display: inline-block;
  font-size: 12px;
}
#footer .bottom-footer .social-links {
  margin-top: 50px;
  color: #FFF;
  font-family: sans-serif;
  width: 200px;
}
#footer .bottom-footer .social-links li {
  display: inline;
  list-style-type: none;
  padding-right: 20px;
}
#footer .bottom-footer #social-icon {
  text-align: center;
  margin: 0 auto;
}
#footer .bottom-footer #social-icon li {
  margin: 0 4px;
}
#footer .bottom-footer #social-icon li a {
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 32px 64px;
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
}
#footer .bottom-footer #social-icon li a:hover {
  background-position: 0 -32px;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=1);
}
#footer .bottom-footer #social-icon li.twitter a {
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/footer/twitter.png');
}
#footer .bottom-footer #social-icon li.facebook a {
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/footer/facebook.png');
}
#footer .bottom-footer #social-icon li.linkedin a {
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/footer/linkedin.png');
}
#footer .bottom-footer #social-icon li.googleplus a {
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/footer/googleplus.png');
}
#footer .bottom-footer #social-icon li.vimeo a {
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/footer/vimeo.png');
}
#footer .bottom-footer #social-icon li.youtube a {
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/footer/youtube.png');
}
#footer .bottom-footer ul {
  margin-top: -10px;
}
#footer .bottom-footer ul li {
  display: inline-block;
}
#footer .bottom-footer ul li img {
  width: 36px;
}
@media (min-width: 768px) {
  #footer .bottom-footer .logo-copyrights-container {
    text-align: left;
  }
  #footer .bottom-footer #social-icon {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .bottom-footer {
    border-top: 1px solid #ebebeb;
    margin-top: 25px;
    padding-top: 25px;
  }
}
@media (min-width: 1200px) {
  .bottom-footer {
    border-top: 1px solid #ebebeb;
    margin-top: 25px;
    padding-top: 25px;
  }
}
#GaugeHeader {
  margin-bottom: 0;
  width: 100%;
  position: relative;
  color: white;
}
#GaugeHeader .hero-main {
  width: 100%;
  background-image: none;
}
#GaugeHeader .hero-main .hero-main-inner {
  vertical-align: middle;
  padding: 0;
}
#GaugeHeader .hero-main .main-title-visu {
  text-align: center;
}
#GaugeHeader .hero-main .main-title-visu img {
  width: 130px;
  margin-bottom: 20px;
}
#GaugeHeader .hero-main .main-title-visu h1 {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 32px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#GaugeHeader .hero-main .main-title-visu p {
  font-size: 16px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#definition {
  background-color: white;
  position: relative;
  padding: 95px 0;
}
#definition p {
  text-align: center;
  font-size: 34px;
  line-height: 48px;
  letter-spacing: -1px;
  font-weight: bold;
  color: #202630;
}
#barometer .barometer-pic {
  max-width: 350px;
  margin: 0px auto;
}
#barometer .barometer-pic img {
  width: 100%;
}
#barometer .barometer-description {
  margin-top: 110px;
}
#barometer .barometer-description .section-title {
  text-align: left;
}
#barometer .barometer-description .section-title .subtitle-text {
  max-width: 100%;
}
#gauge .gauge-pic {
  max-width: 350px;
  margin: 0px auto;
}
#gauge .gauge-pic img {
  width: 100%;
}
#gauge .gauge-description {
  margin-top: 70px;
}
#gauge .gauge-description .section-title {
  text-align: left;
}
#gauge .gauge-description .section-title .subtitle-text {
  max-width: 100%;
}
#new-gauge .new-gauge-pic {
  max-width: 350px;
  margin: 0px auto;
}
#new-gauge .new-gauge-pic img {
  width: 100%;
}
#new-gauge .new-gauge-description {
  margin-top: 65px;
}
#new-gauge .new-gauge-description .section-title {
  text-align: left;
}
#new-gauge .new-gauge-description .section-title .subtitle-text {
  max-width: 100%;
}
#native-cloud {
  padding: 90px 0;
  text-align: left;
  position: relative;
}
#native-cloud p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#native-cloud .native-cloud-pic {
  max-width: 550px;
  margin: 0px auto 20px;
}
@media (min-width: 768px) {
  #GaugeHeader .hero-main .hero-main-inner .main-title-visu h1 {
    font-size: 80px;
  }
  #GaugeHeader .hero-main .hero-main-inner .main-title-visu p {
    font-size: 40px;
  }
}
.cookie-notification {
  background: white;
  bottom: 10px;
  box-shadow: 0 4px 8px rgba(0, 23, 35, 0.1);
  left: 10px;
  padding: 20px;
  position: fixed;
  width: 226px;
  box-sizing: initial;
  z-index: 1000;
}
@media (max-width: 767px) {
  .cookie-notification {
    border-radius: 0;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    left: 0;
    padding: 15px 0;
    width: 100%;
  }
}
.cookie-notification.active {
  display: block;
}
.cookie-notification.disabled {
  display: none;
}
.cookie-notification p {
  color: #03363d;
  font: 16px/22px PNR;
  margin: 0;
  text-align: left;
}
@media (max-width: 767px) {
  .cookie-notification p {
    font: 14px/18px PNR;
    margin: 0 auto;
    text-align: center;
    width: 65%;
  }
}
.cookie-notification a.cookie-policy-link {
  color: #30aabc;
  text-decoration: none;
  transition: color .1s;
}
.cookie-notification a.cookie-policy-link:hover,
.cookie-notification a.cookie-policy-link:focus,
.cookie-notification a.cookie-policy-link:active {
  border-bottom: 1px solid #30aabc;
  color: #1c8a93;
}
.cookie-notification a.close-notice {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 25px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: background-color 0.3s;
  width: 25px;
}
.cookie-notification a.close-notice:hover,
.cookie-notification a.close-notice:focus {
  background-color: #ededed;
}
.cookie-notification a.close-notice:active {
  background-color: #d3d3d3;
}
@media (max-width: 767px) {
  .cookie-notification a.close-notice {
    top: 12px;
    right: 12px;
  }
}
.cookie-notification a.close-notice .close-icon {
  background: transparent url("//d1eipm3vz40hy0.cloudfront.net/images/icon-x-close.svg") center center no-repeat;
  background-size: 75%;
  height: 15px;
  width: 15px;
}
@media (max-width: 767px) {
  .cookie-notification a.close-notice .close-icon {
    background-size: 100%;
  }
}
.hadoop {
  font-size: 20px;
}
.hadoop .cover {
  background: white;
  height: 100vh !important;
  overflow: hidden;
}
.hadoop .cover .main-title-connector h1 {
  font-size: 101px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 1.6;
  color: white;
}
.hadoop .cover .main-title-connector .text-center {
  margin: auto;
  width: 530px;
  background: #00b4ff;
}
.hadoop .cover .main-title-connector h2 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  margin-top: 3px;
  margin-bottom: 3px;
  line-height: 1.2;
  text-align: center;
  color: white;
  padding: 10px;
  letter-spacing: 0.6px;
}
.hadoop .cover .city {
  top: 0px;
  position: absolute;
  width: 100%;
  /* margin-bottom: 0; */
  margin-top: -229px;
  overflow: hidden;
}
.hadoop .cover .layer_2 {
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.hadoop .cover .background {
  height: 100vh !important;
  top: 0px;
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.hadoop .cover svg path,
.hadoop .cover svg line,
.hadoop .cover svg polyline {
  stroke: #FF004E;
  stroke-width: 1.2px;
  width: 100%;
}
.hadoop .cover svg path {
  fill: transparent;
}
.hadoop .cover .text {
  display: none;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 320px;
  padding-top: 40px;
  padding-bottom: 60px;
}
.hadoop img {
  max-width: 180px;
}
#hadoop-opening {
  padding: 84px 0;
  text-align: left;
  position: relative;
}
#hadoop-opening p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#hadoop-opening .hadoop-opening-pic {
  max-width: 348px;
  margin: 0px auto 20px;
}
#hadoop-opening .main-pitch {
  font-size: 44px;
  line-height: 56px;
  font-weight: 200;
  letter-spacing: 0;
}
#hadoop-hive,
#hadoop-presto {
  padding: 90px 0;
  text-align: left;
  position: relative;
}
#hadoop-hive .hadoop-package-description,
#hadoop-presto .hadoop-package-description {
  margin-top: 10px;
}
#hadoop-hive .hadoop-package-description p,
#hadoop-presto .hadoop-package-description p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#hadoop-hive .hadoop-package-pic,
#hadoop-presto .hadoop-package-pic {
  max-width: 275px;
  margin: 24px auto 0;
  width: 275px;
}
#hadoop-hive .hadoop-package-pic img,
#hadoop-presto .hadoop-package-pic img {
  width: 100%;
}
#quote {
  background-color: #F7F7F7;
}
@media (min-width: 768px) {
  #hadoop .hero-main .hero-main-inner {
    margin-top: 190px;
  }
  #hadoop .hero-main .main-title-connector h1 {
    font-size: 80px;
  }
  #hadoop .hero-main .main-title-connector p {
    font-size: 18px;
  }
  #hadoop .hero-main .main-pitch {
    font-size: 38px;
    line-height: 56px;
    font-weight: 200;
    letter-spacing: 0;
  }
  #hadoop .hero-main .connector-img {
    width: 130px;
  }
  #hadoop-impala,
  #hadoop-spark {
    padding: 90px 0;
    text-align: center;
  }
  #hadoop-impala a,
  #hadoop-spark a {
    color: #8194A7;
  }
  #hadoop-impala .hadoop-cloud-pic,
  #hadoop-spark .hadoop-cloud-pic {
    max-width: 348px;
    margin: -11px auto;
    width: 348px;
  }
  #hadoop-impala img,
  #hadoop-spark img {
    width: 100%;
  }
  #hadoop-impala img .main-pitch,
  #hadoop-spark img .main-pitch {
    font-size: 36px;
    line-height: 42px;
    font-weight: 200;
    letter-spacing: 0;
    color: white;
  }
  #hadoop-impala img p,
  #hadoop-spark img p {
    color: white;
  }
}
#hadoop-opening {
  padding: 84px 0;
  text-align: center;
  position: relative;
}
#hadoop-opening p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#hadoop-opening .hadoop-opening-pic {
  max-width: 550px;
  margin: 0px auto 20px;
}
#hadoop-opening .main-pitch {
  font-size: 38px;
  line-height: 56px;
  font-weight: 200;
  letter-spacing: 0;
}
#hadoop-hive,
#hadoop-presto {
  padding: 90px 0;
  text-align: center;
  position: relative;
}
#hadoop-hive .hadoop-package-description,
#hadoop-presto .hadoop-package-description {
  margin-top: 10px;
}
#hadoop-hive .hadoop-package-description p,
#hadoop-presto .hadoop-package-description p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#hadoop-hive .hadoop-package-description .main-pitch,
#hadoop-presto .hadoop-package-description .main-pitch {
  font-size: 38px;
  line-height: 56px;
  font-weight: 200;
  letter-spacing: 0;
}
@media (min-width: 992px) {
  #hadoop-impala,
  #hadoop-spark {
    background-color: #202630;
    padding: 110px 0;
    text-align: left;
    position: relative;
  }
  #hadoop-impala .hadoop-cloud-description,
  #hadoop-spark .hadoop-cloud-description {
    margin-top: -16px;
  }
  #hadoop-impala .hadoop-cloud-description p,
  #hadoop-spark .hadoop-cloud-description p {
    font-size: 18px;
    font-weight: normal;
    color: white;
  }
  #hadoop-impala .main-pitch,
  #hadoop-spark .main-pitch {
    font-size: 38px;
    line-height: 56px;
    font-weight: 200;
    letter-spacing: 0;
    color: white;
  }
  #hadoop-impala .hadoop-cloud-pic,
  #hadoop-spark .hadoop-cloud-pic {
    max-width: 348px;
    margin: 11px auto;
  }
  #hadoop-impala a,
  #hadoop-spark a {
    color: #8194A7;
  }
  #hadoop-impala img,
  #hadoop-spark img {
    width: 100%;
  }
}
#hadoop-opening {
  padding: 84px 0;
}
.main-pitch {
  font-size: 36px;
  line-height: 42px;
  font-weight: 200;
  letter-spacing: 0;
}
#hadoop-hive,
#hadoop-presto {
  padding: 120px 0;
  text-align: left;
}
#hadoop-hive .hadoop-package-description,
#hadoop-presto .hadoop-package-description {
  margin-top: 10px;
}
#hadoop-hive .hadoop-package-pic,
#hadoop-presto .hadoop-package-pic {
  max-width: 320px;
  margin: 24px auto 0;
}
#hadoop-hive .hadoop-package-pic img,
#hadoop-presto .hadoop-package-pic img {
  width: 100%;
}
/**********
***
***	Main header laptop
***
***********/
body .header {
  position: absolute;
  top: 0;
}
body .header.fixed {
  position: fixed;
  top: 0;
}
body.smartling-fr .main-nav-wrapper .menu-wrapper .menu-nav ul li.more .dropdown-nav {
  width: 170px;
}
.logo-svg .bg {
  display: none;
}
.logo-svg .bg .bg-rect {
  display: inline;
}
.logo-svg .text {
  enable-background: new;
}
.logo-svg .letter,
.logo-svg .subletter,
.logo-svg .bar {
  transition: fill 1s;
}
.logo-svg .bar-blue,
.logo-svg.dark .bar-blue,
body.page-home .main-nav-wrapper .logo-svg .bar-blue,
body.page-home .header .logo-svg .bar-blue,
.main-nav-wrapper.fixed .logo-svg .bar-blue,
.main-nav-wrapper.force-fixed .logo-svg .bar-blue,
.header.fixed .logo-svg .bar-blue,
.header.force-fixed .logo-svg .bar-blue {
  fill: #1ECE6D;
}
.logo-svg .bar-pink,
.logo-svg.dark .bar-pink,
body.page-home .main-nav-wrapper .logo-svg .bar-pink,
body.page-home .header .logo-svg .bar-pink,
.main-nav-wrapper.fixed .logo-svg .bar-pink,
.main-nav-wrapper.force-fixed .logo-svg .bar-pink,
.header.fixed .logo-svg .bar-pink,
.header.force-fixed .logo-svg .bar-pink {
  fill: #FF004E;
}
.logo-svg .bar-green,
.logo-svg.dark .bar-green,
body.page-home .main-nav-wrapper .logo-svg .bar-green,
body.page-home .header .logo-svg .bar-green,
.main-nav-wrapper.fixed .logo-svg .bar-green,
.main-nav-wrapper.force-fixed .logo-svg .bar-green,
.header.fixed .logo-svg .bar-green,
.header.force-fixed .logo-svg .bar-green {
  fill: #00B4FF;
}
.logo-svg .bg .bg-rect,
.logo-svg.dark .bg .bg-rect,
body.page-home .main-nav-wrapper .logo-svg .bg .bg-rect,
body.page-home .header .logo-svg .bg .bg-rect,
.main-nav-wrapper.fixed .logo-svg .bg .bg-rect,
.main-nav-wrapper.force-fixed .logo-svg .bg .bg-rect,
.header.fixed .logo-svg .bg .bg-rect,
.header.force-fixed .logo-svg .bg .bg-rect {
  fill: #2E3240;
}
.logo-svg .text .letter,
.logo-svg.dark .text .letter,
body.page-home .main-nav-wrapper .logo-svg .text .letter,
body.page-home .header .logo-svg .text .letter,
.main-nav-wrapper.fixed .logo-svg .text .letter,
.main-nav-wrapper.force-fixed .logo-svg .text .letter,
.header.fixed .logo-svg .text .letter,
.header.force-fixed .logo-svg .text .letter {
  fill: #2E3240;
}
.logo-svg .text .subletter,
.logo-svg.dark .text .subletter,
body.page-home .main-nav-wrapper .logo-svg .text .subletter,
body.page-home .header .logo-svg .text .subletter,
.main-nav-wrapper.fixed .logo-svg .text .subletter,
.main-nav-wrapper.force-fixed .logo-svg .text .subletter,
.header.fixed .logo-svg .text .subletter,
.header.force-fixed .logo-svg .text .subletter {
  fill: #A1A3A9;
}
.logo-svg.light .letter,
.logo-svg.light .subletter {
  fill: #fff;
}
.logo-svg.white .letter,
.logo-svg.white .subletter,
.logo-svg.white .bar {
  fill: #fff;
}
body.page-home .main-nav-wrapper .menu-wrapper .menu-nav ul li a:not(.cta) {
  color: #2F353E;
}
body.page-home .main-nav-wrapper .menu-wrapper .menu-nav ul li a:not(.cta).secondary-nav span svg g {
  fill: #2F353E;
}
body.page-home .main-nav-wrapper .menu-wrapper .menu-nav-alt {
  color: #2F353E;
}
body.page-home .main-nav-wrapper .menu-wrapper .menu-nav-alt ul li a,
body.page-home .main-nav-wrapper .menu-wrapper .menu-nav-alt .lang {
  color: #2F353E;
}
body.page-home .main-nav-wrapper .menu-wrapper .menu-nav-alt ul li a:hover,
body.page-home .main-nav-wrapper .menu-wrapper .menu-nav-alt .lang:hover,
body.page-home .main-nav-wrapper .menu-wrapper .menu-nav-alt ul li a:focus,
body.page-home .main-nav-wrapper .menu-wrapper .menu-nav-alt .lang:focus {
  color: #2F353E !important;
}
body.page-home .header nav.mobile-nav .menu-trigger .mobile-nav-ctrl .icon-trigger path {
  fill: #2F353E;
}
.menu-nav-alt .lang,
.mobile-nav-slider .lang {
  text-transform: uppercase;
}
.menu-nav-alt {
  display: block;
  position: absolute;
  color: white;
  font-size: 0.8em;
  font-weight: 100;
}
.menu-nav-alt ul {
  list-style: none;
  padding: 0;
}
.menu-nav-alt ul li {
  display: inline-block;
  margin: 0 5px;
}
.menu-nav-alt ul li:last-child {
  margin-right: 0;
}
.menu-nav-alt ul li a,
.menu-nav-alt .lang {
  font-weight: 400;
  color: white;
  zoom: 1;
  filter: alpha(opacity=70);
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  transition: font-weight 0.2s, opacity 0.2s;
}
.menu-nav-alt ul li a.active,
.menu-nav-alt .lang.active {
  font-weight: 600;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: none;
}
.menu-nav-alt ul li a:not(.active),
.menu-nav-alt .lang:not(.active) {
  cursor: pointer;
}
.menu-nav-alt ul li a:hover,
.menu-nav-alt .lang:hover,
.menu-nav-alt ul li a:focus,
.menu-nav-alt .lang:focus {
  color: white !important;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.mobile-nav-slider {
  z-index: 10000000000;
  height: 100%;
  /* Overlay style */
}
.mobile-nav-slider .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.98);
  z-index: 1002;
  /* Effects */
}
.mobile-nav-slider .overlay .header-slider {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 1001;
  width: 100%;
  height: 70px;
}
.mobile-nav-slider .overlay .header-slider .nav-brand {
  position: absolute;
  width: 115px;
  margin-left: -15px;
  margin-top: 9px;
}
.mobile-nav-slider .overlay .header-slider .menu-nav-alt {
  position: relative;
  float: right;
  margin-top: 22px;
  margin-right: 40px;
  color: #2F353E;
  font-size: 1.4em;
}
.mobile-nav-slider .overlay .header-slider .menu-nav-alt ul li a,
.mobile-nav-slider .overlay .header-slider .menu-nav-alt .lang {
  color: #2F353E;
}
.mobile-nav-slider .overlay .header-slider .menu-nav-alt ul li a:hover,
.mobile-nav-slider .overlay .header-slider .menu-nav-alt .lang:hover,
.mobile-nav-slider .overlay .header-slider .menu-nav-alt ul li a:focus,
.mobile-nav-slider .overlay .header-slider .menu-nav-alt .lang:focus {
  color: #2F353E !important;
}
.mobile-nav-slider .overlay .header-slider .menu-trigger {
  float: right;
  margin-top: 20px;
  width: 28px;
}
.mobile-nav-slider .overlay .header-slider .menu-trigger .mobile-nav-ctrl {
  color: #2e2e2e;
  cursor: pointer;
  z-index: 200;
  width: 28px;
  /* Overlay closing cross */
}
.mobile-nav-slider .overlay .header-slider .menu-trigger .mobile-nav-ctrl .icon-close {
  z-index: 100;
  width: 100%;
}
.mobile-nav-slider .overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
.mobile-nav-slider .overlay ul li a {
  font-weight: 300;
  color: #fff;
  transition: color 0.2s;
}
.mobile-nav-slider .overlay ul li a:hover,
.mobile-nav-slider .overlay ul li a:focus {
  color: #00b4ff;
}
.mobile-nav-slider .overlay.overlay-hugeinc {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}
.mobile-nav-slider .overlay.overlay-hugeinc .wrapper {
  overflow-x: hidden;
  padding-top: 80px;
}
.mobile-nav-slider .overlay.overlay-hugeinc .wrapper ul {
  zoom: 1;
  filter: alpha(opacity=40);
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -webkit-transform: perspective(2000px) translateY(-25%) rotateX(55deg);
  transform: perspective(2000px) translateY(-25%) rotateX(55deg);
  transition: -webkit-transform 0.5s,transform 0.5s, opacity 0.5s;
}
@media screen and (max-height: 30.5em) {
  .mobile-nav-slider .overlay.overlay-hugeinc .wrapper {
    font-size: 34px;
  }
  .mobile-nav-slider .overlay.overlay-hugeinc .wrapper ul li {
    min-height: 34px;
  }
}
.mobile-nav-slider .overlay.overlay-hugeinc.open {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s;
}
.mobile-nav-slider .overlay.overlay-hugeinc.open .wrapper ul {
  opacity: 1;
  -webkit-transform: perspective(2000px) rotateX(0deg);
  transform: perspective(2000px) rotateX(0deg);
}
.mobile-nav-slider .overlay.overlay-hugeinc.close {
  font-size: inherit;
  line-height: inherit;
}
.mobile-nav-slider .overlay.overlay-hugeinc.close .wrapper ul {
  -webkit-transform: perspective(2000px) translateY(25%) rotateX(-55deg);
  transform: perspective(2000px) translateY(25%) rotateX(-55deg);
}
.mobile-nav-slider .wrapper .navigation {
  padding: 0 0 10px;
  text-align: center;
}
.mobile-nav-slider .wrapper .navigation li {
  display: block;
  margin: 0 0 30px;
}
.mobile-nav-slider .wrapper .navigation li a {
  font-size: 16px;
  color: #354051;
  line-height: 22px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
}
.mobile-nav-slider .wrapper .navigation li a.gtm-try-bime {
  color: white;
}
@media (min-width: 768px) {
  .mobile-nav-slider .wrapper .navigation li a {
    font-size: 20px;
    line-height: 30px;
  }
}
.random-header-color {
  transition: background-color 1s;
}
.main-nav-wrapper {
  display: none;
  z-index: 30;
  width: 100%;
  padding-top: 42px;
  position: absolute;
  transition: background-color 0.5s, padding-top 0.5s;
  background-color: transparent;
}
.main-nav-wrapper.fixed,
.main-nav-wrapper.force-fixed {
  position: fixed;
  padding-top: 20px;
  z-index: 1002;
  background-color: #fcfdfd;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0980392);
}
.main-nav-wrapper.fixed .menu-wrapper .nav-brand,
.main-nav-wrapper.force-fixed .menu-wrapper .nav-brand {
  margin-top: -10px;
  margin-bottom: -15px;
}
.main-nav-wrapper.fixed .menu-wrapper .menu-nav,
.main-nav-wrapper.force-fixed .menu-wrapper .menu-nav {
  top: 3px;
}
.main-nav-wrapper.fixed .menu-wrapper .menu-nav ul li a:not(.cta),
.main-nav-wrapper.force-fixed .menu-wrapper .menu-nav ul li a:not(.cta) {
  color: #2F353E;
}
.main-nav-wrapper.fixed .menu-wrapper .menu-nav ul li a:not(.cta).secondary-nav span svg g,
.main-nav-wrapper.force-fixed .menu-wrapper .menu-nav ul li a:not(.cta).secondary-nav span svg g {
  fill: #2F353E;
}
.main-nav-wrapper.fixed .menu-wrapper .menu-nav-alt,
.main-nav-wrapper.force-fixed .menu-wrapper .menu-nav-alt {
  display: none;
  color: #2F353E;
}
.main-nav-wrapper.fixed .menu-wrapper .menu-nav-alt ul li a,
.main-nav-wrapper.force-fixed .menu-wrapper .menu-nav-alt ul li a,
.main-nav-wrapper.fixed .menu-wrapper .menu-nav-alt .lang,
.main-nav-wrapper.force-fixed .menu-wrapper .menu-nav-alt .lang {
  color: #2F353E;
}
.main-nav-wrapper.fixed .menu-wrapper .menu-nav-alt ul li a:hover,
.main-nav-wrapper.force-fixed .menu-wrapper .menu-nav-alt ul li a:hover,
.main-nav-wrapper.fixed .menu-wrapper .menu-nav-alt .lang:hover,
.main-nav-wrapper.force-fixed .menu-wrapper .menu-nav-alt .lang:hover,
.main-nav-wrapper.fixed .menu-wrapper .menu-nav-alt ul li a:focus,
.main-nav-wrapper.force-fixed .menu-wrapper .menu-nav-alt ul li a:focus,
.main-nav-wrapper.fixed .menu-wrapper .menu-nav-alt .lang:focus,
.main-nav-wrapper.force-fixed .menu-wrapper .menu-nav-alt .lang:focus {
  color: #2F353E !important;
}
@media (min-width: 992px) {
  .main-nav-wrapper {
    display: block;
  }
}
.main-nav-wrapper .menu-wrapper {
  position: relative;
  display: block;
}
.main-nav-wrapper .menu-wrapper .nav-brand {
  margin-right: 20px;
  width: 128px;
}
.main-nav-wrapper .menu-wrapper .nav-brand svg {
  margin-left: -15px;
  margin-top: -11px;
}
.main-nav-wrapper .menu-wrapper .menu-nav-alt {
  top: -30px;
  right: 0;
  padding-right: 2px;
}
.main-nav-wrapper .menu-wrapper .menu-nav {
  position: absolute;
  right: 0;
  top: 10px;
  display: block;
  background: none;
  width: auto;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li {
  display: inline-block;
  margin: 0 15px;
  padding-bottom: 8px;
  padding-top: 8px;
  position: relative;
  vertical-align: middle;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li a {
  color: white;
  cursor: pointer;
  display: block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
  padding: 3px 0px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li a:hover {
  color: white;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li a:after {
  bottom: 0;
  content: '';
  position: absolute;
  top: 11px;
  transition: all 0.2s ease-in-out;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li.more {
  cursor: pointer;
  display: inline-block;
  transition: all 0.2s ease;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li.more .dropdown-nav {
  background: white;
  position: absolute;
  margin-top: 10px;
  z-index: 1002;
  margin-left: -35px;
  visibility: hidden;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.28);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  transition: opacity 0.5s, visibility 0.5s;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li.more .dropdown-nav ul {
  float: left;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li.more .dropdown-nav ul li {
  overflow: auto;
  display: block;
  padding: 6px 20px;
  margin: 0 !important;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li.more .dropdown-nav ul li a {
  margin-left: 0;
  color: #787e81;
  padding: 7.5px 4px;
  display: block;
  float: left;
  clear: both;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1em;
  text-decoration: none;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li.more .dropdown-nav ul li a:hover {
  color: #202630;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li.more .dropdown-nav ul li:focus {
  background-color: #ebebeb;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li.more .dropdown-nav ul li:focus a {
  color: #45494d;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li.more .dropdown-nav:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li.more a:hover + .dropdown-nav,
.main-nav-wrapper .menu-wrapper .menu-nav ul li.more .dropdown-nav:hover,
.main-nav-wrapper .menu-wrapper .menu-nav ul li.more .dropdown-nav.appear {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  display: block;
  -webkit-animation: bouncy 0.3s 1;
  animation: bouncy 0.3s 1;
  z-index: 300;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li.more a.secondary-nav > span {
  float: right;
  margin-left: 8px;
  width: 10px;
  height: 12px;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li.more a.secondary-nav > span svg g {
  fill: #fff;
  zoom: 1;
  filter: alpha(opacity=70);
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul li.more a.secondary-nav:hover > span svg g {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul .signup {
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  margin-right: 0;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul .signup a {
  font-size: 13px;
  font-weight: 600;
  padding: 11px 15px;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul .signup a:hover {
  border-bottom: none;
}
.main-nav-wrapper .menu-wrapper .menu-nav ul .signup a:after {
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.header {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 1001;
  width: 100%;
  height: 70px;
  transition: background-color 0.5s;
}
.header.fixed,
.header.force-fixed {
  background-color: #fcfdfd;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0980392);
}
.header.fixed nav.mobile-nav .menu-trigger .mobile-nav-ctrl .icon-trigger path,
.header.force-fixed nav.mobile-nav .menu-trigger .mobile-nav-ctrl .icon-trigger path {
  fill: #2F353E;
}
@media (min-width: 992px) {
  .header {
    display: none;
  }
}
.header nav.mobile-nav .nav-brand {
  float: left;
  width: 100px;
  padding: 20px 0;
}
.header nav.mobile-nav .nav-brand svg {
  margin-left: -15px;
  margin-top: -11px;
}
.header nav.mobile-nav .menu-trigger {
  float: right;
  padding: 20px 0px;
  width: 28px;
}
.header nav.mobile-nav .menu-trigger .mobile-nav-ctrl {
  cursor: pointer;
  position: absolute;
  z-index: 200;
  width: 28px;
}
.header nav.mobile-nav .menu-trigger .mobile-nav-ctrl .icon-trigger {
  width: 100%;
}
.header nav.mobile-nav .menu-trigger .mobile-nav-ctrl .icon-trigger path {
  fill: #fff;
}
/**********
***
***	End Main header mobile + tablet
***
***********/
.body-wrapper {
  position: relative;
  width: 100%;
  transition: all 0.2s ease;
  left: 0;
  top: 0;
}
.introWrap {
  padding: 90px 0 0;
}
@media (min-width: 768px) {
  .introWrap {
    padding: 150px 0 0;
  }
}
.introWrap .tagline {
  font-size: 32px;
  line-height: 42px;
  font-weight: 600;
  color: white;
}
@media (min-width: 768px) {
  .introWrap .tagline {
    font-size: 42px;
    line-height: 52px;
    padding-bottom: 10px;
    font-weight: 600;
    color: white;
  }
}
.introWrap .subline {
  color: white;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .introWrap .subline {
    max-width: 75%;
  }
}
.body-wrapper .hero-main {
  z-index: 0;
  position: relative;
  text-align: center;
  background-color: white;
}
.body-wrapper .hero-main .hero-text {
  margin: 0 auto;
  z-index: 20;
  position: relative;
  text-align: center;
  transition: all 1s;
}
.body-wrapper .hero-main .hero-text .tagline {
  color: #2d2d2d;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 600;
  transition: all 1s;
}
.body-wrapper .hero-main .hero-text .subline {
  color: #707179;
  padding-bottom: 15px;
  font-size: 21xxpx;
  transition: all 1s;
}
.body-wrapper #how-it-works {
  line-height: 48px;
}
.body-wrapper #how-it-works h1 {
  font-size: 40px;
  text-align: center;
}
.body-wrapper #how-it-works h3 {
  margin-bottom: 30px;
}
.body-wrapper #how-it-works .pitch {
  margin: 50px auto;
  margin-bottom: 45px;
  max-width: 56vw;
  text-align: center;
  line-height: 1.7;
}
.body-wrapper #how-it-works .use-case-card {
  background-color: #fff;
  text-align: center;
  border-radius: 5px;
  margin: 5px;
  overflow: hidden;
  position: relative;
}
.body-wrapper #how-it-works .use-case-card .icon {
  margin-top: 20px;
}
.body-wrapper #how-it-works .use-case-card h3 {
  font-weight: 500;
}
.body-wrapper #how-it-works .use-case-card .icon,
.body-wrapper #how-it-works .use-case-card h3,
.body-wrapper #how-it-works .use-case-card p {
  margin-left: 20px;
  margin-right: 20px;
}
.body-wrapper #how-it-works .more {
  text-align: center;
}
.body-wrapper #how-it-works p {
  line-height: 20px;
}
.body-wrapper #how-it-works .icon {
  margin-top: 50px;
  margin-bottom: 30px;
}
.body-wrapper #how-it-works .icon svg,
.body-wrapper #how-it-works .icon img {
  width: 110px;
}
.body-wrapper #how-it-works .icon svg#marketing-teams circle,
.body-wrapper #how-it-works .icon svg#marketing-teams line {
  fill: none;
  stroke: #54c4ab;
  stroke-width: 5;
  stroke-miterlimit: 10;
}
.body-wrapper #how-it-works .icon svg#sales-teams circle {
  fill: none;
  stroke: #54c4ab;
  stroke-width: 5;
  stroke-miterLimit: 10;
}
.body-wrapper #how-it-works .icon svg#sales-teams path,
.body-wrapper #how-it-works .icon svg#sales-teams line {
  fill: none;
  stroke: #54c4ab;
  stroke-width: 5;
  stroke-line-cap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.body-wrapper #how-it-works .icon svg#data-teams rect,
.body-wrapper #how-it-works .icon svg#data-teams polygon,
.body-wrapper #how-it-works .icon svg#data-teams polyline {
  fill: none;
  stroke: #54c4ab;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.body-wrapper #how-it-works .icon svg#data-teams line,
.body-wrapper #how-it-works .icon svg#data-teams path {
  fill: none;
  stroke: #54c4ab;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.body-wrapper #how-it-works .icon svg#data-teams circle {
  fill: none;
  stroke: #54c4ab;
  stroke-width: 5;
  stroke-miterlimit: 10;
}
.body-wrapper .more-connector {
  text-align: center;
}
.body-wrapper .more-connector .btn-css-overide {
  font-family: "din-next-rounded";
  color: white !important;
  background: #54c4ab;
  padding: 15px 36px;
  font-weight: 600;
  border-radius: 5px;
}
.body-wrapper #quote .more-connector,
.body-wrapper #connect-module .more-connector {
  padding: 15px;
}
.body-wrapper #quote {
  padding: 75px 0;
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/home/pack-send.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.body-wrapper #quote .container {
  background: rgba(255, 255, 255, 0.9);
  width: auto;
}
.body-wrapper #quote .container .quote-content .quote-text {
  margin-bottom: 30px;
}
.body-wrapper #quote .container .quote-content .quote-text h2,
.body-wrapper #quote .container .quote-content .quote-text p {
  color: #2e3240;
}
.body-wrapper #quote .container .quote-content .quote-text h2 {
  text-align: center;
  font-size: 26px;
  max-width: 726px;
  margin-left: auto;
  margin-right: auto;
}
.body-wrapper #quote .container .quote-content .quote-text p {
  text-align: center;
}
.body-wrapper #quote .container .quote-content .more-connector {
  padding-bottom: 40px;
}
.body-wrapper #quote .container .quote-content .bottom-text h1 {
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: -4px !important;
  margin-top: 14px;
}
.body-wrapper #quote .container .quote-content .bottom-text p {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.body-wrapper #quote .container .quote-content .quote-author {
  margin-top: 55px;
  margin-bottom: 14px;
  width: 132px;
  margin-left: auto;
  margin-right: auto;
}
.body-wrapper #quote .container .quote-content .profile-photo {
  width: 112px;
  margin-left: auto;
  margin-right: auto;
}
.body-wrapper #quote .container .quote-content .cta .btn {
  background: #59C3AB;
  color: white;
  margin-bottom: 20px;
}
.body-wrapper #quote .container .quote-content .cta .btn:hover {
  background: #308672;
}
#connect-module {
  padding-bottom: 80px;
}
#connect-module .data-source-img {
  max-width: 524px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 42px;
  padding-bottom: 12px;
}
#connect-module .connector-text {
  text-align: center;
  padding-bottom: 40px;
}
#connect-module .connector-text h1 {
  font-size: 1.9em;
  max-width: 354px;
  margin-left: auto;
  margin-right: auto;
}
#connect-module .connector-text p {
  font-size: 1em;
  max-width: 430px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
  margin-top: 26px;
}
#home-video {
  position: relative;
}
#home-video > .spacer {
  display: block;
  content: "";
  width: 100%;
}
@media (min-width: 992px), (max-width: 992px) {
  #home-video > .spacer {
    padding-top: 45%;
  }
}
@media (min-width: 1200px) {
  #home-video > .spacer {
    padding-top: 37.5%;
  }
}
@media (min-width: 1900px) {
  #home-video > .spacer {
    padding-top: 30%;
  }
}
@media (max-width: 768px) {
  #home-video > .spacer {
    padding-top: 56.25%;
  }
}
#home-video.video-shown .connector-text h1,
#home-video.video-shown .connector-text h3 {
  pointer-events: none;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-300px);
  transform: translateY(-300px);
}
#home-video.video-shown .connector-text .button {
  pointer-events: none;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: scaleX(2) translateY(300px);
  transform: scaleX(2) translateY(300px);
}
#home-video .tour-video {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#home-video .background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#home-video .background-video video {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#home-video .connector-text {
  position: absolute;
  color: white;
  top: 45%;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#home-video .connector-text h1,
#home-video .connector-text h3 {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  transition: opacity 150ms ease-in-out,-webkit-transform 150ms ease-in-out,transform 150ms ease-in-out;
}
#home-video .connector-text .button {
  cursor: pointer;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  transition: opacity 150ms ease-in-out,-webkit-transform 150ms ease-in-out,transform 150ms ease-in-out;
}
@media (min-width: 992px), (max-width: 992px) {
  #home-video .connector-text .button {
    width: 49px;
    height: 100px;
    -webkit-transform: scaleX(2) translateY(25px);
    transform: scaleX(2) translateY(25px);
  }
}
@media (min-width: 1200px) {
  #home-video .connector-text .button {
    width: 74px;
    height: 150px;
    -webkit-transform: scaleX(2) translateY(25px);
    transform: scaleX(2) translateY(25px);
  }
}
@media (max-width: 768px) {
  #home-video .connector-text .button {
    width: 37px;
    height: 76px;
    -webkit-transform: scaleX(2) translateY(15px);
    transform: scaleX(2) translateY(15px);
  }
}
#home-video .connector-text .button .circle {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
#home-video .connector-text .button .circle .arrow {
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-35%, -50%);
  transform: translate(-35%, -50%);
}
@media (min-width: 992px), (max-width: 992px) {
  #home-video .connector-text .button .circle .arrow {
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid black;
  }
}
@media (min-width: 1200px) {
  #home-video .connector-text .button .circle .arrow {
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid black;
  }
}
@media (max-width: 768px) {
  #home-video .connector-text .button .circle .arrow {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid black;
  }
}
body.smartling-fr .body-wrapper #how-it-works .use-case-card {
  min-height: none;
  height: 370px;
  overflow: visible;
}
body.smartling-fr .body-wrapper #how-it-works .use-case-card p {
  position: absolute;
  top: 70%;
}
.body-wrapper #how-it-works .use-case-card {
  min-height: 375px;
}
.body-wrapper:not(#home) .hero-main {
  padding: 150px 0 50px;
}
.body-wrapper .hero-main {
  position: relative;
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/home/mockup-main-bg.jpg');
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  padding-top: 8%;
  padding-bottom: 25%;
}
.body-wrapper .hero-main .hero-text {
  position: relative;
  margin: 0 auto;
  z-index: 20;
  text-align: center;
}
@media (max-width: 767px) {
  .body-wrapper .hero-main {
    padding-top: 15%;
    padding-bottom: 55%;
  }
}
@media (min-width: 768px) {
  .body-wrapper .hero-main {
    padding-top: 20%;
    padding-bottom: 50%;
  }
}
@media (min-width: 992px) {
  .body-wrapper .hero-main {
    padding-top: 8%;
    padding-bottom: 25%;
  }
}
#logo-customers-hero {
  padding: 17px 0;
  background: #f9f9fa;
}
#logo-customers-hero h2 {
  text-transform: uppercase;
  color: #787e81;
  padding: 0;
  text-align: center;
  line-height: 1.2;
  position: relative;
  margin: 10px 0 0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.5px;
}
#logo-customers-hero .customers-home {
  position: relative;
  width: 100%;
  padding-top: 10px;
}
#logo-customers-hero .customers-home img {
  height: 100%;
  width: 100%;
  padding: 0 5px;
}
#logo-customers-hero .customers-home img.flat {
  padding: 0;
}
@media (max-width: 767px) {
  #logo-customers-hero .customers-home img {
    padding: 0 10px;
  }
}
@media (min-width: 768px) {
  #logo-customers-hero .customers-home img {
    padding: 0 12px;
  }
}
@media (min-width: 992px) {
  #logo-customers-hero .customers-home img {
    padding: 0 42px;
  }
  #logo-customers-hero .customers-home img.flat {
    padding: 0 20px;
  }
}
@media (min-width: 1200px) {
  #logo-customers-hero .customers-home img {
    padding: 0 58px;
  }
}
#logo-customers-hero .customers-home .row > div {
  height: 100px;
  text-align: center;
  width: 20%;
}
@media (max-width: 767px) {
  #logo-customers-hero .customers-home .row > div {
    width: 33.33333333%;
  }
  #logo-customers-hero .customers-home .row > div:nth-child(4),
  #logo-customers-hero .customers-home .row > div:nth-child(5) {
    width: 50%;
  }
  #logo-customers-hero .customers-home .row > div:nth-child(4) > img,
  #logo-customers-hero .customers-home .row > div:nth-child(5) > img {
    width: 65%;
  }
  #logo-customers-hero .customers-home .row > div:nth-child(4) > img {
    float: right;
  }
  #logo-customers-hero .customers-home .row > div:nth-child(5) > img {
    float: left;
  }
}
@media (min-width: 992px) {
  #integration .integration-pic {
    margin-top: 35px;
  }
  #integration .section-title {
    text-align: left;
  }
  #integration .section-title .subtitle-text {
    margin-top: 25px;
    max-width: 100%;
  }
}
.step-desc h2 {
  color: #202630;
}
#home .schedule-demo {
  display: inline-block;
  margin-bottom: 55px;
}
@media (max-width: 767px) {
  #home .schedule-demo {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  #home .schedule-demo {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .step-desc {
    height: 100vh;
  }
  .step-desc .step-desc-inner {
    padding: 20px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.image-card {
  margin-bottom: 40px;
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  background-color: white;
}
.image-card .card-thumbnail {
  border-radius: 4px 4px 0 0;
}
.image-card .card-thumbnail img {
  padding: 10px 10px 0 10px;
}
.image-card .card-title {
  padding: 15px 10px;
  text-align: center;
  margin-bottom: 30px;
}
.image-card .card-title h2 {
  line-height: 1.2;
  position: relative;
  transition: all 0.2s ease-in-out;
  margin: 10px 0 0;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #202630;
  letter-spacing: 1.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.image-card .card-title p {
  line-height: 16px;
  position: relative;
  transition: all 0.2s ease-in-out;
  margin: 6px 0 0;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #000000;
  letter-spacing: 1.5px;
  opacity: .5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.impala {
  font-size: 20px;
}
.impala .cover {
  background: #0A1E43;
  overflow: hidden;
}
.impala .cover .main-title-connector h1 {
  font-size: 101px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 1.6;
  color: white;
}
.impala .cover .main-title-connector .text-center {
  display: inline-block;
  margin: auto;
  background: #00b4ff;
}
.impala .cover .main-title-connector h2 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  margin-top: 3px;
  margin-bottom: 3px;
  line-height: 1.2;
  text-align: center;
  color: #ffffff;
  padding: 10px 20px;
  letter-spacing: 0.6px;
}
.impala .cover .city {
  top: 0px;
  position: absolute;
  width: 100%;
  /* margin-bottom: 0; */
  margin-top: -229px;
  overflow: hidden;
}
.impala .cover .layer_2 {
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.impala .cover svg {
  height: 100%;
}
.impala .cover svg path,
.impala .cover svg line,
.impala .cover svg polyline {
  stroke: #00b4ff;
  stroke-width: 1.2px;
  width: 100%;
}
.impala .cover svg path {
  fill: transparent;
}
.impala .cover .text {
  display: none;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 0;
  padding-top: 20%;
  padding-bottom: 60px;
}
#impala-opening {
  padding: 84px 0;
  text-align: left;
  position: relative;
}
#impala-opening p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#impala-opening .impala-opening-pic {
  max-width: 348px;
  margin: 0px auto 20px;
}
#impala-opening .main-pitch {
  font-size: 44px;
  line-height: 56px;
  font-weight: 200;
  letter-spacing: 0;
}
#impala-package {
  padding: 90px 0;
  text-align: left;
  position: relative;
}
#impala-package .impala-package-description {
  margin-top: 10px;
}
#impala-package .impala-package-description p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#impala-package .impala-package-pic {
  max-width: 275px;
  margin: 24px auto 0;
  width: 275px;
}
#impala-package .impala-package-pic img {
  width: 100%;
}
#quote {
  background-color: #F7F7F7;
}
@media (min-width: 768px) {
  #impala .hero-main .hero-main-inner {
    margin-top: 190px;
  }
  #impala .hero-main .main-title-connector h1 {
    font-size: 80px;
  }
  #impala .hero-main .main-title-connector p {
    font-size: 18px;
  }
  #impala .hero-main .main-pitch {
    font-size: 38px;
    line-height: 56px;
    font-weight: 200;
    letter-spacing: 0;
  }
  #impala .hero-main .connector-img {
    width: 130px;
  }
  #impala-cloud {
    padding: 90px 0;
    text-align: center;
    background-color: #00b4ff;
  }
  #impala-cloud .impala-cloud-pic {
    max-width: 348px;
    margin: -11px auto;
    width: 348px;
  }
  #impala-cloud img {
    width: 100%;
  }
  #impala-cloud img .main-pitch {
    color: #ffffff;
    font-size: 36px;
    line-height: 42px;
    font-weight: 200;
    letter-spacing: 0;
  }
  #impala-cloud img p {
    color: white;
  }
}
#impala-opening {
  padding: 84px 0;
  text-align: center;
  position: relative;
}
#impala-opening p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#impala-opening .impala-opening-pic {
  max-width: 550px;
  margin: 0px auto 20px;
}
#impala-opening .main-pitch {
  font-size: 38px;
  line-height: 56px;
  font-weight: 200;
  letter-spacing: 0;
}
#impala-package {
  padding: 90px 0;
  text-align: center;
  position: relative;
}
#impala-package .impala-package-description {
  margin-top: 10px;
}
#impala-package .impala-package-description p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#impala-package .impala-package-description .main-pitch {
  font-size: 38px;
  line-height: 56px;
  font-weight: 200;
  letter-spacing: 0;
}
@media (min-width: 992px) {
  #impala-cloud {
    background-color: #00b4ff;
    padding: 110px 0;
    text-align: left;
    position: relative;
  }
  #impala-cloud .impala-cloud-description {
    margin-top: -16px;
  }
  #impala-cloud .impala-cloud-description h1 {
    font-size: 38px;
    line-height: 56px;
    font-weight: 200;
    letter-spacing: 0;
    color: white;
  }
  #impala-cloud .impala-cloud-description p {
    font-size: 18px;
    font-weight: normal;
    color: white;
  }
  #impala-cloud .main-pitch {
    font-size: 38px;
    line-height: 56px;
    font-weight: 200;
    letter-spacing: 0;
  }
  #impala-cloud .impala-cloud-pic {
    max-width: 348px;
    margin: 11px auto;
  }
  #impala-cloud img {
    width: 100%;
  }
}
#impala-opening {
  padding: 84px 0;
}
.main-pitch {
  font-size: 36px;
  line-height: 42px;
  font-weight: 200;
  letter-spacing: 0;
}
#impala-package {
  padding: 120px 0;
  text-align: left;
}
#impala-package .impala-package-description {
  margin-top: 10px;
}
#impala-package .impala-package-pic {
  max-width: 320px;
  margin: 24px auto 0;
}
#impala-package .impala-package-pic img {
  width: 100%;
}
#testimonial-customers .description-customers {
  max-width: 91%;
  margin: 0 auto;
}
#testimonial-customers .description-customers p {
  text-align: center;
  font-size: 30px;
  color: #202630;
  line-height: 44px;
  letter-spacing: -1px;
  font-weight: bold;
}
.learn-more-cards .cards-inner .card-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin-bottom: 80px;
  text-align: center;
}
.learn-more-cards .cards-inner .card-wrapper .card-bg {
  display: table;
  padding: 30px 0 8px;
  width: 100%;
  min-height: 118px;
}
.learn-more-cards .cards-inner .card-wrapper .card-bg .card-icon {
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
}
.learn-more-cards .cards-inner .card-wrapper .card-bg .card-icon img {
  max-width: 150px;
  max-height: 80px;
}
.learn-more-cards .cards-inner .card-wrapper .card-name {
  padding-bottom: 30px;
}
.learn-more-cards .cards-inner .card-wrapper .card-name h5 {
  font-size: 18px;
  font-weight: 400;
  color: #202630;
  margin-top: 0;
  min-height: 60px;
  padding-top: 20px;
}
.learn-more-cards .cards-inner .card-wrapper .card-name p {
  line-height: 1.5em;
  padding: 0 18px 20px;
  min-height: 95px;
}
@media (min-width: 768px) {
  .learn-more-cards .cards-inner .card-wrapper {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    width: calc(50% - 20px);
  }
}
@media (min-width: 992px) {
  .learn-more-cards .cards-inner .card-wrapper {
    width: calc(25% - 20px);
  }
}
/**********
***
*** Library
***
***********/
.LibraryHeader {
  overflow: hidden;
  position: relative;
  height: 340px;
  background-color: #354051;
  width: 100%;
  text-align: center;
}
.LibraryHeader .introWrap .subline {
  margin: 0 auto;
  max-width: 77%;
}
@media (min-width: 768px) {
  .LibraryHeader {
    height: 400px;
  }
}
.linkedin {
  /* Firefox < 16 */
  /* Safari, Chrome and Opera > 12.1 */
  /* Internet Explorer */
  /* Opera < 12.1 */
}
.linkedin .linkedin-intro {
  text-align: center;
}
.linkedin .linkedin-intro .linkedin-background {
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/linkedin/networking_hero_image.jpg') center;
  text-align: center;
  background-size: cover;
  height: 100vh;
  color: white;
  margin-top: 0px;
  min-width: 75%;
  min-height: 75%;
}
.linkedin #cover-header {
  overflow: hidden;
  -webkit-animation: fadein 2s;
  animation: fadein 2s;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.linkedin .connector-img {
  padding-top: 14%;
  vertical-align: middle;
}
.linkedin .main-title h1 {
  color: #fffcf5;
  font-size: 80px;
  font-weight: 900;
  letter-spacing: 3px;
}
.linkedin .main-title p {
  font-size: 18px;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #fffcf5;
  letter-spacing: 0.5px;
}
.linkedin #introduction {
  position: relative;
  background-color: #f7f7f7;
}
.linkedin #introduction p {
  font-size: 30px;
  font-weight: 300;
  text-align: center;
  color: #202630;
  line-height: 1.7;
  padding-bottom: 30px;
  letter-spacing: .4px;
}
.linkedin #block-one {
  text-align: center;
}
.linkedin #block-one h1 {
  font-size: 36px;
  line-height: 42px;
  font-weight: 200;
  letter-spacing: 0;
  color: #202630;
}
.linkedin #block-one p {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  color: #202630;
  line-height: 24px;
  letter-spacing: 0px;
}
.linkedin #block-two {
  text-align: center;
  background-color: #f7f7f7;
}
.linkedin #block-two h1 {
  font-size: 36px;
  line-height: 42px;
  font-weight: 200;
  letter-spacing: 0;
  color: #202630;
}
.linkedin #block-two p {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  color: #202630;
  line-height: 24px;
  letter-spacing: 0px;
}
.linkedin #block-three {
  text-align: center;
  background-color: #f7f7f7;
}
.linkedin #block-three h1 {
  font-size: 36px;
  line-height: 42px;
  font-weight: 200;
  letter-spacing: 0;
  color: #202630;
}
.linkedin #block-three p {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  color: #202630;
  line-height: 24px;
  letter-spacing: 0px;
}
#login-content .login-header {
  overflow: hidden;
  border-bottom: solid 1px #d0d5d8;
  position: relative;
  height: 340px;
  background-color: #354051;
  width: 100%;
  text-align: center;
}
#login-content .login-text {
  margin: 30px 0;
}
#login-content .form-login-inline > * {
  margin-bottom: 30px;
}
#MailchimpHeader {
  margin-bottom: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  color: white;
  text-align: center;
}
#MailchimpHeader .hero-main {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#MailchimpHeader .hero-main .hero-main-inner {
  margin-top: 115px;
}
#MailchimpHeader .hero-main .main-title-connector {
  text-align: center;
}
#MailchimpHeader .hero-main .main-title-connector h1 {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 32px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#MailchimpHeader .hero-main .main-title-connector p {
  font-size: 16px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#MailchimpHeader .hero-main .connector-img {
  width: 80px;
  margin: 0 auto;
}
#MailchimpHeader .hero-main .connector-img img {
  width: 100%;
}
.bg-mailchimp {
  text-align: center;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/mail-chimp/mailchimp-hero.jpg') center;
  background-size: cover;
  position: absolute;
}
@media (min-width: 768px) {
  #MailchimpHeader .hero-main .hero-main-inner {
    margin-top: 190px;
  }
  #MailchimpHeader .hero-main .main-title-connector {
    text-align: center;
  }
  #MailchimpHeader .hero-main .main-title-connector h1 {
    font-size: 80px;
  }
  #MailchimpHeader .hero-main .main-title-connector p {
    font-size: 18px;
  }
  #MailchimpHeader .hero-main .connector-img {
    width: 115px;
  }
}
#block-one {
  text-align: left;
  position: relative;
  background-color: #fff;
}
#block-one h1 {
  font-size: 48px;
  color: #202630;
  font-weight: 300;
  line-height: 52px;
  letter-spacing: 0px;
  margin-bottom: 38px;
  margin-top: 25px;
  text-align: center;
}
#block-one p {
  font-size: 22px;
  font-weight: 300;
  text-align: center;
  color: #202630;
  line-height: 2;
}
#block-two {
  text-align: left;
  position: relative;
  background-color: #f2f2f2;
}
#block-two h1 {
  font-size: 48px;
  color: #202630;
  font-weight: 300;
  line-height: 52px;
  letter-spacing: 0px;
  margin-bottom: 38px;
  margin-top: 25px;
  text-align: center;
}
#block-two p {
  font-size: 22px;
  font-weight: 300;
  text-align: center;
  color: #202630;
  line-height: 2;
  padding-bottom: 65px;
}
#block-three {
  text-align: left;
  position: relative;
  background-color: #fff;
}
#block-three h1 {
  font-size: 48px;
  color: #202630;
  font-weight: 300;
  line-height: 52px;
  letter-spacing: 0px;
  margin-bottom: 38px;
  margin-top: 25px;
  text-align: center;
}
#block-three p {
  font-size: 22px;
  font-weight: 300;
  text-align: center;
  color: #202630;
  line-height: 2;
}
@media (max-width: 767px) {
  .mail-chimp .mail-chimp-intro .main-title h1 {
    font-weight: 200;
    line-height: 0.95;
    font-size: 61px;
    margin-top: 35%;
  }
  .mail-chimp .mail-chimp-intro .main-title p {
    display: none;
    visibility: hidden;
  }
}
#cover-header {
  margin-top: 0px !important;
}
.section-hero {
  text-align: center;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/map/map_header.png') center;
  background-size: cover;
}
.map-intro {
  height: 100vh !important;
  color: #00b4ff;
}
.map-intro .main-title {
  margin-top: 330px;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 5px;
}
.map-intro .main-title h1 {
  font-weight: 600;
  line-height: 0.95;
  background-color: #202630;
  display: inline-block;
  padding: 10px 20px;
  color: white;
}
.map-intro .main-subtitle {
  text-align: center;
}
.map-intro .main-subtitle p {
  font-size: 23px;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 33px;
  font-weight: bold;
  background-color: white;
  display: inline-block;
  padding: 5px 20px;
  color: #202630;
}
.map-intro .container {
  text-align: left;
  height: 100%;
}
.white {
  color: white;
}
#definition {
  padding: 95px 0;
}
#definition .pachaman {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
#definition .pachaman p {
  text-align: center;
  font-size: 12px;
  letter-spacing: 0;
}
#definition p {
  text-align: center;
  font-size: 34px;
  line-height: 48px;
  letter-spacing: -1px;
  font-weight: bold;
  color: #202630;
}
#ease-and-speed {
  border-top: 1px solid #f2f2f1;
  padding: 150px 0;
}
#ease-and-speed .ease-and-speed-content {
  margin-top: 50px;
}
#ease-and-speed .ease-and-speed-content p {
  padding: 55px 0 0 80px;
  text-align: left;
  font-size: 18px;
  line-height: 1.2;
}
#map-background {
  position: relative;
  background-color: #354051;
}
#map-background .title-section {
  text-align: center !important;
  color: white;
}
#map-background .map-background-pic {
  text-align: center;
}
#tile-style {
  position: relative;
}
#tile-style .map-bg {
  height: 600px;
  width: 100%;
}
#tile-style .map {
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/map/light.png') center;
  background-size: cover;
}
#tile-style .sattelite-map {
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/map/satelite.png') center;
  background-size: cover;
}
#tile-style .pencil-map {
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/map/pencil.png') center;
  background-size: cover;
}
#tile-style .dark-map {
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/map/dark.png') center;
  background-size: cover;
}
#tile-style .street-map {
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/map/street.png') center;
  background-size: cover;
}
#tile-style .contain {
  position: relative;
}
#tile-style .map-description {
  position: absolute;
  bottom: 70px;
  left: 70px;
}
#tile-style .map-description .map-title {
  padding: 1px 15px;
  background-color: black;
  color: white;
  display: inline-block;
}
#tile-style .map-description .map-title h3 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-top: 10px;
}
#tile-style .map-description .description-p {
  background-color: white;
  padding: 10px 15px;
  width: 450px;
}
#tile-style .map-description .description-p p {
  margin-bottom: 0;
}
#clustering {
  text-align: center;
}
#clustering .title-section .sub {
  font-size: 20px;
}
#clustering .advantages {
  margin-top: 20px;
}
#clustering .advantages .advantages-title {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-top: 1.25em;
}
#clustering .advantages .advantages-content {
  margin: 10px 20px 100px;
  clear: both;
  font-size: 18px;
}
#clustering-example {
  border-top: 1px solid #ECECEC;
  text-align: center;
}
#clustering-example .title-section .sub {
  font-size: 20px;
}
#clustering-example .dashboard-example .hdashboard-pic {
  width: 100%;
}
#clustering-example .dashboard-text {
  margin-top: 75px;
  text-align: center;
}
#clustering-example .dashboard-text h3 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 5px;
}
#clustering-example .dashboard-text p {
  font-size: 18px;
  line-height: 1.2;
  color: #505656;
  margin-bottom: 50px;
}
#heatmap {
  background-color: #f7f7f7;
}
#heatmap .heatmap-example .heatmap-pic {
  width: 100%;
}
#heatmap .heatmap-text {
  text-align: center;
}
#heatmap .heatmap-text h3 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 5px;
}
#heatmap .heatmap-text p {
  font-size: 18px;
  line-height: 1.2;
  color: #505656;
  margin-bottom: 50px;
}
#conclusion {
  padding: 95px 0;
}
#conclusion .pachaman {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
#conclusion .pachaman p {
  text-align: center;
  font-size: 12px;
  letter-spacing: 0;
}
#conclusion p {
  text-align: center;
  font-size: 34px;
  line-height: 48px;
  letter-spacing: -1px;
  font-weight: bold;
  color: #202630;
}
.shape {
  text-shadow: #e2a625 1px 1px, #e2a625 2px 2px, #e2a625 3px 3px, #e2a625 4px 4px, #e2a625 5px 5px, #e2a625 6px 6px, #e2a625 7px 7px, #e2a625 8px 8px, #e2a625 9px 9px, #e2a625 10px 10px, #e2a625 11px 11px, #e2a625 12px 12px, #e2a625 13px 13px, #e2a625 14px 14px, #e3a625 15px 15px, #e4a725 16px 16px, #e5a825 17px 17px, #e6a925 18px 18px, #e7aa25 19px 19px, #e9ab26 20px 20px, #eaac26 21px 21px, #ebac26 22px 22px, #ecad26 23px 23px, #edae26 24px 24px, #efaf27 25px 25px, #f0b027 26px 26px, #f1b127 27px 27px, #f2b227 28px 28px, #f3b227 29px 29px, #f5b328 30px 30px, #f6b428 31px 31px, #f7b528 32px 32px, #f8b628 33px 33px, #f9b728 34px 34px, #fbb829 35px 35px;
  background-color: #fbb829;
  height: 150px;
  width: 150px;
  font-size: 75px;
  line-height: 150px;
  text-align: center;
}
#MongoDBHeader {
  margin-bottom: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  color: white;
  text-align: center;
}
#MongoDBHeader .hero-main {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
}
#MongoDBHeader .hero-main .hero-main-inner {
  vertical-align: middle;
  display: table-cell;
}
#MongoDBHeader .hero-main .main-title-connector {
  text-align: center;
}
#MongoDBHeader .hero-main .main-title-connector h1 {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 32px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#MongoDBHeader .hero-main .main-title-connector p {
  font-size: 16px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#MongoDBHeader .hero-main .connector-img {
  width: 80px;
  margin: 0 auto;
}
#MongoDBHeader .hero-main .connector-img img {
  width: 100%;
}
.bg-mongodb {
  text-align: center;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/mongodb/monbd_bg.jpg') center;
  background-size: cover;
  position: absolute;
}
@media (min-width: 768px) {
  #MongoDBHeader .hero-main .main-title-connector {
    text-align: center;
  }
  #MongoDBHeader .hero-main .main-title-connector h1 {
    font-size: 80px;
  }
  #MongoDBHeader .hero-main .main-title-connector p {
    font-size: 18px;
  }
  #MongoDBHeader .hero-main .connector-img {
    width: 130px;
  }
}
.mongo .recap {
  position: fixed;
  width: 100%;
  background-color: white;
  z-index: 200;
}
.mongo .recap #nested-data {
  background-color: #F7F7F7;
  padding: 120px 0;
  text-align: left;
  position: relative;
}
.mongo .recap #nested-data p {
  font-size: 17.5px;
  font-weight: 300;
  color: #787e81;
  letter-spacing: 0.2px;
  line-height: 1.4;
}
.mongo .recap #nested-data .nested-data-pic {
  max-width: 200px;
  margin: 20px auto;
}
.mongo .recap #partition-support {
  padding: 120px 0;
  text-align: left;
  position: relative;
}
.mongo .recap #partition-support .partition-support-description {
  margin-top: 10px;
}
.mongo .recap #partition-support .partition-support-description p {
  font-size: 17.5px;
  font-weight: 300;
  color: #787e81;
  letter-spacing: 0.2px;
  line-height: 1.4;
}
.mongo .recap #native-cloud {
  padding: 120px 0;
  text-align: center;
  position: relative;
}
.mongo .recap #native-cloud p {
  font-size: 17.5px;
  font-weight: 300;
  color: #787e81;
  letter-spacing: 0.2px;
  line-height: 1.4;
}
.mongo .recap #native-cloud .native-cloud-pic {
  max-width: 550px;
  margin: 0px auto 20px;
}
.md-device-wrapper {
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 760px;
}
.md-device {
  background-color: #ddd;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.md-device > .content-wrapper,
.md-device > .content-wrapper .content {
  display: block;
  outline: none;
}
.md-device > .content-wrapper {
  position: relative;
}
.md-device > .content-wrapper .content {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.md-device,
.md-device div,
.md-device:before,
.md-device:after {
  box-sizing: content-box;
}
/* md-device:before -- camera / top element */
/* md-device:after -- home button */
/* md-base-element:after -- socket of base */
/* md-border-element:after -- grey inset opending macbook */
.md-device:before,
.md-device:after,
.md-base-element:after,
.md-border-element:after {
  content: '';
  left: 50%;
  position: absolute;
  top: 0;
  z-index: 1000;
}
.md-device:before,
.md-device:after {
  background: #bbb;
}
.md-device:before {
  border-radius: 50%;
  height: 4px;
  -webkit-transform: translateY(300%) translateX(-50%);
  transform: translateY(300%) translateX(-50%);
  width: 4px;
}
.md-device > div {
  position: absolute;
}
.md-border-element,
.md-base-element,
.md-border-element:after {
  opacity: 0;
}
/* md-device:after -- home button (device 3 and 4) */
.md-device:after {
  border-radius: 50%;
  height: 24px;
  top: 100%;
  -webkit-transform: translateY(-200%) translateX(-50%) scale(0);
  transform: translateY(-200%) translateX(-50%) scale(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  width: 24px;
}
/* md-border-element -- border bottom iMac, keyboard/base macbook */
.md-border-element {
  background: #e7e7e7;
  border-radius: 0 0 5px 5px;
  height: 60px;
  left: 50%;
  top: 100%;
  width: 100%;
}
/* md-border-element:after; -- grey inset opending macbook */
.md-border-element:after {
  background: #ccc;
  border-radius: 0 0 6px 6px;
  height: 10px;
  opacity: 0;
  width: 100px;
}
.md-border-element,
.md-border-element:after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* md-base-element -- base imac */
.md-base-element {
  background: transparent;
  border-bottom: 60px solid #e7e7e7;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  left: 50%;
  height: 0;
  top: 100%;
  -webkit-transform: translateY(60px) translateX(-50%) translateY(-75%);
  transform: translateY(60px) translateX(-50%) translateY(-75%);
  width: 160px;
  z-index: -1;
}
/* md-base-element:after -- socket of base imac */
.md-base-element:after {
  background: #e7e7e7;
  border-radius: 30px 30px 10px 10px;
  height: 12px;
  -webkit-transform: translateY(60px) translateX(-50%);
  transform: translateY(60px) translateX(-50%);
  width: 260px;
}
/* Device 1 (large monitor) */
.md-device-1 {
  border-radius: 5px 5px 0 0;
  padding: 30px;
}
.md-device-1 > .content-wrapper {
  height: 455px;
  width: 700px;
}
.md-device-1 .md-border-element {
  opacity: 1;
}
.md-device-1 .md-base-element {
  opacity: 1;
  -webkit-transform: translateY(60px) translateX(-50%) translateY(0);
  transform: translateY(60px) translateX(-50%) translateY(0);
}
/* Device 2 (laptop) */
.md-device-2 {
  border-radius: 5px 5px 0 0;
  padding: 30px;
}
.md-device-2 > .content-wrapper {
  height: 390px;
  width: 600px;
}
.md-device-2 .md-border-element {
  border-radius: 0 0 20px 20px;
  height: 35px;
  opacity: 1;
  width: 125%;
}
.md-device-2 .md-border-element:after {
  opacity: 1;
}
/* Device 3 (tablet) */
.md-device-3 {
  padding: 55px 40px;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
.md-device-3.md-rotated {
  -webkit-transform: translateY(40px) rotate(90deg) scale(1.4);
  transform: translateY(40px) rotate(90deg) scale(1.4);
}
.md-device-3 > .content-wrapper {
  height: 375px;
  width: 280px;
}
.md-device-3:before {
  -webkit-transform: translateY(600%) translateX(-50%);
  transform: translateY(600%) translateX(-50%);
}
.md-device-3:after {
  -webkit-transform: translateY(-175%) translateX(-50%) scale(1);
  transform: translateY(-175%) translateX(-50%) scale(1);
}
/* Device 4 (smartphone) */
.md-device-4 {
  padding: 50px 12px 70px;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}
.md-device-4.md-rotated {
  -webkit-transform: translateY(50px) rotate(90deg) scale(1.4);
  transform: translateY(50px) rotate(90deg) scale(1.4);
}
.md-device-4 > .content-wrapper {
  height: 299px;
  width: 200px;
}
.md-device-4:before {
  border-radius: 3px;
  height: 4px;
  width: 20px;
  -webkit-transform: translateY(600%) translateX(-50%);
  transform: translateY(600%) translateX(-50%);
}
.md-device-4:after {
  -webkit-transform: translateY(-200%) translateX(-50%) scale(1);
  transform: translateY(-200%) translateX(-50%) scale(1);
}
.md-device,
.md-device:before,
.md-border-element,
.md-device > .content-wrapper {
  transition: all 0.3s;
}
.md-base-element,
.md-device:after,
.md-border-element:after {
  transition: -webkit-transform 0.3s,transform 0.3s, opacity 0.3s;
}
.md-device,
.md-device:before,
.md-border-element,
.md-device > .content-wrapper,
.md-base-element,
.md-device:after,
.md-border-element:after {
  transition-timing-function: ease-in-out;
}
@media screen and (max-width: 991px) {
  /* 1px before @medium-devices */
  .md-device-wrapper {
    left: 50%;
    -webkit-transform: scale(0.5) translateX(-50%) translateY(0px);
    transform: scale(0.5) translateX(-50%) translateY(0px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
.owox .OwoxHeader {
  margin-bottom: 0;
  width: 100%;
  height: 600px;
  position: relative;
  color: white;
  text-align: center;
}
.owox .OwoxHeader .hero-main {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/owox-partnership/bg-owox.jpg') 100% 75%;
  background-size: cover;
  background-position: bottom center;
  text-align: center;
}
.owox .OwoxHeader .hero-main .hero-main-inner {
  vertical-align: middle;
  display: table-cell;
}
.owox .OwoxHeader .hero-main .bg-owox {
  text-align: center;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/owox-partnership/bg-owox.jpg') 100% 75%;
  background-size: cover;
  background-position: bottom center;
  position: absolute;
}
.owox .OwoxHeader .hero-main .main-title-connector {
  text-align: center;
}
.owox .OwoxHeader .hero-main .main-title-connector h1 {
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 32px;
  color: white !important;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.owox .OwoxHeader .hero-main .main-title-connector p {
  font-size: 16px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.owox .section-title h2 {
  color: #000000;
  letter-spacing: -1px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 300;
  text-transform: none;
}
.owox #coupon-google .coupon-inner .coupon-img {
  width: 85%;
  margin: 5px auto 40px;
  min-width: 308px;
}
@media (min-width: 768px) {
  .owox .OwoxHeader .hero-main .main-title-connector {
    text-align: center;
  }
  .owox .OwoxHeader .hero-main .main-title-connector h1 {
    font-size: 50px;
  }
  .owox .OwoxHeader .hero-main .main-title-connector p {
    font-size: 18px;
  }
}
.owox .section-title h2 {
  color: #000000;
  letter-spacing: -1px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 300;
}
.owox .section-title p {
  color: #787e81;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
}
.owox #coupon-google {
  padding: 30px 0;
}
.owox .btn.btn-1:not(.btn-signup) {
  color: white !important;
  background: #00b4ff;
  padding: 15px 21px;
  font-weight: 600;
}
.owox .btn:not(.btn-signup) {
  margin-top: 30px;
  margin-bottom: 30px;
}
.owox .spec-coupon .spec {
  color: #B3B3B3;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
}
.owox #pure-cloud {
  padding: 90px 0;
  text-align: left;
  position: relative;
}
.owox #pure-cloud .cloud-to-cloud-description {
  margin-top: 40px;
}
.owox #pure-cloud .cloud-to-cloud-pic {
  max-width: 400px;
  margin: 0px auto;
}
.owox #pure-cloud .cloud-to-cloud-pic img {
  width: 100%;
}
@media (min-width: 768px) {
  .owox #pure-cloud .cloud-to-cloud-description {
    margin-top: 105px;
  }
  .owox #pure-cloud .cloud-to-cloud-pic {
    margin: 100px auto;
  }
}
@media (min-width: 992px) {
  .owox #pure-cloud .cloud-to-cloud-description .section-title h2 {
    text-align: left;
  }
  .owox #pure-cloud .cloud-to-cloud-description .section-title p {
    text-align: left;
    max-width: 100%;
  }
  .owox #pure-cloud .cloud-to-cloud-pic {
    margin: 0 auto;
  }
}
.owox #presentation {
  padding: 60px 0;
  position: relative;
}
@media (min-width: 768px) {
  .owox #presentation {
    padding: 80px 0 165px;
  }
}
.parallel-set {
  font-size: 20px;
}
.parallel-set .parallel-set-intro {
  height: 100vh !important;
  background: #00b4ff;
}
.parallel-set .parallel-set-intro .main-title {
  margin-top: 315px;
}
.parallel-set .parallel-set-intro .main-title h1 {
  color: white;
  font-weight: 600;
  line-height: 0.6;
}
.parallel-set .parallel-set-intro .container {
  text-align: left;
  height: 100%;
}
.parallel-set .hero {
  font-size: 36px;
  color: #202630;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -1px;
  margin-bottom: 20px;
}
.parallel-set .white {
  color: white;
}
.parallel-set #definition h1 {
  text-align: center;
}
.parallel-set #definition .ali {
  text-align: center;
}
.parallel-set #treemap-vs-parallel-set {
  background: #00b4ff;
  color: white;
  text-align: left;
}
.parallel-set #treemap-vs-parallel-set h1 {
  text-align: center;
}
.parallel-set #hierarchical-pie-chart {
  text-align: left;
}
.parallel-set #hierarchical-pie-chart .hero {
  text-align: center;
}
.parallel-set #hierarchical-pie-chart blockquote {
  border-left: none;
}
.parallel-set #hierarchical-pie-chart .quote {
  font-size: 34px;
  font-weight: 300;
  line-height: 1.5;
}
/* --------------------------------

xpopup

-------------------------------- */
.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  background-color: #354051;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 999;
}
.cd-popup a {
  color: white;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
  position: relative;
  width: 90%;
  max-width: 900px;
  margin: 4em auto;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
}
.cd-popup-container p {
  padding: 3em 1em;
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
  float: left;
  width: 50%;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-close::before,
.cd-popup-close::after {
  content: '';
  position: absolute;
  top: 40px;
  margin-right: 10px;
  width: 40px;
  height: 2px;
  background-color: white;
}
.cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 8px;
}
.cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}
#PortalHeader {
  margin-bottom: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  color: white;
  text-align: center;
}
#PortalHeader .hero-main {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#PortalHeader .hero-main .hero-main-inner {
  margin-top: 275px;
}
#PortalHeader .hero-main .main-title-connector {
  text-align: center;
}
#PortalHeader .hero-main .main-title-connector h1 {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 80px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#PortalHeader .hero-main .main-title-connector p {
  font-size: 18px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#PortalHeader .hero-main .main-title-connector a {
  margin-top: 200px;
}
#PortalHeader .hero-main .connector-img {
  width: 130px;
  margin: 0 auto;
}
#PortalHeader .hero-main .connector-img img {
  width: 100%;
}
#bime-portal .description-bime-portal {
  max-width: 65%;
  margin: 0 auto;
}
#bime-portal .description-bime-portal p {
  text-align: center;
  font-size: 30px;
  color: #202630;
  line-height: 44px;
  letter-spacing: -1px;
  font-weight: bold;
}
.bg-bime-portal {
  text-align: center;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/landing-page/portal/bg-portal-01.jpg') center;
  background-size: cover;
  position: absolute;
}
#central-login {
  background-color: #F7F7F7;
  padding: 110px 0;
  text-align: left;
  position: relative;
}
#central-login .central-login-description {
  margin-top: 20px;
}
#central-login .central-login-description p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#central-login .central-login-pic {
  max-width: 380px;
  margin: 41px auto 40px;
}
#central-login .central-login-pic img {
  width: 100%;
}
#list-vs-folder {
  padding: 120px 0;
  text-align: center;
  position: relative;
}
#list-vs-folder p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#list-vs-folder .list-vs-folder-pic {
  max-width: 700px;
  margin: 0 auto;
}
#define-folder {
  padding: 120px 0;
  text-align: left;
  position: relative;
  min-height: 840px;
  overflow: hidden;
  background-color: #F7F7F7;
}
#define-folder .define-folder-description {
  margin-top: 146px;
}
#define-folder .define-folder-description p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#define-folder .browser-gif {
  width: 841px;
  height: 600px;
  position: absolute;
  top: 120px;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/landing-page/portal/authenticate-browser@2x.png');
  left: 55%;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  #PortalHeader {
    margin-bottom: 0;
    width: 100%;
    height: 100vh;
    position: relative;
    color: white;
    text-align: center;
  }
  #PortalHeader .hero-main {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #PortalHeader .hero-main .hero-main-inner {
    margin-top: 275px;
  }
  #PortalHeader .hero-main .main-title-connector {
    text-align: center;
  }
  #PortalHeader .hero-main .main-title-connector h1 {
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -1px;
    margin-top: 20px;
    font-size: 80px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  }
  #PortalHeader .hero-main .main-title-connector p {
    font-size: 18px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  }
  #PortalHeader .hero-main .main-title-connector a {
    margin-top: 200px;
  }
  #PortalHeader .hero-main .connector-img {
    width: 130px;
    margin: 0 auto;
  }
  #PortalHeader .hero-main .connector-img img {
    width: 100%;
  }
  #bime-portal .description-bime-portal {
    max-width: 65%;
    margin: 0 auto;
  }
  #bime-portal .description-bime-portal p {
    text-align: center;
    font-size: 30px;
    color: #202630;
    line-height: 44px;
    letter-spacing: -1px;
    font-weight: bold;
  }
  .bg-bime-portal {
    text-align: center;
    background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/landing-page/portal/bg-portal-01.jpg') center;
    background-size: cover;
    position: absolute;
  }
  #central-login h2 {
    text-align: left;
  }
  #central-login p {
    text-align: left;
    max-width: 100%;
  }
  #list-vs-folder .list-vs-folder-pic {
    max-width: 600px;
  }
  #define-folder {
    padding: 120px 0;
    text-align: left;
    position: relative;
    min-height: 840px;
    overflow: hidden;
    background-color: #F7F7F7;
  }
  #define-folder .define-folder-description {
    margin-top: 146px;
  }
  #define-folder .define-folder-description p {
    font-size: 18px;
    font-weight: normal;
    color: #787e81;
  }
  #define-folder .browser-gif {
    width: 841px;
    height: 600px;
    position: absolute;
    top: 120px;
    background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/landing-page/portal/authenticate-browser.png');
    left: 55%;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 192dpi) {
  #define-folder .browser-gif {
    background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/landing-page/portal/authenticate-browser@2x.png');
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media (min-width: 992px) {
  #PortalHeader .hero-main .hero-main-inner {
    margin-top: 175px;
  }
  #central-login .central-login-pic {
    max-width: 330px;
    margin: 80px auto 40px;
  }
  #define-folder h2 {
    text-align: left;
  }
  #define-folder p {
    text-align: left;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  #PortalHeader .hero-main .hero-main-inner {
    margin-top: 275px;
  }
  #central-login .central-login-pic {
    max-width: 380px;
    margin: 10px auto 40px;
  }
}
.presto {
  font-size: 20px;
}
.presto .cover {
  background: white;
  height: 100vh !important;
  overflow: hidden;
}
.presto .cover .main-title-connector h1 {
  font-size: 101px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 1.6;
  color: white;
}
.presto .cover .main-title-connector .text-center {
  margin: auto;
  width: 530px;
  background: #00b4ff;
}
.presto .cover .main-title-connector h2 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  margin-top: 3px;
  margin-bottom: 3px;
  line-height: 1.2;
  text-align: center;
  color: white;
  padding: 10px;
  letter-spacing: 0.6px;
}
.presto .cover .city {
  top: 0px;
  position: absolute;
  width: 100%;
  /* margin-bottom: 0; */
  margin-top: -229px;
  overflow: hidden;
}
.presto .cover .layer_2 {
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.presto .cover .background {
  height: 100vh !important;
  top: 0px;
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.presto .cover svg path,
.presto .cover svg line,
.presto .cover svg polyline {
  stroke: #00b4ff;
  stroke-width: 1.2px;
  width: 100%;
}
.presto .cover svg path {
  fill: transparent;
}
.presto .cover .text {
  display: none;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 130px;
  padding-top: 40px;
  padding-bottom: 60px;
}
#hadoop-opening {
  padding: 84px 0;
  text-align: left;
  position: relative;
}
#hadoop-opening p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#hadoop-opening .hadoop-opening-pic {
  max-width: 348px;
  margin: 0px auto 20px;
}
#hadoop-opening .main-pitch {
  font-size: 44px;
  line-height: 56px;
  font-weight: 200;
  letter-spacing: 0;
}
#hadoop-package {
  padding: 90px 0;
  text-align: left;
  position: relative;
}
#hadoop-package .hadoop-package-description {
  margin-top: 10px;
}
#hadoop-package .hadoop-package-description p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#hadoop-package .hadoop-package-pic {
  max-width: 275px;
  margin: 24px auto 0;
  width: 275px;
}
#hadoop-package .hadoop-package-pic img {
  width: 100%;
}
#quote {
  background-color: #F7F7F7;
}
@media (min-width: 768px) {
  #hadoop .hero-main .hero-main-inner {
    margin-top: 190px;
  }
  #hadoop .hero-main .main-title-connector h1 {
    font-size: 80px;
  }
  #hadoop .hero-main .main-title-connector p {
    font-size: 18px;
  }
  #hadoop .hero-main .main-pitch {
    font-size: 38px;
    line-height: 56px;
    font-weight: 200;
    letter-spacing: 0;
  }
  #hadoop .hero-main .connector-img {
    width: 130px;
  }
  #hadoop-cloud {
    padding: 90px 0;
    text-align: center;
  }
  #hadoop-cloud .hadoop-cloud-pic {
    max-width: 348px;
    margin: -11px auto;
    width: 348px;
  }
  #hadoop-cloud img {
    width: 100%;
  }
  #hadoop-cloud img .main-pitch {
    font-size: 36px;
    line-height: 42px;
    font-weight: 200;
    letter-spacing: 0;
  }
  #hadoop-cloud img p {
    color: white;
  }
}
#hadoop-opening {
  padding: 84px 0;
  text-align: center;
  position: relative;
}
#hadoop-opening p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#hadoop-opening .hadoop-opening-pic {
  max-width: 550px;
  margin: 0px auto 20px;
}
#hadoop-opening .main-pitch {
  font-size: 38px;
  line-height: 56px;
  font-weight: 200;
  letter-spacing: 0;
}
#hadoop-package {
  padding: 90px 0;
  text-align: center;
  position: relative;
}
#hadoop-package .hadoop-package-description {
  margin-top: 10px;
}
#hadoop-package .hadoop-package-description p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#hadoop-package .hadoop-package-description .main-pitch {
  font-size: 38px;
  line-height: 56px;
  font-weight: 200;
  letter-spacing: 0;
}
@media (min-width: 992px) {
  #hadoop-cloud {
    background-color: #00B4FF;
    padding: 110px 0;
    text-align: left;
    position: relative;
  }
  #hadoop-cloud .hadoop-cloud-description {
    margin-top: -16px;
  }
  #hadoop-cloud .hadoop-cloud-description p {
    font-size: 18px;
    font-weight: normal;
    color: white;
  }
  #hadoop-cloud .main-pitch {
    font-size: 38px;
    line-height: 56px;
    font-weight: 200;
    letter-spacing: 0;
  }
  #hadoop-cloud .hadoop-cloud-pic {
    max-width: 348px;
    margin: 11px auto;
  }
  #hadoop-cloud img {
    width: 100%;
  }
}
#hadoop-opening {
  padding: 84px 0;
}
.main-pitch {
  font-size: 36px;
  line-height: 42px;
  font-weight: 200;
  letter-spacing: 0;
}
#hadoop-package {
  padding: 120px 0;
  text-align: left;
}
#hadoop-package .hadoop-package-description {
  margin-top: 10px;
}
#hadoop-package .hadoop-package-pic {
  max-width: 320px;
  margin: 24px auto 0;
}
#hadoop-package .hadoop-package-pic img {
  width: 100%;
}
.PricingHeader {
  overflow: hidden;
  position: relative;
  height: 340px;
  background-color: #354051;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .PricingHeader {
    height: 400px;
  }
}
.cd-pricing-container {
  width: 90%;
  max-width: 1170px;
  margin: 1em auto 0em;
}
.cd-pricing-container .cd-pricing-switcher {
  text-align: center;
}
.cd-pricing-container .cd-pricing-switcher input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.cd-pricing-container .cd-pricing-switcher label {
  position: relative;
  z-index: 1;
  display: inline-block;
  float: left;
  width: 90px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  font-size: 1.4rem;
  color: #202630;
  margin-bottom: 0px;
}
.cd-pricing-container .cd-pricing-switcher .cd-switch {
  /* floating background */
  position: absolute;
  top: 2px;
  left: 2px;
  height: 40px;
  width: 90px;
  background-color: #E6E6E6;
  border-radius: 50em;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.cd-pricing-container .cd-pricing-switcher .fieldset {
  display: inline-block;
  position: relative;
  padding: 2px;
  border-radius: 50em;
  border: 1px solid #E6E6E6;
}
.cd-pricing-container .cd-pricing-switcher input[type="radio"]:checked + label + .cd-switch,
.cd-pricing-container .cd-pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .cd-switch {
  /* use label:nth-of-type(n) to fix a bug on safari with multiple adjacent-sibling selectors*/
  -webkit-transform: translateX(90px);
  transform: translateX(90px);
}
.cd-pricing-container .cd-pricing-list .cd-pricing-inner {
  position: relative;
  margin-bottom: 1em;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper {
  /* this is the item that rotates */
  position: relative;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper h2 {
  margin-bottom: 3px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.8rem;
  letter-spacing: 2px;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper.option-wrapper {
  border: none !important;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper.option-wrapper h2 {
  font-size: 1.3rem;
  line-height: 1.2em;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper.option-wrapper .option {
  background-color: #F0EDE8;
  height: 160px;
  border-radius: 4px;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper.option-wrapper .option.mtp {
  margin: 22px 0;
}
.cd-pricing-container .cd-pricing-list .touch .cd-pricing-wrapper {
  /* fix a bug on IOS8 - rotating elements dissapear*/
  -webkit-perspective: 2000px;
  perspective: 2000px;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper.is-switched .is-visible {
  /* totate the tables - anticlockwise rotation */
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-animation: cd-rotate 0.5s;
  animation: cd-rotate 0.5s;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper.is-switched .is-hidden {
  /* totate the tables - anticlockwise rotation */
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-animation: cd-rotate-inverse 0.5s;
  animation: cd-rotate-inverse 0.5s;
  opacity: 0;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper.is-switched .is-selected {
  opacity: 1;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper.is-switched.reverse-animation .is-visible {
  /* invert rotation direction - clockwise rotation */
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-animation: cd-rotate-back 0.5s;
  animation: cd-rotate-back 0.5s;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper.is-switched.reverse-animation .is-hidden {
  /* invert rotation direction - clockwise rotation */
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-animation: cd-rotate-inverse-back 0.5s;
  animation: cd-rotate-inverse-back 0.5s;
  opacity: 0;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper.is-switched.reverse-animation .is-selected {
  opacity: 1;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper > div {
  background-color: #FFFFFF;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Firefox bug - 3D CSS transform, jagged edges */
  outline: 1px solid transparent;
  border: 1px solid #787e81;
  border-radius: 5px;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-inner .option-wrapper > div {
  border: none;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper .cd-pricing-inner::after {
  /* subtle gradient layer on the right - to indicate it's possible to scroll */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50px;
  pointer-events: none;
  background: linear-gradient(to left, #FFFFFF, rgba(255, 255, 255, 0));
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper .cd-pricing-inner.is-ended::after {
  /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
  display: none;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper .is-visible {
  /* the front item, visible by default */
  position: relative;
  z-index: 5;
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper .is-hidden {
  /* the hidden items, right behind the front one */
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.cd-pricing-container .cd-pricing-list .cd-pricing-wrapper .is-selected {
  /* the next item that will be visible */
  z-index: 3 !important;
}
.cd-pricing-container .cd-pricing-wrapper .cd-pricing-inner::before {
  /* separator between pricing tables - visible when number of tables > 3 */
  content: '';
  position: absolute;
  z-index: 6;
  left: -1px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 50%;
  width: 1px;
  background-color: #b1d6e8;
}
.cd-pricing-container .cd-pricing-wrapper .cd-pricing-inner::after {
  /* hide gradient layer */
  display: none;
}
.cd-pricing-container .cd-popular .cd-pricing-wrapper > div {
  background-color: #354051;
  border: 1px solid #354051;
  border-radius: 5px;
  color: white;
}
.cd-pricing-container .cd-popular a {
  color: #00B4FF;
}
.cd-pricing-container :nth-of-type(1) > .cd-pricing-wrapper::before {
  /* hide table separator for the first table */
  display: none;
}
.cd-pricing-container .cd-has-margins .cd-pricing-wrapper {
  border-radius: 4px;
}
.cd-pricing-container .cd-has-margins .cd-pricing-wrapper::before {
  display: none;
}
.cd-pricing-container .no-js .cd-pricing-wrapper .is-hidden {
  position: relative;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  margin-top: 1em;
}
.cd-pricing-container .cd-pricing-header {
  height: auto;
  padding: 0.7em 0.9em 1em;
  pointer-events: auto;
  text-align: center;
  color: #173d50;
  background-color: transparent;
}
.cd-pricing-container .cd-popular .cd-pricing-header {
  color: white;
  background-color: transparent;
}
.option-inner {
  margin-top: 25px;
}
@media (min-width: 768px) {
  .cd-pricing-container {
    margin: 2em auto;
  }
  .cd-pricing-container .cd-pricing-list {
    margin: 1em 0 0;
  }
  .cd-pricing-container .cd-pricing-list:after {
    content: "";
    display: table;
    clear: both;
  }
  .cd-pricing-container .option-inner {
    margin-top: 10px;
  }
  .cd-pricing-wrapper > div {
    min-height: 700px;
  }
}
@media (min-width: 992px) {
  .cd-pricing-container .option-inner {
    margin-top: 0px;
  }
  .option-wrapper > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.cd-price {
  margin-top: 40px;
}
.cd-currency {
  font-size: 20px;
  font-weight: 700;
}
.cd-value {
  font-size: 70px;
  font-weight: 300;
}
.cd-duration {
  font-weight: 700;
  font-size: 14px;
  color: #8dc8e4;
  text-transform: uppercase;
}
.cd-currency,
.cd-duration {
  color: rgba(23, 61, 80, 0.4);
}
.cd-popular .cd-currency,
.cd-popular .cd-duration {
  color: white;
}
.cd-duration::before {
  content: '/';
  margin-right: 2px;
}
@media only screen and (min-width: 768px) {
  .cd-value {
    font-size: 70px;
    font-weight: 300;
  }
  .cd-currency {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
    font-size: 20px;
    font-weight: 700;
  }
  .cd-duration {
    font-size: 14px;
  }
}
.cd-pricing-body {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 65px;
}
.cd-pricing-body.base-plan-inner {
  padding-top: 0px;
  padding-bottom: 49px;
}
.cd-pricing-body.base-plan-inner .cd-pricing-features {
  padding: 0 45px;
}
.is-switched .cd-pricing-body {
  /* fix a bug on Chrome Android */
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .cd-pricing-body {
    overflow-x: visible;
  }
}
.cd-pricing-features li {
  padding: 5px 10px;
  font-size: 16px;
  text-align: center;
  overflow: hidden;
}
.cd-pricing-features em {
  display: block;
  font-weight: 600;
  padding-right: 5px;
}
.cd-pricing-features:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 768px) {
  .cd-pricing-features {
    width: auto;
  }
  .cd-pricing-features li {
    float: none;
    width: auto;
    padding: 5px;
    text-align: center;
  }
  .cd-pricing-features em {
    display: inline-block;
    margin-bottom: 0;
  }
}
.cd-select {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  /* hide button text on mobile */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}
@media only screen and (min-width: 768px) {
  .cd-select {
    position: static;
    display: inline-block;
    height: auto;
    padding: 1.3em 3em;
    color: #FFFFFF;
    border-radius: 2px;
    background-color: #0c1f28;
    font-size: 1.4rem;
    text-indent: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
  }
  .no-touch .cd-select:hover {
    background-color: #00b4ff;
    text-decoration: none;
    color: white;
  }
  .cd-popular .cd-select {
    background-color: #202630;
  }
  .no-touch .cd-popular .cd-select:hover {
    background-color: #00b4ff;
    text-decoration: none;
    color: white;
  }
  .cd-secondary-theme .cd-popular .cd-select {
    background-color: #202630;
  }
  .no-touch .cd-secondary-theme .cd-popular .cd-select:hover {
    background-color: #112e3c;
  }
  .cd-has-margins .cd-select {
    display: block;
    padding: 1.7em 0;
    border-radius: 0 0 4px 4px;
  }
}
.cd-pricing-wrapper .signup-link-container {
  bottom: 35px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}
/* --------------------------------

xkeyframes

-------------------------------- */
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes cd-rotate{ 0%{ -webkit-transform: perspective(2000px) rotateY(0); } 70%{ -webkit-transform: perspective(2000px) rotateY(200deg); } 100%{ -webkit-transform: perspective(2000px) rotateY(180deg); }}
@keyframes cd-rotate{ 0%{-webkit-transform: perspective(2000px) rotateY(0);transform: perspective(2000px) rotateY(0); } 70%{-webkit-transform: perspective(2000px) rotateY(200deg);transform: perspective(2000px) rotateY(200deg); } 100%{-webkit-transform: perspective(2000px) rotateY(180deg);transform: perspective(2000px) rotateY(180deg); }}
[not-existing] {
  zoom: 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes cd-rotate-inverse{ 0%{ -webkit-transform: perspective(2000px) rotateY(-180deg); } 70%{ -webkit-transform: perspective(2000px) rotateY(20deg); } 100%{ -webkit-transform: perspective(2000px) rotateY(0); }}
@keyframes cd-rotate-inverse{ 0%{-webkit-transform: perspective(2000px) rotateY(-180deg);transform: perspective(2000px) rotateY(-180deg); } 70%{-webkit-transform: perspective(2000px) rotateY(20deg);transform: perspective(2000px) rotateY(20deg); } 100%{-webkit-transform: perspective(2000px) rotateY(0);transform: perspective(2000px) rotateY(0); }}
[not-existing] {
  zoom: 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes cd-rotate-back{ 0%{ -webkit-transform: perspective(2000px) rotateY(0); } 70%{ -webkit-transform: perspective(2000px) rotateY(-200deg); } 100%{ -webkit-transform: perspective(2000px) rotateY(-180deg); }}
@keyframes cd-rotate-back{ 0%{-webkit-transform: perspective(2000px) rotateY(0);transform: perspective(2000px) rotateY(0); } 70%{-webkit-transform: perspective(2000px) rotateY(-200deg);transform: perspective(2000px) rotateY(-200deg); } 100%{-webkit-transform: perspective(2000px) rotateY(-180deg);transform: perspective(2000px) rotateY(-180deg); }}
[not-existing] {
  zoom: 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes cd-rotate-inverse-back{ 0%{ -webkit-transform: perspective(2000px) rotateY(180deg); } 70%{ -webkit-transform: perspective(2000px) rotateY(-20deg); } 100%{ -webkit-transform: perspective(2000px) rotateY(0); }}
@keyframes cd-rotate-inverse-back{ 0%{-webkit-transform: perspective(2000px) rotateY(180deg);transform: perspective(2000px) rotateY(180deg); } 70%{-webkit-transform: perspective(2000px) rotateY(-20deg);transform: perspective(2000px) rotateY(-20deg); } 100%{-webkit-transform: perspective(2000px) rotateY(0);transform: perspective(2000px) rotateY(0); }}
[not-existing] {
  zoom: 1;
}
.promo {
  text-align: center;
}
/**********
***
***	FAQ
***
***********/
#faq .faq-content .question-faq {
  color: #202630;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 38px 0 5px 0;
}
#faq .faq-content .answer-faq {
  width: 97%;
}
/**********
***
***	End FAQ
***
***********/
body.popup-shown .ProductHeader:before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background: black;
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  z-index: 999;
}
body.registered-demo .ProductHeader .button-bar .schedule-demo {
  display: none;
}
.ProductHeader {
  padding-top: 62px;
  overflow: hidden;
  position: relative;
  height: 385px;
  background-color: #354051;
  width: 100%;
  text-align: center;
  transition: background-color 350ms cubic-bezier(0.42, 0.26, 0, 1), padding-top 350ms cubic-bezier(0.42, 0.26, 0, 1), height 350ms cubic-bezier(0.42, 0.26, 0, 1);
}
.ProductHeader .hide-demo {
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 50%;
  margin-left: 340px;
  pointer-events: none;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  top: 0px;
  padding: 0;
  transition: opacity 350ms cubic-bezier(0.42, 0.26, 0, 1) 350ms, top 350ms cubic-bezier(0.42, 0.26, 0, 1) 350ms;
  z-index: 2;
}
.ProductHeader .hide-demo svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .ProductHeader .hide-demo {
    margin-left: 140px;
  }
}
.ProductHeader .device {
  position: absolute;
  left: 50%;
  margin-left: -480px;
  top: 90px;
  width: 960px;
  height: 533.73749952px;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/home/how-it-works/laptop2.svg');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  transition: opacity 350ms cubic-bezier(0.42, 0.26, 0, 1) 175ms,-webkit-transform 350ms cubic-bezier(0.42, 0.26, 0, 1),transform 350ms cubic-bezier(0.42, 0.26, 0, 1);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: translate(50%, 23%) scale(1.33);
  transform: translate(50%, 23%) scale(1.33);
}
.ProductHeader .device .window {
  position: absolute;
  width: 717px;
  height: 440px;
  top: 33px;
  left: 134px;
  background: grey;
  border-radius: 7px;
  overflow: hidden;
}
.ProductHeader .device .window .iframe {
  width: 100%;
  height: 100%;
}
.ProductHeader .device .window .iframe iframe {
  border: none;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@media (max-width: 768px) {
  .ProductHeader .device {
    background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/home/how-it-works/phone_mock_up.svg');
    width: 254px;
    height: 511px;
    margin-left: -127px;
    -webkit-transform: translate(60%, 57%) scale(0.85);
    transform: translate(60%, 57%) scale(0.85);
  }
  .ProductHeader .device .window {
    width: 223px;
    height: 368px;
    left: 17px;
    top: 61px;
  }
}
.ProductHeader .introWrap {
  text-align: center;
  padding: 75px 0px 0;
  transition: -webkit-transform 350ms cubic-bezier(0.42, 0.26, 0, 1),transform 350ms cubic-bezier(0.42, 0.26, 0, 1), opacity 350ms cubic-bezier(0.42, 0.26, 0, 1);
}
.ProductHeader .introWrap .tagline {
  padding-bottom: 0;
  font-size: 26px;
  line-height: 32px;
}
.ProductHeader .introWrap .subline {
  max-width: 100%;
}
.ProductHeader .introWrap .btn.cta {
  margin-top: 20px;
  padding: 15px 30px 15px 20px;
}
.ProductHeader .introWrap .btn.cta svg {
  fill: white;
  stroke: white;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  vertical-align: middle;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.ProductHeader .play {
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 11px;
  display: inline-block;
  text-transform: uppercase;
  margin-left: 20px;
}
.ProductHeader .play svg {
  fill: white;
  height: 40px;
  margin-right: 10px;
  vertical-align: middle;
  width: 40px;
}
.ProductHeader.iframe-injected {
  padding-top: 62px;
  height: 605px;
}
.ProductHeader.iframe-injected:after {
  transition: opacity 350ms cubic-bezier(0.42, 0.26, 0, 1);
  zoom: 1 !important;
  filter: alpha(opacity=0) !important;
  -webkit-opacity: 0 !important;
  -moz-opacity: 0 !important;
  opacity: 0 !important;
}
.ProductHeader.iframe-injected .introWrap {
  -webkit-transform: translateY(500px);
  transform: translateY(500px);
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.ProductHeader.iframe-injected .hide-demo {
  pointer-events: inherit;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  top: 90px;
}
.ProductHeader.iframe-injected .device {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  transition: opacity 350ms cubic-bezier(0.42, 0.26, 0, 1),-webkit-transform 350ms cubic-bezier(0.42, 0.26, 0, 1) 175ms,transform 350ms cubic-bezier(0.42, 0.26, 0, 1) 175ms;
}
@media (min-width: 768px) {
  .ProductHeader.iframe-injected .device {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    margin-left: -410px;
  }
}
@media (max-width: 768px) {
  .ProductHeader.iframe-injected {
    height: 665px;
  }
}
@media (min-width: 768px) {
  .ProductHeader {
    height: 450px;
  }
  .ProductHeader .introWrap {
    text-align: center;
    padding: 62px 70px 0;
  }
  .ProductHeader .introWrap .tagline {
    font-size: 42px;
    line-height: 52px;
  }
  .ProductHeader .introWrap .subline {
    margin-bottom: 25px;
  }
  .ProductHeader .play {
    margin-top: 0px;
  }
}
@media (min-width: 992px) {
  .ProductHeader {
    height: 590px;
  }
  .ProductHeader .introWrap {
    text-align: left;
    padding: 143px 0 0;
  }
  .ProductHeader:after {
    background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/product/devices.png');
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    left: 50%;
    position: absolute;
    top: 30%;
    width: 100%;
    height: 0;
    max-width: 1210px;
    padding-top: 43.6%;
    transition: opacity 350ms cubic-bezier(0.42, 0.26, 0, 1) 175ms;
  }
  .ProductHeader.iframe-injected .introWrap {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
  }
}
@media (min-width: 1200px) {
  .ProductHeader {
    height: 680px;
  }
  .ProductHeader .introWrap {
    text-align: left;
    padding: 220px 0 0;
  }
  .ProductHeader .introWrap .tagline {
    padding-bottom: 0;
  }
  .ProductHeader .introWrap .subline {
    max-width: 100%;
  }
}
.hidden-content {
  display: none;
}
.button-bar {
  position: absolute;
  width: 100%;
  bottom: -50px;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 350ms cubic-bezier(0.42, 0.26, 0, 1), bottom 350ms cubic-bezier(0.42, 0.26, 0, 1);
}
.button-bar li a {
  padding: 10px 15px !important;
}
.button-bar.show {
  bottom: 0;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: inherit;
}
@media (max-width: 767px), (min-width: 768px) {
  .button-bar li {
    margin: 5px 2px;
  }
  .button-bar li a.btn.cta,
  .button-bar li a.btn.btn-2 {
    font-size: 12px;
    padding: 20px 30px;
  }
}
.tour-section {
  position: relative;
}
.tour-section .section-title .subtitle-text {
  margin: 20px 0;
  max-width: 100%;
}
.tour-section .browser-pic-features {
  padding: 0;
  margin-top: 20px;
}
.tour-section .browser-pic-features img {
  width: 100%;
}
@media (min-width: 992px) {
  .tour-section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .tour-section .container .cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 10px;
  }
  .tour-section .container .browser-pic-features {
    margin-top: 0;
  }
  .tour-section:nth-child(even) .container {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.tour-section .line-icon,
#other-features .line-icon {
  width: 50px;
  height: 50px;
  margin: 0;
}
#others-features {
  border-top: 1px solid #F9F9F9 ;
  position: relative;
}
#others-features .features-description {
  margin: 0;
  padding: 0 0 0 40px;
}
#others-features .features-icon {
  margin-bottom: 20px;
  width: 24px;
}
#others-features .feature-title {
  text-align: left;
}
#others-features .feature-title h2 {
  color: #202630;
  margin-top: 20px;
  line-height: 15px;
  font-size: 20px;
  font-weight: 500;
}
#others-features .feature-title .subtitle-text {
  max-width: 100%;
}
body.popup-shown-fixed:before {
  content: '';
  display: block;
  position: fixed;
  height: 100%;
  width: 100%;
  background: black;
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  z-index: 1003;
}
body.popup-shown-fixed .popup-demo {
  position: fixed;
  top: 40% !important;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1004;
}
body.popup-shown-fixed .popup-demo.show {
  top: 50% !important;
}
.popup-demo {
  position: absolute;
  left: 50%;
  top: 50px;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  width: 400px;
  max-width: 95%;
  text-align: center;
  background: white;
  pointer-events: none;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.8);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: opacity 350ms cubic-bezier(0.42, 0.26, 0, 1), top 350ms cubic-bezier(0.42, 0.26, 0, 1), height 350ms cubic-bezier(0.42, 0.26, 0, 1);
  z-index: 1000;
}
.popup-demo .close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 2em;
  padding: 15px 20px;
  z-index: 1;
}
.popup-demo .close:hover {
  color: black;
}
.popup-demo .tab {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 20px;
  pointer-events: none;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  transition: opacity 350ms cubic-bezier(0.42, 0.26, 0, 1),-webkit-transform 350ms cubic-bezier(0.42, 0.26, 0, 1),transform 350ms cubic-bezier(0.42, 0.26, 0, 1);
}
.popup-demo .tab h2 {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.popup-demo .tab select {
  height: 41px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.popup-demo .tab select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.popup-demo .tab .text {
  margin-top: 10px;
}
.popup-demo .tab .icon {
  width: 200px;
  height: 75px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.popup-demo .tab.visible {
  pointer-events: inherit;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.popup-demo .sending .text {
  margin-top: 20px;
  margin-bottom: 30px;
}
.popup-demo .sending .bime-loader {
  margin-bottom: 20px;
}
.popup-demo .success .icon svg {
  width: 100%;
  height: 100%;
}
.popup-demo .success .icon svg path {
  fill: #1ECE6D;
  stroke: none;
}
.popup-demo .fail .icon svg {
  width: 100%;
  height: 100%;
}
.popup-demo .fail .icon svg g {
  stroke: #d35400;
}
.popup-demo .form .btn-group {
  margin-bottom: 20px;
}
.popup-demo .form .btn-group .btn {
  background: #f2f3f6;
  color: #202630;
}
.popup-demo .form .btn-group .btn.selected {
  background: #c4c5c6;
  color: #202630 !important;
}
.popup-demo .form .inputs .input-group {
  display: table;
  margin: .5em 0;
}
.popup-demo .form .inputs .input-group input {
  height: 41px;
}
.popup-demo .form .cta {
  margin-top: 20px;
}
.popup-demo.show {
  pointer-events: inherit;
  top: 130px;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.popup-demo.no-close .close {
  display: none;
}
.popup-demo.by-email .form .inputs .input-group.tel {
  display: none;
}
.popup-demo.by-phone .form .inputs .input-group.email {
  display: none;
}
.popup-demo .newsletter {
  display: none;
  font-size: 0.75em;
  line-height: 1.5em;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.popup-demo .newsletter #optinToMarketing {
  margin: 3px 1.5em 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.popup-demo .newsletter label {
  text-align: left;
}
@media (max-width: 767px) {
  .popup-demo .tab {
    padding: 20px;
  }
  .popup-demo p {
    font-size: .9em;
  }
  .popup-demo.show {
    top: 115px;
  }
}
@media (min-width: 768px) {
  .popup-demo .tab {
    padding: 30px;
  }
  .popup-demo.no-close .tab {
    padding-top: 0;
    padding-bottom: 20px;
  }
  .popup-demo.show {
    top: 145px;
  }
}
@media (min-width: 992px) {
  .popup-demo .tab {
    padding: 40px;
  }
  .popup-demo.no-close .tab {
    padding-top: 0;
    padding-bottom: 40px;
  }
  .popup-demo.show {
    top: 130px;
  }
}
.recurly .recurly-intro {
  text-align: center;
  background-size: cover;
  height: 100vh !important;
  background-color: #202630;
}
.recurly .recurly-intro .recurly-background {
  height: 100vh !important;
  top: 0px;
  position: absolute;
  width: 100%;
  overflow: hidden;
  display: none;
}
.recurly .recurly-intro .recurly-background #svg-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
.recurly p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
.recurly .title h1 {
  font-weight: 200;
  margin-top: 115px;
  color: white;
  font-size: 72px;
  font-weight: 900;
}
.recurly .title h2 {
  font-size: 24px;
  color: white;
}
.recurly svg {
  stroke: 1px;
}
.recurly #cashier {
  text-align: left;
  position: relative;
}
.recurly #cashier h1 {
  font-size: 36px;
  color: #202630;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -1px;
  margin-bottom: 25px;
  margin-top: 25px;
  text-align: center;
}
.recurly #cashier p {
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  color: #787e81;
}
.recurly #cashier .cashier-pic {
  max-width: 300px;
  max-height: 300px;
  margin: 15px auto;
}
.recurly #recurly-subcription {
  padding: 90px 0;
  text-align: left;
  position: relative;
  background-color: #F7F7F7;
}
.recurly #recurly-subcription .subcription-description {
  margin-top: 10px;
}
.recurly #recurly-subcription .subscription-pic {
  max-width: 300px;
  margin: 0px auto;
}
.recurly #recurly-subcription .subscription-pic img {
  width: 100%;
}
.recurly #transactions {
  padding: 90px 0;
  text-align: left;
  position: relative;
}
.recurly #transactions .transactions-description {
  margin-top: 10px;
}
.recurly #transactions .invoice-pic {
  max-width: 275px;
  margin: 0px auto 20px;
}
.recurly #recurly-transactions {
  background-color: #F7F7F7;
}
#RedshiftHeader {
  margin-bottom: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  color: white;
  text-align: center;
}
#RedshiftHeader .hero-main {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
}
#RedshiftHeader .hero-main .hero-main-inner {
  margin-top: 115px;
  display: table-cell;
  vertical-align: middle;
}
#RedshiftHeader .hero-main .main-title-connector {
  text-align: center;
}
#RedshiftHeader .hero-main .main-title-connector h1 {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 32px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#RedshiftHeader .hero-main .main-title-connector p {
  font-size: 16px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#RedshiftHeader .hero-main .connector-img {
  width: 80px;
  margin: 0 auto;
}
#RedshiftHeader .hero-main .connector-img img {
  width: 100%;
}
.bg-redshift {
  text-align: center;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/landing-page/redshift/bg-redshift.jpg') center;
  background-size: cover;
  position: absolute;
}
#deeply-integrated {
  background-color: #F7F7F7;
  padding: 90px 0;
  text-align: left;
  position: relative;
}
#deeply-integrated .deeply-integrated-description {
  margin-top: 20px;
}
#deeply-integrated .deeply-integrated-description p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#deeply-integrated .deeply-integrated-pic {
  max-width: 130px;
  margin: 0px auto;
}
#deeply-integrated .deeply-integrated-pic img {
  width: 100%;
}
#native-cloud {
  padding: 90px 0;
  text-align: left;
  position: relative;
}
#native-cloud p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#native-cloud .native-cloud-pic {
  max-width: 550px;
  margin: 0px auto 20px;
}
#box-package {
  padding: 90px 0;
  text-align: left;
  position: relative;
}
#box-package .box-package-description {
  margin-top: 10px;
}
#box-package .box-package-description p {
  font-size: 18px;
  font-weight: normal;
  color: #787e81;
}
#box-package .box-package-pic {
  max-width: 180px;
  margin: 0px auto 0;
}
#box-package .box-package-pic img {
  width: 100%;
}
#quote {
  background-color: #F7F7F7;
}
@media (min-width: 768px) {
  #RedshiftHeader .hero-main .hero-main-inner {
    margin-top: 190px;
  }
  #RedshiftHeader .hero-main .main-title-connector h1 {
    font-size: 80px;
  }
  #RedshiftHeader .hero-main .main-title-connector p {
    font-size: 18px;
  }
  #RedshiftHeader .hero-main .connector-img {
    width: 130px;
  }
  #deeply-integrated {
    padding: 90px 0;
    text-align: center;
  }
  #deeply-integrated .deeply-integrated-pic {
    width: 230px;
    margin: 40px auto;
  }
  #deeply-integrated .deeply-integrated-pic img {
    width: 100%;
  }
  #native-cloud {
    padding: 120px 0;
    text-align: center;
    position: relative;
  }
  #native-cloud p {
    font-size: 18px;
    font-weight: normal;
    color: #787e81;
  }
  #native-cloud .native-cloud-pic {
    max-width: 550px;
    margin: 0px auto 20px;
  }
  #box-package {
    padding: 90px 0;
    text-align: center;
    position: relative;
  }
  #box-package .box-package-description {
    margin-top: 10px;
  }
  #box-package .box-package-description p {
    font-size: 18px;
    font-weight: normal;
    color: #787e81;
  }
}
@media (min-width: 992px) {
  #deeply-integrated {
    background-color: #F7F7F7;
    padding: 110px 0;
    text-align: left;
    position: relative;
  }
  #deeply-integrated .deeply-integrated-description {
    margin-top: 20px;
  }
  #deeply-integrated .deeply-integrated-description p {
    font-size: 18px;
    font-weight: normal;
    color: #787e81;
  }
  #deeply-integrated .deeply-integrated-pic {
    max-width: 230px;
    margin: 40px auto;
  }
  #deeply-integrated .deeply-integrated-pic img {
    width: 100%;
  }
  #native-cloud {
    padding: 120px 0;
  }
  #box-package {
    padding: 120px 0;
    text-align: left;
  }
  #box-package .box-package-description {
    margin-top: 10px;
  }
  #box-package .box-package-pic {
    max-width: 320px;
    margin: 70px auto 0;
  }
  #box-package .box-package-pic img {
    width: 100%;
  }
}
.segment .grey-bg {
  background: #F9F9F9;
}
.segment h1,
.segment h2,
.segment h3 {
  font-weight: 300;
}
.segment .button-style {
  border-radius: 8px;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 2px;
  padding: 16px 30px;
  font-weight: 400;
}
.segment .button-style:hover,
.segment .button-style:active,
.segment .button-style:focus {
  color: white;
}
.segment #segment-header {
  position: relative;
  overflow-x: hidden;
  padding: 0;
}
.segment #segment-header .bg-segment {
  text-align: center;
  background-size: cover;
  margin-top: 0;
  overflow: hidden;
  min-width: 75%;
  color: white;
}
.segment #segment-header .bg-segment .float-elements {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  opacity: 0.3;
  z-index: 1;
}
@media (min-width: 1200px) {
  .segment #segment-header .bg-segment .float-elements {
    opacity: 1;
  }
}
.segment #segment-header .bg-segment .float-elements div {
  position: absolute;
}
.segment #segment-header .bg-segment .float-elements .right {
  right: 0;
  max-width: 41%;
}
@media (min-width: 500px) {
  .segment #segment-header .bg-segment .float-elements .right {
    max-width: 250px;
  }
}
.segment #segment-header .bg-segment .float-elements .left {
  max-width: 59%;
}
@media (min-width: 500px) {
  .segment #segment-header .bg-segment .float-elements .left {
    max-width: 330px;
  }
}
.segment #segment-header .bg-segment .bg-color {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #354051;
  z-index: 0;
}
.segment #segment-header .bg-segment .main-title {
  position: relative;
  z-index: 2;
  margin-top: 184px;
}
.segment #segment-header .bg-segment .main-title img {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
}
@media (min-width: 768px) {
  .segment #segment-header .bg-segment .main-title img {
    width: 250px;
  }
}
@media (min-width: 992px) {
  .segment #segment-header .bg-segment .main-title img {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  .segment #segment-header .bg-segment .main-title img {
    width: 345px;
  }
}
.segment #segment-header .bg-segment .main-title h1 {
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 28px;
  margin-bottom: 20px;
}
.segment #segment-header .bg-segment .main-title p {
  font-size: 19px;
  letter-spacing: 1px;
  font-weight: 500;
  margin-bottom: 150px;
}
.segment #segment-header .bg-segment .main-title .segment-link {
  font-size: 12px;
  margin-top: 24px;
  margin-bottom: 10px;
}
.segment #segment-header .bg-segment .main-title .segment-link a {
  color: white;
  text-decoration: underline;
}
.segment #how-it-works {
  padding-top: 70px;
  padding-bottom: 50px;
}
.segment #how-it-works h1,
.segment #how-it-works h3,
.segment #how-it-works p {
  text-align: center;
}
.segment #how-it-works .row > div {
  position: relative;
  margin-top: 40px;
  margin-bottom: 50px;
}
.segment #how-it-works .row > div .circle {
  border: solid 2px black;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin: auto;
}
.segment #how-it-works .row > div .circle img {
  padding: 25px;
}
.segment #how-it-works .row > div h3 {
  position: absolute;
  width: 100%;
  left: 0;
}
.segment #how-it-works .row > div p {
  margin-top: 77px;
}
.segment #analyze-visualize,
.segment #build-share,
.segment #drag-and-drop {
  padding-top: 100px;
  padding-bottom: 100px;
}
.segment #analyze-visualize h3,
.segment #build-share h3,
.segment #drag-and-drop h3,
.segment #analyze-visualize p,
.segment #build-share p,
.segment #drag-and-drop p {
  text-align: center;
}
.segment #analyze-visualize h3,
.segment #build-share h3,
.segment #drag-and-drop h3 {
  margin-bottom: 42px;
  margin-top: 89px;
}
.segment #analyze-visualize .button-container,
.segment #build-share .button-container,
.segment #drag-and-drop .button-container {
  position: relative;
  margin-top: 35px;
  width: 100%;
  text-align: center;
}
.segment #analyze-visualize .button-container .button-style,
.segment #build-share .button-container .button-style,
.segment #drag-and-drop .button-container .button-style {
  font-size: 14px;
  background: #f2f3f6;
  color: #2F353E;
}
.segment #analyze-visualize .button-container .button-style:hover,
.segment #build-share .button-container .button-style:hover,
.segment #drag-and-drop .button-container .button-style:hover {
  background-color: #c4c5c6 !important;
}
.segment #analyze-visualize .container .row video,
.segment #build-share .container .row video,
.segment #drag-and-drop .container .row video {
  width: 100%;
}
.segment #combine-customer {
  margin-top: 100px;
  padding-bottom: 100px;
}
.segment #combine-customer h2,
.segment #combine-customer h3,
.segment #combine-customer p {
  text-align: center;
}
.segment #combine-customer h2 {
  margin-top: 89px;
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  .segment #combine-customer h2 {
    font-size: 30px;
    line-height: 1.5;
  }
}
.segment #combine-customer h3 {
  margin-bottom: 55px;
  margin-top: 15px;
}
.segment #combine-customer p {
  width: 100%;
  top: 90px;
  left: 0;
  padding: 0 15px;
  position: absolute;
}
@media (min-width: 768px) {
  .segment #combine-customer p {
    top: 120px;
  }
}
.segment #combine-customer .circles {
  position: relative;
  margin-top: 20px;
  height: 50px;
  margin-left: 50%;
}
.segment #combine-customer .left-sm-circle,
.segment #combine-customer .right-sm-circle {
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.segment #combine-customer .left-sm-circle.zendesk,
.segment #combine-customer .right-sm-circle.zendesk {
  border: solid 2px #78a300;
}
.segment #combine-customer .left-sm-circle.salesforce,
.segment #combine-customer .right-sm-circle.salesforce {
  border: solid 2px #00a1e0;
}
.segment #combine-customer .left-sm-circle.stripe,
.segment #combine-customer .right-sm-circle.stripe {
  border: solid 2px #008cdd;
}
.segment #combine-customer .left-sm-circle.segment,
.segment #combine-customer .right-sm-circle.segment {
  border: solid 2px #3CC76A;
}
.segment #combine-customer .left-sm-circle.hubSpot,
.segment #combine-customer .right-sm-circle.hubSpot {
  border: solid 2px #f7751f;
}
.segment #combine-customer .right-sm-circle {
  left: -7px;
}
.segment #combine-customer .left-sm-circle {
  left: -42px;
}
.segment #instacart {
  position: relative;
  text-align: center;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/segment/instacart.jpg') center;
  background-size: cover;
  color: white;
}
.segment #instacart .bg-color {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjgiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.segment #instacart .container {
  position: relative;
  z-index: 2;
}
.segment #instacart .quote {
  padding: 50px 50px 10px 50px;
  margin: 0;
  border: none;
}
@media (min-width: 992px) {
  .segment #instacart .quote {
    padding: 100px 100px 15px 100px;
  }
}
@media (min-width: 1200px) {
  .segment #instacart .quote {
    padding: 150px 150px 20px 150px;
  }
}
.segment #instacart .quote p,
.segment #instacart .quote footer {
  font-size: 20px;
}
@media (min-width: 768px) {
  .segment #instacart .quote p,
  .segment #instacart .quote footer {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .segment #instacart .quote p,
  .segment #instacart .quote footer {
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  .segment #instacart .quote p,
  .segment #instacart .quote footer {
    font-size: 30px;
  }
}
.segment #instacart .quote p {
  text-align: left;
}
.segment #instacart .quote footer {
  font-weight: bold;
  text-align: right;
}
.segment #instacart .quote footer:before {
  content: '\2014 \00A0';
}
.segment #instacart .quote img {
  display: block;
  width: 150px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
}
.SecurityHeader {
  overflow: hidden;
  border-bottom: solid 1px #d0d5d8;
  position: relative;
  height: 340px;
  background-color: #354051;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .SecurityHeader {
    height: 400px;
  }
}
.bg-grey-light {
  background-color: #fafafa;
}
.sharing {
  font-size: 20px;
}
.sharing p {
  margin-bottom: 30px;
}
.sharing .gradient {
  background-image: linear-gradient(to top, rgba(40, 53, 61, 0.25), transparent);
}
.sharing .fill-blue-light {
  background: #3bb2d0;
}
.sharing .hero-inner {
  height: 100vh !important;
}
.sharing .hero-inner .hero-unit {
  display: table;
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.sharing .hero-inner .hero-unit .main-title {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
  text-align: center;
}
.sharing .hero-inner .hero-unit .main-title h1 {
  text-transform: uppercase;
  font-size: 70px;
  font-weight: 700;
  letter-spacing: 3px;
  color: white;
}
.sharing .hero-inner .hero-unit .main-title p {
  letter-spacing: -0.02em;
  font-weight: 300;
  font-style: normal;
  font-size: 32px;
  margin-left: -1.6px;
  line-height: 1.2;
  margin-bottom: 30px;
  color: white !important;
}
.sharing #intro {
  padding: 110px 0;
}
.sharing #intro h3 {
  text-align: left;
  font-size: 26px;
  color: #2c3e50;
  line-height: 32px;
  font-weight: 800;
  letter-spacing: -1px;
}
.sharing #intro p {
  letter-spacing: 0.01rem;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 1.5;
}
.sharing .content-bg {
  overflow: hidden;
  background-color: #1B1F23;
}
.sharing .content-bg.custom-bg {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.sharing .content-bg.introduction {
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/sharing-economy/intro.png');
}
.sharing .content-bg.economy {
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/sharing-economy/economy.jpg');
}
.sharing .content-bg.v-center {
  display: table;
  width: 100%;
}
.sharing .content-bg.v-center > div {
  display: table-cell;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0;
  float: none;
}
.sharing .content-bg {
  position: relative;
  height: 600px;
  background-size: cover;
  color: white;
}
.sharing .content-bg .hero-unit {
  text-align: center;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.sharing .content-bg .hero-unit h1 {
  margin: 0 0 30px;
  font-weight: 600;
  line-height: 56px;
}
@media (max-width: 480px) {
  .sharing .content-bg .hero-unit h1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 33px;
  }
}
.sharing .content-bg .hero-unit.hero-unit-bordered h1 {
  font-size: 46px;
  font-weight: 700;
  border: 8px solid white;
  display: inline-block;
  margin: 0;
  padding: 30px 40px;
}
@media (max-width: 767px) {
  .sharing .content-bg .hero-unit.hero-unit-bordered h1 {
    font-size: 28px;
    font-weight: 600;
  }
}
.sharing #main-question {
  padding: 300px 0;
}
.sharing #main-question h1 {
  text-align: center;
  font-size: 55px;
  color: #2c3e50;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 1px;
}
.sharing #main-question .typed-cursor {
  opacity: 1;
  display: inline-block;
  -webkit-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}
.sharing .bg-chart {
  width: 100%;
  height: auto;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/sharing-economy/chart.png') no-repeat scroll center / 1350px auto #FFFFFF;
  padding: 120px 0 0 0;
  position: relative;
}
.sharing #intro-main-question {
  padding: 110px 0;
}
.sharing #intro-main-question h1 {
  font-size: 44px;
  color: #202630;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -1px;
  text-align: center;
  margin-bottom: 50px;
}
.sharing #intro-main-question h3 {
  text-align: left;
  font-size: 26px;
  color: #2c3e50;
  line-height: 32px;
  font-weight: 800;
  letter-spacing: -1px;
  margin-top: 90px;
}
.sharing #intro-main-question p {
  letter-spacing: 0.01rem;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 1.5;
}
.sharing #corporate-america {
  padding: 110px 0;
}
.sharing #corporate-america h1 {
  font-size: 44px;
  color: #202630;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -1px;
  text-align: center;
  margin-bottom: 50px;
}
.sharing #corporate-america h3 {
  text-align: left;
  font-size: 26px;
  color: #2c3e50;
  line-height: 32px;
  font-weight: 800;
  letter-spacing: -1px;
  margin-top: 90px;
}
.sharing #corporate-america p {
  letter-spacing: 0.01rem;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 1.5;
}
.sharing #rise-of-sharing-economy {
  padding: 110px 0;
}
.sharing #rise-of-sharing-economy h1 {
  font-size: 44px;
  color: #202630;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -1px;
  text-align: center;
  margin-bottom: 50px;
}
.sharing #rise-of-sharing-economy h3 {
  text-align: left;
  font-size: 26px;
  color: #2c3e50;
  line-height: 32px;
  font-weight: 800;
  letter-spacing: -1px;
  margin-top: 90px;
}
.sharing #rise-of-sharing-economy p {
  letter-spacing: 0.01rem;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 1.5;
}
.sharing #rise-of-sharing-economy .definition {
  font-style: italic;
}
.sharing #type-of-worker {
  padding: 110px 0;
}
.sharing #type-of-worker h1 {
  font-size: 44px;
  color: #202630;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -1px;
  text-align: center;
  margin-bottom: 50px;
}
.sharing #type-of-worker h3 {
  text-align: left;
  font-size: 26px;
  color: #2c3e50;
  line-height: 32px;
  font-weight: 800;
  letter-spacing: -1px;
  margin-top: 90px;
}
.sharing #type-of-worker p {
  letter-spacing: 0.01rem;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 1.5;
}
.sharing #type-of-worker .five-types .number-type {
  font-size: 100px;
  font-weight: 700;
  color: #00b4ff;
}
.sharing #type-of-worker .five-types .type-worker {
  margin-top: 26px;
  font-weight: 500;
  padding-left: 15px;
}
.sharing #type-of-worker .five-types .type-worker span {
  font-weight: 700;
}
.sharing #wages-levels {
  padding: 110px 0;
}
.sharing #wages-levels h1 {
  font-size: 44px;
  color: #202630;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -1px;
  text-align: center;
  margin-bottom: 50px;
}
.sharing #wages-levels h3 {
  text-align: left;
  font-size: 26px;
  color: #2c3e50;
  line-height: 32px;
  font-weight: 800;
  letter-spacing: -1px;
}
.sharing #wages-levels p {
  letter-spacing: 0.01rem;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 1.5;
}
.sharing #missing-workers {
  padding: 110px 0;
}
.sharing #missing-workers h1 {
  font-size: 44px;
  color: #202630;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -1px;
  text-align: center;
  margin-bottom: 50px;
}
.sharing #missing-workers h3 {
  text-align: left;
  font-size: 26px;
  color: #2c3e50;
  line-height: 32px;
  font-weight: 800;
  letter-spacing: -1px;
}
.sharing #missing-workers p {
  letter-spacing: 0.01rem;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 1.5;
}
.sharing #precariat {
  padding: 110px 0;
}
.sharing #precariat h1 {
  font-size: 44px;
  color: #202630;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -1px;
  text-align: center;
  margin-bottom: 50px;
}
.sharing #precariat h3 {
  text-align: left;
  font-size: 26px;
  color: #2c3e50;
  line-height: 32px;
  font-weight: 800;
  letter-spacing: -1px;
  margin-top: 90px;
}
.sharing #precariat p {
  letter-spacing: 0.01rem;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 1.5;
}
.sharing #stars-sharing-economy {
  padding: 110px 0;
}
.sharing #stars-sharing-economy h1 {
  font-size: 44px;
  color: #202630;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -1px;
  text-align: center;
  margin-bottom: 50px;
}
.sharing #stars-sharing-economy h3 {
  text-align: left;
  font-size: 26px;
  color: #2c3e50;
  line-height: 32px;
  font-weight: 800;
  letter-spacing: -1px;
  margin-top: 90px;
}
.sharing #stars-sharing-economy p {
  letter-spacing: 0.01rem;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 1.5;
}
.sharing #new-workers-sharing-economy {
  padding: 110px 0;
}
.sharing #new-workers-sharing-economy h1 {
  font-size: 44px;
  color: #202630;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -1px;
  text-align: center;
  margin-bottom: 50px;
}
.sharing #new-workers-sharing-economy h3 {
  text-align: left;
  font-size: 26px;
  color: #2c3e50;
  line-height: 32px;
  font-weight: 800;
  letter-spacing: -1px;
  margin-top: 90px;
}
.sharing #new-workers-sharing-economy p {
  letter-spacing: 0.01rem;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 1.5;
}
.sharing #sharing-economy-possible {
  padding: 110px 0;
}
.sharing #sharing-economy-possible h1 {
  font-size: 44px;
  color: #202630;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -1px;
  text-align: center;
  margin-bottom: 50px;
}
.sharing #sharing-economy-possible h3 {
  text-align: left;
  font-size: 26px;
  color: #2c3e50;
  line-height: 32px;
  font-weight: 800;
  letter-spacing: -1px;
  margin-top: 90px;
}
.sharing #sharing-economy-possible p {
  letter-spacing: 0.01rem;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 1.5;
}
.sharing #new-byer-new-worker {
  padding: 110px 0;
}
.sharing #new-byer-new-worker h1 {
  font-size: 44px;
  color: #202630;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -1px;
  text-align: center;
  margin-bottom: 50px;
}
.sharing #new-byer-new-worker h3 {
  text-align: left;
  font-size: 26px;
  color: #2c3e50;
  line-height: 32px;
  font-weight: 800;
  letter-spacing: -1px;
  margin-top: 90px;
}
.sharing #new-byer-new-worker p {
  letter-spacing: 0.01rem;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 1.5;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ShowcaseHeader {
  overflow: hidden;
  border-bottom: solid 1px #d0d5d8;
  position: relative;
  height: 340px;
  background-color: #354051;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .ShowcaseHeader {
    height: 400px;
  }
}
#filters {
  border-bottom: 1px solid #ebebeb;
  width: 100%;
}
#filters .filters-wrapper {
  text-align: center;
  min-height: 60px;
}
#filters .filters-wrapper ul {
  list-style: none;
  margin-bottom: 0;
}
#filters .filters-wrapper ul li {
  display: inline-block;
}
#filters .filters-wrapper ul li a {
  line-height: 60px;
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #787e81;
  letter-spacing: 1.3px;
  padding: 0 20px;
  display: inline-block;
}
#filters .filters-wrapper ul li a.selected {
  color: #00b4ff;
  box-shadow: inset 0 -2px 0 #00b4ff;
}
/********
**
** Sign up
**
********/
bime-signup-form input:-ms-reveal {
  display: none;
}
bime-signup-form .box {
  border-radius: 2px;
  display: block;
  margin: 0 auto;
  max-width: 500px;
  padding: 40px 5px;
}
bime-signup-form form {
  text-align: left;
}
bime-signup-form form .field {
  position: relative;
}
bime-signup-form form .field .split {
  min-height: 72px;
}
bime-signup-form form .field input,
bime-signup-form form .field .fake-select {
  background: #fff;
  border: none;
  border-radius: 2px;
  box-shadow: none;
  /* FF sets a red box-shadow for required inputs. */
  color: #202630;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
  min-height: 52px;
  padding: 0 46px 0 16px;
  position: relative;
  transition: all 0.2s ease-in;
  width: 100%;
  white-space: normal;
  z-index: 1;
}
bime-signup-form form .field input:focus,
bime-signup-form form .field .fake-select:focus {
  outline: none;
}
bime-signup-form form .field input:-webkit-autofill,
bime-signup-form form .field .fake-select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
bime-signup-form form .field select {
  border: none;
  background: none;
  box-shadow: none;
  position: absolute;
  z-index: 2;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  color: #AAAAAA;
  width: 100%;
  cursor: pointer;
  height: 52px;
}
bime-signup-form form .field select.selected {
  color: #202630;
}
bime-signup-form form .field select option {
  height: 52px;
  line-height: 52px;
  padding: 15px;
  background: #fff;
}
bime-signup-form form .field input.half-1,
bime-signup-form form .field input.half-2 {
  position: absolute;
  width: 50%;
}
bime-signup-form form .field input.half-1 {
  border-bottom-right-radius: 0;
  border-right: 1px solid #c4c5c6;
  border-top-right-radius: 0;
  left: 0;
}
bime-signup-form form .field input.half-2 {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  right: 0;
}
bime-signup-form form .field .icon-elevator {
  position: absolute;
  top: 0;
  right: -25px;
  color: #D3CDC3;
  width: 18px;
  height: 52px;
  cursor: pointer;
}
bime-signup-form form .field .icon-elevator svg {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}
bime-signup-form form .field .error_container {
  background: #f16767;
  box-sizing: border-box;
  color: white;
  font-size: 16px;
  font-weight: 500;
  height: 52px;
  left: 0;
  letter-spacing: .6px;
  line-height: 52px;
  padding: 0 15px 0 15px;
  position: relative;
  top: -20px;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
bime-signup-form form .field .error_container.warning {
  background: #f1c367;
}
bime-signup-form form .field .error_container.ng-enter {
  opacity: 0;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}
bime-signup-form form .field .error_container.ng-enter.ng-enter-active {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
bime-signup-form form .field .error_container.ng-leave {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
bime-signup-form form .field .error_container.ng-leave.ng-leave-active {
  opacity: 0;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}
bime-signup-form form .field .error_container p {
  color: white;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .6px;
  overflow: hidden;
  text-overflow: ellipsis;
}
bime-signup-form form .field .validation_icon.ng-enter {
  opacity: 0;
  transition: opacity 0.2s;
}
bime-signup-form form .field .validation_icon.ng-enter.ng-enter-active {
  opacity: 1;
}
bime-signup-form form .field .validation_icon img {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  position: absolute;
  right: 15px;
  top: 0;
  width: 20px;
  z-index: 100;
}
bime-signup-form form .field .validation_icon img.ng-enter {
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.1s ease-in-out 0.1s,transform 0.1s ease-in-out 0.1s;
}
bime-signup-form form .field .validation_icon img.ng-enter.ng-enter-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
bime-signup-form form .field .validation_icon img.ng-leave {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform 0.1s ease-in-out,transform 0.1s ease-in-out;
}
bime-signup-form form .field .validation_icon img.ng-leave.ng-leave-active {
  -webkit-transform: scale(0);
  transform: scale(0);
}
bime-signup-form form .field .validation_icon.half-1 img {
  right: calc(50% + 15px);
}
bime-signup-form form .field .validator {
  box-sizing: border-box;
  display: block;
  height: auto;
  margin-bottom: 20px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.2s ease-in-out;
  z-index: 100;
}
bime-signup-form form .field .validator.ng-enter {
  opacity: 0;
  -webkit-transform: translate(0, -15px);
  transform: translate(0, -15px);
}
bime-signup-form form .field .validator.ng-enter.ng-enter-active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
bime-signup-form form .field .validator.ng-leave {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
bime-signup-form form .field .validator.ng-leave.ng-leave-active {
  opacity: 0;
  -webkit-transform: translate(0, -15px);
  transform: translate(0, -15px);
}
bime-signup-form form .field .validator .validator_container {
  background: #e4e7e8;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  box-sizing: border-box;
  display: block;
  padding: 10px 20px;
  position: relative;
}
bime-signup-form form .field .validator .validator_container h4.validator_title {
  color: #202630;
  display: block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.5px;
  margin: 12px 0 5px 0;
  position: relative;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
}
bime-signup-form form .field .validator .validator_container ul.rules_list {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
bime-signup-form form .field .validator .validator_container ul.rules_list > li {
  color: #363b4a;
  display: block;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: .3px;
  margin: 12px 0;
  position: relative;
}
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_valid,
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_invalid,
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_pending {
  height: 19px;
  left: 0;
  opacity: 1;
  position: absolute;
  -webkit-transform: scale(1);
  transform: scale(1);
  top: 1px;
  width: 19px;
}
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_valid.ng-enter,
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_invalid.ng-enter,
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_pending.ng-enter {
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.1s ease-in-out 0.1s,transform 0.1s ease-in-out 0.1s;
}
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_valid.ng-enter.ng-enter-active,
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_invalid.ng-enter.ng-enter-active,
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_pending.ng-enter.ng-enter-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_valid.ng-leave,
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_invalid.ng-leave,
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_pending.ng-leave {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform 0.1s ease-in-out,transform 0.1s ease-in-out;
}
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_valid.ng-leave.ng-leave-active,
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_invalid.ng-leave.ng-leave-active,
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_pending.ng-leave.ng-leave-active {
  -webkit-transform: scale(0);
  transform: scale(0);
}
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_valid .bime-loader,
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_invalid .bime-loader,
bime-signup-form form .field .validator .validator_container ul.rules_list > li .icon_pending .bime-loader {
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
bime-signup-form form .field .validator .validator_container ul.rules_list > li p {
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding: 2px 0 0 30px;
  position: relative;
  transition: all 0.2s ease-in-out;
}
bime-signup-form form .field .validator .validator_container ul.rules_list > li.valid p {
  opacity: .3;
}
bime-signup-form form .field .validator:after {
  border-bottom: 10px solid #e4e7e8;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: '';
  display: block;
  left: 30px;
  position: absolute;
  top: -10px;
}
bime-signup-form form input.btn-signup {
  border: none;
  cursor: pointer;
  font-size: 11px;
  min-height: 52px;
  width: 100%;
}
bime-signup-form .terms-of-use {
  position: absolute;
  font-size: 13px;
  left: 0;
  bottom: 30px;
  color: #D3CDC3;
  width: 100%;
  text-align: center;
}
bime-signup-form .terms-of-use a {
  color: #D3CDC3;
  border-bottom: 1px dotted;
}
bime-signup-form .terms-of-use a:hover,
bime-signup-form .terms-of-use a:focus {
  border-bottom-style: solid;
}
@media (min-width: 768px) {
  bime-signup-form .box {
    padding: 40px;
  }
}
.content.signup-rails #signup-form {
  background: #354051;
  min-height: 100vh;
}
.content.signup-rails .sign .center,
.signup .sign .center {
  padding-top: 10vh;
}
.content.signup-rails .sign .center .logo-bime-form,
.signup .sign .center .logo-bime-form {
  margin: 0 auto 30px;
  width: 200px;
}
.content.signup-rails .sign .center .logo-bime-form img,
.signup .sign .center .logo-bime-form img {
  width: 100%;
}
.content.signup-rails .sign .center h2,
.signup .sign .center h2 {
  color: white;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: 0;
  text-align: center;
}
@media (min-width: 992px) {
  bime-signup-form form.vertical .field .error_container {
    left: 100%;
    max-width: 280px;
    position: absolute;
    top: 0;
  }
  bime-signup-form form.vertical .field .error_container p {
    padding: 0 20px 0 20px;
  }
  bime-signup-form form.vertical .field .error_container.ng-enter {
    -webkit-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
  }
  bime-signup-form form.vertical .field .error_container.ng-enter.ng-enter-active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  bime-signup-form form.vertical .field .error_container.ng-leave {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  bime-signup-form form.vertical .field .error_container.ng-leave.ng-leave-active {
    -webkit-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
  }
  bime-signup-form form.vertical .field .validator {
    left: 105%;
    position: absolute;
    top: 0;
    width: 260px;
  }
  bime-signup-form form.vertical .field .validator.ng-enter {
    opacity: 0;
    -webkit-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
  }
  bime-signup-form form.vertical .field .validator.ng-enter.ng-enter-active {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  bime-signup-form form.vertical .field .validator.ng-leave {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  bime-signup-form form.vertical .field .validator.ng-leave.ng-leave-active {
    opacity: 0;
    -webkit-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
  }
  bime-signup-form form.vertical .field .validator:after {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #e4e7e8;
    border-top: 10px solid transparent;
    left: -20px;
    top: 18px;
  }
}
.google-connect p.or {
  color: white;
  display: block;
  font-size: 14px;
  margin-bottom: 15px;
  padding: 10px 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.google-connect p.or:before {
  border-bottom: solid 1px #505b6c;
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  width: 40%;
}
.google-connect p.or:after {
  border-bottom: solid 1px #505b6c;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 20px;
  width: 40%;
}
.google-connect #gSignIn {
  background-color: #dd4834;
  border-radius: 2px;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  min-height: 52px;
  padding: 15px 24px;
  text-align: center;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.google-connect #gSignIn .icon-google-signin {
  display: none;
}
.google-connect #gSignIn .icon-google-signin img {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 52px;
  margin-top: -15px;
  position: absolute;
  width: 20px;
  z-index: 100;
}
.google-connect #gSignIn .buttonText {
  color: white;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.google-connect #gSignIn:hover {
  background-color: #be3320;
}
@media (min-width: 768px) {
  bime-signup-form form.vertical input,
  bime-signup-form form.vertical .fake-select {
    font-size: 16px;
  }
  bime-signup-form form.vertical input.btn.btn-1.btn-signup,
  .google-connect #gSignIn .buttonText {
    font-size: 14px;
  }
  .google-connect #gSignIn .icon-google-signin {
    display: block;
  }
}
.google-connect-error,
.server-side-error {
  border: 1px solid #dd4834;
  border-radius: 2px;
  color: white;
  padding: 10px;
  text-align: center;
}
.google-connect-error {
  margin-top: 15px;
}
.server-side-error {
  margin-bottom: 15px;
}
#free-trial .signup {
  min-height: 320px;
}
@media (min-width: 768px) {
  #free-trial .signup {
    margin-bottom: -110px;
  }
}
#free-trial .second-step {
  background-color: #354051;
  bottom: 0;
  left: 0;
  outline: 9999px solid #354051;
  padding-top: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
#free-trial .second-step h2 {
  margin-bottom: 70px;
}
.sortlist .sortlistHeader {
  margin-bottom: 0;
  width: 100%;
  height: 600px;
  position: relative;
  color: white;
  text-align: center;
}
.sortlist .sortlistHeader .hero-main {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/sortlist/sortlist-hero-2.jpg') 100% 75%;
  background-size: cover;
  background-position: bottom center;
  text-align: center;
}
.sortlist .sortlistHeader .hero-main .hero-main-inner {
  vertical-align: middle;
  display: table-cell;
}
.sortlist .sortlistHeader .hero-main .main-title-connector {
  text-align: center;
}
.sortlist .sortlistHeader .hero-main .main-title-connector h1 {
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -1px;
  margin-top: 75px;
  font-size: 45px;
  color: #fff!important;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  margin-bottom: 51px;
}
.sortlist .sortlistHeader .hero-main .main-title-connector p a {
  cursor: pointer;
  color: #FFFFFF;
  text-decoration: none;
}
.sortlist .sortlistHeader .hero-main .main-title-connector p a:hover {
  color: #cbcbcb;
}
.bime-eye {
  display: block;
  width: 64px;
}
.s-intro {
  text-align: center;
  font-size: 24px;
  color: #797e82;
  padding-top: 4%;
  margin-bottom: 1%;
  line-height: 1.7;
}
.section-title h2 {
  color: #000000;
  letter-spacing: -1px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 300;
  text-transform: none;
}
#coupon-google .coupon-inner .coupon-img {
  width: 85%;
  margin: 5px auto 40px;
  min-width: 308px;
}
@media (min-width: 768px) {
  .sortlistHeader .hero-main .main-title-connector {
    text-align: center;
  }
  .sortlistHeader .hero-main .main-title-connector h1 {
    font-size: 50px;
  }
  .sortlistHeader .hero-main .main-title-connector p {
    font-size: 22px;
  }
}
.section-title h2 {
  color: #000000;
  letter-spacing: -1px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 300;
}
.section-title p {
  color: #787e81;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
}
#coupon-google {
  padding: 30px 0;
}
.btn.btn-1:not(.btn-signup) {
  color: white !important;
  background: #00b4ff;
  padding: 15px 21px;
  font-weight: 600;
}
.spec-coupon .spec {
  color: #B3B3B3;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
}
#pure-cloud {
  padding: 90px 0;
  text-align: left;
  position: relative;
}
#pure-cloud .cloud-to-cloud-description {
  margin-top: 40px;
}
#pure-cloud .cloud-to-cloud-pic {
  max-width: 400px;
  margin: 0px auto;
}
#pure-cloud .cloud-to-cloud-pic img {
  width: 100%;
}
@media (min-width: 768px) {
  #pure-cloud .cloud-to-cloud-description {
    margin-top: 105px;
  }
  #pure-cloud .cloud-to-cloud-pic {
    margin: 100px auto;
  }
}
@media (min-width: 992px) {
  #pure-cloud .cloud-to-cloud-description .section-title h2 {
    text-align: left;
  }
  #pure-cloud .cloud-to-cloud-description .section-title p {
    text-align: left;
    max-width: 100%;
  }
  #pure-cloud .cloud-to-cloud-pic {
    margin: 0 auto;
  }
}
#presentation {
  padding: 60px 0;
  position: relative;
}
@media (min-width: 768px) {
  #presentation {
    padding: 80px 0 165px;
  }
}
.sunburst {
  font-size: 20px;
}
.sunburst .sunburst-intro {
  height: 100vh !important;
  background: #FBB829 !important;
}
.sunburst .sunburst-intro .main-title {
  margin-top: 315px;
}
.sunburst .sunburst-intro .main-title h1 {
  color: #d35400;
  font-weight: 600;
  line-height: 0.6;
}
.sunburst .sunburst-intro .container {
  text-align: left;
  height: 100%;
}
.sunburst .sunburst-intro .container img {
  margin-top: 150px;
}
.sunburst .hero {
  font-size: 36px;
  color: #202630;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -1px;
  margin-bottom: 20px;
}
.sunburst .white {
  color: white;
}
.sunburst #definition h1 {
  text-align: center;
}
.sunburst #definition .ali {
  text-align: center;
}
.sunburst #treemap-vs-sunburst {
  background: #00b4ff;
  color: white;
  text-align: left;
}
.sunburst #treemap-vs-sunburst h1 {
  text-align: center;
}
.sunburst #hierarchical-pie-chart {
  text-align: left;
}
.sunburst #hierarchical-pie-chart .hero {
  text-align: center;
}
.sunburst #hierarchical-pie-chart blockquote {
  border-left: none;
}
.sunburst #hierarchical-pie-chart .quote {
  font-size: 34px;
  font-weight: 300;
  line-height: 1.5;
}
.sunburst .shape {
  text-shadow: #00a2e6 1px 1px, #00a2e6 2px 2px, #00a2e6 3px 3px, #00a2e6 4px 4px, #00a2e6 5px 5px, #00a2e6 6px 6px, #00a2e6 7px 7px, #00a2e6 8px 8px, #00a2e6 9px 9px, #00a2e6 10px 10px, #00a2e6 11px 11px, #00a2e6 12px 12px, #00a2e6 13px 13px, #00a2e6 14px 14px, #00a2e6 15px 15px, #00a2e6 16px 16px, #00a2e6 17px 17px, #00a2e6 18px 18px, #00a2e6 19px 19px, #00a2e6 20px 20px, #00a2e6 21px 21px, #00a2e6 22px 22px, #00a2e6 23px 23px, #00a2e6 24px 24px, #00a2e6 25px 25px, #00a2e6 26px 26px, #00a2e6 27px 27px, #00a2e6 28px 28px, #00a2e6 29px 29px, #00a2e7 30px 30px, #00a3e7 31px 31px, #00a3e8 32px 32px, #00a4e8 33px 33px, #00a4e9 34px 34px, #00a5ea 35px 35px, #00a5ea 36px 36px, #00a5eb 37px 37px, #00a6eb 38px 38px, #00a6ec 39px 39px, #00a7ed 40px 40px, #00a7ed 41px 41px, #00a8ee 42px 42px, #00a8ee 43px 43px, #00a8ef 44px 44px, #00a9f0 45px 45px, #00a9f0 46px 46px, #00aaf1 47px 47px, #00aaf1 48px 48px, #00abf2 49px 49px, #00abf3 50px 50px, #00abf3 51px 51px, #00acf4 52px 52px, #00acf4 53px 53px, #00adf5 54px 54px, #00adf6 55px 55px, #00aef6 56px 56px, #00aef7 57px 57px, #00aef7 58px 58px, #00aff8 59px 59px, #00aff9 60px 60px, #00b0f9 61px 61px, #00b0fa 62px 62px, #00b1fa 63px 63px, #00b1fb 64px 64px, #00b1fc 65px 65px, #00b2fc 66px 66px, #00b2fd 67px 67px, #00b3fd 68px 68px, #00b3fe 69px 69px, #00b4ff 70px 70px;
  background-color: #00b4ff;
  height: 100%;
  width: 100%;
  font-size: 75px;
  text-align: center;
}
/*********
**
**  Home
**
*******/
.SupportHeader {
  overflow: hidden;
  position: relative;
  height: 450px;
  background-color: #354051;
  width: 100%;
  text-align: center;
}
.SupportHeader .btn {
  margin-top: 30px;
}
#topics .menuList {
  text-align: left;
  border-bottom: 1px solid #F6F6F6;
  padding-right: 3%;
  padding-bottom: 30px;
  margin-top: -40px;
}
#topics .menuList .iconic {
  display: block;
  width: 50px;
  margin-top: 25px;
}
#topics .menuList .support-title {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  margin-top: -15px;
}
#topics .menuList .support-content {
  line-height: 1.75;
  clear: both;
}
@media (min-width: 768px) {
  #topics {
    padding-bottom: 0;
  }
  #topics .menuList {
    text-align: center;
    border-bottom: 1px solid #F6F6F6;
    padding-bottom: 30px;
    margin-top: 0;
  }
  #topics .menuList .iconic {
    display: block;
    width: 64px;
  }
  #topics .menuList .support-title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.10em;
    margin-top: 1.25em;
  }
  #topics .menuList .support-content {
    line-height: 1.75;
    margin: 10px 50px 70px 50px;
    clear: both;
    font-size: 16px;
  }
}
#getting-started,
#working-datasources {
  position: relative;
  text-align: left;
}
#getting-started .security-content .section-title,
#working-datasources .security-content .section-title {
  padding: 10px 0;
  text-align: left;
}
#getting-started .security-sketch,
#working-datasources .security-sketch {
  width: 100%;
  margin-top: 40px;
}
#getting-started .security-sketch img,
#working-datasources .security-sketch img {
  width: 100%;
}
#topic .list-topics .topic-content {
  background-color: white;
  margin-bottom: 40px;
  height: 250px;
  border: 1px solid #d0d5d8;
  padding: 15px 30px;
}
#topic .list-topics .topic-content a {
  margin-bottom: 0px;
  padding-bottom: 15px;
}
#topic .list-topics .topic-content a h3 {
  position: relative;
  text-transform: none;
  font-size: 28px;
  font-weight: 500;
  color: #202630;
  margin-bottom: 10px;
}
#topic .list-topics .topic-content a p {
  color: #787e81;
}
#topic .list-topics .topic-content a span {
  position: absolute;
  bottom: 60px;
  left: 45px;
  color: #787e81;
  font-size: 16px;
  line-height: 1.2em;
  border-bottom: solid 1px #787e81;
}
#topic .list-topics .topic-content:hover {
  padding: 13px 30px 15px;
}
#topic .list-topics .blue:hover {
  border-top-width: 3px;
  border-color: #00b4ff #d0d5d8 #d0d5d8;
}
#topic .list-topics .red:hover {
  border-top-width: 3px;
  border-color: #ff004e #d0d5d8 #d0d5d8;
}
#topic .list-topics .green:hover {
  border-top-width: 3px;
  border-color: #1ece6d #d0d5d8 #d0d5d8;
}
#topic .list-topics .yellow:hover {
  border-top-width: 3px;
  border-color: #fbb829 #d0d5d8 #d0d5d8;
}
#topic .list-topics .purple:hover {
  border-top-width: 3px;
  border-color: #9b59b6 #d0d5d8 #d0d5d8;
}
#topic .list-topics .orange:hover {
  border-top-width: 3px;
  border-color: #d35400 #d0d5d8 #d0d5d8;
}
#topic .list-topics .green-pastel:hover {
  border-top-width: 3px;
  border-color: #1abc9c #d0d5d8 #d0d5d8;
}
#topic .list-topics .red-pastel:hover {
  border-top-width: 3px;
  border-color: #e74c3c #d0d5d8 #d0d5d8;
}
#topic .list-topics .midnight-blue:hover {
  border-top-width: 3px;
  border-color: #fbb829 #d0d5d8 #d0d5d8;
}
/*********
**
**  End Home
**
*******/
/*********
**
**  Can't find
**
*******/
#cantfind {
  text-align: center;
  padding: 80px 0;
}
#cantfind h1 {
  line-height: 1;
  font-size: 28px;
  font-weight: 500;
  text-transform: uppercase;
}
#cantfind .main-pitch {
  color: white !important;
}
#cantfind .btn {
  background-color: #00b4ff !important;
  border: none;
  font-size: 12px;
}
@media (min-width: 768px) {
  #cantfind {
    padding: 110px 0;
  }
  #cantfind h1 {
    font-size: 28px;
  }
  #cantfind .btn {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  #cantfind h1 {
    font-size: 32px;
  }
}
.sub-pitch {
  color: white;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
  width: 85%;
  text-align: center;
  margin: 5px auto 0 auto;
}
/*********
**
**  End Can't find
**
*******/
.TermsHeader {
  overflow: hidden;
  position: relative;
  height: 400px;
  background-color: #354051;
  width: 100%;
  text-align: center;
}
.TermsHeader a {
  color: #00b4ff;
}
#terms-content .container h3 {
  font-weight: 700;
  color: #202630;
  margin-top: 70px;
}
#terms-content .container ul {
  padding: inherit;
}
#terms-content .container p {
  color: #202630;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0px;
  font-weight: 300;
  margin-top: 25px;
}
#terms-content .container p span {
  font-weight: 300;
}
#VisuHeader {
  margin-bottom: 0;
  width: 100%;
  position: relative;
  color: white;
}
#VisuHeader .hero-main {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #354051;
  text-align: center;
}
#VisuHeader .hero-main .hero-main-inner {
  vertical-align: middle;
}
#VisuHeader .hero-main .main-title-visu {
  text-align: center;
}
#VisuHeader .hero-main .main-title-visu img {
  width: 130px;
  margin-bottom: 20px;
}
#VisuHeader .hero-main .main-title-visu h1 {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 10px;
  font-size: 32px;
}
#VisuHeader .hero-main .main-title-visu p {
  font-size: 16px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
@media (min-width: 768px) {
  #VisuHeader .hero-main .hero-main-inner .main-title-visu h1 {
    font-size: 80px;
  }
  #VisuHeader .hero-main .hero-main-inner .main-title-visu p {
    font-size: 24px;
  }
}
#definition {
  background-color: white;
  position: relative;
}
#definition .definition-wrapper {
  text-align: center;
}
#definition .definition-wrapper h3 {
  font-weight: 400;
  font-size: 48px;
  color: #202630;
  line-height: 57px;
}
#definition .definition-wrapper p {
  padding: 0 40px;
}
#laptop-option .laptop-option-container {
  width: 80%;
  margin: 0 auto;
}
#laptop-option .laptop-option-container video {
  width: 100%;
  height: 100%;
}
#laptop-option .laptop-option-container .device {
  position: relative;
}
#laptop-option .laptop-option-container .device.laptop {
  background-image: url('//d1gg7dh2gtd5ds.cloudfront.net/img/library/landing-page/laptop.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 100%;
  padding-bottom: 59.538%;
  position: relative;
}
#laptop-option .laptop-option-container .device.laptop .screen {
  position: absolute;
  top: 12.4%;
  left: 15.9%;
  width: 68.2%;
  height: 71.7%;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}
@media (min-width: 768px) {
  .section-align.right .img {
    float: right;
  }
  .section-align.right .content {
    float: left;
  }
}
.waterfall {
  font-size: 20px;
}
.waterfall #cover-header {
  margin-top: 0px !important;
}
.waterfall .waterfall-img {
  height: 100%;
  overflow: hidden;
}
.waterfall .usage {
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 4px;
  text-align: center;
  margin-bottom: 30px;
}
.waterfall .usage:after {
  content: " ";
  text-align: center;
  display: block;
  margin: 20px auto;
  width: 30px;
  border-top: 1px solid #8d8d8d;
}
.waterfall .section-hero {
  text-align: center;
  background: url('//d1gg7dh2gtd5ds.cloudfront.net/img/waterfall/waterfall-bg-01.png') center;
  background-size: cover;
}
.waterfall .waterfall-intro {
  height: 100vh !important;
  color: white;
}
.waterfall .waterfall-intro .main-title {
  margin-top: 430px;
  text-align: center;
}
.waterfall .waterfall-intro .main-title h1 {
  font-weight: 600;
  line-height: 0.95;
}
.waterfall .waterfall-intro .main-title p {
  font-size: 23px;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 33px;
  font-weight: 300;
  color: #fff;
  opacity: 0.7;
}
.waterfall .waterfall-intro .container {
  text-align: left;
  height: 100%;
}
.waterfall .hero {
  color: #202630;
  font-size: 55px;
  font-weight: normal;
  margin-bottom: 36px;
  letter-spacing: -2px;
  line-height: 1;
}
.waterfall .white {
  color: white;
}
.waterfall #definition {
  padding: 95px 0;
}
.waterfall #definition p {
  text-align: left;
  font-size: 30px;
  line-height: 44px;
  letter-spacing: -1px;
  font-weight: bold;
  color: #202630;
}
.waterfall #a-to-b {
  border-top: 1px solid #f2f2f1;
  padding: 150px 0;
}
.waterfall #a-to-b p {
  padding: 0 80px;
  line-height: 45px;
  font-size: 26px;
  max-width: 95%;
  margin: 0 auto;
  margin-bottom: 67px;
  text-align: center;
}
.waterfall #pie-chart-vs-waterfall {
  padding: 150px 0;
  text-align: left;
  background: #fbb829!important;
  color: white;
}
.waterfall #pie-chart-vs-waterfall h1 {
  text-align: center;
  color: white;
}
.waterfall #pie-chart-vs-waterfall p {
  line-height: 45px;
  font-size: 26px;
  max-width: 95%;
  margin: 0 auto;
  margin-bottom: 67px;
  text-align: center;
}
.waterfall #pie-chart-vs-waterfall .usage {
  color: white;
}
.waterfall #pie-chart-vs-waterfall .usage:after {
  border-top: 1px solid white;
}
.waterfall #one-click {
  padding: 150px 0;
}
.waterfall #one-click .hero {
  text-align: center;
}
.waterfall #one-click p {
  line-height: 45px;
  font-size: 26px;
  max-width: 95%;
  margin: 0 auto;
  text-align: center;
}
.waterfall .shape {
  text-shadow: #e2a625 1px 1px, #e2a625 2px 2px, #e2a625 3px 3px, #e2a625 4px 4px, #e2a625 5px 5px, #e2a625 6px 6px, #e2a625 7px 7px, #e2a625 8px 8px, #e2a625 9px 9px, #e2a625 10px 10px, #e2a625 11px 11px, #e2a625 12px 12px, #e2a625 13px 13px, #e2a625 14px 14px, #e3a625 15px 15px, #e4a725 16px 16px, #e5a825 17px 17px, #e6a925 18px 18px, #e7aa25 19px 19px, #e9ab26 20px 20px, #eaac26 21px 21px, #ebac26 22px 22px, #ecad26 23px 23px, #edae26 24px 24px, #efaf27 25px 25px, #f0b027 26px 26px, #f1b127 27px 27px, #f2b227 28px 28px, #f3b227 29px 29px, #f5b328 30px 30px, #f6b428 31px 31px, #f7b528 32px 32px, #f8b628 33px 33px, #f9b728 34px 34px, #fbb829 35px 35px;
  background-color: #fbb829;
  height: 150px;
  width: 150px;
  font-size: 75px;
  line-height: 150px;
  text-align: center;
}
.wordcloud .inner-section {
  padding-left: 40px;
  padding-right: 40px;
}
.wordcloud p {
  color: #787e81;
  font-size: 17px;
  font-weight: 400;
  line-height: 30px;
}
.wordcloud .definition {
  background-color: white;
  position: relative;
}
.wordcloud .definition .inner-section {
  text-align: center;
}
.wordcloud .definition .inner-section h3 {
  color: #202630;
  font-size: 48px;
  font-weight: 400;
  line-height: 57px;
}
.wordcloud-header {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.wordcloud-header video {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.wordcloud-header .main-title-visu {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.wordcloud-header .main-title-visu h1 {
  color: #C0B1A5;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-top: 20px;
  font-size: 32px;
}
.wordcloud-header .main-title-visu p {
  color: #C0B1A5;
  font-size: 16px;
}
.wordcloud-header:after {
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (min-width: 992px) {
  .wordcloud-header .main-title-visu h1 {
    font-size: 80px;
  }
  .wordcloud-header .main-title-visu p {
    font-size: 40px;
  }
  .customizable .customization {
    margin-top: 128px;
  }
}
@media (min-width: 768px) {
  .wordcloud .customizable .section-contents,
  .wordcloud .example .section-contents {
    margin: 65px auto 0 auto;
    max-width: 800px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
  .wordcloud .customizable .section-contents .section-texts,
  .wordcloud .example .section-contents .section-texts {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 250px;
  }
  .wordcloud .customizable .section-contents img,
  .wordcloud .example .section-contents img {
    max-width: 600px;
  }
  .wordcloud .customizable .section-contents {
    text-align: right;
  }
  .wordcloud .customizable .section-contents .section-texts {
    left: 0;
    max-width: 300px;
    text-align: left;
    top: 20%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .wordcloud .customizable .customizable .customization {
    margin-top: 128px;
  }
  .wordcloud-header .main-title-visu h1 {
    font-size: 60px;
  }
  .wordcloud-header .main-title-visu p {
    font-size: 28px;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  color: #45494d;
}
img {
  vertical-align: middle;
  height: auto;
  max-width: 100%;
}
a {
  cursor: pointer;
  color: #45494d;
  text-decoration: none;
}
a:link {
  text-decoration: none;
}
a:hover,
.active {
  color: #00b4ff;
  transition: all 0.3s ease;
}
.active:hover {
  color: #00b4ff !important;
}
*:focus {
  outline: 0;
}
::-moz-selection {
  background-color: #00b4ff;
  color: #fff;
}
::selection {
  background-color: #00b4ff;
  color: #fff;
}
.vspacer {
  height: 40px;
}
.spacer {
  height: 25px;
}
.vbigspacer {
  height: 30px;
}
@media (min-width: 768px) {
  .vbigspacer {
    height: 110px;
  }
}
.nmb {
  padding-bottom: 0;
}
.np {
  padding: 0 !important;
}
.vspacer {
  margin-top: 35px;
}
@media all {
  .bg-gradient {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    height: 200px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  }
  body > div.body-wrapper div.container > h1,
  body #how-it-works > .container > h1,
  body #home-video > .tour-video > .connector-text > h1,
  body > div.body-wrapper > section > div > h1 {
    font: 1.75em/1 "din-next-rounded";
    font-weight: 300;
  }
  body > div.body-wrapper div.container > h2.sub-pitch,
  body #how-it-works > .container > h2.sub-pitch,
  body #home-video > .tour-video > .connector-text > h2.sub-pitch,
  body > div.body-wrapper > section > div > h2.sub-pitch {
    font: 0.5em/1 "din-next-rounded";
    font-weight: 100;
  }
  body > div.body-wrapper div.container > p,
  body #how-it-works > .container > p,
  body #home-video > .tour-video > .connector-text > p,
  body > div.body-wrapper > section > div > p {
    font: 0.5em/1 "proxima-nova", Helvetica, Arial, sans-serif;
    font-weight: 300;
  }
  body .introWrap .tagline,
  body .change-log .container .wrap h2,
  body .body-wrapper .hero-main .hero-text .tagline {
    font: 1.7em/1 "din-next-rounded";
    font-weight: 300;
  }
  body.smartling-fr .introWrap .tagline {
    font-size: 32px;
    line-height: 32px;
  }
  body .introWrap .subline,
  body .change-log .container .wrap p,
  body .body-wrapper .hero-main .hero-text .subline {
    font: 0.7em/1 "din-next-rounded";
    font-weight: 100;
    padding-top: 20px;
  }
  body #become-partners > .container h1.main-pitch,
  body #cant-find > .container h1.main-pitch,
  body #free-trial > .container h1.main-pitch {
    font-family: "din-next-rounded";
    font-weight: 300;
  }
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-visu h1,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-visu h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-visu h1,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-visu h1,
  body > div.content > #OwoxHeader .hero-main .container .main-title-visu h1,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-visu h1,
  body > div.content > #FacebookHeader .hero-main .container .main-title-visu h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-visu h1,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-visu h1,
  body > div.content > #DashHeader .hero-main .container .main-title-visu h1,
  body > div.content > #IntercomHeader .hero-main .container .main-title-visu h1,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-visu h1,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-visu h1,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-visu h1,
  body > div.content > #RestHeader .hero-main .container .main-title-visu h1,
  body > div.content > #TwitterHeader .hero-main .container .main-title-visu h1,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-visu h1,
  body div.content .hero-main .container .main-title-visu h1,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-visu h1,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-visu h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-visu h1,
  body div.content .hero-main-inner .container .main-title-visu h1,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-visu h1,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-visu h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #DashHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #RestHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-visu h1,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-visu h1,
  body div.content .hero-opening .container .main-title-visu h1,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-connector h1,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-connector h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-connector h1,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-connector h1,
  body > div.content > #OwoxHeader .hero-main .container .main-title-connector h1,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-connector h1,
  body > div.content > #FacebookHeader .hero-main .container .main-title-connector h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-connector h1,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-connector h1,
  body > div.content > #DashHeader .hero-main .container .main-title-connector h1,
  body > div.content > #IntercomHeader .hero-main .container .main-title-connector h1,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-connector h1,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-connector h1,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-connector h1,
  body > div.content > #RestHeader .hero-main .container .main-title-connector h1,
  body > div.content > #TwitterHeader .hero-main .container .main-title-connector h1,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-connector h1,
  body div.content .hero-main .container .main-title-connector h1,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-connector h1,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-connector h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-connector h1,
  body div.content .hero-main-inner .container .main-title-connector h1,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-connector h1,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-connector h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #DashHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #RestHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-connector h1,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-connector h1,
  body div.content .hero-opening .container .main-title-connector h1,
  body > div.body-wrapper > #VisuHeader .hero-main .container .title h1,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .title h1,
  body > div.content > #ConnectorHeader .hero-main .container .title h1,
  body > div.content > #OwoxHeader .hero-main .container .title h1,
  body > div.content > #AdwordsHeader .hero-main .container .title h1,
  body > div.content > #FacebookHeader .hero-main .container .title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .title h1,
  body > div.content > #BigQueryHeader .hero-main .container .title h1,
  body > div.content > #DashHeader .hero-main .container .title h1,
  body > div.content > #IntercomHeader .hero-main .container .title h1,
  body > div.content > #MailchimpHeader .hero-main .container .title h1,
  body > div.content > #MongoDBHeader .hero-main .container .title h1,
  body > div.content > #RedshiftHeader .hero-main .container .title h1,
  body > div.content > #RestHeader .hero-main .container .title h1,
  body > div.content > #TwitterHeader .hero-main .container .title h1,
  body > div.content > .campaign-monitor-intro .hero-main .container .title h1,
  body div.content .hero-main .container .title h1,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .title h1,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .title h1,
  body > div.content > #ConnectorHeader .hero-main-inner .container .title h1,
  body > div.content > #OwoxHeader .hero-main-inner .container .title h1,
  body > div.content > #AdwordsHeader .hero-main-inner .container .title h1,
  body > div.content > #FacebookHeader .hero-main-inner .container .title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .title h1,
  body > div.content > #BigQueryHeader .hero-main-inner .container .title h1,
  body > div.content > #DashHeader .hero-main-inner .container .title h1,
  body > div.content > #IntercomHeader .hero-main-inner .container .title h1,
  body > div.content > #MailchimpHeader .hero-main-inner .container .title h1,
  body > div.content > #MongoDBHeader .hero-main-inner .container .title h1,
  body > div.content > #RedshiftHeader .hero-main-inner .container .title h1,
  body > div.content > #RestHeader .hero-main-inner .container .title h1,
  body > div.content > #TwitterHeader .hero-main-inner .container .title h1,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .title h1,
  body div.content .hero-main-inner .container .title h1,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .title h1,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .title h1,
  body > div.content > #ConnectorHeader .hero-opening .container .title h1,
  body > div.content > #OwoxHeader .hero-opening .container .title h1,
  body > div.content > #AdwordsHeader .hero-opening .container .title h1,
  body > div.content > #FacebookHeader .hero-opening .container .title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .title h1,
  body > div.content > #BigQueryHeader .hero-opening .container .title h1,
  body > div.content > #DashHeader .hero-opening .container .title h1,
  body > div.content > #IntercomHeader .hero-opening .container .title h1,
  body > div.content > #MailchimpHeader .hero-opening .container .title h1,
  body > div.content > #MongoDBHeader .hero-opening .container .title h1,
  body > div.content > #RedshiftHeader .hero-opening .container .title h1,
  body > div.content > #RestHeader .hero-opening .container .title h1,
  body > div.content > #TwitterHeader .hero-opening .container .title h1,
  body > div.content > .campaign-monitor-intro .hero-opening .container .title h1,
  body div.content .hero-opening .container .title h1,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title h1,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title h1,
  body > div.content > #ConnectorHeader .hero-main .container .main-title h1,
  body > div.content > #OwoxHeader .hero-main .container .main-title h1,
  body > div.content > #AdwordsHeader .hero-main .container .main-title h1,
  body > div.content > #FacebookHeader .hero-main .container .main-title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title h1,
  body > div.content > #BigQueryHeader .hero-main .container .main-title h1,
  body > div.content > #DashHeader .hero-main .container .main-title h1,
  body > div.content > #IntercomHeader .hero-main .container .main-title h1,
  body > div.content > #MailchimpHeader .hero-main .container .main-title h1,
  body > div.content > #MongoDBHeader .hero-main .container .main-title h1,
  body > div.content > #RedshiftHeader .hero-main .container .main-title h1,
  body > div.content > #RestHeader .hero-main .container .main-title h1,
  body > div.content > #TwitterHeader .hero-main .container .main-title h1,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title h1,
  body div.content .hero-main .container .main-title h1,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title h1,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title h1,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title h1,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title h1,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title h1,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title h1,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title h1,
  body > div.content > #DashHeader .hero-main-inner .container .main-title h1,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title h1,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title h1,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title h1,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title h1,
  body > div.content > #RestHeader .hero-main-inner .container .main-title h1,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title h1,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title h1,
  body div.content .hero-main-inner .container .main-title h1,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title h1,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title h1,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title h1,
  body > div.content > #OwoxHeader .hero-opening .container .main-title h1,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title h1,
  body > div.content > #FacebookHeader .hero-opening .container .main-title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title h1,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title h1,
  body > div.content > #DashHeader .hero-opening .container .main-title h1,
  body > div.content > #IntercomHeader .hero-opening .container .main-title h1,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title h1,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title h1,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title h1,
  body > div.content > #RestHeader .hero-opening .container .main-title h1,
  body > div.content > #TwitterHeader .hero-opening .container .main-title h1,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title h1,
  body div.content .hero-opening .container .main-title h1 {
    font: 1.75em/1 "din-next-rounded";
    font-weight: 300;
    color: white;
  }
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-visu h2,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-visu h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-visu h2,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-visu h2,
  body > div.content > #OwoxHeader .hero-main .container .main-title-visu h2,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-visu h2,
  body > div.content > #FacebookHeader .hero-main .container .main-title-visu h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-visu h2,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-visu h2,
  body > div.content > #DashHeader .hero-main .container .main-title-visu h2,
  body > div.content > #IntercomHeader .hero-main .container .main-title-visu h2,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-visu h2,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-visu h2,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-visu h2,
  body > div.content > #RestHeader .hero-main .container .main-title-visu h2,
  body > div.content > #TwitterHeader .hero-main .container .main-title-visu h2,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-visu h2,
  body div.content .hero-main .container .main-title-visu h2,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-visu h2,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-visu h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-visu h2,
  body div.content .hero-main-inner .container .main-title-visu h2,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-visu h2,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-visu h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #DashHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #RestHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-visu h2,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-visu h2,
  body div.content .hero-opening .container .main-title-visu h2,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-connector h2,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-connector h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-connector h2,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-connector h2,
  body > div.content > #OwoxHeader .hero-main .container .main-title-connector h2,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-connector h2,
  body > div.content > #FacebookHeader .hero-main .container .main-title-connector h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-connector h2,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-connector h2,
  body > div.content > #DashHeader .hero-main .container .main-title-connector h2,
  body > div.content > #IntercomHeader .hero-main .container .main-title-connector h2,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-connector h2,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-connector h2,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-connector h2,
  body > div.content > #RestHeader .hero-main .container .main-title-connector h2,
  body > div.content > #TwitterHeader .hero-main .container .main-title-connector h2,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-connector h2,
  body div.content .hero-main .container .main-title-connector h2,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-connector h2,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-connector h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-connector h2,
  body div.content .hero-main-inner .container .main-title-connector h2,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-connector h2,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-connector h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #DashHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #RestHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-connector h2,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-connector h2,
  body div.content .hero-opening .container .main-title-connector h2,
  body > div.body-wrapper > #VisuHeader .hero-main .container .title h2,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .title h2,
  body > div.content > #ConnectorHeader .hero-main .container .title h2,
  body > div.content > #OwoxHeader .hero-main .container .title h2,
  body > div.content > #AdwordsHeader .hero-main .container .title h2,
  body > div.content > #FacebookHeader .hero-main .container .title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .title h2,
  body > div.content > #BigQueryHeader .hero-main .container .title h2,
  body > div.content > #DashHeader .hero-main .container .title h2,
  body > div.content > #IntercomHeader .hero-main .container .title h2,
  body > div.content > #MailchimpHeader .hero-main .container .title h2,
  body > div.content > #MongoDBHeader .hero-main .container .title h2,
  body > div.content > #RedshiftHeader .hero-main .container .title h2,
  body > div.content > #RestHeader .hero-main .container .title h2,
  body > div.content > #TwitterHeader .hero-main .container .title h2,
  body > div.content > .campaign-monitor-intro .hero-main .container .title h2,
  body div.content .hero-main .container .title h2,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .title h2,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .title h2,
  body > div.content > #ConnectorHeader .hero-main-inner .container .title h2,
  body > div.content > #OwoxHeader .hero-main-inner .container .title h2,
  body > div.content > #AdwordsHeader .hero-main-inner .container .title h2,
  body > div.content > #FacebookHeader .hero-main-inner .container .title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .title h2,
  body > div.content > #BigQueryHeader .hero-main-inner .container .title h2,
  body > div.content > #DashHeader .hero-main-inner .container .title h2,
  body > div.content > #IntercomHeader .hero-main-inner .container .title h2,
  body > div.content > #MailchimpHeader .hero-main-inner .container .title h2,
  body > div.content > #MongoDBHeader .hero-main-inner .container .title h2,
  body > div.content > #RedshiftHeader .hero-main-inner .container .title h2,
  body > div.content > #RestHeader .hero-main-inner .container .title h2,
  body > div.content > #TwitterHeader .hero-main-inner .container .title h2,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .title h2,
  body div.content .hero-main-inner .container .title h2,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .title h2,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .title h2,
  body > div.content > #ConnectorHeader .hero-opening .container .title h2,
  body > div.content > #OwoxHeader .hero-opening .container .title h2,
  body > div.content > #AdwordsHeader .hero-opening .container .title h2,
  body > div.content > #FacebookHeader .hero-opening .container .title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .title h2,
  body > div.content > #BigQueryHeader .hero-opening .container .title h2,
  body > div.content > #DashHeader .hero-opening .container .title h2,
  body > div.content > #IntercomHeader .hero-opening .container .title h2,
  body > div.content > #MailchimpHeader .hero-opening .container .title h2,
  body > div.content > #MongoDBHeader .hero-opening .container .title h2,
  body > div.content > #RedshiftHeader .hero-opening .container .title h2,
  body > div.content > #RestHeader .hero-opening .container .title h2,
  body > div.content > #TwitterHeader .hero-opening .container .title h2,
  body > div.content > .campaign-monitor-intro .hero-opening .container .title h2,
  body div.content .hero-opening .container .title h2,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title h2,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title h2,
  body > div.content > #ConnectorHeader .hero-main .container .main-title h2,
  body > div.content > #OwoxHeader .hero-main .container .main-title h2,
  body > div.content > #AdwordsHeader .hero-main .container .main-title h2,
  body > div.content > #FacebookHeader .hero-main .container .main-title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title h2,
  body > div.content > #BigQueryHeader .hero-main .container .main-title h2,
  body > div.content > #DashHeader .hero-main .container .main-title h2,
  body > div.content > #IntercomHeader .hero-main .container .main-title h2,
  body > div.content > #MailchimpHeader .hero-main .container .main-title h2,
  body > div.content > #MongoDBHeader .hero-main .container .main-title h2,
  body > div.content > #RedshiftHeader .hero-main .container .main-title h2,
  body > div.content > #RestHeader .hero-main .container .main-title h2,
  body > div.content > #TwitterHeader .hero-main .container .main-title h2,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title h2,
  body div.content .hero-main .container .main-title h2,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title h2,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title h2,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title h2,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title h2,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title h2,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title h2,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title h2,
  body > div.content > #DashHeader .hero-main-inner .container .main-title h2,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title h2,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title h2,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title h2,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title h2,
  body > div.content > #RestHeader .hero-main-inner .container .main-title h2,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title h2,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title h2,
  body div.content .hero-main-inner .container .main-title h2,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title h2,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title h2,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title h2,
  body > div.content > #OwoxHeader .hero-opening .container .main-title h2,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title h2,
  body > div.content > #FacebookHeader .hero-opening .container .main-title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title h2,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title h2,
  body > div.content > #DashHeader .hero-opening .container .main-title h2,
  body > div.content > #IntercomHeader .hero-opening .container .main-title h2,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title h2,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title h2,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title h2,
  body > div.content > #RestHeader .hero-opening .container .main-title h2,
  body > div.content > #TwitterHeader .hero-opening .container .main-title h2,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title h2,
  body div.content .hero-opening .container .main-title h2 {
    font: 0.5em/1 "din-next-rounded";
    font-weight: 100;
  }
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-visu p,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-visu p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-visu p,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-visu p,
  body > div.content > #OwoxHeader .hero-main .container .main-title-visu p,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-visu p,
  body > div.content > #FacebookHeader .hero-main .container .main-title-visu p,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-visu p,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-visu p,
  body > div.content > #DashHeader .hero-main .container .main-title-visu p,
  body > div.content > #IntercomHeader .hero-main .container .main-title-visu p,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-visu p,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-visu p,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-visu p,
  body > div.content > #RestHeader .hero-main .container .main-title-visu p,
  body > div.content > #TwitterHeader .hero-main .container .main-title-visu p,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-visu p,
  body div.content .hero-main .container .main-title-visu p,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-visu p,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-visu p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-visu p,
  body div.content .hero-main-inner .container .main-title-visu p,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-visu p,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-visu p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-visu p,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-visu p,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-visu p,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-visu p,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-visu p,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-visu p,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-visu p,
  body > div.content > #DashHeader .hero-opening .container .main-title-visu p,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-visu p,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-visu p,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-visu p,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-visu p,
  body > div.content > #RestHeader .hero-opening .container .main-title-visu p,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-visu p,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-visu p,
  body div.content .hero-opening .container .main-title-visu p,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-connector p,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-connector p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-connector p,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-connector p,
  body > div.content > #OwoxHeader .hero-main .container .main-title-connector p,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-connector p,
  body > div.content > #FacebookHeader .hero-main .container .main-title-connector p,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-connector p,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-connector p,
  body > div.content > #DashHeader .hero-main .container .main-title-connector p,
  body > div.content > #IntercomHeader .hero-main .container .main-title-connector p,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-connector p,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-connector p,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-connector p,
  body > div.content > #RestHeader .hero-main .container .main-title-connector p,
  body > div.content > #TwitterHeader .hero-main .container .main-title-connector p,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-connector p,
  body div.content .hero-main .container .main-title-connector p,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-connector p,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-connector p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-connector p,
  body div.content .hero-main-inner .container .main-title-connector p,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-connector p,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-connector p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-connector p,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-connector p,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-connector p,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-connector p,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-connector p,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-connector p,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-connector p,
  body > div.content > #DashHeader .hero-opening .container .main-title-connector p,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-connector p,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-connector p,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-connector p,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-connector p,
  body > div.content > #RestHeader .hero-opening .container .main-title-connector p,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-connector p,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-connector p,
  body div.content .hero-opening .container .main-title-connector p,
  body > div.body-wrapper > #VisuHeader .hero-main .container .title p,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .title p,
  body > div.content > #ConnectorHeader .hero-main .container .title p,
  body > div.content > #OwoxHeader .hero-main .container .title p,
  body > div.content > #AdwordsHeader .hero-main .container .title p,
  body > div.content > #FacebookHeader .hero-main .container .title p,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .title p,
  body > div.content > #BigQueryHeader .hero-main .container .title p,
  body > div.content > #DashHeader .hero-main .container .title p,
  body > div.content > #IntercomHeader .hero-main .container .title p,
  body > div.content > #MailchimpHeader .hero-main .container .title p,
  body > div.content > #MongoDBHeader .hero-main .container .title p,
  body > div.content > #RedshiftHeader .hero-main .container .title p,
  body > div.content > #RestHeader .hero-main .container .title p,
  body > div.content > #TwitterHeader .hero-main .container .title p,
  body > div.content > .campaign-monitor-intro .hero-main .container .title p,
  body div.content .hero-main .container .title p,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .title p,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .title p,
  body > div.content > #ConnectorHeader .hero-main-inner .container .title p,
  body > div.content > #OwoxHeader .hero-main-inner .container .title p,
  body > div.content > #AdwordsHeader .hero-main-inner .container .title p,
  body > div.content > #FacebookHeader .hero-main-inner .container .title p,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .title p,
  body > div.content > #BigQueryHeader .hero-main-inner .container .title p,
  body > div.content > #DashHeader .hero-main-inner .container .title p,
  body > div.content > #IntercomHeader .hero-main-inner .container .title p,
  body > div.content > #MailchimpHeader .hero-main-inner .container .title p,
  body > div.content > #MongoDBHeader .hero-main-inner .container .title p,
  body > div.content > #RedshiftHeader .hero-main-inner .container .title p,
  body > div.content > #RestHeader .hero-main-inner .container .title p,
  body > div.content > #TwitterHeader .hero-main-inner .container .title p,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .title p,
  body div.content .hero-main-inner .container .title p,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .title p,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .title p,
  body > div.content > #ConnectorHeader .hero-opening .container .title p,
  body > div.content > #OwoxHeader .hero-opening .container .title p,
  body > div.content > #AdwordsHeader .hero-opening .container .title p,
  body > div.content > #FacebookHeader .hero-opening .container .title p,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .title p,
  body > div.content > #BigQueryHeader .hero-opening .container .title p,
  body > div.content > #DashHeader .hero-opening .container .title p,
  body > div.content > #IntercomHeader .hero-opening .container .title p,
  body > div.content > #MailchimpHeader .hero-opening .container .title p,
  body > div.content > #MongoDBHeader .hero-opening .container .title p,
  body > div.content > #RedshiftHeader .hero-opening .container .title p,
  body > div.content > #RestHeader .hero-opening .container .title p,
  body > div.content > #TwitterHeader .hero-opening .container .title p,
  body > div.content > .campaign-monitor-intro .hero-opening .container .title p,
  body div.content .hero-opening .container .title p,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title p,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title p,
  body > div.content > #ConnectorHeader .hero-main .container .main-title p,
  body > div.content > #OwoxHeader .hero-main .container .main-title p,
  body > div.content > #AdwordsHeader .hero-main .container .main-title p,
  body > div.content > #FacebookHeader .hero-main .container .main-title p,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title p,
  body > div.content > #BigQueryHeader .hero-main .container .main-title p,
  body > div.content > #DashHeader .hero-main .container .main-title p,
  body > div.content > #IntercomHeader .hero-main .container .main-title p,
  body > div.content > #MailchimpHeader .hero-main .container .main-title p,
  body > div.content > #MongoDBHeader .hero-main .container .main-title p,
  body > div.content > #RedshiftHeader .hero-main .container .main-title p,
  body > div.content > #RestHeader .hero-main .container .main-title p,
  body > div.content > #TwitterHeader .hero-main .container .main-title p,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title p,
  body div.content .hero-main .container .main-title p,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title p,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title p,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title p,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title p,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title p,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title p,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title p,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title p,
  body > div.content > #DashHeader .hero-main-inner .container .main-title p,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title p,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title p,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title p,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title p,
  body > div.content > #RestHeader .hero-main-inner .container .main-title p,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title p,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title p,
  body div.content .hero-main-inner .container .main-title p,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title p,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title p,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title p,
  body > div.content > #OwoxHeader .hero-opening .container .main-title p,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title p,
  body > div.content > #FacebookHeader .hero-opening .container .main-title p,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title p,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title p,
  body > div.content > #DashHeader .hero-opening .container .main-title p,
  body > div.content > #IntercomHeader .hero-opening .container .main-title p,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title p,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title p,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title p,
  body > div.content > #RestHeader .hero-opening .container .main-title p,
  body > div.content > #TwitterHeader .hero-opening .container .main-title p,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title p,
  body div.content .hero-opening .container .main-title p {
    font: 0.5em/1 "din-next-rounded";
    font-weight: 100;
  }
  body > .content > .chord-intro > .chord-container > .main-hero > div > .main-title h1,
  body .wordcloud .main-title-visu h1,
  body .change-log .container h2,
  body .impala .cover .main-title-connector h1,
  body .hadoop .cover .main-title-connector h1,
  body .presto .cover .main-title-connector h1 {
    font: 1.75em/1 "din-next-rounded";
    font-weight: 300;
  }
  body .wordcloud .main-title-visu p,
  body .change-log .container p,
  body .impala .cover .main-title-connector h2,
  body .hadoop .cover .main-title-connector h2,
  body .presto .cover .main-title-connector h2 {
    font: 0.5em/1 "din-next-rounded";
    font-weight: 100;
  }
  body > .content.sunburst .main-title h1 {
    color: #fff;
  }
  body .sunburst .hero,
  body .chord .hero,
  body .waterfall .hero,
  body .recurly .title h1,
  body .recurly #cashier h1 {
    font-family: "din-next-rounded";
    font-weight: 300;
  }
  body .recurly .title h2 {
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-weight: 300;
  }
  body > .content > #cover-header > .container .main-title h1,
  body > .content > #cover-header > .container .main-subtitle h1 {
    font: 1.75em/1 "din-next-rounded";
    font-weight: 300;
  }
  body > .content > #cover-header > .container .main-title h2,
  body > .content > #cover-header > .container .main-subtitle h2 {
    font: 1.75em/1 "din-next-rounded";
    font-weight: 300;
    font-size: 1.3em;
  }
  body > .content > #cover-header > .container .main-title p,
  body > .content > #cover-header > .container .main-subtitle p {
    font: 0.5em/1 "din-next-rounded";
    font-weight: 100;
  }
  body > .content > #treemap-vs-parallel-set > .container h1 {
    font: 1.75em/1 "din-next-rounded";
    font-weight: 300;
    font-size: 2em;
  }
  body > .content > #tile-style .map-title h3 {
    font: 1.75em/1 "din-next-rounded";
    font-weight: 300;
    font-size: 1.3em;
  }
  body #map-background .section-title h2 {
    color: #fff;
  }
  body > nav.main-nav-wrapper > div.container > div.menu-wrapper > div.menu-nav > ul > li > a:not(.cta),
  body > nav.main-nav-wrapper > div.container > div.menu-wrapper > div.menu-nav > ul > li > div.dropdown-nav > ul > li > a {
    font: 0.8em/1 "din-next-rounded";
    font-weight: 400;
  }
  body > div.mobile-nav-slider > div.container > div.wrapper > ul.navigation > li > a:not(.cta) {
    font: 1em/1 "din-next-rounded";
    font-weight: 400;
  }
  body > div.body-wrapper > section.tour-section .features-icon svg {
    fill: #d6d6d6;
  }
  body > div.body-wrapper > section.tour-section .features-icon svg.cloud g {
    stroke: #d6d6d6;
  }
  body > div.body-wrapper > section#pricing .cd-pricing-features em {
    display: inline-block;
  }
  body > div.body-wrapper > section#pricing .cd-pricing-wrapper {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
  }
  body > div.body-wrapper > section#pricing .cd-pricing-wrapper > div {
    min-height: 550px;
  }
  body > div.body-wrapper > div.CustomersHeader {
    height: auto;
  }
  body > div.body-wrapper > div.CustomersHeader .container {
    height: 100%;
  }
  body > div.body-wrapper > div.CustomersHeader .container .bg-customers .introWrap {
    padding: 150px 0;
  }
  body a.btn,
  body a.btn.btn-1 {
    letter-spacing: inherit;
    display: inline-block;
    position: relative;
    padding: 11px 15px;
    font: 16px/16px "din-next-rounded";
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #2d2d2d;
    z-index: 100;
    background: #f8f8f8;
    -webkit-border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background-clip: padding-box;
  }
  body a.btn:hover,
  body a.btn.btn-1:hover {
    color: #fff;
    background: grey;
    transition: all 300ms linear;
  }
  body a.btn.btn-plain,
  body a.btn.btn-1.btn-plain {
    padding: 0;
    color: #005CA1;
    background: none;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    box-shadow: none;
  }
  body a.btn.btn-plain:hover,
  body a.btn.btn-1.btn-plain:hover {
    color: #fff;
    background: #666;
  }
  body a.btn.cta,
  body a.btn.btn-1.cta {
    color: #fff;
    background: #00b4ff;
  }
  body a.btn.cta:hover,
  body a.btn.btn-1.cta:hover {
    background: #0089C7;
  }
  body a.btn.btn-white,
  body a.btn.btn-1.btn-white {
    color: #666;
    background: #fff;
  }
  body a.btn.btn-white:hover,
  body a.btn.btn-1.btn-white:hover {
    color: #fff;
    background: #bbb;
  }
  body a.btn.btn-gray,
  body a.btn.btn-1.btn-gray {
    color: #fff;
    background: #bbb;
  }
  body a.btn.btn-gray:hover,
  body a.btn.btn-1.btn-gray:hover {
    color: #fff;
    background: #666;
  }
  body a.btn.btn-dark-gray,
  body a.btn.btn-1.btn-dark-gray {
    color: #fff;
    background: #254856;
  }
  body a.btn.btn-dark-gray:hover,
  body a.btn.btn-1.btn-dark-gray:hover {
    color: #fff;
    background: #333;
  }
  body a.btn.btn-orange,
  body a.btn.btn-1.btn-orange {
    color: #fff;
    background: #FFAC1A;
  }
  body a.btn.btn-orange:hover,
  body a.btn.btn-1.btn-orange:hover {
    color: #fff;
    background: #E97000;
  }
}
@media all and (min-width: 768px) {
  body > div.body-wrapper div.container > h1,
  body #how-it-works > .container > h1,
  body #home-video > .tour-video > .connector-text > h1,
  body > div.body-wrapper > section > div > h1 {
    font-size: 2em;
  }
}
@media all and (min-width: 992px) {
  body > div.body-wrapper div.container > h1,
  body #how-it-works > .container > h1,
  body #home-video > .tour-video > .connector-text > h1,
  body > div.body-wrapper > section > div > h1 {
    font-size: 2.2em;
  }
}
@media all and (min-width: 1200px) {
  body > div.body-wrapper div.container > h1,
  body #how-it-works > .container > h1,
  body #home-video > .tour-video > .connector-text > h1,
  body > div.body-wrapper > section > div > h1 {
    font-size: 2.5em;
  }
}
@media all and (min-width: 768px) {
  body > div.body-wrapper div.container > h2.sub-pitch,
  body #how-it-works > .container > h2.sub-pitch,
  body #home-video > .tour-video > .connector-text > h2.sub-pitch,
  body > div.body-wrapper > section > div > h2.sub-pitch {
    font-size: 0.7em;
  }
}
@media all and (min-width: 992px) {
  body > div.body-wrapper div.container > h2.sub-pitch,
  body #how-it-works > .container > h2.sub-pitch,
  body #home-video > .tour-video > .connector-text > h2.sub-pitch,
  body > div.body-wrapper > section > div > h2.sub-pitch {
    font-size: 0.8em;
  }
}
@media all and (min-width: 1200px) {
  body > div.body-wrapper div.container > h2.sub-pitch,
  body #how-it-works > .container > h2.sub-pitch,
  body #home-video > .tour-video > .connector-text > h2.sub-pitch,
  body > div.body-wrapper > section > div > h2.sub-pitch {
    font-size: 1em;
  }
}
@media all and (min-width: 768px) {
  body > div.body-wrapper div.container > p,
  body #how-it-works > .container > p,
  body #home-video > .tour-video > .connector-text > p,
  body > div.body-wrapper > section > div > p {
    font-size: 0.7em;
  }
}
@media all and (min-width: 992px) {
  body > div.body-wrapper div.container > p,
  body #how-it-works > .container > p,
  body #home-video > .tour-video > .connector-text > p,
  body > div.body-wrapper > section > div > p {
    font-size: 0.8em;
  }
}
@media all and (min-width: 1200px) {
  body > div.body-wrapper div.container > p,
  body #how-it-works > .container > p,
  body #home-video > .tour-video > .connector-text > p,
  body > div.body-wrapper > section > div > p {
    font-size: 1em;
  }
}
@media all and (min-width: 768px) {
  body .introWrap .tagline,
  body .change-log .container .wrap h2,
  body .body-wrapper .hero-main .hero-text .tagline {
    font-size: 2em;
  }
}
@media all and (min-width: 992px) {
  body .introWrap .tagline,
  body .change-log .container .wrap h2,
  body .body-wrapper .hero-main .hero-text .tagline {
    font-size: 2.5em;
  }
}
@media all and (min-width: 1200px) {
  body .introWrap .tagline,
  body .change-log .container .wrap h2,
  body .body-wrapper .hero-main .hero-text .tagline {
    font-size: 3.2em;
  }
}
@media all and (min-width: 768px) {
  body .introWrap .subline,
  body .change-log .container .wrap p,
  body .body-wrapper .hero-main .hero-text .subline {
    font-size: 0.85em;
  }
}
@media all and (min-width: 992px) {
  body .introWrap .subline,
  body .change-log .container .wrap p,
  body .body-wrapper .hero-main .hero-text .subline {
    font-size: 1em;
  }
}
@media all and (min-width: 1200px) {
  body .introWrap .subline,
  body .change-log .container .wrap p,
  body .body-wrapper .hero-main .hero-text .subline {
    font-size: 1.3em;
  }
}
@media all and (max-width: 767px) {
  body .introWrap .subline,
  body .change-log .container .wrap p,
  body .body-wrapper .hero-main .hero-text .subline {
    padding: 0;
  }
}
@media all and (min-width: 768px) {
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-visu h1,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-visu h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-visu h1,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-visu h1,
  body > div.content > #OwoxHeader .hero-main .container .main-title-visu h1,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-visu h1,
  body > div.content > #FacebookHeader .hero-main .container .main-title-visu h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-visu h1,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-visu h1,
  body > div.content > #DashHeader .hero-main .container .main-title-visu h1,
  body > div.content > #IntercomHeader .hero-main .container .main-title-visu h1,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-visu h1,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-visu h1,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-visu h1,
  body > div.content > #RestHeader .hero-main .container .main-title-visu h1,
  body > div.content > #TwitterHeader .hero-main .container .main-title-visu h1,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-visu h1,
  body div.content .hero-main .container .main-title-visu h1,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-visu h1,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-visu h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-visu h1,
  body div.content .hero-main-inner .container .main-title-visu h1,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-visu h1,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-visu h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #DashHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #RestHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-visu h1,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-visu h1,
  body div.content .hero-opening .container .main-title-visu h1,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-connector h1,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-connector h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-connector h1,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-connector h1,
  body > div.content > #OwoxHeader .hero-main .container .main-title-connector h1,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-connector h1,
  body > div.content > #FacebookHeader .hero-main .container .main-title-connector h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-connector h1,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-connector h1,
  body > div.content > #DashHeader .hero-main .container .main-title-connector h1,
  body > div.content > #IntercomHeader .hero-main .container .main-title-connector h1,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-connector h1,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-connector h1,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-connector h1,
  body > div.content > #RestHeader .hero-main .container .main-title-connector h1,
  body > div.content > #TwitterHeader .hero-main .container .main-title-connector h1,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-connector h1,
  body div.content .hero-main .container .main-title-connector h1,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-connector h1,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-connector h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-connector h1,
  body div.content .hero-main-inner .container .main-title-connector h1,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-connector h1,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-connector h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #DashHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #RestHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-connector h1,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-connector h1,
  body div.content .hero-opening .container .main-title-connector h1,
  body > div.body-wrapper > #VisuHeader .hero-main .container .title h1,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .title h1,
  body > div.content > #ConnectorHeader .hero-main .container .title h1,
  body > div.content > #OwoxHeader .hero-main .container .title h1,
  body > div.content > #AdwordsHeader .hero-main .container .title h1,
  body > div.content > #FacebookHeader .hero-main .container .title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .title h1,
  body > div.content > #BigQueryHeader .hero-main .container .title h1,
  body > div.content > #DashHeader .hero-main .container .title h1,
  body > div.content > #IntercomHeader .hero-main .container .title h1,
  body > div.content > #MailchimpHeader .hero-main .container .title h1,
  body > div.content > #MongoDBHeader .hero-main .container .title h1,
  body > div.content > #RedshiftHeader .hero-main .container .title h1,
  body > div.content > #RestHeader .hero-main .container .title h1,
  body > div.content > #TwitterHeader .hero-main .container .title h1,
  body > div.content > .campaign-monitor-intro .hero-main .container .title h1,
  body div.content .hero-main .container .title h1,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .title h1,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .title h1,
  body > div.content > #ConnectorHeader .hero-main-inner .container .title h1,
  body > div.content > #OwoxHeader .hero-main-inner .container .title h1,
  body > div.content > #AdwordsHeader .hero-main-inner .container .title h1,
  body > div.content > #FacebookHeader .hero-main-inner .container .title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .title h1,
  body > div.content > #BigQueryHeader .hero-main-inner .container .title h1,
  body > div.content > #DashHeader .hero-main-inner .container .title h1,
  body > div.content > #IntercomHeader .hero-main-inner .container .title h1,
  body > div.content > #MailchimpHeader .hero-main-inner .container .title h1,
  body > div.content > #MongoDBHeader .hero-main-inner .container .title h1,
  body > div.content > #RedshiftHeader .hero-main-inner .container .title h1,
  body > div.content > #RestHeader .hero-main-inner .container .title h1,
  body > div.content > #TwitterHeader .hero-main-inner .container .title h1,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .title h1,
  body div.content .hero-main-inner .container .title h1,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .title h1,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .title h1,
  body > div.content > #ConnectorHeader .hero-opening .container .title h1,
  body > div.content > #OwoxHeader .hero-opening .container .title h1,
  body > div.content > #AdwordsHeader .hero-opening .container .title h1,
  body > div.content > #FacebookHeader .hero-opening .container .title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .title h1,
  body > div.content > #BigQueryHeader .hero-opening .container .title h1,
  body > div.content > #DashHeader .hero-opening .container .title h1,
  body > div.content > #IntercomHeader .hero-opening .container .title h1,
  body > div.content > #MailchimpHeader .hero-opening .container .title h1,
  body > div.content > #MongoDBHeader .hero-opening .container .title h1,
  body > div.content > #RedshiftHeader .hero-opening .container .title h1,
  body > div.content > #RestHeader .hero-opening .container .title h1,
  body > div.content > #TwitterHeader .hero-opening .container .title h1,
  body > div.content > .campaign-monitor-intro .hero-opening .container .title h1,
  body div.content .hero-opening .container .title h1,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title h1,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title h1,
  body > div.content > #ConnectorHeader .hero-main .container .main-title h1,
  body > div.content > #OwoxHeader .hero-main .container .main-title h1,
  body > div.content > #AdwordsHeader .hero-main .container .main-title h1,
  body > div.content > #FacebookHeader .hero-main .container .main-title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title h1,
  body > div.content > #BigQueryHeader .hero-main .container .main-title h1,
  body > div.content > #DashHeader .hero-main .container .main-title h1,
  body > div.content > #IntercomHeader .hero-main .container .main-title h1,
  body > div.content > #MailchimpHeader .hero-main .container .main-title h1,
  body > div.content > #MongoDBHeader .hero-main .container .main-title h1,
  body > div.content > #RedshiftHeader .hero-main .container .main-title h1,
  body > div.content > #RestHeader .hero-main .container .main-title h1,
  body > div.content > #TwitterHeader .hero-main .container .main-title h1,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title h1,
  body div.content .hero-main .container .main-title h1,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title h1,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title h1,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title h1,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title h1,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title h1,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title h1,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title h1,
  body > div.content > #DashHeader .hero-main-inner .container .main-title h1,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title h1,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title h1,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title h1,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title h1,
  body > div.content > #RestHeader .hero-main-inner .container .main-title h1,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title h1,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title h1,
  body div.content .hero-main-inner .container .main-title h1,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title h1,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title h1,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title h1,
  body > div.content > #OwoxHeader .hero-opening .container .main-title h1,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title h1,
  body > div.content > #FacebookHeader .hero-opening .container .main-title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title h1,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title h1,
  body > div.content > #DashHeader .hero-opening .container .main-title h1,
  body > div.content > #IntercomHeader .hero-opening .container .main-title h1,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title h1,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title h1,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title h1,
  body > div.content > #RestHeader .hero-opening .container .main-title h1,
  body > div.content > #TwitterHeader .hero-opening .container .main-title h1,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title h1,
  body div.content .hero-opening .container .main-title h1 {
    font-size: 2em;
  }
}
@media all and (min-width: 992px) {
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-visu h1,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-visu h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-visu h1,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-visu h1,
  body > div.content > #OwoxHeader .hero-main .container .main-title-visu h1,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-visu h1,
  body > div.content > #FacebookHeader .hero-main .container .main-title-visu h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-visu h1,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-visu h1,
  body > div.content > #DashHeader .hero-main .container .main-title-visu h1,
  body > div.content > #IntercomHeader .hero-main .container .main-title-visu h1,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-visu h1,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-visu h1,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-visu h1,
  body > div.content > #RestHeader .hero-main .container .main-title-visu h1,
  body > div.content > #TwitterHeader .hero-main .container .main-title-visu h1,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-visu h1,
  body div.content .hero-main .container .main-title-visu h1,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-visu h1,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-visu h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-visu h1,
  body div.content .hero-main-inner .container .main-title-visu h1,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-visu h1,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-visu h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #DashHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #RestHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-visu h1,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-visu h1,
  body div.content .hero-opening .container .main-title-visu h1,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-connector h1,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-connector h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-connector h1,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-connector h1,
  body > div.content > #OwoxHeader .hero-main .container .main-title-connector h1,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-connector h1,
  body > div.content > #FacebookHeader .hero-main .container .main-title-connector h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-connector h1,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-connector h1,
  body > div.content > #DashHeader .hero-main .container .main-title-connector h1,
  body > div.content > #IntercomHeader .hero-main .container .main-title-connector h1,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-connector h1,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-connector h1,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-connector h1,
  body > div.content > #RestHeader .hero-main .container .main-title-connector h1,
  body > div.content > #TwitterHeader .hero-main .container .main-title-connector h1,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-connector h1,
  body div.content .hero-main .container .main-title-connector h1,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-connector h1,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-connector h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-connector h1,
  body div.content .hero-main-inner .container .main-title-connector h1,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-connector h1,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-connector h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #DashHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #RestHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-connector h1,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-connector h1,
  body div.content .hero-opening .container .main-title-connector h1,
  body > div.body-wrapper > #VisuHeader .hero-main .container .title h1,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .title h1,
  body > div.content > #ConnectorHeader .hero-main .container .title h1,
  body > div.content > #OwoxHeader .hero-main .container .title h1,
  body > div.content > #AdwordsHeader .hero-main .container .title h1,
  body > div.content > #FacebookHeader .hero-main .container .title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .title h1,
  body > div.content > #BigQueryHeader .hero-main .container .title h1,
  body > div.content > #DashHeader .hero-main .container .title h1,
  body > div.content > #IntercomHeader .hero-main .container .title h1,
  body > div.content > #MailchimpHeader .hero-main .container .title h1,
  body > div.content > #MongoDBHeader .hero-main .container .title h1,
  body > div.content > #RedshiftHeader .hero-main .container .title h1,
  body > div.content > #RestHeader .hero-main .container .title h1,
  body > div.content > #TwitterHeader .hero-main .container .title h1,
  body > div.content > .campaign-monitor-intro .hero-main .container .title h1,
  body div.content .hero-main .container .title h1,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .title h1,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .title h1,
  body > div.content > #ConnectorHeader .hero-main-inner .container .title h1,
  body > div.content > #OwoxHeader .hero-main-inner .container .title h1,
  body > div.content > #AdwordsHeader .hero-main-inner .container .title h1,
  body > div.content > #FacebookHeader .hero-main-inner .container .title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .title h1,
  body > div.content > #BigQueryHeader .hero-main-inner .container .title h1,
  body > div.content > #DashHeader .hero-main-inner .container .title h1,
  body > div.content > #IntercomHeader .hero-main-inner .container .title h1,
  body > div.content > #MailchimpHeader .hero-main-inner .container .title h1,
  body > div.content > #MongoDBHeader .hero-main-inner .container .title h1,
  body > div.content > #RedshiftHeader .hero-main-inner .container .title h1,
  body > div.content > #RestHeader .hero-main-inner .container .title h1,
  body > div.content > #TwitterHeader .hero-main-inner .container .title h1,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .title h1,
  body div.content .hero-main-inner .container .title h1,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .title h1,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .title h1,
  body > div.content > #ConnectorHeader .hero-opening .container .title h1,
  body > div.content > #OwoxHeader .hero-opening .container .title h1,
  body > div.content > #AdwordsHeader .hero-opening .container .title h1,
  body > div.content > #FacebookHeader .hero-opening .container .title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .title h1,
  body > div.content > #BigQueryHeader .hero-opening .container .title h1,
  body > div.content > #DashHeader .hero-opening .container .title h1,
  body > div.content > #IntercomHeader .hero-opening .container .title h1,
  body > div.content > #MailchimpHeader .hero-opening .container .title h1,
  body > div.content > #MongoDBHeader .hero-opening .container .title h1,
  body > div.content > #RedshiftHeader .hero-opening .container .title h1,
  body > div.content > #RestHeader .hero-opening .container .title h1,
  body > div.content > #TwitterHeader .hero-opening .container .title h1,
  body > div.content > .campaign-monitor-intro .hero-opening .container .title h1,
  body div.content .hero-opening .container .title h1,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title h1,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title h1,
  body > div.content > #ConnectorHeader .hero-main .container .main-title h1,
  body > div.content > #OwoxHeader .hero-main .container .main-title h1,
  body > div.content > #AdwordsHeader .hero-main .container .main-title h1,
  body > div.content > #FacebookHeader .hero-main .container .main-title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title h1,
  body > div.content > #BigQueryHeader .hero-main .container .main-title h1,
  body > div.content > #DashHeader .hero-main .container .main-title h1,
  body > div.content > #IntercomHeader .hero-main .container .main-title h1,
  body > div.content > #MailchimpHeader .hero-main .container .main-title h1,
  body > div.content > #MongoDBHeader .hero-main .container .main-title h1,
  body > div.content > #RedshiftHeader .hero-main .container .main-title h1,
  body > div.content > #RestHeader .hero-main .container .main-title h1,
  body > div.content > #TwitterHeader .hero-main .container .main-title h1,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title h1,
  body div.content .hero-main .container .main-title h1,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title h1,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title h1,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title h1,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title h1,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title h1,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title h1,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title h1,
  body > div.content > #DashHeader .hero-main-inner .container .main-title h1,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title h1,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title h1,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title h1,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title h1,
  body > div.content > #RestHeader .hero-main-inner .container .main-title h1,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title h1,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title h1,
  body div.content .hero-main-inner .container .main-title h1,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title h1,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title h1,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title h1,
  body > div.content > #OwoxHeader .hero-opening .container .main-title h1,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title h1,
  body > div.content > #FacebookHeader .hero-opening .container .main-title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title h1,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title h1,
  body > div.content > #DashHeader .hero-opening .container .main-title h1,
  body > div.content > #IntercomHeader .hero-opening .container .main-title h1,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title h1,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title h1,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title h1,
  body > div.content > #RestHeader .hero-opening .container .main-title h1,
  body > div.content > #TwitterHeader .hero-opening .container .main-title h1,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title h1,
  body div.content .hero-opening .container .main-title h1 {
    font-size: 2.2em;
  }
}
@media all and (min-width: 1200px) {
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-visu h1,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-visu h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-visu h1,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-visu h1,
  body > div.content > #OwoxHeader .hero-main .container .main-title-visu h1,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-visu h1,
  body > div.content > #FacebookHeader .hero-main .container .main-title-visu h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-visu h1,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-visu h1,
  body > div.content > #DashHeader .hero-main .container .main-title-visu h1,
  body > div.content > #IntercomHeader .hero-main .container .main-title-visu h1,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-visu h1,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-visu h1,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-visu h1,
  body > div.content > #RestHeader .hero-main .container .main-title-visu h1,
  body > div.content > #TwitterHeader .hero-main .container .main-title-visu h1,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-visu h1,
  body div.content .hero-main .container .main-title-visu h1,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-visu h1,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-visu h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-visu h1,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-visu h1,
  body div.content .hero-main-inner .container .main-title-visu h1,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-visu h1,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-visu h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #DashHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #RestHeader .hero-opening .container .main-title-visu h1,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-visu h1,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-visu h1,
  body div.content .hero-opening .container .main-title-visu h1,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-connector h1,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-connector h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-connector h1,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-connector h1,
  body > div.content > #OwoxHeader .hero-main .container .main-title-connector h1,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-connector h1,
  body > div.content > #FacebookHeader .hero-main .container .main-title-connector h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-connector h1,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-connector h1,
  body > div.content > #DashHeader .hero-main .container .main-title-connector h1,
  body > div.content > #IntercomHeader .hero-main .container .main-title-connector h1,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-connector h1,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-connector h1,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-connector h1,
  body > div.content > #RestHeader .hero-main .container .main-title-connector h1,
  body > div.content > #TwitterHeader .hero-main .container .main-title-connector h1,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-connector h1,
  body div.content .hero-main .container .main-title-connector h1,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-connector h1,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-connector h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-connector h1,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-connector h1,
  body div.content .hero-main-inner .container .main-title-connector h1,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-connector h1,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-connector h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #DashHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #RestHeader .hero-opening .container .main-title-connector h1,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-connector h1,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-connector h1,
  body div.content .hero-opening .container .main-title-connector h1,
  body > div.body-wrapper > #VisuHeader .hero-main .container .title h1,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .title h1,
  body > div.content > #ConnectorHeader .hero-main .container .title h1,
  body > div.content > #OwoxHeader .hero-main .container .title h1,
  body > div.content > #AdwordsHeader .hero-main .container .title h1,
  body > div.content > #FacebookHeader .hero-main .container .title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .title h1,
  body > div.content > #BigQueryHeader .hero-main .container .title h1,
  body > div.content > #DashHeader .hero-main .container .title h1,
  body > div.content > #IntercomHeader .hero-main .container .title h1,
  body > div.content > #MailchimpHeader .hero-main .container .title h1,
  body > div.content > #MongoDBHeader .hero-main .container .title h1,
  body > div.content > #RedshiftHeader .hero-main .container .title h1,
  body > div.content > #RestHeader .hero-main .container .title h1,
  body > div.content > #TwitterHeader .hero-main .container .title h1,
  body > div.content > .campaign-monitor-intro .hero-main .container .title h1,
  body div.content .hero-main .container .title h1,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .title h1,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .title h1,
  body > div.content > #ConnectorHeader .hero-main-inner .container .title h1,
  body > div.content > #OwoxHeader .hero-main-inner .container .title h1,
  body > div.content > #AdwordsHeader .hero-main-inner .container .title h1,
  body > div.content > #FacebookHeader .hero-main-inner .container .title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .title h1,
  body > div.content > #BigQueryHeader .hero-main-inner .container .title h1,
  body > div.content > #DashHeader .hero-main-inner .container .title h1,
  body > div.content > #IntercomHeader .hero-main-inner .container .title h1,
  body > div.content > #MailchimpHeader .hero-main-inner .container .title h1,
  body > div.content > #MongoDBHeader .hero-main-inner .container .title h1,
  body > div.content > #RedshiftHeader .hero-main-inner .container .title h1,
  body > div.content > #RestHeader .hero-main-inner .container .title h1,
  body > div.content > #TwitterHeader .hero-main-inner .container .title h1,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .title h1,
  body div.content .hero-main-inner .container .title h1,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .title h1,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .title h1,
  body > div.content > #ConnectorHeader .hero-opening .container .title h1,
  body > div.content > #OwoxHeader .hero-opening .container .title h1,
  body > div.content > #AdwordsHeader .hero-opening .container .title h1,
  body > div.content > #FacebookHeader .hero-opening .container .title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .title h1,
  body > div.content > #BigQueryHeader .hero-opening .container .title h1,
  body > div.content > #DashHeader .hero-opening .container .title h1,
  body > div.content > #IntercomHeader .hero-opening .container .title h1,
  body > div.content > #MailchimpHeader .hero-opening .container .title h1,
  body > div.content > #MongoDBHeader .hero-opening .container .title h1,
  body > div.content > #RedshiftHeader .hero-opening .container .title h1,
  body > div.content > #RestHeader .hero-opening .container .title h1,
  body > div.content > #TwitterHeader .hero-opening .container .title h1,
  body > div.content > .campaign-monitor-intro .hero-opening .container .title h1,
  body div.content .hero-opening .container .title h1,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title h1,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title h1,
  body > div.content > #ConnectorHeader .hero-main .container .main-title h1,
  body > div.content > #OwoxHeader .hero-main .container .main-title h1,
  body > div.content > #AdwordsHeader .hero-main .container .main-title h1,
  body > div.content > #FacebookHeader .hero-main .container .main-title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title h1,
  body > div.content > #BigQueryHeader .hero-main .container .main-title h1,
  body > div.content > #DashHeader .hero-main .container .main-title h1,
  body > div.content > #IntercomHeader .hero-main .container .main-title h1,
  body > div.content > #MailchimpHeader .hero-main .container .main-title h1,
  body > div.content > #MongoDBHeader .hero-main .container .main-title h1,
  body > div.content > #RedshiftHeader .hero-main .container .main-title h1,
  body > div.content > #RestHeader .hero-main .container .main-title h1,
  body > div.content > #TwitterHeader .hero-main .container .main-title h1,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title h1,
  body div.content .hero-main .container .main-title h1,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title h1,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title h1,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title h1,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title h1,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title h1,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title h1,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title h1,
  body > div.content > #DashHeader .hero-main-inner .container .main-title h1,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title h1,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title h1,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title h1,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title h1,
  body > div.content > #RestHeader .hero-main-inner .container .main-title h1,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title h1,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title h1,
  body div.content .hero-main-inner .container .main-title h1,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title h1,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title h1,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title h1,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title h1,
  body > div.content > #OwoxHeader .hero-opening .container .main-title h1,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title h1,
  body > div.content > #FacebookHeader .hero-opening .container .main-title h1,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title h1,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title h1,
  body > div.content > #DashHeader .hero-opening .container .main-title h1,
  body > div.content > #IntercomHeader .hero-opening .container .main-title h1,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title h1,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title h1,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title h1,
  body > div.content > #RestHeader .hero-opening .container .main-title h1,
  body > div.content > #TwitterHeader .hero-opening .container .main-title h1,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title h1,
  body div.content .hero-opening .container .main-title h1 {
    font-size: 2.5em;
  }
}
@media all and (min-width: 768px) {
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-visu h2,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-visu h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-visu h2,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-visu h2,
  body > div.content > #OwoxHeader .hero-main .container .main-title-visu h2,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-visu h2,
  body > div.content > #FacebookHeader .hero-main .container .main-title-visu h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-visu h2,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-visu h2,
  body > div.content > #DashHeader .hero-main .container .main-title-visu h2,
  body > div.content > #IntercomHeader .hero-main .container .main-title-visu h2,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-visu h2,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-visu h2,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-visu h2,
  body > div.content > #RestHeader .hero-main .container .main-title-visu h2,
  body > div.content > #TwitterHeader .hero-main .container .main-title-visu h2,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-visu h2,
  body div.content .hero-main .container .main-title-visu h2,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-visu h2,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-visu h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-visu h2,
  body div.content .hero-main-inner .container .main-title-visu h2,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-visu h2,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-visu h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #DashHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #RestHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-visu h2,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-visu h2,
  body div.content .hero-opening .container .main-title-visu h2,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-connector h2,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-connector h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-connector h2,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-connector h2,
  body > div.content > #OwoxHeader .hero-main .container .main-title-connector h2,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-connector h2,
  body > div.content > #FacebookHeader .hero-main .container .main-title-connector h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-connector h2,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-connector h2,
  body > div.content > #DashHeader .hero-main .container .main-title-connector h2,
  body > div.content > #IntercomHeader .hero-main .container .main-title-connector h2,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-connector h2,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-connector h2,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-connector h2,
  body > div.content > #RestHeader .hero-main .container .main-title-connector h2,
  body > div.content > #TwitterHeader .hero-main .container .main-title-connector h2,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-connector h2,
  body div.content .hero-main .container .main-title-connector h2,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-connector h2,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-connector h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-connector h2,
  body div.content .hero-main-inner .container .main-title-connector h2,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-connector h2,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-connector h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #DashHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #RestHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-connector h2,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-connector h2,
  body div.content .hero-opening .container .main-title-connector h2,
  body > div.body-wrapper > #VisuHeader .hero-main .container .title h2,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .title h2,
  body > div.content > #ConnectorHeader .hero-main .container .title h2,
  body > div.content > #OwoxHeader .hero-main .container .title h2,
  body > div.content > #AdwordsHeader .hero-main .container .title h2,
  body > div.content > #FacebookHeader .hero-main .container .title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .title h2,
  body > div.content > #BigQueryHeader .hero-main .container .title h2,
  body > div.content > #DashHeader .hero-main .container .title h2,
  body > div.content > #IntercomHeader .hero-main .container .title h2,
  body > div.content > #MailchimpHeader .hero-main .container .title h2,
  body > div.content > #MongoDBHeader .hero-main .container .title h2,
  body > div.content > #RedshiftHeader .hero-main .container .title h2,
  body > div.content > #RestHeader .hero-main .container .title h2,
  body > div.content > #TwitterHeader .hero-main .container .title h2,
  body > div.content > .campaign-monitor-intro .hero-main .container .title h2,
  body div.content .hero-main .container .title h2,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .title h2,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .title h2,
  body > div.content > #ConnectorHeader .hero-main-inner .container .title h2,
  body > div.content > #OwoxHeader .hero-main-inner .container .title h2,
  body > div.content > #AdwordsHeader .hero-main-inner .container .title h2,
  body > div.content > #FacebookHeader .hero-main-inner .container .title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .title h2,
  body > div.content > #BigQueryHeader .hero-main-inner .container .title h2,
  body > div.content > #DashHeader .hero-main-inner .container .title h2,
  body > div.content > #IntercomHeader .hero-main-inner .container .title h2,
  body > div.content > #MailchimpHeader .hero-main-inner .container .title h2,
  body > div.content > #MongoDBHeader .hero-main-inner .container .title h2,
  body > div.content > #RedshiftHeader .hero-main-inner .container .title h2,
  body > div.content > #RestHeader .hero-main-inner .container .title h2,
  body > div.content > #TwitterHeader .hero-main-inner .container .title h2,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .title h2,
  body div.content .hero-main-inner .container .title h2,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .title h2,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .title h2,
  body > div.content > #ConnectorHeader .hero-opening .container .title h2,
  body > div.content > #OwoxHeader .hero-opening .container .title h2,
  body > div.content > #AdwordsHeader .hero-opening .container .title h2,
  body > div.content > #FacebookHeader .hero-opening .container .title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .title h2,
  body > div.content > #BigQueryHeader .hero-opening .container .title h2,
  body > div.content > #DashHeader .hero-opening .container .title h2,
  body > div.content > #IntercomHeader .hero-opening .container .title h2,
  body > div.content > #MailchimpHeader .hero-opening .container .title h2,
  body > div.content > #MongoDBHeader .hero-opening .container .title h2,
  body > div.content > #RedshiftHeader .hero-opening .container .title h2,
  body > div.content > #RestHeader .hero-opening .container .title h2,
  body > div.content > #TwitterHeader .hero-opening .container .title h2,
  body > div.content > .campaign-monitor-intro .hero-opening .container .title h2,
  body div.content .hero-opening .container .title h2,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title h2,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title h2,
  body > div.content > #ConnectorHeader .hero-main .container .main-title h2,
  body > div.content > #OwoxHeader .hero-main .container .main-title h2,
  body > div.content > #AdwordsHeader .hero-main .container .main-title h2,
  body > div.content > #FacebookHeader .hero-main .container .main-title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title h2,
  body > div.content > #BigQueryHeader .hero-main .container .main-title h2,
  body > div.content > #DashHeader .hero-main .container .main-title h2,
  body > div.content > #IntercomHeader .hero-main .container .main-title h2,
  body > div.content > #MailchimpHeader .hero-main .container .main-title h2,
  body > div.content > #MongoDBHeader .hero-main .container .main-title h2,
  body > div.content > #RedshiftHeader .hero-main .container .main-title h2,
  body > div.content > #RestHeader .hero-main .container .main-title h2,
  body > div.content > #TwitterHeader .hero-main .container .main-title h2,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title h2,
  body div.content .hero-main .container .main-title h2,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title h2,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title h2,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title h2,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title h2,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title h2,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title h2,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title h2,
  body > div.content > #DashHeader .hero-main-inner .container .main-title h2,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title h2,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title h2,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title h2,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title h2,
  body > div.content > #RestHeader .hero-main-inner .container .main-title h2,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title h2,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title h2,
  body div.content .hero-main-inner .container .main-title h2,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title h2,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title h2,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title h2,
  body > div.content > #OwoxHeader .hero-opening .container .main-title h2,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title h2,
  body > div.content > #FacebookHeader .hero-opening .container .main-title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title h2,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title h2,
  body > div.content > #DashHeader .hero-opening .container .main-title h2,
  body > div.content > #IntercomHeader .hero-opening .container .main-title h2,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title h2,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title h2,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title h2,
  body > div.content > #RestHeader .hero-opening .container .main-title h2,
  body > div.content > #TwitterHeader .hero-opening .container .main-title h2,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title h2,
  body div.content .hero-opening .container .main-title h2 {
    font-size: 0.7em;
  }
}
@media all and (min-width: 992px) {
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-visu h2,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-visu h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-visu h2,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-visu h2,
  body > div.content > #OwoxHeader .hero-main .container .main-title-visu h2,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-visu h2,
  body > div.content > #FacebookHeader .hero-main .container .main-title-visu h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-visu h2,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-visu h2,
  body > div.content > #DashHeader .hero-main .container .main-title-visu h2,
  body > div.content > #IntercomHeader .hero-main .container .main-title-visu h2,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-visu h2,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-visu h2,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-visu h2,
  body > div.content > #RestHeader .hero-main .container .main-title-visu h2,
  body > div.content > #TwitterHeader .hero-main .container .main-title-visu h2,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-visu h2,
  body div.content .hero-main .container .main-title-visu h2,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-visu h2,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-visu h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-visu h2,
  body div.content .hero-main-inner .container .main-title-visu h2,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-visu h2,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-visu h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #DashHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #RestHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-visu h2,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-visu h2,
  body div.content .hero-opening .container .main-title-visu h2,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-connector h2,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-connector h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-connector h2,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-connector h2,
  body > div.content > #OwoxHeader .hero-main .container .main-title-connector h2,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-connector h2,
  body > div.content > #FacebookHeader .hero-main .container .main-title-connector h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-connector h2,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-connector h2,
  body > div.content > #DashHeader .hero-main .container .main-title-connector h2,
  body > div.content > #IntercomHeader .hero-main .container .main-title-connector h2,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-connector h2,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-connector h2,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-connector h2,
  body > div.content > #RestHeader .hero-main .container .main-title-connector h2,
  body > div.content > #TwitterHeader .hero-main .container .main-title-connector h2,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-connector h2,
  body div.content .hero-main .container .main-title-connector h2,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-connector h2,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-connector h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-connector h2,
  body div.content .hero-main-inner .container .main-title-connector h2,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-connector h2,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-connector h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #DashHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #RestHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-connector h2,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-connector h2,
  body div.content .hero-opening .container .main-title-connector h2,
  body > div.body-wrapper > #VisuHeader .hero-main .container .title h2,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .title h2,
  body > div.content > #ConnectorHeader .hero-main .container .title h2,
  body > div.content > #OwoxHeader .hero-main .container .title h2,
  body > div.content > #AdwordsHeader .hero-main .container .title h2,
  body > div.content > #FacebookHeader .hero-main .container .title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .title h2,
  body > div.content > #BigQueryHeader .hero-main .container .title h2,
  body > div.content > #DashHeader .hero-main .container .title h2,
  body > div.content > #IntercomHeader .hero-main .container .title h2,
  body > div.content > #MailchimpHeader .hero-main .container .title h2,
  body > div.content > #MongoDBHeader .hero-main .container .title h2,
  body > div.content > #RedshiftHeader .hero-main .container .title h2,
  body > div.content > #RestHeader .hero-main .container .title h2,
  body > div.content > #TwitterHeader .hero-main .container .title h2,
  body > div.content > .campaign-monitor-intro .hero-main .container .title h2,
  body div.content .hero-main .container .title h2,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .title h2,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .title h2,
  body > div.content > #ConnectorHeader .hero-main-inner .container .title h2,
  body > div.content > #OwoxHeader .hero-main-inner .container .title h2,
  body > div.content > #AdwordsHeader .hero-main-inner .container .title h2,
  body > div.content > #FacebookHeader .hero-main-inner .container .title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .title h2,
  body > div.content > #BigQueryHeader .hero-main-inner .container .title h2,
  body > div.content > #DashHeader .hero-main-inner .container .title h2,
  body > div.content > #IntercomHeader .hero-main-inner .container .title h2,
  body > div.content > #MailchimpHeader .hero-main-inner .container .title h2,
  body > div.content > #MongoDBHeader .hero-main-inner .container .title h2,
  body > div.content > #RedshiftHeader .hero-main-inner .container .title h2,
  body > div.content > #RestHeader .hero-main-inner .container .title h2,
  body > div.content > #TwitterHeader .hero-main-inner .container .title h2,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .title h2,
  body div.content .hero-main-inner .container .title h2,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .title h2,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .title h2,
  body > div.content > #ConnectorHeader .hero-opening .container .title h2,
  body > div.content > #OwoxHeader .hero-opening .container .title h2,
  body > div.content > #AdwordsHeader .hero-opening .container .title h2,
  body > div.content > #FacebookHeader .hero-opening .container .title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .title h2,
  body > div.content > #BigQueryHeader .hero-opening .container .title h2,
  body > div.content > #DashHeader .hero-opening .container .title h2,
  body > div.content > #IntercomHeader .hero-opening .container .title h2,
  body > div.content > #MailchimpHeader .hero-opening .container .title h2,
  body > div.content > #MongoDBHeader .hero-opening .container .title h2,
  body > div.content > #RedshiftHeader .hero-opening .container .title h2,
  body > div.content > #RestHeader .hero-opening .container .title h2,
  body > div.content > #TwitterHeader .hero-opening .container .title h2,
  body > div.content > .campaign-monitor-intro .hero-opening .container .title h2,
  body div.content .hero-opening .container .title h2,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title h2,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title h2,
  body > div.content > #ConnectorHeader .hero-main .container .main-title h2,
  body > div.content > #OwoxHeader .hero-main .container .main-title h2,
  body > div.content > #AdwordsHeader .hero-main .container .main-title h2,
  body > div.content > #FacebookHeader .hero-main .container .main-title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title h2,
  body > div.content > #BigQueryHeader .hero-main .container .main-title h2,
  body > div.content > #DashHeader .hero-main .container .main-title h2,
  body > div.content > #IntercomHeader .hero-main .container .main-title h2,
  body > div.content > #MailchimpHeader .hero-main .container .main-title h2,
  body > div.content > #MongoDBHeader .hero-main .container .main-title h2,
  body > div.content > #RedshiftHeader .hero-main .container .main-title h2,
  body > div.content > #RestHeader .hero-main .container .main-title h2,
  body > div.content > #TwitterHeader .hero-main .container .main-title h2,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title h2,
  body div.content .hero-main .container .main-title h2,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title h2,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title h2,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title h2,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title h2,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title h2,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title h2,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title h2,
  body > div.content > #DashHeader .hero-main-inner .container .main-title h2,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title h2,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title h2,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title h2,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title h2,
  body > div.content > #RestHeader .hero-main-inner .container .main-title h2,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title h2,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title h2,
  body div.content .hero-main-inner .container .main-title h2,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title h2,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title h2,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title h2,
  body > div.content > #OwoxHeader .hero-opening .container .main-title h2,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title h2,
  body > div.content > #FacebookHeader .hero-opening .container .main-title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title h2,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title h2,
  body > div.content > #DashHeader .hero-opening .container .main-title h2,
  body > div.content > #IntercomHeader .hero-opening .container .main-title h2,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title h2,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title h2,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title h2,
  body > div.content > #RestHeader .hero-opening .container .main-title h2,
  body > div.content > #TwitterHeader .hero-opening .container .main-title h2,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title h2,
  body div.content .hero-opening .container .main-title h2 {
    font-size: 0.8em;
  }
}
@media all and (min-width: 1200px) {
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-visu h2,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-visu h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-visu h2,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-visu h2,
  body > div.content > #OwoxHeader .hero-main .container .main-title-visu h2,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-visu h2,
  body > div.content > #FacebookHeader .hero-main .container .main-title-visu h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-visu h2,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-visu h2,
  body > div.content > #DashHeader .hero-main .container .main-title-visu h2,
  body > div.content > #IntercomHeader .hero-main .container .main-title-visu h2,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-visu h2,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-visu h2,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-visu h2,
  body > div.content > #RestHeader .hero-main .container .main-title-visu h2,
  body > div.content > #TwitterHeader .hero-main .container .main-title-visu h2,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-visu h2,
  body div.content .hero-main .container .main-title-visu h2,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-visu h2,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-visu h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-visu h2,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-visu h2,
  body div.content .hero-main-inner .container .main-title-visu h2,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-visu h2,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-visu h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #DashHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #RestHeader .hero-opening .container .main-title-visu h2,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-visu h2,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-visu h2,
  body div.content .hero-opening .container .main-title-visu h2,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-connector h2,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-connector h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-connector h2,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-connector h2,
  body > div.content > #OwoxHeader .hero-main .container .main-title-connector h2,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-connector h2,
  body > div.content > #FacebookHeader .hero-main .container .main-title-connector h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-connector h2,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-connector h2,
  body > div.content > #DashHeader .hero-main .container .main-title-connector h2,
  body > div.content > #IntercomHeader .hero-main .container .main-title-connector h2,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-connector h2,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-connector h2,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-connector h2,
  body > div.content > #RestHeader .hero-main .container .main-title-connector h2,
  body > div.content > #TwitterHeader .hero-main .container .main-title-connector h2,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-connector h2,
  body div.content .hero-main .container .main-title-connector h2,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-connector h2,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-connector h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-connector h2,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-connector h2,
  body div.content .hero-main-inner .container .main-title-connector h2,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-connector h2,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-connector h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #DashHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #RestHeader .hero-opening .container .main-title-connector h2,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-connector h2,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-connector h2,
  body div.content .hero-opening .container .main-title-connector h2,
  body > div.body-wrapper > #VisuHeader .hero-main .container .title h2,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .title h2,
  body > div.content > #ConnectorHeader .hero-main .container .title h2,
  body > div.content > #OwoxHeader .hero-main .container .title h2,
  body > div.content > #AdwordsHeader .hero-main .container .title h2,
  body > div.content > #FacebookHeader .hero-main .container .title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .title h2,
  body > div.content > #BigQueryHeader .hero-main .container .title h2,
  body > div.content > #DashHeader .hero-main .container .title h2,
  body > div.content > #IntercomHeader .hero-main .container .title h2,
  body > div.content > #MailchimpHeader .hero-main .container .title h2,
  body > div.content > #MongoDBHeader .hero-main .container .title h2,
  body > div.content > #RedshiftHeader .hero-main .container .title h2,
  body > div.content > #RestHeader .hero-main .container .title h2,
  body > div.content > #TwitterHeader .hero-main .container .title h2,
  body > div.content > .campaign-monitor-intro .hero-main .container .title h2,
  body div.content .hero-main .container .title h2,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .title h2,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .title h2,
  body > div.content > #ConnectorHeader .hero-main-inner .container .title h2,
  body > div.content > #OwoxHeader .hero-main-inner .container .title h2,
  body > div.content > #AdwordsHeader .hero-main-inner .container .title h2,
  body > div.content > #FacebookHeader .hero-main-inner .container .title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .title h2,
  body > div.content > #BigQueryHeader .hero-main-inner .container .title h2,
  body > div.content > #DashHeader .hero-main-inner .container .title h2,
  body > div.content > #IntercomHeader .hero-main-inner .container .title h2,
  body > div.content > #MailchimpHeader .hero-main-inner .container .title h2,
  body > div.content > #MongoDBHeader .hero-main-inner .container .title h2,
  body > div.content > #RedshiftHeader .hero-main-inner .container .title h2,
  body > div.content > #RestHeader .hero-main-inner .container .title h2,
  body > div.content > #TwitterHeader .hero-main-inner .container .title h2,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .title h2,
  body div.content .hero-main-inner .container .title h2,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .title h2,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .title h2,
  body > div.content > #ConnectorHeader .hero-opening .container .title h2,
  body > div.content > #OwoxHeader .hero-opening .container .title h2,
  body > div.content > #AdwordsHeader .hero-opening .container .title h2,
  body > div.content > #FacebookHeader .hero-opening .container .title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .title h2,
  body > div.content > #BigQueryHeader .hero-opening .container .title h2,
  body > div.content > #DashHeader .hero-opening .container .title h2,
  body > div.content > #IntercomHeader .hero-opening .container .title h2,
  body > div.content > #MailchimpHeader .hero-opening .container .title h2,
  body > div.content > #MongoDBHeader .hero-opening .container .title h2,
  body > div.content > #RedshiftHeader .hero-opening .container .title h2,
  body > div.content > #RestHeader .hero-opening .container .title h2,
  body > div.content > #TwitterHeader .hero-opening .container .title h2,
  body > div.content > .campaign-monitor-intro .hero-opening .container .title h2,
  body div.content .hero-opening .container .title h2,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title h2,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title h2,
  body > div.content > #ConnectorHeader .hero-main .container .main-title h2,
  body > div.content > #OwoxHeader .hero-main .container .main-title h2,
  body > div.content > #AdwordsHeader .hero-main .container .main-title h2,
  body > div.content > #FacebookHeader .hero-main .container .main-title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title h2,
  body > div.content > #BigQueryHeader .hero-main .container .main-title h2,
  body > div.content > #DashHeader .hero-main .container .main-title h2,
  body > div.content > #IntercomHeader .hero-main .container .main-title h2,
  body > div.content > #MailchimpHeader .hero-main .container .main-title h2,
  body > div.content > #MongoDBHeader .hero-main .container .main-title h2,
  body > div.content > #RedshiftHeader .hero-main .container .main-title h2,
  body > div.content > #RestHeader .hero-main .container .main-title h2,
  body > div.content > #TwitterHeader .hero-main .container .main-title h2,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title h2,
  body div.content .hero-main .container .main-title h2,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title h2,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title h2,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title h2,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title h2,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title h2,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title h2,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title h2,
  body > div.content > #DashHeader .hero-main-inner .container .main-title h2,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title h2,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title h2,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title h2,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title h2,
  body > div.content > #RestHeader .hero-main-inner .container .main-title h2,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title h2,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title h2,
  body div.content .hero-main-inner .container .main-title h2,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title h2,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title h2,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title h2,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title h2,
  body > div.content > #OwoxHeader .hero-opening .container .main-title h2,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title h2,
  body > div.content > #FacebookHeader .hero-opening .container .main-title h2,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title h2,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title h2,
  body > div.content > #DashHeader .hero-opening .container .main-title h2,
  body > div.content > #IntercomHeader .hero-opening .container .main-title h2,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title h2,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title h2,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title h2,
  body > div.content > #RestHeader .hero-opening .container .main-title h2,
  body > div.content > #TwitterHeader .hero-opening .container .main-title h2,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title h2,
  body div.content .hero-opening .container .main-title h2 {
    font-size: 1em;
  }
}
@media all and (min-width: 768px) {
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-visu p,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-visu p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-visu p,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-visu p,
  body > div.content > #OwoxHeader .hero-main .container .main-title-visu p,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-visu p,
  body > div.content > #FacebookHeader .hero-main .container .main-title-visu p,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-visu p,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-visu p,
  body > div.content > #DashHeader .hero-main .container .main-title-visu p,
  body > div.content > #IntercomHeader .hero-main .container .main-title-visu p,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-visu p,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-visu p,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-visu p,
  body > div.content > #RestHeader .hero-main .container .main-title-visu p,
  body > div.content > #TwitterHeader .hero-main .container .main-title-visu p,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-visu p,
  body div.content .hero-main .container .main-title-visu p,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-visu p,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-visu p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-visu p,
  body div.content .hero-main-inner .container .main-title-visu p,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-visu p,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-visu p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-visu p,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-visu p,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-visu p,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-visu p,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-visu p,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-visu p,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-visu p,
  body > div.content > #DashHeader .hero-opening .container .main-title-visu p,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-visu p,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-visu p,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-visu p,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-visu p,
  body > div.content > #RestHeader .hero-opening .container .main-title-visu p,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-visu p,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-visu p,
  body div.content .hero-opening .container .main-title-visu p,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-connector p,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-connector p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-connector p,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-connector p,
  body > div.content > #OwoxHeader .hero-main .container .main-title-connector p,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-connector p,
  body > div.content > #FacebookHeader .hero-main .container .main-title-connector p,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-connector p,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-connector p,
  body > div.content > #DashHeader .hero-main .container .main-title-connector p,
  body > div.content > #IntercomHeader .hero-main .container .main-title-connector p,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-connector p,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-connector p,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-connector p,
  body > div.content > #RestHeader .hero-main .container .main-title-connector p,
  body > div.content > #TwitterHeader .hero-main .container .main-title-connector p,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-connector p,
  body div.content .hero-main .container .main-title-connector p,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-connector p,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-connector p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-connector p,
  body div.content .hero-main-inner .container .main-title-connector p,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-connector p,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-connector p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-connector p,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-connector p,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-connector p,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-connector p,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-connector p,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-connector p,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-connector p,
  body > div.content > #DashHeader .hero-opening .container .main-title-connector p,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-connector p,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-connector p,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-connector p,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-connector p,
  body > div.content > #RestHeader .hero-opening .container .main-title-connector p,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-connector p,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-connector p,
  body div.content .hero-opening .container .main-title-connector p,
  body > div.body-wrapper > #VisuHeader .hero-main .container .title p,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .title p,
  body > div.content > #ConnectorHeader .hero-main .container .title p,
  body > div.content > #OwoxHeader .hero-main .container .title p,
  body > div.content > #AdwordsHeader .hero-main .container .title p,
  body > div.content > #FacebookHeader .hero-main .container .title p,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .title p,
  body > div.content > #BigQueryHeader .hero-main .container .title p,
  body > div.content > #DashHeader .hero-main .container .title p,
  body > div.content > #IntercomHeader .hero-main .container .title p,
  body > div.content > #MailchimpHeader .hero-main .container .title p,
  body > div.content > #MongoDBHeader .hero-main .container .title p,
  body > div.content > #RedshiftHeader .hero-main .container .title p,
  body > div.content > #RestHeader .hero-main .container .title p,
  body > div.content > #TwitterHeader .hero-main .container .title p,
  body > div.content > .campaign-monitor-intro .hero-main .container .title p,
  body div.content .hero-main .container .title p,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .title p,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .title p,
  body > div.content > #ConnectorHeader .hero-main-inner .container .title p,
  body > div.content > #OwoxHeader .hero-main-inner .container .title p,
  body > div.content > #AdwordsHeader .hero-main-inner .container .title p,
  body > div.content > #FacebookHeader .hero-main-inner .container .title p,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .title p,
  body > div.content > #BigQueryHeader .hero-main-inner .container .title p,
  body > div.content > #DashHeader .hero-main-inner .container .title p,
  body > div.content > #IntercomHeader .hero-main-inner .container .title p,
  body > div.content > #MailchimpHeader .hero-main-inner .container .title p,
  body > div.content > #MongoDBHeader .hero-main-inner .container .title p,
  body > div.content > #RedshiftHeader .hero-main-inner .container .title p,
  body > div.content > #RestHeader .hero-main-inner .container .title p,
  body > div.content > #TwitterHeader .hero-main-inner .container .title p,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .title p,
  body div.content .hero-main-inner .container .title p,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .title p,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .title p,
  body > div.content > #ConnectorHeader .hero-opening .container .title p,
  body > div.content > #OwoxHeader .hero-opening .container .title p,
  body > div.content > #AdwordsHeader .hero-opening .container .title p,
  body > div.content > #FacebookHeader .hero-opening .container .title p,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .title p,
  body > div.content > #BigQueryHeader .hero-opening .container .title p,
  body > div.content > #DashHeader .hero-opening .container .title p,
  body > div.content > #IntercomHeader .hero-opening .container .title p,
  body > div.content > #MailchimpHeader .hero-opening .container .title p,
  body > div.content > #MongoDBHeader .hero-opening .container .title p,
  body > div.content > #RedshiftHeader .hero-opening .container .title p,
  body > div.content > #RestHeader .hero-opening .container .title p,
  body > div.content > #TwitterHeader .hero-opening .container .title p,
  body > div.content > .campaign-monitor-intro .hero-opening .container .title p,
  body div.content .hero-opening .container .title p,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title p,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title p,
  body > div.content > #ConnectorHeader .hero-main .container .main-title p,
  body > div.content > #OwoxHeader .hero-main .container .main-title p,
  body > div.content > #AdwordsHeader .hero-main .container .main-title p,
  body > div.content > #FacebookHeader .hero-main .container .main-title p,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title p,
  body > div.content > #BigQueryHeader .hero-main .container .main-title p,
  body > div.content > #DashHeader .hero-main .container .main-title p,
  body > div.content > #IntercomHeader .hero-main .container .main-title p,
  body > div.content > #MailchimpHeader .hero-main .container .main-title p,
  body > div.content > #MongoDBHeader .hero-main .container .main-title p,
  body > div.content > #RedshiftHeader .hero-main .container .main-title p,
  body > div.content > #RestHeader .hero-main .container .main-title p,
  body > div.content > #TwitterHeader .hero-main .container .main-title p,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title p,
  body div.content .hero-main .container .main-title p,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title p,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title p,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title p,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title p,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title p,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title p,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title p,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title p,
  body > div.content > #DashHeader .hero-main-inner .container .main-title p,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title p,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title p,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title p,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title p,
  body > div.content > #RestHeader .hero-main-inner .container .main-title p,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title p,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title p,
  body div.content .hero-main-inner .container .main-title p,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title p,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title p,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title p,
  body > div.content > #OwoxHeader .hero-opening .container .main-title p,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title p,
  body > div.content > #FacebookHeader .hero-opening .container .main-title p,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title p,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title p,
  body > div.content > #DashHeader .hero-opening .container .main-title p,
  body > div.content > #IntercomHeader .hero-opening .container .main-title p,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title p,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title p,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title p,
  body > div.content > #RestHeader .hero-opening .container .main-title p,
  body > div.content > #TwitterHeader .hero-opening .container .main-title p,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title p,
  body div.content .hero-opening .container .main-title p {
    font-size: 0.7em;
  }
}
@media all and (min-width: 992px) {
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-visu p,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-visu p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-visu p,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-visu p,
  body > div.content > #OwoxHeader .hero-main .container .main-title-visu p,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-visu p,
  body > div.content > #FacebookHeader .hero-main .container .main-title-visu p,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-visu p,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-visu p,
  body > div.content > #DashHeader .hero-main .container .main-title-visu p,
  body > div.content > #IntercomHeader .hero-main .container .main-title-visu p,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-visu p,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-visu p,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-visu p,
  body > div.content > #RestHeader .hero-main .container .main-title-visu p,
  body > div.content > #TwitterHeader .hero-main .container .main-title-visu p,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-visu p,
  body div.content .hero-main .container .main-title-visu p,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-visu p,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-visu p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-visu p,
  body div.content .hero-main-inner .container .main-title-visu p,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-visu p,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-visu p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-visu p,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-visu p,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-visu p,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-visu p,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-visu p,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-visu p,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-visu p,
  body > div.content > #DashHeader .hero-opening .container .main-title-visu p,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-visu p,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-visu p,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-visu p,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-visu p,
  body > div.content > #RestHeader .hero-opening .container .main-title-visu p,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-visu p,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-visu p,
  body div.content .hero-opening .container .main-title-visu p,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-connector p,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-connector p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-connector p,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-connector p,
  body > div.content > #OwoxHeader .hero-main .container .main-title-connector p,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-connector p,
  body > div.content > #FacebookHeader .hero-main .container .main-title-connector p,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-connector p,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-connector p,
  body > div.content > #DashHeader .hero-main .container .main-title-connector p,
  body > div.content > #IntercomHeader .hero-main .container .main-title-connector p,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-connector p,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-connector p,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-connector p,
  body > div.content > #RestHeader .hero-main .container .main-title-connector p,
  body > div.content > #TwitterHeader .hero-main .container .main-title-connector p,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-connector p,
  body div.content .hero-main .container .main-title-connector p,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-connector p,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-connector p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-connector p,
  body div.content .hero-main-inner .container .main-title-connector p,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-connector p,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-connector p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-connector p,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-connector p,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-connector p,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-connector p,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-connector p,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-connector p,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-connector p,
  body > div.content > #DashHeader .hero-opening .container .main-title-connector p,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-connector p,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-connector p,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-connector p,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-connector p,
  body > div.content > #RestHeader .hero-opening .container .main-title-connector p,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-connector p,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-connector p,
  body div.content .hero-opening .container .main-title-connector p,
  body > div.body-wrapper > #VisuHeader .hero-main .container .title p,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .title p,
  body > div.content > #ConnectorHeader .hero-main .container .title p,
  body > div.content > #OwoxHeader .hero-main .container .title p,
  body > div.content > #AdwordsHeader .hero-main .container .title p,
  body > div.content > #FacebookHeader .hero-main .container .title p,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .title p,
  body > div.content > #BigQueryHeader .hero-main .container .title p,
  body > div.content > #DashHeader .hero-main .container .title p,
  body > div.content > #IntercomHeader .hero-main .container .title p,
  body > div.content > #MailchimpHeader .hero-main .container .title p,
  body > div.content > #MongoDBHeader .hero-main .container .title p,
  body > div.content > #RedshiftHeader .hero-main .container .title p,
  body > div.content > #RestHeader .hero-main .container .title p,
  body > div.content > #TwitterHeader .hero-main .container .title p,
  body > div.content > .campaign-monitor-intro .hero-main .container .title p,
  body div.content .hero-main .container .title p,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .title p,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .title p,
  body > div.content > #ConnectorHeader .hero-main-inner .container .title p,
  body > div.content > #OwoxHeader .hero-main-inner .container .title p,
  body > div.content > #AdwordsHeader .hero-main-inner .container .title p,
  body > div.content > #FacebookHeader .hero-main-inner .container .title p,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .title p,
  body > div.content > #BigQueryHeader .hero-main-inner .container .title p,
  body > div.content > #DashHeader .hero-main-inner .container .title p,
  body > div.content > #IntercomHeader .hero-main-inner .container .title p,
  body > div.content > #MailchimpHeader .hero-main-inner .container .title p,
  body > div.content > #MongoDBHeader .hero-main-inner .container .title p,
  body > div.content > #RedshiftHeader .hero-main-inner .container .title p,
  body > div.content > #RestHeader .hero-main-inner .container .title p,
  body > div.content > #TwitterHeader .hero-main-inner .container .title p,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .title p,
  body div.content .hero-main-inner .container .title p,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .title p,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .title p,
  body > div.content > #ConnectorHeader .hero-opening .container .title p,
  body > div.content > #OwoxHeader .hero-opening .container .title p,
  body > div.content > #AdwordsHeader .hero-opening .container .title p,
  body > div.content > #FacebookHeader .hero-opening .container .title p,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .title p,
  body > div.content > #BigQueryHeader .hero-opening .container .title p,
  body > div.content > #DashHeader .hero-opening .container .title p,
  body > div.content > #IntercomHeader .hero-opening .container .title p,
  body > div.content > #MailchimpHeader .hero-opening .container .title p,
  body > div.content > #MongoDBHeader .hero-opening .container .title p,
  body > div.content > #RedshiftHeader .hero-opening .container .title p,
  body > div.content > #RestHeader .hero-opening .container .title p,
  body > div.content > #TwitterHeader .hero-opening .container .title p,
  body > div.content > .campaign-monitor-intro .hero-opening .container .title p,
  body div.content .hero-opening .container .title p,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title p,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title p,
  body > div.content > #ConnectorHeader .hero-main .container .main-title p,
  body > div.content > #OwoxHeader .hero-main .container .main-title p,
  body > div.content > #AdwordsHeader .hero-main .container .main-title p,
  body > div.content > #FacebookHeader .hero-main .container .main-title p,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title p,
  body > div.content > #BigQueryHeader .hero-main .container .main-title p,
  body > div.content > #DashHeader .hero-main .container .main-title p,
  body > div.content > #IntercomHeader .hero-main .container .main-title p,
  body > div.content > #MailchimpHeader .hero-main .container .main-title p,
  body > div.content > #MongoDBHeader .hero-main .container .main-title p,
  body > div.content > #RedshiftHeader .hero-main .container .main-title p,
  body > div.content > #RestHeader .hero-main .container .main-title p,
  body > div.content > #TwitterHeader .hero-main .container .main-title p,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title p,
  body div.content .hero-main .container .main-title p,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title p,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title p,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title p,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title p,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title p,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title p,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title p,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title p,
  body > div.content > #DashHeader .hero-main-inner .container .main-title p,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title p,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title p,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title p,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title p,
  body > div.content > #RestHeader .hero-main-inner .container .main-title p,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title p,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title p,
  body div.content .hero-main-inner .container .main-title p,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title p,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title p,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title p,
  body > div.content > #OwoxHeader .hero-opening .container .main-title p,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title p,
  body > div.content > #FacebookHeader .hero-opening .container .main-title p,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title p,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title p,
  body > div.content > #DashHeader .hero-opening .container .main-title p,
  body > div.content > #IntercomHeader .hero-opening .container .main-title p,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title p,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title p,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title p,
  body > div.content > #RestHeader .hero-opening .container .main-title p,
  body > div.content > #TwitterHeader .hero-opening .container .main-title p,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title p,
  body div.content .hero-opening .container .main-title p {
    font-size: 0.8em;
  }
}
@media all and (min-width: 1200px) {
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-visu p,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-visu p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-visu p,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-visu p,
  body > div.content > #OwoxHeader .hero-main .container .main-title-visu p,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-visu p,
  body > div.content > #FacebookHeader .hero-main .container .main-title-visu p,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-visu p,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-visu p,
  body > div.content > #DashHeader .hero-main .container .main-title-visu p,
  body > div.content > #IntercomHeader .hero-main .container .main-title-visu p,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-visu p,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-visu p,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-visu p,
  body > div.content > #RestHeader .hero-main .container .main-title-visu p,
  body > div.content > #TwitterHeader .hero-main .container .main-title-visu p,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-visu p,
  body div.content .hero-main .container .main-title-visu p,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-visu p,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-visu p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-visu p,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-visu p,
  body div.content .hero-main-inner .container .main-title-visu p,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-visu p,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-visu p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-visu p,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-visu p,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-visu p,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-visu p,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-visu p,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-visu p,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-visu p,
  body > div.content > #DashHeader .hero-opening .container .main-title-visu p,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-visu p,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-visu p,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-visu p,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-visu p,
  body > div.content > #RestHeader .hero-opening .container .main-title-visu p,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-visu p,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-visu p,
  body div.content .hero-opening .container .main-title-visu p,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title-connector p,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title-connector p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title-connector p,
  body > div.content > #ConnectorHeader .hero-main .container .main-title-connector p,
  body > div.content > #OwoxHeader .hero-main .container .main-title-connector p,
  body > div.content > #AdwordsHeader .hero-main .container .main-title-connector p,
  body > div.content > #FacebookHeader .hero-main .container .main-title-connector p,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title-connector p,
  body > div.content > #BigQueryHeader .hero-main .container .main-title-connector p,
  body > div.content > #DashHeader .hero-main .container .main-title-connector p,
  body > div.content > #IntercomHeader .hero-main .container .main-title-connector p,
  body > div.content > #MailchimpHeader .hero-main .container .main-title-connector p,
  body > div.content > #MongoDBHeader .hero-main .container .main-title-connector p,
  body > div.content > #RedshiftHeader .hero-main .container .main-title-connector p,
  body > div.content > #RestHeader .hero-main .container .main-title-connector p,
  body > div.content > #TwitterHeader .hero-main .container .main-title-connector p,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title-connector p,
  body div.content .hero-main .container .main-title-connector p,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title-connector p,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title-connector p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #DashHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #RestHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title-connector p,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title-connector p,
  body div.content .hero-main-inner .container .main-title-connector p,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title-connector p,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title-connector p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title-connector p,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title-connector p,
  body > div.content > #OwoxHeader .hero-opening .container .main-title-connector p,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title-connector p,
  body > div.content > #FacebookHeader .hero-opening .container .main-title-connector p,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title-connector p,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title-connector p,
  body > div.content > #DashHeader .hero-opening .container .main-title-connector p,
  body > div.content > #IntercomHeader .hero-opening .container .main-title-connector p,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title-connector p,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title-connector p,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title-connector p,
  body > div.content > #RestHeader .hero-opening .container .main-title-connector p,
  body > div.content > #TwitterHeader .hero-opening .container .main-title-connector p,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title-connector p,
  body div.content .hero-opening .container .main-title-connector p,
  body > div.body-wrapper > #VisuHeader .hero-main .container .title p,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .title p,
  body > div.content > #ConnectorHeader .hero-main .container .title p,
  body > div.content > #OwoxHeader .hero-main .container .title p,
  body > div.content > #AdwordsHeader .hero-main .container .title p,
  body > div.content > #FacebookHeader .hero-main .container .title p,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .title p,
  body > div.content > #BigQueryHeader .hero-main .container .title p,
  body > div.content > #DashHeader .hero-main .container .title p,
  body > div.content > #IntercomHeader .hero-main .container .title p,
  body > div.content > #MailchimpHeader .hero-main .container .title p,
  body > div.content > #MongoDBHeader .hero-main .container .title p,
  body > div.content > #RedshiftHeader .hero-main .container .title p,
  body > div.content > #RestHeader .hero-main .container .title p,
  body > div.content > #TwitterHeader .hero-main .container .title p,
  body > div.content > .campaign-monitor-intro .hero-main .container .title p,
  body div.content .hero-main .container .title p,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .title p,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .title p,
  body > div.content > #ConnectorHeader .hero-main-inner .container .title p,
  body > div.content > #OwoxHeader .hero-main-inner .container .title p,
  body > div.content > #AdwordsHeader .hero-main-inner .container .title p,
  body > div.content > #FacebookHeader .hero-main-inner .container .title p,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .title p,
  body > div.content > #BigQueryHeader .hero-main-inner .container .title p,
  body > div.content > #DashHeader .hero-main-inner .container .title p,
  body > div.content > #IntercomHeader .hero-main-inner .container .title p,
  body > div.content > #MailchimpHeader .hero-main-inner .container .title p,
  body > div.content > #MongoDBHeader .hero-main-inner .container .title p,
  body > div.content > #RedshiftHeader .hero-main-inner .container .title p,
  body > div.content > #RestHeader .hero-main-inner .container .title p,
  body > div.content > #TwitterHeader .hero-main-inner .container .title p,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .title p,
  body div.content .hero-main-inner .container .title p,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .title p,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .title p,
  body > div.content > #ConnectorHeader .hero-opening .container .title p,
  body > div.content > #OwoxHeader .hero-opening .container .title p,
  body > div.content > #AdwordsHeader .hero-opening .container .title p,
  body > div.content > #FacebookHeader .hero-opening .container .title p,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .title p,
  body > div.content > #BigQueryHeader .hero-opening .container .title p,
  body > div.content > #DashHeader .hero-opening .container .title p,
  body > div.content > #IntercomHeader .hero-opening .container .title p,
  body > div.content > #MailchimpHeader .hero-opening .container .title p,
  body > div.content > #MongoDBHeader .hero-opening .container .title p,
  body > div.content > #RedshiftHeader .hero-opening .container .title p,
  body > div.content > #RestHeader .hero-opening .container .title p,
  body > div.content > #TwitterHeader .hero-opening .container .title p,
  body > div.content > .campaign-monitor-intro .hero-opening .container .title p,
  body div.content .hero-opening .container .title p,
  body > div.body-wrapper > #VisuHeader .hero-main .container .main-title p,
  body > div.body-wrapper > #GaugeHeader .hero-main .container .main-title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main .container .main-title p,
  body > div.content > #ConnectorHeader .hero-main .container .main-title p,
  body > div.content > #OwoxHeader .hero-main .container .main-title p,
  body > div.content > #AdwordsHeader .hero-main .container .main-title p,
  body > div.content > #FacebookHeader .hero-main .container .main-title p,
  body > div.content > #GoogleAnalyticsHeader .hero-main .container .main-title p,
  body > div.content > #BigQueryHeader .hero-main .container .main-title p,
  body > div.content > #DashHeader .hero-main .container .main-title p,
  body > div.content > #IntercomHeader .hero-main .container .main-title p,
  body > div.content > #MailchimpHeader .hero-main .container .main-title p,
  body > div.content > #MongoDBHeader .hero-main .container .main-title p,
  body > div.content > #RedshiftHeader .hero-main .container .main-title p,
  body > div.content > #RestHeader .hero-main .container .main-title p,
  body > div.content > #TwitterHeader .hero-main .container .main-title p,
  body > div.content > .campaign-monitor-intro .hero-main .container .main-title p,
  body div.content .hero-main .container .main-title p,
  body > div.body-wrapper > #VisuHeader .hero-main-inner .container .main-title p,
  body > div.body-wrapper > #GaugeHeader .hero-main-inner .container .main-title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-main-inner .container .main-title p,
  body > div.content > #ConnectorHeader .hero-main-inner .container .main-title p,
  body > div.content > #OwoxHeader .hero-main-inner .container .main-title p,
  body > div.content > #AdwordsHeader .hero-main-inner .container .main-title p,
  body > div.content > #FacebookHeader .hero-main-inner .container .main-title p,
  body > div.content > #GoogleAnalyticsHeader .hero-main-inner .container .main-title p,
  body > div.content > #BigQueryHeader .hero-main-inner .container .main-title p,
  body > div.content > #DashHeader .hero-main-inner .container .main-title p,
  body > div.content > #IntercomHeader .hero-main-inner .container .main-title p,
  body > div.content > #MailchimpHeader .hero-main-inner .container .main-title p,
  body > div.content > #MongoDBHeader .hero-main-inner .container .main-title p,
  body > div.content > #RedshiftHeader .hero-main-inner .container .main-title p,
  body > div.content > #RestHeader .hero-main-inner .container .main-title p,
  body > div.content > #TwitterHeader .hero-main-inner .container .main-title p,
  body > div.content > .campaign-monitor-intro .hero-main-inner .container .main-title p,
  body div.content .hero-main-inner .container .main-title p,
  body > div.body-wrapper > #VisuHeader .hero-opening .container .main-title p,
  body > div.body-wrapper > #GaugeHeader .hero-opening .container .main-title p,
  body > div.body-wrapper > #BimeDesktopHeader .hero-opening .container .main-title p,
  body > div.content > #ConnectorHeader .hero-opening .container .main-title p,
  body > div.content > #OwoxHeader .hero-opening .container .main-title p,
  body > div.content > #AdwordsHeader .hero-opening .container .main-title p,
  body > div.content > #FacebookHeader .hero-opening .container .main-title p,
  body > div.content > #GoogleAnalyticsHeader .hero-opening .container .main-title p,
  body > div.content > #BigQueryHeader .hero-opening .container .main-title p,
  body > div.content > #DashHeader .hero-opening .container .main-title p,
  body > div.content > #IntercomHeader .hero-opening .container .main-title p,
  body > div.content > #MailchimpHeader .hero-opening .container .main-title p,
  body > div.content > #MongoDBHeader .hero-opening .container .main-title p,
  body > div.content > #RedshiftHeader .hero-opening .container .main-title p,
  body > div.content > #RestHeader .hero-opening .container .main-title p,
  body > div.content > #TwitterHeader .hero-opening .container .main-title p,
  body > div.content > .campaign-monitor-intro .hero-opening .container .main-title p,
  body div.content .hero-opening .container .main-title p {
    font-size: 1em;
  }
}
@media all and (min-width: 768px) {
  body > .content > .chord-intro > .chord-container > .main-hero > div > .main-title h1,
  body .wordcloud .main-title-visu h1,
  body .change-log .container h2,
  body .impala .cover .main-title-connector h1,
  body .hadoop .cover .main-title-connector h1,
  body .presto .cover .main-title-connector h1 {
    font-size: 2em;
  }
}
@media all and (min-width: 992px) {
  body > .content > .chord-intro > .chord-container > .main-hero > div > .main-title h1,
  body .wordcloud .main-title-visu h1,
  body .change-log .container h2,
  body .impala .cover .main-title-connector h1,
  body .hadoop .cover .main-title-connector h1,
  body .presto .cover .main-title-connector h1 {
    font-size: 2.2em;
  }
}
@media all and (min-width: 1200px) {
  body > .content > .chord-intro > .chord-container > .main-hero > div > .main-title h1,
  body .wordcloud .main-title-visu h1,
  body .change-log .container h2,
  body .impala .cover .main-title-connector h1,
  body .hadoop .cover .main-title-connector h1,
  body .presto .cover .main-title-connector h1 {
    font-size: 2.5em;
  }
}
@media all and (min-width: 768px) {
  body .wordcloud .main-title-visu p,
  body .change-log .container p,
  body .impala .cover .main-title-connector h2,
  body .hadoop .cover .main-title-connector h2,
  body .presto .cover .main-title-connector h2 {
    font-size: 0.7em;
  }
}
@media all and (min-width: 992px) {
  body .wordcloud .main-title-visu p,
  body .change-log .container p,
  body .impala .cover .main-title-connector h2,
  body .hadoop .cover .main-title-connector h2,
  body .presto .cover .main-title-connector h2 {
    font-size: 0.8em;
  }
}
@media all and (min-width: 1200px) {
  body .wordcloud .main-title-visu p,
  body .change-log .container p,
  body .impala .cover .main-title-connector h2,
  body .hadoop .cover .main-title-connector h2,
  body .presto .cover .main-title-connector h2 {
    font-size: 1em;
  }
}
@media all and (min-width: 768px) {
  body > .content > #cover-header > .container .main-title h1,
  body > .content > #cover-header > .container .main-subtitle h1 {
    font-size: 2em;
  }
}
@media all and (min-width: 992px) {
  body > .content > #cover-header > .container .main-title h1,
  body > .content > #cover-header > .container .main-subtitle h1 {
    font-size: 2.2em;
  }
}
@media all and (min-width: 1200px) {
  body > .content > #cover-header > .container .main-title h1,
  body > .content > #cover-header > .container .main-subtitle h1 {
    font-size: 2.5em;
  }
}
@media all and (min-width: 768px) {
  body > .content > #cover-header > .container .main-title h2,
  body > .content > #cover-header > .container .main-subtitle h2 {
    font-size: 2em;
  }
}
@media all and (min-width: 992px) {
  body > .content > #cover-header > .container .main-title h2,
  body > .content > #cover-header > .container .main-subtitle h2 {
    font-size: 2.2em;
  }
}
@media all and (min-width: 1200px) {
  body > .content > #cover-header > .container .main-title h2,
  body > .content > #cover-header > .container .main-subtitle h2 {
    font-size: 2.5em;
  }
}
@media all and (min-width: 768px) {
  body > .content > #cover-header > .container .main-title p,
  body > .content > #cover-header > .container .main-subtitle p {
    font-size: 0.7em;
  }
}
@media all and (min-width: 992px) {
  body > .content > #cover-header > .container .main-title p,
  body > .content > #cover-header > .container .main-subtitle p {
    font-size: 0.8em;
  }
}
@media all and (min-width: 1200px) {
  body > .content > #cover-header > .container .main-title p,
  body > .content > #cover-header > .container .main-subtitle p {
    font-size: 1em;
  }
}
@media all and (min-width: 768px) {
  body > .content > #treemap-vs-parallel-set > .container h1 {
    font-size: 2em;
  }
}
@media all and (min-width: 992px) {
  body > .content > #treemap-vs-parallel-set > .container h1 {
    font-size: 2.2em;
  }
}
@media all and (min-width: 1200px) {
  body > .content > #treemap-vs-parallel-set > .container h1 {
    font-size: 2.5em;
  }
}
@media all and (min-width: 768px) {
  body > .content > #tile-style .map-title h3 {
    font-size: 2em;
  }
}
@media all and (min-width: 992px) {
  body > .content > #tile-style .map-title h3 {
    font-size: 2.2em;
  }
}
@media all and (min-width: 1200px) {
  body > .content > #tile-style .map-title h3 {
    font-size: 2.5em;
  }
}
@media all and (min-width: 768px) {
  body a.btn,
  body a.btn.btn-1 {
    padding: 20px 40px;
  }
}
@media (min-width: 768px) {
  body > div.body-wrapper > section#pricing .cd-pricing-features {
    padding: 0 25px;
  }
}

/*# sourceMappingURL=common.css.map */