@font-face {
  font-family: SofiaProRegular;
  src: url("/fonts/sofia-pro-regular.otf") format("opentype");
}
@font-face {
  font-family: SofiaProSemiBold;
  src: url("/fonts/sofia-pro-semi-bold.otf") format("opentype");
}
@font-face {
  font-family: SofiaProLight;
  src: url("/fonts/sofia-pro-light.otf") format("opentype");
}
@font-face {
  font-family: SofiaProUltraLight;
  src: url("/fonts/sofia-pro-ultralight.otf") format("opentype");
}
@font-face {
  font-family: SofiaProMedium;
  src: url("/fonts/sofia-pro-medium.otf") format("opentype");
}
.sofia-pro-light {
  font-family: SofiaProLight;
}

.sofia-pro-ultra-light {
  font-family: SofiaProUltraLight;
}

.sofia-pro-regular {
  font-family: SofiaProRegular;
}

.sofia-pro-medium {
  font-family: SofiaProMedium;
}

.sofia-pro-semi-bold {
  font-family: SofiaProSemiBold;
}

body {
  background-color: #F5F5F5;
  font-family: SofiaProLight;
}
body h1 {
  font-family: SofiaProSemiBold;
  font-size: 1.75rem;
  color: #222427;
}
body h2 {
  font-family: SofiaProLight;
  color: #222427;
}
body .pa-1-5 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
body .full-bleed-background {
  background-size: 100% 100% !important;
  background: url("/images/gradient.png") no-repeat center bottom;
  min-height: 163px;
}
body .full-bleed-background.emission {
  background-image: url("/images/hero-gradient-emission.png");
}
body .full-bleed-background.casing {
  background-image: url("/images/hero-gradient-casing.png");
}
body .full-bleed-background.electric {
  background-image: url("/images/hero-gradient-electric.png");
}
body .full-bleed-background.tank {
  background-image: url("/images/hero-gradient-tank.png");
}
body .full-bleed-background.pipeline {
  background-image: url("/images/hero-gradient-pipeline.png");
}
body .full-bleed-background.vessel {
  background-image: url("/images/hero-gradient-vessel.png");
}
body .full-bleed-background.clients {
  background-image: url("/images/lines-bg.png");
}
body .full-bleed-background-lines {
  background-size: contain !important;
  background: url("/images/lines-bg.png") no-repeat center 65%;
  min-height: 163px;
  background-color: white;
}
body .full-bleed-background-clients {
  background-size: 100% 100% !important;
  background: url("/images/lines-bg.png") no-repeat center bottom;
  min-height: 163px;
}
body .badge-hiring {
  font-size: 0.6rem;
  padding: 0.25rem 0.25rem 0.1rem;
  border-color: #C8C9CA;
  position: relative;
  top: -0.2rem;
  display: inline-block;
}
body .badge-careers {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}
body div.divider hr {
  height: 0;
  border: none;
  border-top: thin #e1e1e1 solid;
}
body .sub-heading {
  /* When using the CNTRA: */
  font-family: SofiaProLight;
  color: #686D75;
  line-height: 26px;
}
body .security {
  background: url("/images/security-background.png") no-repeat center bottom;
  background-size: 100% 100%;
}
body .platform-title {
  font-family: SofiaProLight;
  font-size: 13px;
  color: #686D75;
  letter-spacing: 1.85px;
  text-transform: uppercase;
}
body .bottom-callout-background {
  background: url("/images/bottom-callout-background-home.png") no-repeat center bottom;
  background-size: 100% 100%;
}
body .bottom-callout-background.emission {
  background-image: url("/images/bottom-callout-background-emission.png");
}
body .bottom-callout-background.electric {
  background-image: url("/images/bottom-callout-background-electric.png");
}
body .bottom-callout-background.casing {
  background-image: url("/images/bottom-callout-background-casing.png");
}
body .bottom-callout-background.tank {
  background-image: url("/images/bottom-callout-background-tank.png");
}
body .bottom-callout-background.pipeline {
  background-image: url("/images/bottom-callout-background-pipeline.png");
}
body .bottom-callout-background.vessel {
  background-image: url("/images/bottom-callout-background-vessel.png");
}
body .bg-emission {
  background-color: #6BD69E;
}
body div.client-logos-container-container {
  position: relative;
}
body div.client-logos-container-container.clients {
  opacity: 0.5;
  filter: grayscale(100%);
}
body div.client-logos-container-container.clients div.gradient-top {
  top: 0;
  background: -moz-linear-gradient(top, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0) 100%);
  background: -webkit-linear-gradient(top, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0) 100%);
  background: linear-gradient(to bottom, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f5f5f5", endColorstr="#00f5f5f5",GradientType=0 );
}
body div.client-logos-container-container div.gradient-top,
body div.client-logos-container-container div.gradient-bottom {
  position: absolute;
  left: 0;
  right: 0;
  height: 30px;
}
body div.client-logos-container-container div.gradient-top {
  top: 0;
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 );
}
body div.client-logos-container-container div.gradient-bottom {
  bottom: 0;
  background: -moz-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
}
body div.client-logos-container-container div.client-logos img {
  max-height: 80px;
}
body div.solution a {
  border: 1px solid #EEEEEE;
  border-top: 4px solid;
}
body div.solution a:hover {
  box-shadow: 0px 12px 19px 0px rgba(171, 170, 169, 0.3);
}
body div.solution a:hover div.button {
  transition: background-color 200ms linear;
}
body div.solution a.emission {
  border-top-color: #6BD69E;
}
body div.solution a.emission:hover div.button {
  background-color: #6BD69E;
}
body div.solution a.casing {
  border-top-color: #F89E55;
}
body div.solution a.casing:hover div.button {
  background-color: #F89E55;
}
body div.solution a.electric {
  border-top-color: #F46746;
}
body div.solution a.electric:hover div.button {
  background-color: #F46746;
}
body div.solution a.tank {
  border-top-color: #876FEF;
}
body div.solution a.tank:hover div.button {
  background-color: #876FEF;
}
body div.solution a.vessel {
  border-top-color: #57D4E5;
}
body div.solution a.vessel:hover div.button {
  background-color: #57D4E5;
}
body div.solution a.pipeline {
  border-top-color: #3699F1;
}
body div.solution a.pipeline:hover div.button {
  background-color: #3699F1;
}
body div.solution a.next-solution {
  border-top: 1px solid;
  border-color: #d5d5d5;
}
body div.solution a.next-solution img {
  height: 55px;
  width: 200px;
  margin-bottom: 1.4rem;
}
body div.solution a div.text {
  font-family: SofiaProLight;
  font-size: 16px;
  color: #686D75;
  letter-spacing: 0px;
  line-height: 26px;
  text-decoration: none;
}

nav {
  color: #595E66;
  font-family: SofiaProRegular;
}
nav .mainNav a {
  font-family: SofiaProMedium;
  font-size: 1rem;
  color: #5A5E65;
}
nav .mainNav a:hover, nav .mainNav a.active, nav .mainNav a.primary {
  color: #222427;
}
nav div.shadow {
  box-shadow: 0px 12px 19px 0px rgba(171, 170, 169, 0.3);
}
@media screen and (min-width: 53em) {
  nav div.shadow {
    box-shadow: none;
  }
}
nav section#solutionsNav {
  box-shadow: 0px 12px 19px 0px rgba(171, 170, 169, 0.3);
}
nav section#solutionsNav:after {
  bottom: 100%;
  left: 35%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 20px;
  margin-left: -20px;
}
nav section h1 {
  font-family: SofiaProLight;
  color: #92969D;
}
nav section div.solution a {
  border: 1px solid #EEEEEE;
  border-top: 3px solid;
}
nav section div.solution a.emission {
  border-top-color: #6BD69E;
}
nav section div.solution a.casing {
  border-top-color: #F89E55;
}
nav section div.solution a.electric {
  border-top-color: #F46746;
}
nav section div.solution a.tank {
  border-top-color: #876FEF;
}
nav section div.solution a.vessel {
  border-top-color: #57D4E5;
}
nav section div.solution a.pipeline {
  border-top-color: #3699F1;
}
nav section .button-get-a-demo {
  letter-spacing: 1px;
  font-family: SofiaProSemiBold;
  box-shadow: 0px 2px 6px 0px rgba(58, 69, 80, 0.3);
}
nav section hr {
  border: none;
  border-top: thin solid #E8E8E8;
}
nav section ul a {
  font-family: SofiaProLight;
  color: #92969D;
}
nav section ul a:hover {
  color: #797D82;
}

footer a {
  color: #91969D;
}
footer .links-title {
  font-family: SofiaProSemiBold;
  font-size: 13px;
  color: #020202;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.hover-emission:hover, .hover-emission:focus {
  color: #6BD69E;
}

.hover-casing:hover, .hover-casing:focus {
  color: #F89E55;
}

.hover-electric:hover, .hover-electric:focus {
  color: #F46746;
}

.hover-tank:hover, .hover-tank:focus {
  color: #876FEF;
}

.hover-vessel:hover, .hover-vessel:focus {
  color: #57D4E5;
}

.hover-pipeline:hover, .hover-pipeline:focus {
  color: #3699F1;
}

input {
  border: none;
}
input[type=text], input[type=email], input[type=tel] {
  border: 5px solid white;
  padding: 15px;
}

textarea {
  border: 5px solid white;
  padding: 15px;
}

.request-a-solution li {
  transition: box-shadow 0.25s;
  transition: opacity 0.25s;
}
.request-a-solution li.checked {
  box-shadow: 0px 12px 19px 0px rgba(171, 170, 169, 0.3);
  opacity: 1;
}

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