#container>header #nav-toggle,
#container>header>a,
#container>header .right .links ul a {
  display: block;
  color: transparent;
  font: 0/0 a;
  text-shadow: none
}

body,
html {
  height: 100%
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

body>footer {
  position: relative;
  width: 100%;
  padding: 0 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -40px;
  clear: both
}

@media only screen and (min-width: 640px) {
  body>footer {
    height: 40px
  }
}

#container {
  position: relative;
  min-height: 100%;
  padding-bottom: 40px;
  background: #fff;
  background: "foo.jpg";
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background: -webkit-gradient(linear, left top, right top, from(#e6e6e6), to(#fafafa));
  background: linear-gradient(to right, #e6e6e6, #fafafa)
}

#container #content {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 40px;
  width: 100%;
  padding: 0 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@font-face {
  font-family: 'source_sans_prolight';
  src: url("uploads/assets/sourcesanspro-light-webfont.eot");
  src: url("uploads/assets/sourcesanspro-light-webfont.eot") format("embedded-opentype"), url("uploads/assets/sourcesanspro-light-webfont.woff") format("woff"), url("uploads/assets/sourcesanspro-light-webfont.ttf") format("truetype"), url("uploads/assets/sourcesanspro-light-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'source_sans_proregular';
  src: url("uploads/assets/sourcesanspro-regular-webfont.eot");
  src: url("uploads/assets/sourcesanspro-regular-webfont.eot") format("embedded-opentype"), url("uploads/assets/sourcesanspro-regular-webfont.woff") format("woff"), url("uploads/assets/sourcesanspro-regular-webfont.ttf") format("truetype"), url("uploads/assets/sourcesanspro-regular-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal
}

html {
  font-size: 62.5%
}

body {
  color: #4d4d4d;
  font-family: "source_sans_prolight", helvetica, arial, sans-serif;
  font-size: 13px;
  line-height: 19.5px;
  font-size: 1.3rem;
  line-height: 1.95rem
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: normal
}

h1 {
  font-family: "source_sans_prolight", helvetica, arial, sans-serif;
  margin: .6em 0 .6em 0;
  font-size: 28px;
  line-height: 42px;
  font-size: 2.8rem;
  line-height: 4.2rem
}

@media only screen and (min-width: 1030px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
    font-size: 3.2rem;
    line-height: 4.8rem
  }
}

@media only screen and (min-width: 1280px) {
  h1 {
    font-size: 36px;
    line-height: 54px;
    font-size: 3.6rem;
    line-height: 5.4rem
  }
}

.page .section-content h1 {
  font-size: 24px;
  line-height: 36px;
  font-size: 2.4rem;
  line-height: 3.6rem
}

h2 {
  font-family: "source_sans_prolight", helvetica, arial, sans-serif;
  margin: .5em 0 .5em 0;
  font-size: 13px;
  line-height: 19.5px;
  font-size: 1.3rem;
  line-height: 1.95rem;
  text-transform: uppercase;
  color: #3C9CD7
}

#content>h2:first-child {
  margin-top: 50px
}

h3 {
  margin: .2em 0 .4em 0;
  color: #003056;
  font-size: 22px;
  line-height: 33px;
  font-size: 2.2rem;
  line-height: 3.3rem
}

h3 a {
  text-decoration: none
}

h4 {
  margin: .3em 0 .3em 0;
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem
}

h5 {
  margin: .2em 0 .2em 0;
  font-size: 14px;
  line-height: 21px;
  font-size: 1.4rem;
  line-height: 2.1rem
}

h6 {
  margin: .1em 0 .1em 0;
  font-size: 13px;
  line-height: 19.5px;
  font-size: 1.3rem;
  line-height: 1.95rem
}

p {
  margin: 0 0 1.3em 0;
  font-size: 14px;
  line-height: 21px;
  font-size: 1.4rem;
  line-height: 2.1rem
}

@media only screen and (min-width: 1030px) {
  p {
    font-size: 16px;
    line-height: 24px;
    font-size: 1.6rem;
    line-height: 2.4rem
  }
}

@media only screen and (min-width: 1280px) {
  p {
    font-size: 18px;
    line-height: 27px;
    font-size: 1.8rem;
    line-height: 2.7rem
  }
}

a {
  color: #3C9CD7;
  text-decoration: underline;
  outline: none
}

a:hover {
  color: #003056
}

address,
em,
i,
q {
  font-style: italic
}

dt {
  font-weight: bold;
  font-size: 15px;
  line-height: 22.5px;
  font-size: 1.5rem;
  line-height: 2.25rem
}

ul,
ol,
dl,
dd {
  padding: 0;
  margin: 0 0 .7em 0;
  font-size: 12px;
  line-height: 18px;
  font-size: 1.2rem;
  line-height: 1.8rem
}

ol {
  margin: 0 0 0 1em;
  list-style-type: decimal
}

ol li {
  margin-bottom: .6em
}

.page li {
  margin: 0 0 0 2%
}

label,
legend {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem
}

input,
button,
select,
textarea,
li,
dd,
blockquote,
q,
table {
  font-size: 14px;
  line-height: 21px;
  font-size: 1.4rem;
  line-height: 2.1rem
}

hr {
  border: none;
  height: 0.1em;
  margin: 0.5em 0 1.5em 0
}

blockquote {
  margin: 1.5em 1.5em;
  padding: 1em 1.1em
}

blockquote p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 21px;
  font-size: 1.4rem;
  line-height: 2.1rem
}

@media only screen and (min-width: 1030px) {
  blockquote p {
    font-size: 16px;
    line-height: 24px;
    font-size: 1.6rem;
    line-height: 2.4rem
  }
}

@media only screen and (min-width: 1280px) {
  blockquote p {
    font-size: 18px;
    line-height: 27px;
    font-size: 1.8rem;
    line-height: 2.7rem
  }
}

blockquote cite {
  color: #003056;
  font-style: normal;
  font-size: 12px;
  line-height: 18px;
  font-size: 1.2rem;
  line-height: 1.8rem
}

blockquote cite:before {
  content: "\2014";
  padding-right: .2em
}

q:before {
  content: "“ "
}

q:after {
  content: " ”"
}

abbr,
acronym {
  border-color: inherit;
  cursor: help;
  border-bottom-style: dotted;
  border-bottom-width: 1px
}

del {
  text-decoration: line-through
}

kbd,
code {
  font-family: "Courier New", Courier, mono
}

footer {
  font-size: 11px;
  line-height: 16.5px;
  font-size: 1.1rem;
  line-height: 1.65rem
}

.notice,
.alert {
  position: fixed;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 150px 0;
  background: rgba(0, 48, 86, 0.9);
  text-align: center;
  z-index: 10000000
}

.notice p,
.alert p {
  color: #fff;
  font-size: 250%
}

.button {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 7px 15px 7px 15px;
  background: #3C9CD7;
  color: #fff;
  font-size: 14px;
  text-transform: lowercase;
  text-decoration: none;
  border-radius: 4px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out
}

.button:after {
  content: "▶";
  position: absolute;
  top: 8px;
  right: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out
}

.button.previous:after {
  content: ""
}

.button.previous:before {
  position: absolute;
  top: 8px;
  left: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  content: "◀"
}

.button.previous:hover {
  padding-left: 35px;
  padding-right: 20px
}

.button:hover,
.button a:hover {
  padding-right: 35px;
  background: #fff;
  color: #3C9CD7;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out
}

.button:hover:after,
.button a:hover:after {
  opacity: 1;
  -moz-transition: opacity 0.5s ease-in-out 0.4s;
  -o-transition: opacity 0.5s ease-in-out 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out;
  -webkit-transition-delay: 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out 0.4s;
  transition: opacity 0.5s ease-in-out 0.4s
}

.button:hover:before,
.button a:hover:before {
  opacity: 1;
  -moz-transition: opacity 0.5s ease-in-out 0.4s;
  -o-transition: opacity 0.5s ease-in-out 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out;
  -webkit-transition-delay: 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out 0.4s;
  transition: opacity 0.5s ease-in-out 0.4s
}

.products_subnav li a {
  text-transform: capitalize !important
}

form input,
form textarea,
form select {
  display: block
}

form input[type="checkbox"] {
  display: inline-block
}

form .sample_request_products select {
  height: 200px
}

div.input {
  width: 50%;
  position: relative;
  margin-bottom: 10px
}

div.input.field_with_errors input,
div.input.field_with_errors select {
  border-color: #991324
}

div.input.field_with_errors span.error {
  color: #991324
}

div.input.validated input,
div.input.validated select {
  border-color: #73B533
}

input,
textarea {
  display: block;
  width: 100%;
  font-size: 14px;
  padding: 5px;
  margin-bottom: 15px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #e6e6e6
}

input[type="checkbox"],
textarea[type="checkbox"] {
  display: inline-block;
  width: auto
}

#content input,
#content textarea {
  background: #fcfcfc;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 0 10px;
  box-shadow: rgba(0, 0, 0, 0.05) 0 0 10px
}

#content input[type="submit"],
#content textarea[type="submit"] {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 7px 15px 7px 15px;
  background: #3C9CD7;
  color: #fff;
  font-size: 14px;
  text-transform: lowercase;
  text-decoration: none;
  border-radius: 4px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out
}

#content input[type="submit"]:after,
#content textarea[type="submit"]:after {
  content: "▶";
  position: absolute;
  top: 8px;
  right: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out
}

#content input[type="submit"].previous:after,
#content textarea[type="submit"].previous:after {
  content: ""
}

#content input[type="submit"].previous:before,
#content textarea[type="submit"].previous:before {
  position: absolute;
  top: 8px;
  left: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  content: "◀"
}

#content input[type="submit"].previous:hover,
#content textarea[type="submit"].previous:hover {
  padding-left: 35px;
  padding-right: 20px
}

#content input[type="submit"]:hover,
#content input[type="submit"] a:hover,
#content textarea[type="submit"]:hover,
#content textarea[type="submit"] a:hover {
  padding-right: 35px;
  background: #fff;
  color: #3C9CD7;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out
}

#content input[type="submit"]:hover:after,
#content input[type="submit"] a:hover:after,
#content textarea[type="submit"]:hover:after,
#content textarea[type="submit"] a:hover:after {
  opacity: 1;
  -moz-transition: opacity 0.5s ease-in-out 0.4s;
  -o-transition: opacity 0.5s ease-in-out 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out;
  -webkit-transition-delay: 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out 0.4s;
  transition: opacity 0.5s ease-in-out 0.4s
}

#content input[type="submit"]:hover:before,
#content input[type="submit"] a:hover:before,
#content textarea[type="submit"]:hover:before,
#content textarea[type="submit"] a:hover:before {
  opacity: 1;
  -moz-transition: opacity 0.5s ease-in-out 0.4s;
  -o-transition: opacity 0.5s ease-in-out 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out;
  -webkit-transition-delay: 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out 0.4s;
  transition: opacity 0.5s ease-in-out 0.4s
}

.terms-notice {
  margin: 1em 0;
  background: #003056;
  color: #fff
}

.terms-notice h3 {
  color: #fff
}

button {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 7px 15px 7px 15px;
  background: #3C9CD7;
  color: #fff;
  font-size: 14px;
  text-transform: lowercase;
  text-decoration: none;
  border-radius: 4px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border: none
}

button:after {
  content: "▶";
  position: absolute;
  top: 8px;
  right: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out
}

button.previous:after {
  content: ""
}

button.previous:before {
  position: absolute;
  top: 8px;
  left: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  content: "◀"
}

button.previous:hover {
  padding-left: 35px;
  padding-right: 20px
}

button:hover,
button a:hover {
  padding-right: 35px;
  background: #fff;
  color: #3C9CD7;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out
}

button:hover:after,
button a:hover:after {
  opacity: 1;
  -moz-transition: opacity 0.5s ease-in-out 0.4s;
  -o-transition: opacity 0.5s ease-in-out 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out;
  -webkit-transition-delay: 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out 0.4s;
  transition: opacity 0.5s ease-in-out 0.4s
}

button:hover:before,
button a:hover:before {
  opacity: 1;
  -moz-transition: opacity 0.5s ease-in-out 0.4s;
  -o-transition: opacity 0.5s ease-in-out 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out;
  -webkit-transition-delay: 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out 0.4s;
  transition: opacity 0.5s ease-in-out 0.4s
}

button.disabled {
  display: none
}

button.inactive {
  background: #939598
}

button.inactive:hover {
  background: #939598;
  color: #fff;
  padding-right: 15px
}

button.inactive:hover:after {
  opacity: 0
}

#container>header {
  position: relative;
  height: 80px;
  padding: 10px 5% 0;
  background-color: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 20px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

#container>header:before,
#container>header:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden
}

#container>header:after {
  clear: both
}

@media only screen and (min-width: 640px) {
  #container>header {
    height: 120px
  }
}

#container>header #nav-toggle {
  position: absolute;
  display: block;
  width: 40px;
  height: 32px;
  right: 20px;
  top: 25px;
  z-index: 1000000;
  background: url("uploads/assets/sprite-4c9190837e7bceb723c590f468d22917.png") no-repeat;
  background-position: 0px -520px;
  border: none
}

@media only screen and (min-width: 640px) {
  #container>header #nav-toggle {
    display: none
  }
}

#container>header .main-nav {
  display: none;
  position: absolute;
  top: 80px;
  z-index: 999;
  width: 111.5%;
  margin: 0 -5.75% 0 -5.75%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100.75%;
  margin: 0 0 0 -5.75%;
  background: #003056;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzA1NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNjOWNkNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#003056), to(#3c9cd7));
  background-image: linear-gradient(#003056, #3c9cd7)
}

@media only screen and (min-width: 640px) {
  #container>header .main-nav {
    width: 111.5%;
    margin: 0 -5.75% 0 -5.75%
  }
}

@media only screen and (min-width: 640px) {
  #container>header .main-nav {
    display: block;
    position: relative;
    height: 110px;
    top: 0;
    background: transparent
  }
}

#container>header .main-nav.active {
  display: block
}

#container>header nav {
  border-bottom: 1px solid #3C9CD7
}

@media only screen and (min-width: 640px) {
  #container>header nav {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
    overflow: visible
  }
  #container>header nav li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    white-space: nowrap
  }
}

#container>header nav li {
  list-style: none;
  margin: 0
}

#container>header nav li:last-child:after {
  content: "";
  margin: 0
}

#container>header nav li a {
  text-decoration: none;
  color: #fff
}

@media only screen and (min-width: 640px) {
  #container>header nav {
    float: left;
    margin-top: 78px;
    margin-left: 5%;
    bottom: 0;
    border-bottom: none
  }
}

#container>header nav ul {
  padding: 0;
  margin: 0
}

#container>header nav ul li a {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 10px 5px;
  margin: 0 0;
  line-height: 32px;
  font-family: "source_sans_proregular", helvetica, arial, sans-serif;
  font-size: 18px
}

@media only screen and (min-width: 640px) {
  #container>header nav ul li a {
    display: inline;
    color: #003056
  }
  #container>header nav ul li a:hover {
    color: #fff;
    background: #003056
  }
}

#container>header nav ul li a:after {
  content: " ";
  display: block;
  background: url("uploads/assets/sprite-4c9190837e7bceb723c590f468d22917.png") no-repeat;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin-left: 10px;
  background-position: -25px -560px
}

@media only screen and (min-width: 640px) {
  #container>header nav ul li a:after {
    display: none;
    content: ""
  }
}

@media only screen and (min-width: 640px) {
  #container>header nav ul li:hover .sub,
  #container>header nav ul li:focus .sub {
    max-height: 900px;
    -moz-transition: max-height 1s ease-in-out 0.25s;
    -o-transition: max-height 1s ease-in-out 0.25s;
    -webkit-transition: max-height 1s ease-in-out;
    -webkit-transition-delay: 0.25s;
    -webkit-transition: max-height 1s ease-in-out 0.25s;
    transition: max-height 1s ease-in-out 0.25s
  }
  #container>header nav ul li:hover .sub *,
  #container>header nav ul li:focus .sub * {
    opacity: 1;
    -moz-transition: opacity 0.8s ease-in-out 0.4s;
    -o-transition: opacity 0.8s ease-in-out 0.4s;
    -webkit-transition: opacity 0.8s ease-in-out;
    -webkit-transition-delay: 0.4s;
    -webkit-transition: opacity 0.8s ease-in-out 0.4s;
    transition: opacity 0.8s ease-in-out 0.4s
  }
}

#container>header nav ul li .sub {
  display: none;
  overflow: hidden;
  width: 100%;
  padding: 0 5%;
  left: 0;
  z-index: 999999;
  background: #003056;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzA1NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNjOWNkNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#003056), to(#3c9cd7));
  background-image: linear-gradient(#003056, #3c9cd7);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (min-width: 640px) {
  #container>header nav ul li .sub {
    display: block;
    position: absolute;
    max-height: 0px;
    -webkit-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out
  }
}

#container>header nav ul li .sub.active {
  display: block
}

@media only screen and (min-width: 640px) {
  #container>header nav ul li .sub * {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
  }
}

#container>header nav ul li .sub h2 {
  display: none
}

@media only screen and (min-width: 640px) {
  #container>header nav ul li .sub h2 {
    display: block;
    float: left;
    margin-right: 20px;
    line-height: 100%;
    font-size: 36px;
    color: #fff;
    text-transform: lowercase
  }
  #container>header nav ul li .sub h2:after {
    content: ">";
    margin-left: 10px
  }
}

@media only screen and (min-width: 640px) {
  #container>header nav ul li .sub ul {
    float: left;
    margin: 0 10px;
    padding: 20px 10px 20px;
    border-right: solid 1px #3C9CD7;
    background: transparent
  }
}

#container>header nav ul li .sub li {
  display: block
}

#container>header nav ul li .sub li a {
  color: #fff;
  font-family: "source_sans_prolight", helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out
}

@media only screen and (min-width: 640px) {
  #container>header nav ul li .sub li a {
    line-height: 32px
  }
}

#container>header nav ul li .sub li a:hover {
  color: #3C9CD7;
  background: transparent;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out
}

#container>header nav ul li .sub li a:after {
  content: "";
  display: none
}

#container>header>a {
  position: relative;
  display: block;
  width: 75%;
  height: 64px;
  margin: 0 0 -65px 0;
  background: url("uploads/assets/logo-52a1deb5138d4d9cd5e3a02244c20358-02.png") no-repeat;
  z-index: 9999;
  background-size: contain;
}

#container>header .right {
  position: relative
}

@media only screen and (min-width: 640px) {
  #container>header .right {
    position: absolute;
    right: 3.5%;
    width: 500px
  }
}

#container>header .right .button {
  position: relative;
  float: left;
  margin-left: 5%;
  clear: none
}

@media only screen and (min-width: 640px) {
  #container>header .right .button {
    clear: right;
    float: right;
    margin-right: 3.75%;
    top: 5px
  }
}

#container>header .right .search {
  position: relative;
  margin-top: 10px
}

@media only screen and (min-width: 640px) {
  #container>header .right .search {
    margin-right: 5%;
    float: right
  }
}

#container>header .right .search div.input {
  width: 88%;
  margin: 0 5%;
  position: relative
}

@media only screen and (min-width: 640px) {
  #container>header .right .search div.input {
    width: 100%
  }
}

#container>header .right .search input {
  position: relative;
  background: #3C9CD7
}

@media only screen and (min-width: 640px) {
  #container>header .right .search input {
    background: #d9d9d9;
    width: 120px;
    right: 0;
    -webkit-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out
  }
  #container>header .right .search input:focus,
  #container>header .right .search input:hover {
    width: 240px;
    -webkit-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out
  }
}

#container>header .right .search:after {
  position: absolute;
  top: 8px;
  right: 3px;
  content: " ";
  display: block;
  width: 20px;
  height: 20px
}

#container>header .right .search-button {
  position: absolute;
  top: 4px;
  right: 6%;
  width: 20px;
  height: 25px;
  content: " ";
  display: block;
  background: url("uploads/assets/sprite-4c9190837e7bceb723c590f468d22917.png") no-repeat;
  background-repeat: no-repeat;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  background-position: -37px -230px;
  z-index: 999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (min-width: 640px) {
  #container>header .right .search-button {
    right: 4px;
    background-position: -17px -230px
  }
}

#container>header .right .links {
  position: relative;
  text-align: right;
  width: auto;
  float: right;
  margin-right: 5%
}

@media only screen and (min-width: 640px) {
  #container>header .right .links {
    position: relative;
    float: right;
    text-align: left;
    width: auto;
    top: 15px;
    bottom: 0
  }
}

#container>header .right .links .login-header {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
  position: relative;
  font-family: "source_sans_proregular", helvetica, arial, sans-serif;
  text-decoration: none;
  color: #fff
}

@media only screen and (min-width: 640px) {
  #container>header .right .links .login-header {
    color: #333333
  }
}

#container>header .right .links .login-header:before {
  content: " ";
  display: block;
  background: url("uploads/assets/sprite-4c9190837e7bceb723c590f468d22917.png") no-repeat;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  width: 10px;
  height: 12px;
  line-height: 15px;
  margin: 1px 5px 0 0px;
  background-position: -60px -216px
}

@media only screen and (min-width: 640px) {
  #container>header .right .links .login-header:before {
    background-position: -41px -216px
  }
}

#container>header .right .links ul {
  display: inline-block;
  vertical-align: middle
}

#container>header .right .links ul a {
  float: left;
  width: 27px;
  height: 27px;
  margin-left: 3px;
  background: url("uploads/assets/sprite-4c9190837e7bceb723c590f468d22917.png") no-repeat
}

#container>header .right .links ul .twitter {
  background-position: -45px -2px
}

#container>header .right .links ul .twitter:hover {
  background-position: -14px -2px
}

@media only screen and (min-width: 640px) {
  #container>header .right .links ul .twitter {
    background-position: -14px -2px
  }
  #container>header .right .links ul .twitter:hover {
    background-position: -45px -2px
  }
}

#container>header .right .links ul .facebook {
  background-position: -45px -32px
}

#container>header .right .links ul .facebook:hover {
  background-position: -14px -32px
}

@media only screen and (min-width: 640px) {
  #container>header .right .links ul .facebook {
    background-position: -14px -32px
  }
  #container>header .right .links ul .facebook:hover {
    background-position: -45px -32px
  }
}

#container>header .right .links ul .linkedin {
  background-position: -45px -62px
}

#container>header .right .links ul .linkedin:hover {
  background-position: -14px -62px
}

@media only screen and (min-width: 640px) {
  #container>header .right .links ul .linkedin {
    background-position: -14px -62px
  }
  #container>header .right .links ul .linkedin:hover {
    background-position: -45px -62px
  }
}

#container>header .right .links ul .youtube {
  background-position: -45px -714px
}

#container>header .right .links ul .youtube:hover {
  background-position: -14px -714px
}

@media only screen and (min-width: 640px) {
  #container>header .right .links ul .youtube {
    background-position: -14px -714px
  }
  #container>header .right .links ul .youtube:hover {
    background-position: -45px -714px
  }
}

.personal-info {
  background-image: url("uploads/assets/personal-inactive-656907c0b79c967d871e97b47d460e40.svg");
  background-repeat: no-repeat;
  background-size: 50px;
  height: 70px;
  width: 50px;
  line-height: 120px
}

.personal-info.active {
  background-image: url("uploads/assets/personal-active-08cbd9f0ba038717e61683908f7ca3ec.svg")
}

.business-info {
  background-image: url("uploads/assets/business-inactive-f21cf45ad4f35add0db51030cd9a3367.svg");
  background-repeat: no-repeat;
  background-size: 50px;
  height: 70px;
  width: 50px;
  line-height: 120px
}

.business-info.active {
  background-image: url("uploads/assets/business-active-eba8c94beb55794ff29836eb9ce3cdff.svg")
}

.additional-info {
  background-image: url("uploads/assets/additional-inactive-64e5b94b69c243707e635ef702670e8a.svg");
  background-repeat: no-repeat;
  background-size: 50px;
  height: 70px;
  width: 50px;
  line-height: 120px
}

.additional-info.active {
  background-image: url("uploads/assets/additional-active-25af51a814c6819dfa0655d263c5d9fb.svg")
}

.huge-success {
  background-repeat: no-repeat;
  height: 140px;
  width: 140px;
  line-height: 120px;
  background-image: url("uploads/assets/finished-1a643506ce4c65ae9fdd5cc3b54d22a6.svg");
  margin-top: 30px
}

.status-icon {
  background-repeat: no-repeat;
  height: 25px;
  width: 50px;
  line-height: 120px;
  position: absolute;
  position: absolute;
  bottom: 0.6rem;
  background-size: 25px;
  left: 104%
}

@media only screen and (min-width: 1030px) {
  .status-icon {
    left: 100%
  }
}

.status-icon.mini {
  background-size: 20px
}

.status-icon.valid {
  background-image: url("uploads/assets/valid-8d54d7bf847a798af238c56c51b4e906.svg")
}

.status-icon::after {
  position: absolute;
  left: -0.5rem;
  bottom: -7rem
}

.status-icon.invalid {
  bottom: 2.5rem;
  background-image: url("uploads/assets/invalid-0dd6117d679680be905aae6a8254b583.svg")
}

.status-icon.invalid::after {
  content: "Required"
}

.status-icon.prefilled {
  background-image: url("uploads/assets/prefilled-622bd4bf6d00c966eb3236e02f39c246.svg")
}

.status-icon.prefilled::after {
  content: "Verify";
  left: -0.2rem
}

body>footer {
  background-color: #474747;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 10px
}

body>footer nav {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1
}

@media only screen and (min-width: 640px) {
  body>footer nav {
    margin: 0 75px;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
    overflow: visible
  }
  body>footer nav li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    white-space: nowrap
  }
}

body>footer nav li {
  list-style: none;
  margin: 0
}

body>footer nav li:last-child:after {
  content: "";
  margin: 0
}

body>footer nav li a {
  text-decoration: none;
  color: #fff
}

body>footer nav li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  white-space: nowrap
}

@media only screen and (min-width: 640px) {
  body>footer nav {
    float: left
  }
}

body>footer nav li {
  margin-right: 15px
}

body>footer nav li a {
  color: #cccccc
}

body>footer nav .login-footer {
  display: none;
  position: relative
}

@media only screen and (min-width: 640px) {
  body>footer nav .login-footer {
    display: inline-block
  }
}

body>footer nav .login-footer:before {
  content: " ";
  display: block;
  background: url("uploads/assets/sprite-4c9190837e7bceb723c590f468d22917.png") no-repeat;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  width: 10px;
  height: 12px;
  line-height: 15px;
  margin: 1px 10px 0 40px;
  background-position: -22px -216px
}

@media only screen and (min-width: 640px) {
  body>footer aside {
    float: right
  }
}

body>footer p {
  font-size: 12px;
  margin: 0;
  color: #cccccc
}

.page.home>header {
  width: 111.5%;
  margin: 0 -5.75% 0 -5.75%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (min-width: 640px) {
  .page.home>header {
    width: 111.5%;
    margin: 0 -5.75% 0 -5.75%
  }
}

.page.home>header .slider .slide {
  width: 100%;
  height: auto
}

@media only screen and (min-width: 640px) {
  .page.home>header .slider .slide {
    height: 370px
  }
}

.page.home>header .slider .slide img {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1
}

@media only screen and (min-width: 640px) {
  .page.home>header .slider .slide img {
    position: absolute
  }
}

.page.home>header .slider .slide-content {
  position: relative;
  z-index: 2;
  margin: -45px 0 0 0;
  padding: 3% 3% 3% 5.5%;
  background-color: rgba(0, 0, 0, 0.75)
}

@media only screen and (min-width: 640px) {
  .page.home>header .slider .slide-content {
    width: 40%;
    height: 100%;
    margin: 0px;
  }
}

.page.home>header .slider h1 {
  font-size: 30px;
  line-height: 30px;
  margin-top: 0px;
  color: #3C9CD7
}

@media only screen and (min-width: 640px) {
  .page.home>header .slider h1 {
    font-size: 55px;
    line-height: 60px;
    margin-top: 50px;
    margin-left: 10px;
  }
}

.page.home>header .slider .learn-more {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 7px 15px 7px 15px;
  background: #3C9CD7;
  color: #fff;
  font-size: 14px;
  text-transform: lowercase;
  text-decoration: none;
  border-radius: 4px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out
}

.page.home>header .slider .learn-more:after {
  content: "▶";
  position: absolute;
  top: 8px;
  right: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out
}

.page.home>header .slider .learn-more.previous:after {
  content: ""
}

.page.home>header .slider .learn-more.previous:before {
  position: absolute;
  top: 8px;
  left: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  content: "◀"
}

.page.home>header .slider .learn-more.previous:hover {
  padding-left: 35px;
  padding-right: 20px
}

.page.home>header .slider .learn-more:hover,
.page.home>header .slider .learn-more a:hover {
  padding-right: 35px;
  background: #fff;
  color: #3C9CD7;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out
}

.page.home>header .slider .learn-more:hover:after,
.page.home>header .slider .learn-more a:hover:after {
  opacity: 1;
  -moz-transition: opacity 0.5s ease-in-out 0.4s;
  -o-transition: opacity 0.5s ease-in-out 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out;
  -webkit-transition-delay: 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out 0.4s;
  transition: opacity 0.5s ease-in-out 0.4s
}

.page.home>header .slider .learn-more:hover:before,
.page.home>header .slider .learn-more a:hover:before {
  opacity: 1;
  -moz-transition: opacity 0.5s ease-in-out 0.4s;
  -o-transition: opacity 0.5s ease-in-out 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out;
  -webkit-transition-delay: 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out 0.4s;
  transition: opacity 0.5s ease-in-out 0.4s
}

.page {
  width: 100%
}

.page .section-content:before,
.page .section-content:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden
}

.page .section-content:after {
  clear: both
}

.page.home>header,
.page.products>header,
.page.about>header {
  position: relative;
  overflow: hidden;
  width: 111.5%;
  margin: 0 -5.75% 0 -5.75%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (min-width: 640px) {
  .page.home>header,
  .page.products>header,
  .page.about>header {
    width: 111.5%;
    margin: 0 -5.75% 0 -5.75%
  }
}

.page.home>header.no-image,
.page.products>header.no-image,
.page.about>header.no-image {
  width: 100%;
  margin: 0
}

.page.home>header .header-content,
.page.products>header .header-content,
.page.about>header .header-content {
  width: 100%;
  padding: 3% 3% 3% 6%;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (min-width: 640px) {
  .page.home>header .header-content,
  .page.products>header .header-content,
  .page.about>header .header-content {
    width: 50%;
    min-height: 350px;
  }
  .page.products>header .header-content.about {
    width: 55%;
  }
}

.page.home>header>*,
.page.products>header>*,
.page.about>header>* {
  position: relative;
  color: #fff;
  z-index: 2
}

.page.home>header img,
.page.products>header img,
.page.about>header img {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1
}

@media only screen and (min-width: 640px) {
  .page.home>header img,
  .page.products>header img,
  .page.about>header img {
    position: absolute;
    left: 42%;
    width: 58%;
    min-height: 100%;
    min-width: 440px;
  }
  .page.products>header img.fill {
    left: 0;
    width: 100%;
  }
  .page.products>header img.about {
    left: 55%;
    width: 45%;
    max-height: 414px;
  }
}

.page.home>header h1,
.page.products>header h1,
.page.about>header h1 {
  font-size: 24px;
  font-family: "source_sans_prolight", helvetica, arial, sans-serif;
  margin-bottom: 5px
}

@media only screen and (min-width: 640px) {
  .page.home>header h1,
  .page.products>header h1,
  .page.about>header h1 {
    font-size: 48px
  }
}

.page.home>header h1.dark,
.page.products>header h1.dark,
.page.about>header h1.dark {
  color: #003056
}

.page .sidebar {
  position: relative;
  z-index: 3;
  float: right;
  width: 300px;
  list-style: none;
  height: 500px;
  padding-left: 25px
}

.page .sidebar li {
  margin-bottom: 10px
}

.page .sidebar li a {
  text-decoration: none;
  font-size: 1.5em
}

.home-products {
  padding: 10px 5.95% 10px;
  background-color: #fff;
  width: 111.5%;
  margin: 0 -5.75% 0 -5.75%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (min-width: 640px) {
  .home-products {
    width: 111.5%;
    margin: 0 -5.75% 0 -5.75%
  }
}

.home-products ul {
  text-align: center;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1
}

.home-products ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  white-space: nowrap
}

.home-products ul li {
  position: relative;
  width: 30.35%;
  min-width: 220px;
  height: 190px;
  margin: 0 2% 2% 0;
  background: rgba(0, 0, 0, 0.75);
  overflow: hidden
}

@media only screen and (min-width: 640px) {
  .home-products ul li:last-child {
    margin: 0 0 2% 0
  }
}

.home-products ul li a {
  position: absolute;
  display: block;
  bottom: 0;
  z-index: 2;
  width: 100%;
  background: rgba(0, 0, 0, 0.75);
  padding: 10px 30px 10px 10px;
  font-size: 22px;
  line-height: 24px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: normal;
  color: #3C9CD7;
  -webkit-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out
}

.home-products ul li a:after {
  content: " ";
  display: block;
  background: url("uploads/assets/sprite-4c9190837e7bceb723c590f468d22917.png") no-repeat;
  background-repeat: no-repeat;
  position: absolute;
  right: 8px;
  bottom: 9px;
  width: 14px;
  height: 24px;
  background-position: -48px -185px;
  -webkit-transition: background-position 0.5s ease-in-out;
  transition: background-position 0.5s ease-in-out
}

.home-products ul li a:hover {
  color: #fff;
  -webkit-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out
}

.home-products ul li a:hover:after {
  background-position: -74px -185px;
  -webkit-transition: background-position 0.5s ease-in-out;
  transition: background-position 0.5s ease-in-out
}

.home-products ul li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1
}

.home-about,
.home-news-preview {
  margin-top: 30px
}

@media only screen and (min-width: 640px) {
  .home-about,
  .home-news-preview {
    float: left
  }
}

.home-about h2,
.home-news-preview h2 {
  color: #b3b3b3;
  margin: 0 0 20px 0;
  border-bottom: solid 1px #e6e6e6;
  -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0px 2px 1px;
  box-shadow: rgba(255, 255, 255, 0.3) 0px 2px 1px
}

.home-about {
  padding: 0 5% 0 0%
}

.home-about h3 {
  font-size: 36px
}

.home-about p {
  font-size: 18px
}

@media only screen and (min-width: 640px) {
  .home-news-preview {
    width: 40%
  }
  .home-about {
    width: 55%;
  }
}

.aboutpilotlogo {
  width: 12%;
}

.featured-contacts {
  margin-bottom: 80px
}

.featured-contacts article {
  display: inline-block;
  vertical-align: top;
  width: 22%;
  margin-right: 2%;
  min-width: 200px
}

.search-result h3 {
  color: #003056;
  font-size: 26px;
  line-height: 39px;
  font-size: 2.6rem;
  line-height: 3.9rem
}

@media only screen and (min-width: 640px) {
  .search-result h3 {
    display: inline-block;
    min-width: 25%
  }
}

@media only screen and (min-width: 640px) {
  .search-result dl {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    -webkit-column-count: 2;
    column-count: 2
  }
}

.search-result dl div {
  display: block;
  -moz-page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  break-inside: avoid
}

@media only screen and (min-width: 640px) {
  .search-result dl dt {
    margin-left: 30px
  }
}

.search-result dl dd {
  font-size: 20px;
  line-height: 30px;
  font-size: 2rem;
  line-height: 3rem;
  color: #003056
}

@media only screen and (min-width: 640px) {
  .search-result dl dd {
    margin-left: 30px
  }
}

.section-content {
  position: relative
}

@media only screen and (min-width: 640px) {
  .section-content .products,
  .section-content .overview-container {
    float: left
  }
}

.section-content .products h2,
.section-content .overview-container h2 {
  font-size: 13px;
  text-transform: uppercase;
  color: gray
}

.section-content .products {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (min-width: 640px) {
  .section-content .products {
    width: 20%;
    border-top: solid #e0e0e0 1px;
    border-right: solid #e0e0e0 1px
  }
}

.section-content .products ul li {
  display: block;
  list-style: none
}

.section-content .products ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px;
  font-family: "source_sans_proregular", helvetica, arial, sans-serif;
  font-size: 18px;
  text-decoration: none;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out
}

.section-content .products ul li a:hover {
  background-color: #e0e0e0
}

.section-content .products ul li a.current {
  color: #fff;
  background-color: #003056
}

.section-content .products ul li a.current:after {
  content: "▶";
  margin-left: 12px;
  font-size: 13px;
  color: #fff
}

.section-content .products ul li ul li a {
  background: #e6e6e6;
  text-indent: 10px;
  color: #4d4d4d;
  font-family: "source_sans_prolight", helvetica, arial, sans-serif
}

.overview-container {
  position: relative;
  overflow: hidden;
  min-height: 2000px;
  padding-left: 3%;
  margin-top: 40px;
  border-top: solid #e0e0e0 1px
}

@media only screen and (min-width: 640px) {
  .overview-container {
    width: 77%;
    margin-top: 0
  }
}

.overview-container.fixed {
  position: absolute;
  top: 0;
  right: 0
}

.overview {
  position: absolute;
  top: 45px
}

.overview.show {
  opacity: 1;
  z-index: 99
}

.overview.show h3 {
  position: relative;
  opacity: 1;
  left: 0;
  -moz-transition: left 0.6s ease-in-out, opacity 0.8s ease-in-out 0.3s;
  -o-transition: left 0.6s ease-in-out, opacity 0.8s ease-in-out 0.3s;
  -webkit-transition: left 0.6s ease-in-out, opacity 0.8s ease-in-out;
  -webkit-transition-delay: 0s, 0.3s;
  -webkit-transition: left 0.6s ease-in-out, opacity 0.8s ease-in-out 0.3s;
  transition: left 0.6s ease-in-out, opacity 0.8s ease-in-out 0.3s
}

.overview.show h4 {
  opacity: 1;
  -moz-transition: opacity 1s ease-in-out 0.6s;
  -o-transition: opacity 1s ease-in-out 0.6s;
  -webkit-transition: opacity 1s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -webkit-transition: opacity 1s ease-in-out 0.6s;
  transition: opacity 1s ease-in-out 0.6s
}

.overview.show p {
  opacity: 1;
  -moz-transition: opacity 1s ease-in-out 0.8s;
  -o-transition: opacity 1s ease-in-out 0.8s;
  -webkit-transition: opacity 1s ease-in-out;
  -webkit-transition-delay: 0.8s;
  -webkit-transition: opacity 1s ease-in-out 0.8s;
  transition: opacity 1s ease-in-out 0.8s
}

.overview.hide {
  opacity: 0
}

.overview.hide h3 {
  opacity: 0;
  left: -300px
}

.overview.hide h4 {
  opacity: 0
}

.overview.hide p {
  opacity: 0
}

@media only screen and (min-width: 640px) {
  .overview .description {
    margin-right: 3%;
    float: left;
    width: 77%;
  }
}

@media only screen and (min-width: 640px) {
  .overview .applicationsimage {
    margin-right: 3%;
    float: left;
    width: 60%;
  }
}

.imgright {
  margin-top: 2%;
}

.overview .description h3 {
  font-size: 40px;
  color: #003056
}

.overview .description h4 {
  font-size: 22px;
  color: #3C9CD7
}

@media only screen and (min-width: 640px) {
  .overview .options {
    width: 20%;
    float: left
  }
}

.overview .options li {
  position: relative;
  display: block;
  list-style: none;
  margin: 15px 0
}

.overview .options a {
  font-size: 15px;
  font-family: "source_sans_proregular", helvetica, arial, sans-serif;
  text-decoration: none;
  padding: 0 0 0 20px
}

.overview .options a:hover {
  color: #003056
}

.overview .options a:before {
  content: " ";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px
}

.overview .options a.sample-request-link {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 7px 15px 7px 15px;
  background: #3C9CD7;
  color: #fff;
  font-size: 14px;
  text-transform: lowercase;
  text-decoration: none;
  border-radius: 4px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out
}

.overview .options a.sample-request-link:after {
  content: "▶";
  position: absolute;
  top: 8px;
  right: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out
}

.overview .options a.sample-request-link.previous:after {
  content: ""
}

.overview .options a.sample-request-link.previous:before {
  position: absolute;
  top: 8px;
  left: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  content: "◀"
}

.overview .options a.sample-request-link.previous:hover {
  padding-left: 35px;
  padding-right: 20px
}

.overview .options a.sample-request-link:hover,
.overview .options a.sample-request-link a:hover {
  padding-right: 35px;
  background: #fff;
  color: #3C9CD7;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out
}

.overview .options a.sample-request-link:hover:after,
.overview .options a.sample-request-link a:hover:after {
  opacity: 1;
  -moz-transition: opacity 0.5s ease-in-out 0.4s;
  -o-transition: opacity 0.5s ease-in-out 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out;
  -webkit-transition-delay: 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out 0.4s;
  transition: opacity 0.5s ease-in-out 0.4s
}

.overview .options a.sample-request-link:hover:before,
.overview .options a.sample-request-link a:hover:before {
  opacity: 1;
  -moz-transition: opacity 0.5s ease-in-out 0.4s;
  -o-transition: opacity 0.5s ease-in-out 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out;
  -webkit-transition-delay: 0.4s;
  -webkit-transition: opacity 0.5s ease-in-out 0.4s;
  transition: opacity 0.5s ease-in-out 0.4s
}

.overview .options a.sample-request-link:before {
  content: "";
  display: none
}

.overview .options a.product-msds-link:before {
  background: url("uploads/assets/sprite-4c9190837e7bceb723c590f468d22917.png") -50px -110px no-repeat
}

.overview .options a.product-msds-link:before:hover {
  background-position: -80px -110px
}

.overview .options a.epa-label-link:before {
  background: url("uploads/assets/sprite-4c9190837e7bceb723c590f468d22917.png") -48px -136px no-repeat
}

.overview .options a.epa-label-link:before:hover {
  background-position: -80px -136px
}

.overview .options a.product-specification-link:before {
  background: url("uploads/assets/sprite-4c9190837e7bceb723c590f468d22917.png") -50px -160px no-repeat
}

.overview .options a.product-specification-link:before:hover {
  background-position: -80px -160px
}

.competition {
  float: left
}

.competition h2 {
  margin: .2em 0 .4em 0;
  color: #003056;
  font-size: 18px;
  line-height: 27px;
  font-size: 1.8rem;
  line-height: 2.7rem
}

@media only screen and (min-width: 1030px) {
  .competition h2 {
    font-size: 20px;
    line-height: 30px;
    font-size: 2rem;
    line-height: 3rem
  }
}

@media only screen and (min-width: 1280px) {
  .competition h2 {
    font-size: 22px;
    line-height: 33px;
    font-size: 2.2rem;
    line-height: 3.3rem
  }
}

.competition aside {
  float: left;
  width: 15%;
  margin-right: 20px
}

.competition article.show {
  display: block
}

.competition article ul a {
  color: black
}

.competition article ul ul {
  display: none
}

.competition article ul ul a {
  font-size: 15px;
  color: #3C9CD7
}

.competition article ul ul.show {
  display: block
}

.competition ul li {
  display: block;
  list-style: none
}

.competition ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px;
  font-family: "source_sans_proregular", helvetica, arial, sans-serif;
  font-size: 18px;
  text-decoration: none;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out
}

.competition ul li a.current {
  color: #fff;
  background-color: #003056
}

.competition ul li a.current:after {
  content: "▶";
  margin-left: 12px;
  font-size: 13px;
  color: #fff
}

.competition ul.competitors a:hover {
  background-color: #e0e0e0
}

.post-preview h1 {
  margin: 0;
  font-family: "source_sans_proregular", helvetica, arial, sans-serif;
  font-size: 20px;
  line-height: 22px
}

.post-preview h1 a {
  text-decoration: none;
  color: #003056
}

.post-preview p {
  margin: 0;
  padding-bottom: 8px;
  border-bottom: solid 1px #e6e6e6;
  -webkit-box-shadow: #fff 0px 2px 1px;
  box-shadow: #fff 0px 2px 1px
}

.post-preview p.date {
  margin: 8px 0 20px 0;
  font-size: 12px;
  color: #3C9CD7;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.news-page h1 {
  font-size: 42px;
  margin: 40px 0 10px 0;
  color: #003056
}

.news-page p.date {
  color: #3C9CD7
}

.search-result {
  border-bottom: solid 1px #e6e6e6;
  -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0px 2px 1px;
  box-shadow: rgba(255, 255, 255, 0.3) 0px 2px 1px
}

.search-result .category-container,
.search-result .applications-container {
  margin: 0 0 5px 0
}

.pagination {
  text-align: center;
  padding: 15px;
  font-size: 14px
}

.pagination a {
  text-decoration: none
}

.pagination .first {
  margin-right: 5px
}

.pagination .first span {
  margin-left: -8px
}

.pagination .page {
  font-size: 19px
}

.pagination .last {
  margin-left: 5px
}

.pagination .last span {
  margin-left: -6px
}

.pagination .current {
  background: #3C9CD7;
  padding: 0 1px 0 5px;
  color: #fff;
  text-align: center;
  margin-right: 5px
}

.competition .section-content>article,
.contact .section-content>article {
  position: relative;
  margin-top: 30px
}

@media only screen and (min-width: 640px) {
  .competition .section-content>article,
  .contact .section-content>article {
    float: left;
    width: 30%;
    margin-top: 0
  }
}

.competition .section-content>article ::-webkit-scrollbar,
.contact .section-content>article ::-webkit-scrollbar {
  width: 8px;
  margin-left: -8px
}

.competition .section-content>article ::-webkit-scrollbar-track,
.contact .section-content>article ::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  box-shadow: none
}

.competition .section-content>article ::-webkit-scrollbar-thumb,
.contact .section-content>article ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1)
}

.competition .section-content>article h2,
.contact .section-content>article h2 {
  color: #b3b3b3;
  margin: 0;
  font-size: 13px;
  line-height: 19.5px;
  font-size: 1.3rem;
  line-height: 1.95rem
}

@media only screen and (min-width: 640px) {
  .competition .section-content>article h2,
  .contact .section-content>article h2 {
    margin: 0 0 20px 0
  }
}

.competition .section-content>article ul,
.contact .section-content>article ul {
  position: relative;
  height: 120px;
  margin-right: -8px;
  overflow-y: scroll;
  border-bottom: solid 1px #e6e6e6;
  -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0px 2px 1px;
  box-shadow: rgba(255, 255, 255, 0.3) 0px 2px 1px;
  z-index: 3
}

@media only screen and (min-width: 640px) {
  .competition .section-content>article ul,
  .contact .section-content>article ul {
    height: 220px;
    border-top: solid 1px #e6e6e6
  }
}

.competition .section-content>article ul li,
.contact .section-content>article ul li {
  list-style: none;
  position: relative;
  z-index: 3
}

.competition .section-content>article ul li:before,
.contact .section-content>article ul li:before {
  content: " ";
  display: block;
  width: 0;
  -webkit-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out
}

.competition .section-content>article ul li.active:before,
.contact .section-content>article ul li.active:before {
  position: absolute;
  width: 100%;
  height: 45px;
  top: 0px;
  background-color: rgba(60, 156, 215, 0.7);
  z-index: -1
}

.competition .section-content>article ul li.active a,
.contact .section-content>article ul li.active a {
  color: #fff
}

.competition .section-content>article ul li.empty,
.contact .section-content>article ul li.empty {
  margin: 0 0 220px 0
}

.competition .section-content>article ul li a,
.contact .section-content>article ul li a {
  font-size: 24px;
  line-height: 36px;
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-family: "source_sans_prolight", helvetica, arial, sans-serif;
  color: #4d4d4d;
  line-height: 45px;
  text-decoration: none;
  padding: 0 0 0 8px;
  -moz-transition: color 0.5s ease-in-out 0.2s;
  -o-transition: color 0.5s ease-in-out 0.2s;
  -webkit-transition: color 0.5s ease-in-out;
  -webkit-transition-delay: 0.2s;
  -webkit-transition: color 0.5s ease-in-out 0.2s;
  transition: color 0.5s ease-in-out 0.2s
}

.competition .section-content>article.product ul li a,
.competition .section-content>article.regions ul li a,
.contact .section-content>article.product ul li a,
.contact .section-content>article.regions ul li a {
  padding-left: 10px
}

.competition .section-content>article.product ul li:after,
.competition .section-content>article.regions ul li:after,
.contact .section-content>article.product ul li:after,
.contact .section-content>article.regions ul li:after {
  position: absolute;
  top: 0;
  right: 35px;
  content: " ";
  display: block;
  border-left: 0 solid rgba(60, 156, 215, 0.7);
  -moz-transition: border-left 0.25s ease-in-out 0.5s, right 0.25s ease-in-out 0.5s;
  -o-transition: border-left 0.25s ease-in-out 0.5s, right 0.25s ease-in-out 0.5s;
  -webkit-transition: border-left 0.25s ease-in-out, right 0.25s ease-in-out;
  -webkit-transition-delay: 0.5s, 0.5s;
  -webkit-transition: border-left 0.25s ease-in-out 0.5s, right 0.25s ease-in-out 0.5s;
  transition: border-left 0.25s ease-in-out 0.5s, right 0.25s ease-in-out 0.5s
}

.competition .section-content>article.product ul li.active:before,
.competition .section-content>article.regions ul li.active:before,
.contact .section-content>article.product ul li.active:before,
.contact .section-content>article.regions ul li.active:before {
  margin-left: -35px
}

.competition .section-content>article.product ul li.active:after,
.competition .section-content>article.regions ul li.active:after,
.contact .section-content>article.product ul li.active:after,
.contact .section-content>article.regions ul li.active:after {
  width: 0;
  height: 0;
  right: 0;
  margin-left: 0;
  background-color: transparent;
  border-top: 23px solid transparent;
  border-bottom: 22px solid transparent;
  border-left: 35px solid rgba(60, 156, 215, 0.7)
}

.competition .section-content>article.pilot-equivalent ul,
.competition .section-content>article.contacts ul,
.contact .section-content>article.pilot-equivalent ul,
.contact .section-content>article.contacts ul {
  overflow: visible
}

.competition .section-content>article.pilot-equivalent ul li,
.competition .section-content>article.contacts ul li,
.contact .section-content>article.pilot-equivalent ul li,
.contact .section-content>article.contacts ul li {
  margin-left: 15px;
  margin-bottom: 15px
}

.competition .section-content>article.pilot-equivalent ul li.active:before,
.competition .section-content>article.contacts ul li.active:before,
.contact .section-content>article.pilot-equivalent ul li.active:before,
.contact .section-content>article.contacts ul li.active:before {
  width: 0;
  height: 0;
  background-color: transparent
}

.competition .section-content>article.pilot-equivalent ul li a,
.competition .section-content>article.contacts ul li a,
.contact .section-content>article.pilot-equivalent ul li a,
.contact .section-content>article.contacts ul li a {
  font-size: 36px;
  line-height: 54px;
  font-size: 3.6rem;
  line-height: 5.4rem;
  line-height: 40px;
  font-family: "source_sans_prolight", helvetica, arial, sans-serif;
  color: #3C9CD7
}

.competition .section-content>article.pilot-equivalent ul li h3,
.competition .section-content>article.contacts ul li h3,
.contact .section-content>article.pilot-equivalent ul li h3,
.contact .section-content>article.contacts ul li h3 {
  margin-bottom: -5px
}

.competition .section-content>article.pilot-equivalent ul li h4.email a,
.competition .section-content>article.contacts ul li h4.email a,
.contact .section-content>article.pilot-equivalent ul li h4.email a,
.contact .section-content>article.contacts ul li h4.email a {
  font-size: 15px;
  line-height: 22.5px;
  font-size: 1.5rem;
  line-height: 2.25rem
}

.formularies h2 {
  color: #b3b3b3;
  margin-top: 30px;
  font-size: 13px;
  line-height: 19.5px;
  font-size: 1.3rem;
  line-height: 1.95rem
}

@media only screen and (min-width: 640px) {
  .formularies h2 {
    margin: 0 0 20px 0
  }
}

.formularies div.markets,
.formularies div.applications,
.formularies div.products {
  width: 100%
}

@media only screen and (min-width: 640px) {
  .formularies div.markets,
  .formularies div.applications,
  .formularies div.products {
    width: 33%;
    float: left;
    margin-bottom: 15px
  }
}

.formularies .select {
  position: relative;
  width: 100%;
  background: #f2f2f2;
  border: 1px solid #e0e0e0;
  border-radius: 4px
}

@media only screen and (min-width: 640px) {
  .formularies .select {
    width: 90%
  }
}

.formularies .select:before {
  content: " ";
  display: block;
  background: url("uploads/assets/sprite-4c9190837e7bceb723c590f468d22917.png") no-repeat;
  background-repeat: no-repeat;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  width: 17px;
  height: 10px;
  margin: auto;
  background-position: 0 -650px
}

.formularies select {
  position: relative;
  padding: 10px;
  width: 100%;
  font-size: 18px;
  font-family: "source_sans_prolight", helvetica, arial, sans-serif;
  font-weight: normal;
  color: #b3b3b3;
  background: #fff;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-indent: 0.01px;
  text-overflow: ''
}

.formularies .search-results {
  display: block;
  clear: both;
  padding-top: 15px;
  border-top: solid 1px #e6e6e6
}

.formularies .results li {
  list-style: none;
  margin: 20px 0;
  padding-top: 20px;
  border-top: dashed 1px #d9d9d9
}

.formularies .results li:first-child {
  border-top: none
}

.page.application>header .application-image {
  height: 120px;
  overflow: hidden
}

@media only screen and (min-width: 950px) {
  .page.application>header .application-image {
    height: 180px
  }
}

.page.application>header .application-image img {
  margin-top: -8%
}

@media only screen and (min-width: 640px) {
  .page.application>header .application-image img {
    margin-top: -22%
  }
}

.page.application>header .header-content {
  background-color: transparent;
  color: #4d4d4d;
  font-size: 20px;
  line-height: 24px
}

@media only screen and (min-width: 640px) {
  .page.application>header .header-content {
    float: left;
    width: 65%;
    padding-right: 15%
  }
}

.page.application>header .header-content * {
  color: #4d4d4d
}

.page.application>header .header-content h1 {
  color: #3C9CD7
}

.page.application>header .sub-applications {
  margin: 0 4.5%
}

@media only screen and (min-width: 640px) {
  .page.application>header .sub-applications {
    width: 30%;
    margin: 0;
    float: left
  }
}

.page.application>header .sub-applications h2.title {
  margin: 10px 0 0 10px;
  color: gray
}

.page.application>header .sub-applications a {
  display: block;
  position: relative;
  padding: 10px 45px 10px 10px;
  text-decoration: none;
  -webkit-transition: padding 0.5s ease-in-out;
  transition: padding 0.5s ease-in-out
}

.page.application>header .sub-applications a:after {
  content: " ";
  display: block;
  background: url("uploads/assets/sprite-4c9190837e7bceb723c590f468d22917.png") no-repeat;
  background-repeat: no-repeat;
  position: absolute;
  margin: auto;
  top: 0;
  left: 7px;
  bottom: 0;
  width: 34px;
  height: 62px;
  background-position: -55px -582px;
  opacity: 0;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out
}

.page.application>header .sub-applications a:hover {
  padding: 10px 10px 10px 45px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.05)), to(transparent));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05), transparent)
}

.page.application>header .sub-applications a:hover:after {
  opacity: 1;
  -moz-transition: opacity 0.5s ease-in-out 0.25s;
  -o-transition: opacity 0.5s ease-in-out 0.25s;
  -webkit-transition: opacity 0.5s ease-in-out;
  -webkit-transition-delay: 0.25s;
  -webkit-transition: opacity 0.5s ease-in-out 0.25s;
  transition: opacity 0.5s ease-in-out 0.25s
}

.page.application>header .sub-applications a.toggle {
  display: inline-block;
  padding: 0;
  margin: 10px
}

.page.application>header .sub-applications a.toggle:after {
  width: 10px;
  height: 12px;
  left: auto;
  right: -15px;
  background-position: 0 -695px;
  opacity: 1
}

.page.application>header .sub-applications a.toggle.active:hover:after {
  background-position-x: -37px
}

.page.application>header .sub-applications a.toggle.active:after {
  background-position: -12px -695px
}

.page.application>header .sub-applications a.toggle:hover {
  background: none
}

.page.application>header .sub-applications a.toggle:hover:after {
  background-position-x: -25px
}

.sub-application {
  min-height: 45px
}

.sub-application h2 {
  margin: 0 0 4px;
  font-size: 22px;
  line-height: 24px;
  text-transform: none;
  color: #003056;
  -moz-transition: color 0.25s ease-in-out 0.15s;
  -o-transition: color 0.25s ease-in-out 0.15s;
  -webkit-transition: color 0.25s ease-in-out;
  -webkit-transition-delay: 0.15s;
  -webkit-transition: color 0.25s ease-in-out 0.15s;
  transition: color 0.25s ease-in-out 0.15s
}

a:hover .sub-application h2 {
  color: #3C9CD7
}

.sub-application p {
  font-size: 13px;
  line-height: 16px;
  color: #4d4d4d;
  margin-bottom: 0
}

.page-management .section-content img,
.page-board_of_directors .section-content img {
  float: left;
  margin: 0 20px 10px 0
}

.page-management .section-content div,
.page-board_of_directors .section-content div {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: solid 1px #e6e6e6;
  -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0px 2px 1px;
  box-shadow: rgba(255, 255, 255, 0.3) 0px 2px 1px
}

.page-management .section-content div:after:before,
.page-management .section-content div:after:after,
.page-board_of_directors .section-content div:after:before,
.page-board_of_directors .section-content div:after:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden
}

.page-management .section-content div:after:after,
.page-board_of_directors .section-content div:after:after {
  clear: both
}

.page-management .section-content p strong,
.page-board_of_directors .section-content p strong {
  font-family: "source_sans_proregular", helvetica, arial, sans-serif;
  font-weight: bold
}

body.page-product_catalog .section-content {
  padding: 20px 0;
  text-align: center;
  font-size: 0
}

body.page-product_catalog article.catalog {
  display: inline-block;
  position: relative;
  width: 48%;
  margin: 1%;
  vertical-align: top;
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem
}

@media only screen and (min-width: 640px) {
  body.page-product_catalog article.catalog {
    width: 23%;
    margin: 1%
  }
}

body.page-product_catalog article.catalog:first-child {
  display: block;
  margin: 0 auto 20px auto
}

body.page-product_catalog article.catalog img {
  width: 100%
}

.page-history .page header {
  margin-bottom: 30px
}

.page-history .page header:before,
.page-history .page header:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden
}

.page-history .page header:after {
  clear: both
}

@media only screen and (min-width: 950px) {
  .page-history .page header {
    height: 380px
  }
}

@media only screen and (min-width: 1030px) {
  .page-history .page header {
    height: 420px
  }
}

.page-history .page header .header-content,
.page-history .page header iframe {
  width: 100%
}

@media only screen and (min-width: 950px) {
  .page-history .page header .header-content,
  .page-history .page header iframe {
    width: 50%;
    height: 100%;
    float: left
  }
}

form.registration,
form.staticregistration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

form.registration .formholder,
form.registration .staticformholder,
form.staticregistration .formholder,
form.staticregistration .staticformholder {
  width: 100%
}

@media only screen and (min-width: 1030px) {
  form.registration .formholder,
  form.registration .staticformholder,
  form.staticregistration .formholder,
  form.staticregistration .staticformholder {
    width: 90%;
    max-width: 900px
  }
}

form.registration .formholder label,
form.registration .staticformholder label,
form.staticregistration .formholder label,
form.staticregistration .staticformholder label {
  font-family: "source_sans_prolight", helvetica, arial, sans-serif;
  color: #BCBEC0;
  font-size: 16px
}

form.registration .formholder abbr,
form.registration .staticformholder abbr,
form.staticregistration .formholder abbr,
form.staticregistration .staticformholder abbr {
  display: none
}

form.registration .formholder div.input,
form.registration .staticformholder div.input,
form.staticregistration .formholder div.input,
form.staticregistration .staticformholder div.input {
  width: 100%
}

form.registration .formholder header,
form.registration .staticformholder header,
form.staticregistration .formholder header,
form.staticregistration .staticformholder header {
  border: 0;
  padding: 0;
  margin: 0;
  border-top: 5px solid #003056;
  border-bottom: 28px solid #003056;
  background: #003056;
  position: relative
}

form.registration .formholder header h2,
form.registration .staticformholder header h2,
form.staticregistration .formholder header h2,
form.staticregistration .staticformholder header h2 {
  color: #fff;
  text-transform: none;
  font-size: 27pt;
  text-align: center
}

form.registration .formholder header ul,
form.registration .staticformholder header ul,
form.staticregistration .formholder header ul,
form.staticregistration .staticformholder header ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: absolute;
  width: 50%;
  padding-left: 25%
}

form.registration .formholder header li,
form.registration .staticformholder header li,
form.staticregistration .formholder header li,
form.staticregistration .staticformholder header li {
  list-style-type: none;
  display: inline;
  color: #939598;
  text-align: center;
  position: relative
}

form.registration .formholder header li.active,
form.registration .staticformholder header li.active,
form.staticregistration .formholder header li.active,
form.staticregistration .staticformholder header li.active {
  color: #3C9CD7
}

form.registration .formholder header li div,
form.registration .staticformholder header li div,
form.staticregistration .formholder header li div,
form.staticregistration .staticformholder header li div {
  left: 4.5rem;
  max-height: 2rem
}

form.registration .formholder .form-content,
form.registration .staticformholder .form-content,
form.staticregistration .formholder .form-content,
form.staticregistration .staticformholder .form-content {
  background-color: #fff;
  width: 100%
}

form.registration .formholder section,
form.registration .staticformholder section,
form.staticregistration .formholder section,
form.staticregistration .staticformholder section {
  border: 0;
  padding: 0;
  margin: 0;
  width: 60%;
  padding-left: 20%;
  padding-bottom: 15px;
  display: none;
  clickable-color: #fff;
  clickable-background: #3C9CD7
}

form.registration .formholder section h4,
form.registration .staticformholder section h4,
form.staticregistration .formholder section h4,
form.staticregistration .staticformholder section h4 {
  color: #003056;
  font-face: bold
}

form.registration .formholder section div.input,
form.registration .staticformholder section div.input,
form.staticregistration .formholder section div.input,
form.staticregistration .staticformholder section div.input {
  margin-bottom: 1.95rem
}

form.registration .formholder section div.input.field_with_errors,
form.registration .staticformholder section div.input.field_with_errors,
form.staticregistration .formholder section div.input.field_with_errors,
form.staticregistration .staticformholder section div.input.field_with_errors {
  margin-bottom: 0
}

form.registration .formholder section.wide,
form.registration .staticformholder section.wide,
form.staticregistration .formholder section.wide,
form.staticregistration .staticformholder section.wide {
  width: 80%;
  padding-left: 10%
}

form.registration .formholder section.active,
form.registration .staticformholder section.active,
form.staticregistration .formholder section.active,
form.staticregistration .staticformholder section.active {
  display: block;
  background-color: #fff
}

form.registration .formholder section.active input,
form.registration .formholder section.active select,
form.registration .formholder section.active textarea,
form.registration .staticformholder section.active input,
form.registration .staticformholder section.active select,
form.registration .staticformholder section.active textarea,
form.staticregistration .formholder section.active input,
form.staticregistration .formholder section.active select,
form.staticregistration .formholder section.active textarea,
form.staticregistration .staticformholder section.active input,
form.staticregistration .staticformholder section.active select,
form.staticregistration .staticformholder section.active textarea {
  width: 100%;
  margin-bottom: 0;
  border-color: #808285
}

#content form.registration .formholder section.active input,
#content form.registration .formholder section.active select,
#content form.registration .formholder section.active textarea,
#content form.registration .staticformholder section.active input,
#content form.registration .staticformholder section.active select,
#content form.registration .staticformholder section.active textarea,
#content form.staticregistration .formholder section.active input,
#content form.staticregistration .formholder section.active select,
#content form.staticregistration .formholder section.active textarea,
#content form.staticregistration .staticformholder section.active input,
#content form.staticregistration .staticformholder section.active select,
#content form.staticregistration .staticformholder section.active textarea {
  background: #D1D3D4
}

form.registration .formholder section.active input:focus,
form.registration .formholder section.active select:focus,
form.registration .formholder section.active textarea:focus,
form.registration .staticformholder section.active input:focus,
form.registration .staticformholder section.active select:focus,
form.registration .staticformholder section.active textarea:focus,
form.staticregistration .formholder section.active input:focus,
form.staticregistration .formholder section.active select:focus,
form.staticregistration .formholder section.active textarea:focus,
form.staticregistration .staticformholder section.active input:focus,
form.staticregistration .staticformholder section.active select:focus,
form.staticregistration .staticformholder section.active textarea:focus {
  outline: none
}

form.registration .formholder section.active select,
form.registration .staticformholder section.active select,
form.staticregistration .formholder section.active select,
form.staticregistration .staticformholder section.active select {
  height: 3.1rem
}

form.registration .formholder section.active textarea,
form.registration .staticformholder section.active textarea,
form.staticregistration .formholder section.active textarea,
form.staticregistration .staticformholder section.active textarea {
  width: 97%
}

#content form.registration .formholder section.active input,
#content form.registration .staticformholder section.active input,
#content form.staticregistration .formholder section.active input,
#content form.staticregistration .staticformholder section.active input {
  width: 97%
}

form.registration .formholder section.active input[type=checkbox],
form.registration .staticformholder section.active input[type=checkbox],
form.staticregistration .formholder section.active input[type=checkbox],
form.staticregistration .staticformholder section.active input[type=checkbox] {
  width: auto
}

#content form.registration .formholder section.active input[type=checkbox],
#content form.registration .staticformholder section.active input[type=checkbox],
#content form.staticregistration .formholder section.active input[type=checkbox],
#content form.staticregistration .staticformholder section.active input[type=checkbox] {
  width: auto
}

form.registration .formholder section.active.confirmation,
form.registration .staticformholder section.active.confirmation,
form.staticregistration .formholder section.active.confirmation,
form.staticregistration .staticformholder section.active.confirmation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center
}

form.registration .formholder section.step,
form.registration .staticformholder section.step,
form.staticregistration .formholder section.step,
form.staticregistration .staticformholder section.step {
  padding-top: 40px
}

form.registration .formholder section.step.active,
form.registration .staticformholder section.step.active,
form.staticregistration .formholder section.step.active,
form.staticregistration .staticformholder section.step.active {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center
}

form.registration .formholder section.buttons,
form.registration .staticformholder section.buttons,
form.staticregistration .formholder section.buttons,
form.staticregistration .staticformholder section.buttons {
  width: 100%;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-box-pack: end;
          justify-content: flex-end;
  padding-top: 5px;
  margin-top: 20px
}

form.registration .formholder section.buttons button,
form.registration .staticformholder section.buttons button,
form.staticregistration .formholder section.buttons button,
form.staticregistration .staticformholder section.buttons button {
  margin-left: 10px;
  height: 32px;
  width: 128px
}

form.registration .formholder section.buttons button.homepage,
form.registration .staticformholder section.buttons button.homepage,
form.staticregistration .formholder section.buttons button.homepage,
form.staticregistration .staticformholder section.buttons button.homepage {
  width: 220px
}

form.registration .formholder section .validation-notes,
form.registration .staticformholder section .validation-notes,
form.staticregistration .formholder section .validation-notes,
form.staticregistration .staticformholder section .validation-notes {
  color: #939598;
  margin-bottom: 20px
}

@media only screen and (min-width: 1030px) {
  form.registration .formholder section .flex-container,
  form.registration .staticformholder section .flex-container,
  form.staticregistration .formholder section .flex-container,
  form.staticregistration .staticformholder section .flex-container {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
  }
}

form.registration .formholder section .input-wrapper,
form.registration .staticformholder section .input-wrapper,
form.staticregistration .formholder section .input-wrapper,
form.staticregistration .staticformholder section .input-wrapper {
  position: relative
}

form.registration .formholder section .input-wrapper.half.country,
form.registration .staticformholder section .input-wrapper.half.country,
form.staticregistration .formholder section .input-wrapper.half.country,
form.staticregistration .staticformholder section .input-wrapper.half.country {
  width: 100%
}

@media only screen and (min-width: 1030px) {
  form.registration .formholder section .input-wrapper.half.country,
  form.registration .staticformholder section .input-wrapper.half.country,
  form.staticregistration .formholder section .input-wrapper.half.country,
  form.staticregistration .staticformholder section .input-wrapper.half.country {
    width: 40%;
    padding-right: 2.3rem
  }
  form.registration .formholder section .input-wrapper.half.country .status-icon,
  form.registration .staticformholder section .input-wrapper.half.country .status-icon,
  form.staticregistration .formholder section .input-wrapper.half.country .status-icon,
  form.staticregistration .staticformholder section .input-wrapper.half.country .status-icon {
    left: 97%;
    z-index: 10001
  }
}

@media only screen and (min-width: 1030px) {
  form.registration .formholder section .input-wrapper.text .status-icon,
  form.registration .staticformholder section .input-wrapper.text .status-icon,
  form.staticregistration .formholder section .input-wrapper.text .status-icon,
  form.staticregistration .staticformholder section .input-wrapper.text .status-icon {
    bottom: 40%
  }
}

@media only screen and (min-width: 1030px) {
  form.registration .formholder section .input-wrapper.half,
  form.registration .staticformholder section .input-wrapper.half,
  form.staticregistration .formholder section .input-wrapper.half,
  form.staticregistration .staticformholder section .input-wrapper.half {
    width: 100%;
    display: inline-block;
    padding-right: 1rem;
    width: 50%
  }
  form.registration .formholder section .input-wrapper.half .status-icon,
  form.registration .staticformholder section .input-wrapper.half .status-icon,
  form.staticregistration .formholder section .input-wrapper.half .status-icon,
  form.staticregistration .staticformholder section .input-wrapper.half .status-icon {
    bottom: 2.5rem;
    left: 99%;
    z-index: 10001
  }
  form.registration .formholder section .input-wrapper.half:first-child,
  form.registration .staticformholder section .input-wrapper.half:first-child,
  form.staticregistration .formholder section .input-wrapper.half:first-child,
  form.staticregistration .staticformholder section .input-wrapper.half:first-child {
    margin-right: 2.3rem
  }
}

@media only screen and (min-width: 1030px) {
  form.registration .formholder section .input-wrapper.third,
  form.registration .staticformholder section .input-wrapper.third,
  form.staticregistration .formholder section .input-wrapper.third,
  form.staticregistration .staticformholder section .input-wrapper.third {
    width: 100%;
    display: inline-block;
    padding-right: 1rem
  }
}

@media only screen and (min-width: 1030px) and (min-width: 1030px) {
  form.registration .formholder section .input-wrapper.third,
  form.registration .staticformholder section .input-wrapper.third,
  form.staticregistration .formholder section .input-wrapper.third,
  form.staticregistration .staticformholder section .input-wrapper.third {
    width: 26%
  }
  form.registration .formholder section .input-wrapper.third .status-icon,
  form.registration .staticformholder section .input-wrapper.third .status-icon,
  form.staticregistration .formholder section .input-wrapper.third .status-icon,
  form.staticregistration .staticformholder section .input-wrapper.third .status-icon {
    bottom: 2.5rem;
    left: 100%
  }
}

.confirmation-message {
  padding-bottom: 20px
}

.confirmation-message.success-message {
  font-size: 40px
}

.confirmation-message.thanks {
  font-size: 30px;
  line-height: 32px;
  text-align: center
}

div.prefilled {
  color: #3C9CD7
}

h1.no-bottom {
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 3rem
}

.page-LMG * .header-content {
  height: 320px
}

section.page.contact p {
  float: left;
  width: 25%;
  margin-right: 4%;
}

section.page.contact iframe {
  float: right;
}

.rolldown {
  display: none;
  min-height: 0;
  height: 290px;
  color: #FFFFFF;
  left: 0;
  position: absolute;
  width: 100vw;
  -webkit-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out;
  overflow: hidden;
  width: 100%;
  padding: 0 5%;
  z-index: 999999;
  background: #003056;
  background-size: 100%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…dpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#003056), to(#3c9cd7));
  background-image: linear-gradient(#003056, #3c9cd7);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section-content.about {
  width: 100%;
}

.about-container {
  width: 100%;
  padding-top: 5%;
  font-size: 18px;
}

.page.contact {
  font-size: 18px;
}

.page.contact .address {
  padding-top: 150px;
}

.about-container .ceo-message div {
  min-height: 133px;
  display: inline-block;
  width: 50%;
  padding-left: 10%;
  padding-top: 1%;
}

.about-container .ceo-message div.ceo-photo {
  background: no-repeat url("uploads/assets/Patrick_2.png");
  background-size: 410px;
  width: 100px;
  background-position: 75%;
  float: left;
  padding-left: 0;
  padding-top: 0;
}

article.history td {
  vertical-align: top;
}

.page.contact {
  padding-top : 60px;
  text-align: center;
}

article.personal div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}

@media only screen and (min-width: 640px) {
  article.personal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
  }
}

@media only screen and (min-width: 640px) {
  .about-container .oilfield div {
    min-height: 133px;
    display: inline-block;
    width: 50%;
    padding-left: 10%;
    padding-top: 1%;
    vertical-align: top;
  }

  .about-container .oilfield div.imageholder {
    width: 30%;
    padding-left: 0;
    padding-top: 0;
  }

  .about-container .oilfield img {
    width: 99%;
    min-height: 75px;
    min-width:230px;
  }
  div.slider div.slide img {
    width: 100%;
  }
  hr.about-bar {
    border: solid;
    color: #3C9CD7;
    border-width: 1px;
    height: 0;
  }

  .tech-grid {
    padding: 2px;
  }

  .tech-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
            align-items: flex-start;
    text-align: center;
  }
  .tech-list div {
    text-align: left;
    margin-right: 5%;
  }
}

.error-label {
  display: none;
}
.input.string {
  width: 40%;
  display: inline-block;
  padding-right: 2%;
}
.input.text {
  width: 84%;
  display: block;
}

#content form.contact div.input {
  text-align: left;
  margin-right: 2%;
}

#content form.contact div.input input,
#content form.contact div.input textarea {
  border-radius: 0 !important;
  padding: 16px !important;
  max-width: 100%;
  margin: 0;
}

.string-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.thanks {
  display: none;
}