/*@grid-float-breakpoint:     768px;*/
.modal {
  -webkit-overflow-scrolling: auto !important;
  overflow: auto !important;
}
.inline-block {
  display: inline-block;
}
.tp-caption.LR-slider-headline h1 {
  color: #ffffff !important;
  font-size: 41px !important;
  font-weight: 400 !important;
}
.tp-caption.LR-slider-headline h2 {
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 400 !important;
}
.halftone-overlay {
  height: 800px;
  width: 100%;
  background: url('../img/common/olay2.png') transparent repeat;
  border: solid 1px orange;
  z-index: 9999;
  top: 0px;
  position: absolute;
}
a.btn-cta {
  margin: 0 auto 40px;
  display: table;
  cursor: pointer;
}
.btn.btn-cta.center {
  margin: 0 auto;
  display: block;
}
.btn-cta {
  color: #004176;
  background-color: #c9d83e;
  border-color: #c9d83e;
  border-radius: 0px;
  border-width: 4px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 6px 28px;
}
.btn-cta:hover,
.btn-cta:focus,
.btn-cta:active,
.btn-cta.active,
.open > .dropdown-toggle.btn-cta {
  color: #004176;
  background-color: #aebd26;
  border-color: #a6b424;
}
.btn-cta:active,
.btn-cta.active,
.open > .dropdown-toggle.btn-cta {
  background-image: none;
}
.btn-cta.disabled,
.btn-cta[disabled],
fieldset[disabled] .btn-cta,
.btn-cta.disabled:hover,
.btn-cta[disabled]:hover,
fieldset[disabled] .btn-cta:hover,
.btn-cta.disabled:focus,
.btn-cta[disabled]:focus,
fieldset[disabled] .btn-cta:focus,
.btn-cta.disabled:active,
.btn-cta[disabled]:active,
fieldset[disabled] .btn-cta:active,
.btn-cta.disabled.active,
.btn-cta[disabled].active,
fieldset[disabled] .btn-cta.active {
  background-color: #c9d83e;
  border-color: #c9d83e;
}
.btn-cta .badge {
  color: #c9d83e;
  background-color: #004176;
}
.btn-cta-trans {
  color: #ffffff;
  background-color: transparent;
  border-color: #c9d83e;
  border-radius: 0px;
  border-width: 4px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 6px 28px;
}
.btn-cta-trans:hover,
.btn-cta-trans:focus,
.btn-cta-trans:active,
.btn-cta-trans.active,
.open > .dropdown-toggle.btn-cta-trans {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #a6b424;
}
.btn-cta-trans:active,
.btn-cta-trans.active,
.open > .dropdown-toggle.btn-cta-trans {
  background-image: none;
}
.btn-cta-trans.disabled,
.btn-cta-trans[disabled],
fieldset[disabled] .btn-cta-trans,
.btn-cta-trans.disabled:hover,
.btn-cta-trans[disabled]:hover,
fieldset[disabled] .btn-cta-trans:hover,
.btn-cta-trans.disabled:focus,
.btn-cta-trans[disabled]:focus,
fieldset[disabled] .btn-cta-trans:focus,
.btn-cta-trans.disabled:active,
.btn-cta-trans[disabled]:active,
fieldset[disabled] .btn-cta-trans:active,
.btn-cta-trans.disabled.active,
.btn-cta-trans[disabled].active,
fieldset[disabled] .btn-cta-trans.active {
  background-color: transparent;
  border-color: #c9d83e;
}
.btn-cta-trans .badge {
  color: transparent;
  background-color: #ffffff;
}
.btn-cta-navbar {
  color: #004176;
  background-color: #c9d83e;
  border-color: #c9d83e;
  border-radius: 0px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 3px 14px;
  font-size: 1em;
  position: relative;
  top: -150px;
  /* display: none; */
  float: left;
}
.btn-cta-navbar:hover,
.btn-cta-navbar:focus,
.btn-cta-navbar:active,
.btn-cta-navbar.active,
.open > .dropdown-toggle.btn-cta-navbar {
  color: #004176;
  background-color: #aebd26;
  border-color: #a6b424;
}
.btn-cta-navbar:active,
.btn-cta-navbar.active,
.open > .dropdown-toggle.btn-cta-navbar {
  background-image: none;
}
.btn-cta-navbar.disabled,
.btn-cta-navbar[disabled],
fieldset[disabled] .btn-cta-navbar,
.btn-cta-navbar.disabled:hover,
.btn-cta-navbar[disabled]:hover,
fieldset[disabled] .btn-cta-navbar:hover,
.btn-cta-navbar.disabled:focus,
.btn-cta-navbar[disabled]:focus,
fieldset[disabled] .btn-cta-navbar:focus,
.btn-cta-navbar.disabled:active,
.btn-cta-navbar[disabled]:active,
fieldset[disabled] .btn-cta-navbar:active,
.btn-cta-navbar.disabled.active,
.btn-cta-navbar[disabled].active,
fieldset[disabled] .btn-cta-navbar.active {
  background-color: #c9d83e;
  border-color: #c9d83e;
}
.btn-cta-navbar .badge {
  color: #c9d83e;
  background-color: #004176;
}
.hs-form .hs-button,
.hs-button {
  color: #003366 !important;
  background-color: #c9d83e !important;
  border-color: transparent !important;
  border: none !important;
  border-radius: 0px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  padding: 12px 28px 10px 28px !important;
  background-image: none !important;
}
.cta-button {
  color: #0082b5 !important;
  background-color: #FFFFFF !important;
  border: 2px solid #0082b5 !important;
  border-radius: 0px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  padding: 12px 28px 10px 28px !important;
  background-image: none !important;
}
.btn-more {
  color: #003366;
  background-color: #ffffff;
  border-color: #c9d83e;
  font-weight: 400;
  text-transform: uppercase;
  padding-left: 28px;
  padding-right: 16px;
}
.btn-more:hover,
.btn-more:focus,
.btn-more:active,
.btn-more.active,
.open > .dropdown-toggle.btn-more {
  color: #003366;
  background-color: #e6e6e6;
  border-color: #a6b424;
}
.btn-more:active,
.btn-more.active,
.open > .dropdown-toggle.btn-more {
  background-image: none;
}
.btn-more.disabled,
.btn-more[disabled],
fieldset[disabled] .btn-more,
.btn-more.disabled:hover,
.btn-more[disabled]:hover,
fieldset[disabled] .btn-more:hover,
.btn-more.disabled:focus,
.btn-more[disabled]:focus,
fieldset[disabled] .btn-more:focus,
.btn-more.disabled:active,
.btn-more[disabled]:active,
fieldset[disabled] .btn-more:active,
.btn-more.disabled.active,
.btn-more[disabled].active,
fieldset[disabled] .btn-more.active {
  background-color: #ffffff;
  border-color: #c9d83e;
}
.btn-more .badge {
  color: #ffffff;
  background-color: #003366;
}
.misha_loadmore {
  background-color: #c9d83e;
  border-radius: 2px;
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  text-transform: uppercase;
  padding: 10px 0;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  margin-bottom: 2em;
}
.misha_loadmore:hover {
  background-color: #767676;
  color: #fff;
}
/* line-bottom links */
span.line-bottom:hover {
  color: #333;
  font-weight: 600;
}
span.line-bottom:after {
  content: ' ';
  display: block;
  margin: 14px 62px 0;
}
span.line-bottom:hover:after {
  content: ' ';
  border-bottom: 4px solid #c8d73f !important;
  display: block;
  margin: 10px auto 0;
  width: 50%;
}
span.line-bottom {
  cursor: pointer;
  width: auto;
  color: #333;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 10px;
  font-size: 15px;
  padding: 2px 0 10px;
  outline: none;
}
a.arrow-line-button {
  margin: 20px auto;
  text-align: center;
  padding: 0.5em 0;
  display: inline-block;
  color: #333;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.2s;
  padding: 8px 8px;
  color: #003366;
  border-top: solid 1px #c9d83e;
  font-size: 15px;
  outline: none;
}
.wrapper-cta a.arrow-line-button {
  color: #ffffff;
  outline: none;
}
.arrow-line-left::before {
  content: '\25c4';
  padding-right: 0.5em;
  color: #003366;
}
.arrow-line-right::after {
  content: '\25ba';
  padding-left: 0.5em;
  color: #c9d83e;
}
a.arrow-line-button-inverse {
  color: #fff;
}
.navigation {
  padding-top: 25px;
}
.navigation a {
  font-size: 1.25em;
}
.navigation .previous {
  float: left;
}
.navigation .next {
  float: right;
}
blockquote {
  border-left: none;
  padding: 0;
  margin: 0;
  font-style: italic;
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: 400;
  color: #333;
}
.quote-attribute {
  display: block;
  margin-top: 12px;
  font-size: 1.25em;
  line-height: 1.6em;
}
.quote-attribute.right {
  text-align: right;
}
/***  02 Native HTML Element Rules ***/
body {
  background-repeat: repeat-x;
  background-position: center 70px;
  background-color: #fff;
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0px;
  font-size: 1.25em;
  color: #000000;
  padding: 0px;
  line-height: 15px;
}
header {
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
  min-height: 100px;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
.related-resources-container {
  background-color: #e5e5e5 !important;
  padding: 40px 0;
}
h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 2.6em;
  color: #333333;
  font-weight: 600;
}
h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 2.1em;
  font-weight: 300;
  color: #333333;
  margin-top: 0;
}
h2.light {
  font-weight: 100;
}
h3 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.7em;
  font-weight: 300;
  color: #333333;
  margin-top: 0px;
  margin-bottom: 10px;
  line-height: 1.6em;
}
h4 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.7em;
  font-weight: 300;
  color: #333333;
}
h5 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.4em;
  font-weight: 400;
}
h6 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 0.9em;
}
a {
  color: #0082b5;
}
a h1 {
  color: #0082b5;
}
a h2 {
  color: #0082b5;
}
a h3 {
  color: #0082b5;
}
a h4 {
  color: #0082b5;
}
a h5 {
  color: #0082b5;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #428bca;
}
.link {
  color: #fb9d2d;
}
br.clear {
  clear: both;
}
p,
li {
  font-size: 1.25em;
  line-height: 1.6em;
  font-weight: 400;
  color: #333;
}
ul {
  text-align: left;
}
a:active {
  outline: none !important;
}
/*** 03 Helper Classes ***/
.search-box {
  transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  border: none;
  cursor: pointer;
  background: rgba(235, 235, 235, 0.2);
}
.search-box + label .search-icon {
  color: #ddd;
}
.search-box:hover {
  color: white;
  background: #c8c8c8;
  box-shadow: 0 0 0 5px #3d4752;
}
.search-box:hover + label .search-icon {
  color: white;
}
.search-box:focus {
  transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
  border: none;
  outline: none;
  box-shadow: none;
  padding-left: 15px;
  cursor: text;
  width: 300px;
  border-radius: auto;
  background: #ebebeb;
  color: black;
}
.search-box:focus + label .search-icon {
  color: black;
}
.search-box:not(:focus) {
  text-indent: -5000px;
}
#search-submit {
  position: relative;
  left: -5000px;
  width: 1px;
  padding: 0;
  margin: 0;
}
.search-icon {
  position: relative;
  left: -24px;
  color: white;
  cursor: pointer;
}
.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  border-top: 0;
  opacity: 1.0 !important;
  background-color: rgba(0, 0, 0, 0.9);
  min-height: 80px;
  -webkit-transition: min--height 0.5s;
  -moz-transition: min--height 0.5s;
  -ms-transition: min--height 0.5s;
  -o-transition: min-height 0.5s;
  transition: min-height 0.5s;
}
.navbar-brand-sticky {
  padding-top: 24px !important;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.btn-cta-navbar-sticky {
  /*	display: block; */
  float: right;
  top: 0;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.navbar-liquidr .navbar-collapse-sticky {
  padding-top: 16px !important;
}
.inverse-color {
  color: #fff;
}
.blue {
  border: 1px solid blue;
}
.red {
  border: 1px solid red;
}
.txt-flag {
  color: #cc0000;
}
.green {
  border: 1px solid green;
}
.purple {
  border: 1px solid purple;
}
.orange {
  border: 1px solid orange;
}
.black {
  color: #000000;
}
.white {
  color: #ffffff;
}
.important {
  color: red;
}
.md-gray {
  color: #666666;
}
.dk-gray {
  color: #333;
}
.clearfix {
  clear: both;
}
.margin {
  margin: 0 auto;
}
.block-pad-top {
  margin-top: 32px;
}
.block-margin-bot {
  margin-bottom: 24px;
}
.half-width {
  width: 50%;
}
.no-pad {
  padding: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.hide {
  display: none !important;
}
.relative {
  position: relative;
}
.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  border: solid 1px red;
}
.text-right-xs-center {
  text-align: right;
}
.text-left-xs-center {
  text-align: left;
}
.vert-align {
  display: table-cell !important;
  vertical-align: middle !important;
}
.vert-align-default-height {
  height: 150px;
}
.txt-disclaimer {
  font-size: 0.9em !important;
}
.txt-caption {
  font-size: 0.9em;
  font-style: italic;
}
.search-result-item h6 p {
  font-size: 14px;
  line-height: 16px;
}
button::-moz-focus-inner {
  border: 0;
}
button:focus {
  outline: 0 !important;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 95%;
}
.xs-display-block {
  display: block;
  float: none !important;
}
.text-xs-left {
  text-align: left;
}
.text-xs-right {
  text-align: right;
}
.text-xs-center {
  text-align: center;
}
.text-xs-justify {
  text-align: justify;
}
.xs-top-margin {
  margin-top: 18px;
}
.center-block-xs {
  margin: 0 auto;
}
.xs-sm-top-margin {
  margin-top: 12px;
}
.xs-sm-bottom-margin {
  margin-bottom: 12px;
}
.icon-padding {
  padding-top: 20px;
}
@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-justify {
    text-align: justify;
  }
  .center-block-xs {
    margin: inherit;
  }
  .text-xs-center {
    text-align: inherit;
  }
  .text-xs-right {
    text-align: inherit;
  }
  .xs-top-margin {
    margin-top: inherit;
  }
  .xs-display-block {
    display: inherit;
  }
  .xs-sm-top-margin {
    margin-top: 12px;
  }
  .xs-sm-bottom-margin {
    margin-top: inherit;
  }
}
@media (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-justify {
    text-align: justify;
  }
  .center-block-xs {
    margin: inherit;
  }
  .text-xs-center {
    text-align: left;
  }
  .xs-top-margin {
    margin-top: inherit;
  }
  .xs-display-block {
    display: inherit;
  }
  .xs-sm-top-margin {
    margin-top: 0;
  }
  .xs-sm-bottom-margin {
    margin-top: inherit;
  }
}
@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-justify {
    text-align: justify;
  }
  .center-block-xs {
    margin: inherit;
  }
  .text-xs-center {
    text-align: left;
  }
  .xs-top-margin {
    margin-top: inherit;
  }
  .xs-display-block {
    display: inherit;
  }
  .xs-sm-top-margin {
    margin-top: 0;
  }
  .xs-sm-bottom-margin {
    margin-top: inherit;
  }
}
.caret-up {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-bottom: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.caret-down {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
#scroll-down {
  text-align: center;
  position: relative;
  width: 36px;
  height: auto;
  margin-top: -15px;
}
.tighten-leading {
  line-height: 1.35em;
}
.submitted-message {
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: -webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
  background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  background-repeat: repeat-x;
  border-color: #b2dba1;
  padding: 18px;
  margin: 40px auto;
  width: 75%;
  font-size: 21px;
  text-align: center;
}
/*** 04 Common Rules ***/
.navbar-wrapper {
  background-color: #F8F8F8;
}
.content-panel {
  margin-top: 2.5em;
}
.content-panel.padded-panel {
  margin: 40px 0;
}
.content-panel.padded-panel .left {
  float: left;
  display: inline-block;
  padding-right: 40px;
}
.content-panel.padded-panel.border-bottom {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 40px;
}
.content-panel-bot {
  margin-bottom: 2em;
}
.border-bottom {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 40px;
}
.wrapper {
  background-color: #ffffff;
  padding: 4em 0 4em 0;
}
.wrapper-alt-color {
  background-color: #ececec;
  padding: 1.5em 0 4em 0;
}
.wrapper-inverse-color {
  background-color: #3a5a97;
  color: #fff;
}
.wrapper-inverse-color2 {
  background-color: #502f89;
  color: #fff;
}
.wrapper-inverse-color2 h2,
.wrapper-inverse-color2 h3,
.wrapper-inverse-color2 p,
.wrapper-inverse-color2 li {
  color: #fff;
}
.wrapper-inverse-color2 ul {
  padding-left: 1em;
}
.wrapper-inverse-margin {
  margin-top: 2em;
}
.cta-pull-right {
  float: right;
  margin-right: 4.5em;
}
.border {
  max-width: 1140px;
  margin: 0px auto;
  padding-top: 1em;
  border-bottom: 1px solid #E6E6E6;
}
/*careers*/
.content-panel-what-makes-us-us {
  padding: 10px 0 50px;
}
.content-panel-what-makes-us-us .tile {
  color: #fff;
  padding: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 300px;
}
@media only screen and (max-width: 1199px) {
  .content-panel-what-makes-us-us .tile {
    padding: 40px 20px;
  }
}
.content-panel-what-makes-us-us {
  position: relative;
}
.content-panel-what-makes-us-us p {
  color: #fff;
  vertical-align: middle;
  display: block;
  text-align: center;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.7);
}
@media only screen and (max-width: 767px) {
  .content-panel-what-makes-us-us p {
    font-size: 18px;
  }
}
.content-panel-what-makes-us-us .tile-wrapper {
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.content-panel-what-makes-us-us .title {
  font-size: 26px;
  font-weight: 100;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1199px) {
  .content-panel-what-makes-us-us .title {
    font-size: 20px;
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .content-panel-what-makes-us-us .title {
    font-size: 28px;
  }
}
.content-panel-what-makes-us-us .title em {
  text-transform: lowercase;
  font-size: 40px;
  font-weight: 500;
  margin-right: 5px;
}
@media only screen and (max-width: 1199px) {
  .content-panel-what-makes-us-us .title em {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .content-panel-what-makes-us-us .title em {
    font-size: 42px;
  }
}
.content-panel-what-makes-us-us .what-makes-us-us {
  background-color: transparent;
  color: #333333;
  padding-left: 0;
  padding-top: 30px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .content-panel-what-makes-us-us .what-makes-us-us {
    font-size: 18px;
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .content-panel-what-makes-us-us .tile.what-makes-us-us {
    min-height: 0;
  }
}
.content-panel-what-makes-us-us .what-makes-us-us p {
  color: #333333;
  text-align: left;
  text-shadow: none;
}
.content-panel-what-makes-us-us .what-makes-us-us h2 {
  font-size: 2.5em;
}
@media only screen and (max-width: 767px) {
  .content-panel-what-makes-us-us .what-makes-us-us h2 {
    font-size: 2.1em;
  }
}
.content-panel-what-makes-us-us .do-something-big {
  background-color: #1383b9;
  background-image: url('/wp-content/uploads/2017/10/img-tile-big_720x510.png');
}
.content-panel-what-makes-us-us .we-boldy-go {
  background-color: #c9d83e;
  background-image: url('/wp-content/uploads/2017/10/img-tile-boldly_720x510.png');
}
.content-panel-what-makes-us-us .whatever-it-takes {
  background-color: #520a76;
  background-image: url('/wp-content/uploads/2017/10/img-tile-whatever_720x510.png');
}
.content-panel-what-makes-us-us .lets-do-this {
  background-color: #1a4859;
  background-image: url('/wp-content/uploads/2017/10/img-tile-do_720x510.png');
}
.content-panel-what-makes-us-us .win-as-a-team {
  background-color: #f6901d;
  background-image: url('/wp-content/uploads/2017/10/img-tile-team_720x510.png');
}
#searchform {
  margin-bottom: 5px;
}
.hero h1 {
  color: #fff;
  margin-top: 0;
  padding-top: 165px;
  font-weight: 300;
  font-size: 2.5em;
}
.panel-img-container {
  height: 200px;
  display: table;
  text-align: center;
  width: 100% !important;
  margin: 0 auto;
  display: inline;
}
.panel-img-container-inner {
  clear: both;
  display: list-item;
  list-style: outside none none;
  min-height: 183px;
  vertical-align: middle;
}
img.icon-col-6 {
  height: 70px;
}
.solid-callout {
  background-color: #FFF;
  min-height: 215px;
  text-align: center;
  margin-bottom: 12px;
  border: 1px solid #bababa;
}
.solid-callout .solid-callout-text {
  padding: 20px;
  height: 130px;
  overflow: hidden;
}
.solid-callout .solid-callout-text h2 {
  text-align: left;
  color: #000;
  font-weight: 100;
}
.solid-callout .solid-callout-text h3 {
  color: #000;
  font-size: 1.3em;
  font-weight: normal;
  line-height: normal;
  text-align: left;
}
.solid-callout .solid-callout-image {
  width: 100%;
  height: 206px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.solid-callout .solid-callout-image img {
  width: 100%;
  height: auto;
}
.solid-callout .solid-callout-link {
  padding: 0 20px;
  text-align: left;
}
.solid-callout-panel {
  margin-top: 24px;
}
.solid-callout-panel .article-callout {
  height: 274px;
  background-repeat: no-repeat;
  padding: 30px 45px;
  margin-bottom: 12px;
  position: relative;
}
.solid-callout-panel .article-callout h3 {
  color: #fff;
  font-weight: 500;
  font-size: 24px;
}
.solid-callout-panel .article-callout p {
  color: #ffffff;
}
.solid-callout-panel .article-callout a {
  position: absolute;
  right: 50px;
  bottom: 50px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 20px;
  font-weight: 100;
  border-top: 2px solid #c9d83e;
  padding: 7px 0 0 0;
  outline: none;
}
.solid-callout-panel .article-callout a:after {
  content: "\25B6";
  padding-left: 15px;
  font-size: 16px;
}
.solid-callout-panel .article-callout a:hover {
  font-weight: 100;
}
.solid-light-callout {
  background-color: #eee;
  min-height: 215px;
  padding: 22px;
  margin-bottom: 12px;
}
.solid-light-callout h3 {
  color: #000 !important;
  font-size: 1.4em;
  font-weight: 600;
  text-align: center;
}
.solid-light-callout p {
  color: #000 !important;
  font-size: 1.25em;
  line-height: normal;
}
/******************************** HOMEPAGE ********************************/
.odometer {
  text-align: center;
}
.odometer > div {
  display: inline-block;
  vertical-align: top;
}
.odometer .odometer-image {
  padding-right: 20px;
  display: none;
}
.odometer .odometer-image .caption {
  text-align: center;
  font-weight: 400;
  font-size: 1.4em;
  padding-top: 4px;
}
@media only screen and (min-width: 0) and (max-width: 1199px) {
  .odometer > div {
    display: block;
    vertical-align: top;
    text-align: center;
  }
}
.home-tile {
  padding: 40px;
}
.home-tile .copy h2 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 2.8em;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
}
.home-tile .copy p {
  color: #fff;
  font-size: 1.35em;
  line-height: 1.45em;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
}
.defense-home-tile {
  background: url('../img/home/img-DefenseTile-750x260.jpg') transparent no-repeat;
  height: 280px;
  margin-bottom: 20px;
  background-size: cover;
  position: relative;
}
.defense-home-tile .copy {
  position: absolute;
  top: 80px;
}
.defense-home-tile .copy p {
  width: 230px;
}
.environmental-assessment-home-tile-wrapper {
  padding-left: 0;
}
.environmental-assessment-home-tile {
  background: url('../img/home/img-EATIle_750x1090.jpg') transparent no-repeat;
  height: 580px;
  background-size: cover;
  position: relative;
}
.environmental-assessment-home-tile .copy {
  position: absolute;
  top: 80px;
}
.oil-gas-home-tile-wrapper {
  margin-top: -280px;
}
.oil-gas-home-tile {
  background: url('../img/home/img-OGTile_750x500.jpg') transparent no-repeat;
  height: 280px;
  margin-bottom: 20px;
  background-size: cover;
  position: relative;
}
.oil-gas-home-tile p {
  width: 185px;
}
.pull-left-quotes {
  float: left;
  margin-right: 20px !important;
  margin-bottom: 0 !important;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .environmental-assessment-home-tile-wrapper {
    padding-left: 10px;
  }
  .environmental-assessment-home-tile {
    margin-top: 0px;
    height: 280px;
  }
  .oil-gas-home-tile-wrapper {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .home-tile {
    width: 100%;
    background-position: 50% 100%;
  }
  .home-tile .copy h2,
  .home-tile .copy p {
    text-align: left !important;
  }
  .environmental-assessment-home-tile-wrapper {
    padding-left: 20px;
  }
  .environmental-assessment-home-tile {
    height: 280px;
    background-position: 50% 25%;
    margin-top: 0;
  }
  .oil-gas-home-tile {
    background-position: 50% 50%;
  }
  .oil-gas-home-tile-wrapper {
    margin-top: 20px;
  }
}
/******************************** HOMEPAGE ********************************/
/*** Hero Rules ***/
.hero-homepage {
  height: 800px;
  background: url('../img/home/hero-homepage-fleet.jpg') 50% 20% no-repeat;
  background-size: cover;
  border: solid 0px orange;
  margin-top: 0;
  padding-top: 400px;
  color: #fff;
}
.hero-video {
  height: 800px;
  background-size: cover;
  border: solid 0px orange;
  margin-top: 0;
  padding-top: 350px;
  color: #fff;
}
.hero-video video {
  width: 100%;
}
.hero-homepage h1,
.hero-video h1 {
  font-weight: 300;
  font-size: 2.9em;
  width: 500px;
  line-height: 48px;
  color: #fff;
  text-shadow: 2px 2px 2px #000;
}
.hero-homepage h2,
.hero-video h2 {
  font-weight: 300;
  font-size: 1.6em;
  width: 500px;
  color: #fff;
  margin-top: 22px;
  text-shadow: 2px 2px 2px #000;
}
.hero h1 {
  color: #fff;
  font-size: 2.9em;
  text-shadow: 2px 2px 2px #000;
}
.hero h2 {
  color: #fff;
  font-size: 1.6em;
  text-shadow: 2px 2px 2px #000;
  /*line-height: @font-line-height-std-med;*/
  line-height: 1.35em;
}
.hero h3 {
  color: #fff;
  font-size: 1.2em;
}
.hero-xl {
  height: 800px;
  background: url('../img/common/hero-placeholder.jpg') 50% 0% no-repeat;
  background-size: cover;
}
.hero-xl h1 {
  text-align: left;
  max-width: 1170px !important;
  padding-top: 225px;
}
.hero-do {
  height: 525px;
  background: url('../img/common/hero-placeholder.jpg') 50% 0% no-repeat;
  background-size: cover;
}
.hero-do h1 {
  text-align: left;
  max-width: 1170px !important;
  padding-top: 225px;
}
.hero-placeholder-lg,
.hero-lg {
  height: 560px;
  background: url('../img/common/hero-placeholder.jpg') 50% 0% no-repeat;
  background-size: cover;
  padding-top: 110px;
}
.hero-placeholder-lg h1,
.hero-lg h1 {
  text-align: left !important;
  max-width: 1170px !important;
  padding-top: 225px;
}
.hero-placeholder,
.hero-sm {
  height: 300px;
  /* background: url('../img/common/hero-placeholder.jpg') 50% 0% no-repeat; */
  background-color: #4f0b7b;
  background-size: cover;
}
.hero-placeholder h1,
.hero-sm h1 {
  text-align: left !important;
  max-width: 1170px !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
}
.hero-placeholder h2,
.hero-sm h2 {
  text-align: left !important;
  max-width: 1170px !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  font-weight: 300;
  font-size: 3em;
}
.hero-sm-case-studies h1 {
  font-weight: 200;
  text-shadow: 0px 0px;
  font-size: 2.4em;
  margin-bottom: 0;
  letter-spacing: 2px;
  text-shadow: 2px 2px 2px #000;
}
.hero-inline-placeholder-a {
  height: 350px;
  background: url('../img/common/hero-inline-placeholder-verA.jpg') 50% 75% no-repeat;
  background-size: cover;
  position: relative;
}
.hero-inline-placeholder-a h1 {
  padding-top: 75px;
}
.hero-inline-placeholder-b {
  height: 350px;
  background: url('../img/common/hero-inline-placeholder-verB.jpg') 50% 75% no-repeat;
  background-size: cover;
  position: relative;
}
.hero-inline-placeholder-b h1 {
  padding-top: 75px;
}
.hero-inline-placeholder-c {
  height: 350px;
  background: url('../img/common/hero-inline-placeholder-verC.jpg') 50% 75% no-repeat;
  background-size: cover;
  position: relative;
}
.hero-inline-placeholder-c h1 {
  padding-top: 75px;
}
.hero-inline-placeholder-d {
  height: 350px;
  background: url('../img/common/hero-inline-placeholder-verD.jpg') 50% 50% no-repeat;
  background-size: cover;
  position: relative;
}
.hero-inline-placeholder-d h1 {
  padding-top: 75px;
}
.hero-platform-overview {
  background: url('../img/platform/hero1-platform-overview-1920.jpg') 50% 50% no-repeat;
  background-size: cover;
  padding-top: 160px;
  position: relative;
}
.hero-platform-howitworks {
  background: url('../img/platform/Hero2_HowItWorks_OnBoardDarkened.jpg') 50% 50% no-repeat;
  background-size: cover;
  padding-top: 110px;
  position: relative;
}
.hero-mda {
  background: url('../img/solutions/Hero1-MDA-blue-1920.jpg') 50% 50% no-repeat;
  background-size: cover;
  padding-top: 80px;
  position: relative;
}
.hero-environmental-awareness {
  background: url('../img/solutions/Hero1-EnvAssess-Wave.jpg') 0% 50% no-repeat;
  background-size: cover;
  padding-top: 160px;
  position: relative;
}
.hero-defense {
  background: url('../img/solutions/Hero1-Defense-1920x960.jpg') 50% 0px no-repeat;
  background-size: cover;
  padding-top: 160px;
  position: relative;
}
.hero-oil-and-gas {
  background: url('../img/solutions/Hero1-OilTanker-RoughSeas2.jpg') 0% 0px no-repeat;
  background-size: cover;
  padding-top: 160px;
  position: relative;
}
.hero-about {
  background: url('../img/about/about-hero-puma.jpg') 50% -100px no-repeat;
  background-size: cover;
  padding-top: 315px;
}
.hero-about-shoreline {
  background: url('../img/about/about-hero-shoreline.jpg') 50% -100px no-repeat;
  background-size: cover;
  padding-top: 315px;
}
.hero-about-contact {
  background: url('../img/about/Hero3_ContactUs.jpg') 50% 50% no-repeat;
  background-size: cover;
}
.hero-careers {
  background: url('../img/about/about-hero-careers.jpg') 50% 45% no-repeat;
  background-size: cover;
}
.hero-hawaii {
  background: url('../img/about/hawaii/surferpacking-djigopro-046-still1.jpg') 50% -300px no-repeat;
  background-size: cover;
  padding-top: 110px;
}
.hero-ecosystem-researchers {
  background: url('../img/ecosystem/Hero2_Researchers_Microscope.jpg') 50% -50px no-repeat;
  background-size: cover;
}
.hero-ecosystem-techpartners {
  background: url('../img/ecosystem/Hero2_TechPartners.jpg') 50% -50px no-repeat;
  background-size: cover;
  padding-top: 110px;
}
.hero-ecosystem-channelpartners {
  background: url('../img/ecosystem/ecosystem-hero-channelpartners.jpg') 50% -50px no-repeat;
  background-size: cover;
  padding-top: 110px;
}
.hero-ecosystem-openoceans {
  background: url('../img/ecosystem/ecosystem-hero-openoceans.jpg') 50% -50px no-repeat;
  background-size: cover;
  padding-top: 110px;
}
.hero-services-support {
  background: url('../img/services/Hero2-SupportSvcs-Recovery.jpg') 20% -15px no-repeat;
  background-size: cover;
  padding-top: 10px;
  position: relative;
}
.hero-mission-services {
  background: url('../img/services/Hero2-MissionSvs.jpg') 20% -15px no-repeat;
  background-size: cover;
  padding-top: 10px;
  position: relative;
  padding-top: 90px;
}
.hero-digital-ocean {
  background: url('/wp-content/uploads/2017/01/Hero2-DO-SurfaceConnect-2400x720.jpg') 50% 0 no-repeat;
  background-size: cover;
  padding-top: 10px;
  position: relative;
  padding-top: 80px;
}
.inner-banner-digital-ocean {
  background: url('/wp-content/uploads/2016/11/img-DigitalOceanDiagram_1920x1200.jpg') 50% 50% no-repeat;
  background-size: cover;
  position: relative;
  height: 1200px;
}
.inner-banner-digital-ocean h2 {
  font-size: 2.8em;
  margin-top: 1.3em;
  margin-bottom: 0.5em;
}
.inner-banner-digital-ocean p {
  line-height: 1.4em;
}
.inner-banner-digital-ocean h2,
.inner-banner-digital-ocean p {
  color: #ffffff;
}
.digital-ocean-cta {
  background: url('/wp-content/uploads/2016/10/img-do-CTAblade-1920x347.jpg') 50% 50% no-repeat;
  background-size: cover;
  height: 347px;
  margin-top: 40px;
}
.digital-ocean-cta h2 {
  margin: 30px auto 10px;
}
.digital-ocean-cta p {
  padding: 10px 100px;
}
.digital-ocean-cta a {
  display: inline-block;
  text-transform: uppercase;
  color: #0082BB !important;
  background-color: #ffffff;
  margin: 20px auto;
  padding: 6px 28px;
  font-size: 16px;
  font-weight: 100;
  line-height: 1.28;
}
.hero-general {
  background-position: 50% -50px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-general-padding-160 {
  padding-top: 160px;
}
.hero-general-padding-110 {
  padding-top: 110px;
}
.wrapper-inverse h2 {
  color: #ffffff;
}
.wrapper-inverse h3 {
  color: #ffffff;
  font-weight: 500;
}
.wrapper-inverse p {
  color: #ffffff;
  font-size: 1.25em;
}
.wrapper-home-defense-bg {
  height: 520px;
  background: url('../img/home/img-homepage-DefenseSub-crop.jpg') 50% 0% no-repeat;
  background-size: cover;
  padding-top: 140px;
}
.wrapper-home-defense-bg h3,
.wrapper-home-defense-bg a {
  color: #fff;
}
.wrapper-home-defense-bg p {
  line-height: 1.3em;
  color: #fff;
}
.wrapper-home-eawave-bg {
  height: 520px;
  background: url('../img/home/img-homepage-EAwave-crop.jpg') 50% 0% no-repeat;
  background-size: cover;
  padding-top: 140px;
}
.wrapper-home-eawave-bg h3,
.wrapper-home-eawave-bg a {
  color: #fff;
}
.wrapper-home-eawave-bg p {
  line-height: 1.3em;
  color: #fff;
}
.wrapper-mda-bg {
  height: 340px;
  background: url('../img/solutions/MDA_net_bg.jpg') 50% 0% no-repeat;
  background-size: auto auto;
  padding-top: 40px;
}
.wrapper-mda-bg p {
  line-height: 1.6em;
}
.wrapper-defense-bg {
  min-height: 565px;
  background: url('../img/solutions/img-under-water-bubbles-1920.png') 50% 20px no-repeat;
  background-size: cover;
  padding-top: 40px;
}
.wrapper-defense-bg p {
  line-height: 1.35em;
}
.wrapper-oil-and-gas-bg {
  min-height: 565px;
  background: url('../img/solutions/img-rigpylons.jpg') 50% 20px no-repeat;
  background-size: cover;
  padding-top: 40px;
}
.wrapper-oil-and-gas-bg p {
  line-height: 1.35em;
}
.wrapper-defense-diagram {
  min-height: 565px;
  background: url('../img/solutions/img-defense-apps2-1920.jpg') 50% 20px no-repeat;
  background-size: cover;
  padding-top: 40px;
}
.wrapper-defense-diagram p {
  line-height: 1.35em;
}
.wrapper-howitworks-diagram {
  min-height: 585px;
  background: url('../img/platform/WavePower_Diagram_v200_1920.jpg') 50% 20px no-repeat;
  background-size: cover;
  padding-top: 40px;
}
.wrapper-howitworks-diagram p {
  line-height: 1.35em;
}
.wrapper-howitworks-bg {
  min-height: 425px;
  background: url('../img/platform/img-platform-hiw-solarpanels_1920x812.jpg') 50% 40% no-repeat;
  background-size: cover;
  padding-top: 140px;
}
.wrapper-howitworks-bg h2 {
  color: #fff;
}
.wrapper-howitworks-bg p {
  line-height: 1.35em;
  color: #fff;
  text-align: left;
  margin-top: 24px;
}
.wrapper-howitworks-winch-bg {
  min-height: 425px;
  background: url('/wp-content/uploads/2021/02/winch-array-hero-sm.jpg') 80% 40% no-repeat;
  background-size: cover;
  padding-top: 140px;
}
.wrapper-howitworks-winch-bg h2 {
  color: #fff;
}
.wrapper-howitworks-winch-bg p {
  line-height: 1.35em;
  color: #fff;
  text-align: left;
  margin-top: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .wrapper-howitworks-winch-bg {
    background-position: 50% 40%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .wrapper-howitworks-winch-bg {
    background-position: 50% 40%;
  }
}
@media (min-width: 1200px) {
  .wrapper-howitworks-winch-bg {
    background-position: 50% 40%;
  }
}
.wrapper-howitworks-inverse {
  min-height: 365px;
  background-color: #134076;
  padding-top: 80px;
}
.wrapper-howitworks-inverse h2,
.wrapper-howitworks-inverse li {
  color: #fff;
}
.wrapper-howitworks-inverse p {
  line-height: 1.35em;
  color: #fff;
  text-align: left;
  margin-top: 24px;
}
.wrapper-howitworks-alternative {
  min-height: 365px;
  background-color: #ececec;
  padding-top: 80px;
}
.wrapper-howitworks-alternative h2,
.wrapper-howitworks-alternative li {
  color: #333;
}
.wrapper-howitworks-alternative p {
  line-height: 1.35em;
  color: #333;
  text-align: left;
  margin-top: 24px;
}
.wrapper-software-bg {
  min-height: 425px;
  background: url('../img/platform/img-sensor-towbody-1920.jpg') 50% 50% no-repeat;
  background-size: cover;
  padding-top: 40px;
}
.wrapper-software-bg h2,
.wrapper-software-bg li {
  color: #fff;
}
.wrapper-software-bg p {
  line-height: 1.35em;
  color: #fff;
  text-align: left;
  margin-top: 24px;
}
.wrapper-software-bg-r2 {
  min-height: 425px;
  margin: 40px 0;
}
.wrapper-software-bg-r2 .left {
  background-image: url('../img/platform/software-wrapper-left.png');
  background-repeat: repeat-x;
  background-size: cover;
  min-height: 475px;
  width: 50%;
  display: inline-block;
  float: left;
  clear: left;
  padding-right: 25px;
  padding-top: 25px;
}
.wrapper-software-bg-r2 .left .row div {
  float: right;
}
.wrapper-software-bg-r2 .diagram {
  display: inline-block;
  margin: 170px -25% 0 -25%;
  width: 50%;
}
.wrapper-software-bg-r2 .diagram img {
  margin: 0 auto;
  display: block;
}
.wrapper-software-bg-r2 .right {
  background-image: url('../img/platform/software-wrapper-right.png');
  background-repeat: repeat-x;
  background-size: cover;
  min-height: 475px;
  width: 50%;
  display: inline-block;
  float: right;
  clear: right;
  text-align: left;
  padding-left: 25px;
  padding-top: 25px;
}
@media only screen and (min-width: 500px) and (max-width: 767px) {
  .wrapper-software-bg-r2 .diagram {
    display: inline-block;
    width: 50% !important;
    top: 185px !important;
    z-index: 10;
    left: 25% !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .wrapper-software-bg-r2 .diagram {
    margin: 218px -20% 0 -20%;
    width: 40%;
  }
  .wrapper-software-bg-r2 .diagram img {
    width: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-software-bg-r2 {
    position: relative;
    clear: both;
    margin-bottom: 260px;
  }
  .wrapper-software-bg-r2 .left {
    float: none;
    clear: both;
    padding: 20px;
    min-height: 300px;
    width: 100%;
    position: absolute;
    top: 360px;
    padding: 100px 0 0 0;
  }
  .wrapper-software-bg-r2 .left .row {
    margin: 0;
  }
  .wrapper-software-bg-r2 .left .row div {
    padding: 0;
    margin: 0;
  }
  .wrapper-software-bg-r2 .diagram {
    display: inline-block;
    margin: 0 auto;
    width: 70%;
    top: 226px;
    position: absolute;
    z-index: 10;
    left: 17%;
  }
  .wrapper-software-bg-r2 .diagram img {
    width: 100%;
  }
  .wrapper-software-bg-r2 .right {
    width: 100%;
    float: none;
    clear: both;
    padding: 20px;
    min-height: 360px;
    top: 0;
    position: absolute;
  }
  .wrapper-software-bg-r2 .right .row {
    margin: 0;
  }
  .wrapper-software-bg-r2 .right .row div {
    padding: 0;
    margin: 0;
  }
  .wrapper-software-bg-r2 h2 {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-software-bg-r2 .left {
    padding-left: 0;
    padding-top: 25px;
    padding-right: 15px;
    min-height: 332px;
  }
  .wrapper-software-bg-r2 .left .row {
    margin: 0;
  }
  .wrapper-software-bg-r2 .left .row div {
    padding: 0;
    margin: 0;
  }
  .wrapper-software-bg-r2 .diagram {
    margin: 135px -25% 0 -25%;
    width: 50%;
  }
  .wrapper-software-bg-r2 .diagram img {
    width: 100%;
  }
  .wrapper-software-bg-r2 .right {
    padding-left: 0;
    padding-top: 25px;
    padding-right: 15px;
    min-height: 332px;
  }
  .wrapper-software-bg-r2 .right .row {
    margin: 0;
  }
  .wrapper-software-bg-r2 .right .row div {
    padding: 0;
    margin: 0;
  }
  .wrapper-software-bg-r2 h2 {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
  }
  .wrapper-software-bg-r2 ul li {
    font-size: 14px;
    font-weight: 100;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-software-bg-r2 .row {
    margin: 0;
  }
}
.wrapper-researchers-sv3-bg {
  background: url('../img/ecosystem/WG_FrontView_1920.jpg') 50% 0% no-repeat;
  background-size: cover;
  padding-top: 40px;
}
.hero-quote-inverse {
  min-height: 325px;
  background-color: #520a76;
  padding-top: 0px;
}
.hero-quote-inverse h2,
.hero-quote-inverse li {
  color: #fff;
}
.hero-quote-inverse p {
  line-height: 1.35em;
  color: #fff;
  margin-top: 24px;
}
.hero-quote-mda {
  background-image: url('../img/solutions/img-mda-pitcairn.jpg');
  background-position: 50% -600px;
  background-repeat: no-repeat;
  width: 100%;
  height: 400px;
}
.hero-quote-env-assess {
  background-image: url('../img/solutions/img-quote-arctic.jpg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 400px;
}
.hero-quote-researchers {
  background-image: url('../img/ecosystem/img-scrippsquote-map.jpg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 400px;
}
/***** Home page  ******/
.wrapper-info {
  position: relative;
  margin: 0 auto;
}
.wrapper-featured {
  width: 100%;
  background-color: #eeeeee;
  padding: 0 0 40px;
}
.wrapper-featured .container {
  padding: 0;
}
.wrapper-featured h2 {
  text-align: center;
  white-space: nowrap;
}
.wrapper-featured .article {
  border: 0;
  height: 164px;
  padding: 13px;
  position: relative;
}
.wrapper-featured .article .wrapper {
  background-color: transparent;
  display: table;
  padding: 0;
  position: absolute;
  width: calc(100% - 26px);
  height: calc(100% - 26px);
}
@media only screen and (max-width: 767px) {
  .wrapper-featured .article .callout-text {
    font-size: 20px !important;
    line-height: 24px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-featured .article .callout-text {
    font-size: 14px !important;
    line-height: 16px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-featured .article .callout-text {
    font-size: 16px !important;
    line-height: 18px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .wrapper-featured .article .callout-text {
    font-size: 20px !important;
    line-height: 22px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  .wrapper-featured .article .callout-text {
    font-size: 20px;
    line-height: 22px;
  }
}
.wrapper-featured .article .callout-text p {
  color: inherit;
  line-height: normal;
  font-weight: inherit;
  font-size: inherit;
  margin: 0 !important;
}
.wrapper-featured .article .callout-text.top-left {
  text-align: left;
  width: 100%;
  height: 100%;
}
.wrapper-featured .article .callout-text.top-center {
  text-align: center;
  width: 100%;
  height: 100%;
}
.wrapper-featured .article .callout-text.top-right {
  text-align: right;
  width: 100%;
  height: 100%;
}
.wrapper-featured .article .callout-text.middle-left {
  text-align: left;
  width: 100%;
  height: 100%;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.wrapper-featured .article .callout-text.middle-center {
  text-align: center;
  width: 100%;
  height: 100%;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.wrapper-featured .article .callout-text.middle-right {
  text-align: right;
  width: 100%;
  height: 100%;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.wrapper-featured .article a.left {
  right: auto !important;
  left: 0 !important;
  bottom: 0;
}
.wrapper-featured .article a.center {
  margin: 0 auto;
  left: auto;
  right: auto;
  position: relative !important;
  bottom: 0;
}
.wrapper-featured .article a.right {
  right: 0 !important;
  left: auto !important;
  bottom: 0;
}
.wrapper-featured .article.latest-news .callout-text {
  text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
  width: 100%;
  color: #ffffff;
  font-weight: 400;
}
.wrapper-featured .article.latest-news a {
  display: block;
  background-color: #00a2d7;
  color: #ffffff;
  padding: 8px;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
}
.wrapper-featured .article.latest-news a.center {
  position: absolute !important;
}
@media only screen and (max-width: 767px) {
  .wrapper-featured .article.latest-news a.center {
    left: 33%;
    right: 33%;
    width: 30%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-featured .article.latest-news a.center {
    left: 10% !important;
    right: 10% !important;
    width: 50% !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-featured .article.latest-news a.center {
    left: 20% !important;
    right: 20% !important;
    width: 40% !important;
  }
}
@media only screen and (min-width: 1200px) {
  .wrapper-featured .article.latest-news a.center {
    left: 20% !important;
    right: 20% !important;
    width: 40% !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  .wrapper-featured .article.latest-news a.center {
    left: 30%;
    right: 30%;
    width: 36%;
  }
}
.wrapper-featured .article.case-study .callout-text {
  width: 100%;
  color: #ffffff;
  font-weight: 400;
}
.wrapper-featured .article.case-study a {
  display: block;
  background-color: #ffffff;
  color: #520976;
  padding: 8px;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
}
.wrapper-featured .article.case-study a.center {
  position: absolute !important;
}
@media only screen and (max-width: 767px) {
  .wrapper-featured .article.case-study a.center {
    left: 33%;
    right: 33%;
    width: 30%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-featured .article.case-study a.center {
    left: 10% !important;
    right: 10% !important;
    width: 50% !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-featured .article.case-study a.center {
    left: 20% !important;
    right: 20% !important;
    width: 40% !important;
  }
}
@media only screen and (min-width: 1200px) {
  .wrapper-featured .article.case-study a.center {
    left: 20% !important;
    right: 20% !important;
    width: 40% !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  .wrapper-featured .article.case-study a.center {
    left: 30%;
    right: 30%;
    width: 36%;
  }
}
.wrapper-featured .article.event .callout-text {
  width: 100%;
  color: #004176;
  font-weight: 400;
}
.wrapper-featured .article.event a {
  display: block;
  background-color: #c1d32e;
  color: #ffffff;
  padding: 8px;
  text-transform: uppercase;
  position: absolute;
  text-align: center;
  font-size: 14px;
}
.wrapper-featured .article.event a.center {
  position: absolute !important;
}
@media only screen and (max-width: 767px) {
  .wrapper-featured .article.event a.center {
    left: 33%;
    right: 33%;
    width: 30%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-featured .article.event a.center {
    left: 10% !important;
    right: 10% !important;
    width: 50% !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-featured .article.event a.center {
    left: 20% !important;
    right: 20% !important;
    width: 40% !important;
  }
}
@media only screen and (min-width: 1200px) {
  .wrapper-featured .article.event a.center {
    left: 20% !important;
    right: 20% !important;
    width: 40% !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  .wrapper-featured .article.event a.center {
    left: 30%;
    right: 30%;
    width: 36%;
  }
}
.wrapper-featured .article.video .callout-text {
  color: #ffffff;
  font-weight: 400;
}
.wrapper-featured .article.video a {
  display: block;
  background-color: #520976;
  color: #ffffff;
  width: 60px;
  padding: 10px 5px 5px 5px;
  text-transform: uppercase;
  position: absolute;
  text-align: center;
  font-size: 12px;
}
.wrapper-featured .article.video a:before {
  font-family: 'dashicons';
  content: "\f522";
  font-size: 34px;
  display: block;
  text-align: center;
  padding: 0 0 5px 0;
}
.wrapper-featured .article.video a.center {
  bottom: 50px;
}
.hurricane-redux {
  background-image: url('../img/home/img_Infogrfx_Hurricanes_520x300.png');
  min-height: 300px;
  background-repeat: no-repeat;
  padding-top: 48px;
  background-size: cover;
}
.hurricane-desc-redux {
  position: absolute;
  padding: 30px 0 0 30px;
  width: 85%;
}
.mission-redux {
  background-image: url('../img/home/img_Infogrfx_LongMissn_520x300.png');
  min-height: 300px;
  background-repeat: no-repeat;
  padding-top: 48px;
  background-size: cover;
}
.mission-number-redux {
  padding-top: 0px;
}
.mission-number-redux img {
  float: right;
}
.mission-text-redux {
  padding-top: 0px;
}
.mission-desc-redux {
  padding: 30px 30px 0 30px;
}
.days-redux {
  background-image: url('../img/home/img_Infogrfx_DaysSea_1052x150.png');
  min-height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
}
.days-number-redux {
  padding: 6px 0 0 12px;
}
.days-text-redux {
  padding: 0 0 0 110px;
}
.days-desc-redux {
  padding-top: 36px;
}
.nautical-redux {
  background-image: url('../img/home/img_Infogrfx_NautMi_520x300.png');
  min-height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
}
.nautical-number-redux {
  padding: 24px 64px 0px 30px;
}
.nautical-text-redux {
  padding: 2px 12px 0px 64px;
}
.nautical-desc-redux {
  padding: 24px 30px 0px 30px;
  border: solid 0px red;
}
.data-packets-redux {
  background-image: url('../img/home/img_Infogrfx_OceanMeas_520x300.png');
  min-height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
}
.data-packets-number-redux {
  padding: 24px 64px 0px 30px;
}
.data-packets-text-redux {
  padding: 2px 12px 0px 64px;
}
.data-packets-desc-redux {
  padding: 24px 30px 0px 14px;
  border: solid 0px red;
}
.hurricane {
  background-image: url(../img/home/img-tile-hurricane.png);
  background-position: 100% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 175px;
  margin: 0 0 20px 0;
}
.hurricane-number {
  position: absolute;
  padding: 40px 0 0 275px;
  width: 80%;
  height: auto;
}
.hurricane-text {
  position: absolute;
  padding: 43px 0 0 395px;
}
.hurricane-desc {
  position: absolute;
  padding: 20px 0 0 0;
  width: 85%;
}
.mission {
  background-image: url(../img/home/img-tile-mission.png);
  background-position: 100% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 175px;
  margin: 0 0 20px 0;
}
.mission-number {
  position: absolute;
  padding: 35px 0 0 60px;
  margin-top: -20px;
  width: 80%;
  height: 175px;
}
.mission-text {
  position: absolute;
  padding: 40px 0 0 260px;
}
.mission-desc {
  position: absolute;
  padding: 20px 0 0 20px;
  width: 95%;
}
.home-infog-desc {
  font-size: 1.4em;
}
.days {
  background-image: url(../img/home/img-tile-days.png);
  background-position: 100% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 175px;
  margin: 0 0 20px 0;
}
.days-number {
  position: absolute;
  padding: 10px 0 0 190px;
  width: 80%;
  height: auto;
}
.days-text {
  position: absolute;
  padding: 86px 0 0 332px;
}
.days-desc {
  position: absolute;
  padding: 20px 0 0 0;
  width: 85%;
}
.nautical {
  background-image: url(../img/home/img-tile-nautical.png);
  background-position: 20% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 175px;
  margin: 0 0 20px 0;
}
.nautical-number {
  position: absolute;
  padding: 35px 0 0 30px;
  margin-top: -20px;
  width: 80%;
  height: 150px;
}
.nautical-text {
  position: absolute;
  padding: 90px 0 0 150px;
}
.nautical-desc {
  position: absolute;
  padding: 20px 0 0 20px;
  width: 90%;
}
.data-packets {
  background-image: url(../img/home/img-tile-data.png);
  background-position: 20% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 175px;
  margin: 0 0 20px 0;
}
.data-packets-number {
  position: absolute;
  padding: 35px 0 0 30px;
  margin-top: -20px;
  width: 80%;
  height: 150px;
}
.data-packets-text {
  position: absolute;
  padding: 90px 0 0 150px;
}
.data-packets-desc {
  position: absolute;
  padding: 20px 0 0 20px;
  width: 90%;
}
/*** Platform Pages ***/
.tbl-sensors {
  width: 100%;
}
.tbl-sensors th {
  background-color: #2b89c0;
  color: #fff;
  font-size: 1.35em;
}
.tbl-sensors th,
.tbl-sensors td {
  padding: 1em .5em;
  border-bottom: solid 1px #999;
}
.tbl-sensors th.mdl-col,
.tbl-sensors td.mdl-col {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.tbl-sensors td.rght-col {
  font-weight: 600;
  text-align: center;
}
.tbl-sensors td {
  font-size: 1.25em;
}
.tbl-sensors tr.odd {
  background-color: #e7f3f9;
}
/*** Solutions Pages ***/
.benefits_hdr {
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.5em;
  margin-bottom: 1px;
  color: #666;
}
/***** Open Oceans page  ******/
.hero-quote-oop1 {
  background-image: url(../img/ecosystem/img-oop-quote1.jpg);
  background-position: 50% 0%;
  background-repeat: no-repeat;
  width: 100%;
  height: 400px;
}
.hero-quote-oop2 {
  background-image: url(../img/ecosystem/img-oop-quote2.jpg);
  background-position: 50% 0%;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 400px;
}
.hero-quote-text {
  margin-top: 90px;
  font-style: italic;
  text-shadow: 1px 1px 1px #000;
}
.block-wrapper {
  margin: 40px auto 30px auto;
  text-align: left;
}
.block-wrapper label {
  padding: 5px 5px;
  position: relative;
  z-index: 20;
  display: block;
  min-height: 30px;
  cursor: pointer;
  color: #333333;
  line-height: 24px;
  font-size: 18px;
  font-weight: normal;
}
.block-wrapper label:hover {
  background: #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.block-wrapper input:checked + label,
.block-wrapper input:checked + label:hover {
  background-color: #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.block-wrapper input {
  display: none;
}
.block-wrapper .block-content {
  background-color: #fff;
  margin-top: -1px;
  overflow: hidden;
  height: 0px;
  position: relative;
  z-index: 10;
  -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.block-wrapper .block-content p {
  padding: 5px;
}
.block-wrapper input:checked ~ .block-content {
  -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}
.block-wrapper input:checked ~ .block-content {
  height: auto;
  border-bottom: solid 1px #5E5E5E;
  padding-bottom: 5px;
}
/***** Wave Glider for Researchers page  ******/
.hero-quote-wg1 {
  background-image: url(../img/ecosystem/img-wg-quote1.jpg);
  background-position: 50% 0%;
  background-repeat: no-repeat;
  width: 100%;
  height: 400px;
}
.hero-quote-wg2 {
  background-image: url(../img/ecosystem/img-wg-quote2.jpg);
  background-position: 50% 0%;
  background-repeat: no-repeat;
  width: 100%;
  height: 400px;
}
.contact-wg {
  margin: 0 auto;
}
/*** Navbar rules ***/
.navbar-liquidr {
  background-color: transparent;
  border-color: #080808;
}
.navbar-liquidr .navbar-brand {
  padding: 9px 0 0 0;
  margin-right: 165px;
  margin-left: 0 !important;
  height: auto !important;
}
.navbar-liquidr .navbar-brand:hover,
.navbar-liquidr .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-liquidr .navbar-text {
  color: #9d9d9d;
}
.navbar-liquidr .navbar-nav > li > a {
  color: #9d9d9d;
  font-size: 16px;
  font-weight: 400;
}
.navbar-liquidr .navbar-nav > li > a:hover,
.navbar-liquidr .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-liquidr .navbar-nav > .active > a,
.navbar-liquidr .navbar-nav > .active > a:hover,
.navbar-liquidr .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-liquidr .navbar-nav > .disabled > a,
.navbar-liquidr .navbar-nav > .disabled > a:hover,
.navbar-liquidr .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-liquidr .navbar-toggle {
  border-color: #333;
}
.navbar-liquidr .navbar-toggle:hover,
.navbar-liquidr .navbar-toggle:focus {
  background-color: #333;
}
.navbar-liquidr .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-liquidr .navbar-collapse,
.navbar-liquidr .navbar-form {
  border-color: #101010;
}
.navbar-liquidr .navbar-collapse {
  padding-top: 1px;
}
.navbar-liquidr .navbar-nav > .open > a,
.navbar-liquidr .navbar-nav > .open > a:hover,
.navbar-liquidr .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-liquidr .navbar-link {
  color: #9d9d9d;
}
.navbar-liquidr .navbar-link:hover {
  color: #fff;
}
.navbar-liquidr .btn-link {
  color: #9d9d9d;
}
.navbar-liquidr .btn-link:hover,
.navbar-liquidr .btn-link:focus {
  color: #fff;
}
.navbar-liquidr .btn-link[disabled]:hover,
fieldset[disabled] .navbar-liquidr .btn-link:hover,
.navbar-liquidr .btn-link[disabled]:focus,
fieldset[disabled] .navbar-liquidr .btn-link:focus {
  color: #444;
}
/*** Navbar Appended styles ***/
.navbar-wrapper {
  float: none;
  position: absolute;
  width: 100%;
  background-color: transparent;
  margin-top: 0;
}
.navbar-liquidr {
  /*	background-color: rgba(0,0,0,0.5); */
  min-height: 70px;
  padding-top: 9px;
  border-color: transparent;
}
.navbar-liquidr .navbar-nav > li > a {
  color: #dedede;
  text-transform: uppercase;
  border-bottom: 4px solid transparent;
  padding: 7px 15px 21px 15px;
}
.navbar-liquidr .navbar-nav > .active > a,
.navbar-liquidr .navbar-nav > .active > a:hover,
.navbar-liquidr .navbar-nav > .active > a:focus {
  background-color: transparent;
  font-weight: 600;
}
.navbar-liquidr .navbar-nav > .open > a,
.navbar-liquidr .navbar-nav > .open > a:hover,
.navbar-liquidr .navbar-nav > .open > a:focus {
  background-color: transparent;
  border-bottom: 4px solid #c8d73f;
}
.navbar-liquidr .current-menu-parent > a {
  border-bottom: 4px solid #c8d73f !important;
}
.navbar-liquidr .dropdown-menu {
  background-color: rgba(0, 0, 0, 0.8);
}
.navbar-liquidr .dropdown-menu > li > a {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  padding: 4px 20px;
}
.navbar-liquidr .dropdown-menu > li > a:focus,
.navbar-liquidr .dropdown-menu > li > a:hover {
  /* font-weight: 600; */
  background-color: #373d49;
  color: #fff;
}
@media (max-width: 768px) {
  .navbar-liquidr .navbar-nav {
    text-align: center;
  }
  .navbar-liquidr .navbar-nav .open .dropdown-menu {
    padding-right: 15px;
  }
  .navbar-liquidr .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-liquidr .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-liquidr .navbar-nav .open .dropdown-menu > li > a {
    color: #ccc;
  }
  .navbar-liquidr .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-liquidr .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-liquidr .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-liquidr .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-liquidr .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-liquidr .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-liquidr .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-liquidr .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
  .navbar-collapse {
    background-color: transparent;
    margin-top: 3px;
  }
  .navbar-liquidr .navbar-nav > li > a {
    text-align: center;
    font-size: 1.4em;
  }
  .navbar-liquidr .navbar-nav > li > a:hover {
    background-color: transparent;
  }
  .navbar-liquidr .navbar-nav > .open > a,
  .navbar-liquidr .navbar-nav > .open > a:hover,
  .navbar-liquidr .navbar-nav > .open > a:focus {
    background-color: transparent;
    border-bottom: 0px solid #c8d73f !important;
  }
  .navbar-liquidr .dropdown-menu > li > a {
    font-size: 14px;
    text-align: center;
    padding-top: .5em;
    padding-bottom: .5em;
    color: #fff;
  }
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:hover,
  .dropdown-menu > .active > a:focus {
    color: #fff !important;
  }
  .navbar-liquidr .dropdown-menu > li {
    border-bottom: 0px solid #666;
  }
  .navbar-liquidr .current-menu-parent > a {
    background-color: transparent;
  }
}
/*** 05 Home Rules ****/
.particles-js-canvas-el {
  position: absolute;
  height: 38%;
  top: 355px;
}
.navbar-wrapper {
  float: none;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: transparent;
  margin-top: 0;
}
/***** About page  ******/
.text-block-news {
  margin-top: 2em;
}
.wrapper-photographic {
  height: 500px;
}
.wrapper-about-history {
  background: url('../img/about/about-history-bg.jpg') no-repeat transparent center center;
  background-size: cover;
}
.wrapper-about-hawaii {
  background: url('../img/about/FotoliaComp_93658452_E2D6Dp4sMxOuKhwyGYjnjsCr8c05bvWf_NW40.jpg') no-repeat transparent center center;
  background-size: cover;
}
.management-content-panel h4 {
  color: #333333;
  margin-bottom: 0;
  font-weight: 600;
}
.management-content-panel .management-container {
  min-height: 425px;
}
.management-content-panel .management-container-sab {
  min-height: 470px;
  border: solid 0px red;
}
/*** article modal ***/
.modal-article h3 {
  color: #333333;
  font-size: 2.1em;
}
.modal-article h4 {
  color: #333333;
  font-size: 1.7em;
}
.modal-article p,
.modal-article ul li {
  font-size: 1.1em;
  line-height: 1.25em;
}
/*** Leadership modal ***/
.modal-leadership h3 {
  color: #333333;
  font-size: 2.1em;
}
.modal-leadership h4 {
  color: #333333;
  font-size: 1.7em;
}
.modal-leadership p,
.modal-leadership ul li {
  font-size: 1.1em;
  line-height: 1.25em;
}
/***** News page  ******/
.text-block-in-the-news {
  min-height: 250px;
  margin-top: 2em;
}
/***** Ecosystem Pages *****/
.tech-partner-logo-container {
  min-height: 70px;
}
.tech-partner-text-container {
  min-height: 150px;
}
.channel-partner-text-container {
  min-height: 215px;
}
/***** Case Studies ******/
.case-study-block {
  min-height: 375px;
}
a {
  cursor: pointer;
}
/*** 06 Blog Rules ***/
.blog.single .alignleft {
  float: left;
  margin: 7px 15px 0 0;
}
.blog.single .alignright {
  float: right;
  margin: 7px 0 0 15px;
}
.blog.single .aligncenter {
  float: none;
  margin: 7px 0;
  clear: both;
}
.blog.single .aligncenter img {
  margin: 0 auto;
  display: block;
}
@media (max-width: 991px) {
  .blog.single .alignleft,
  .blog.single .alignright {
    float: none;
    margin: 0 auto;
    display: block;
  }
  .blog.single .alignleft img,
  .blog.single .alignright img {
    width: 100%;
    height: auto;
  }
  .blog.single .alignleft.size-medium-blog-floating-image,
  .blog.single .alignright.size-medium-blog-floating-image {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
  }
  .blog.single .alignleft.size-medium-blog-floating-image img,
  .blog.single .alignright.size-medium-blog-floating-image img {
    width: 100% !important;
    height: auto !important;
  }
  .blog.single .aligncenter.size-medium-blog-floating-image {
    float: none;
    margin: 7px 0;
  }
  .blog.single .aligncenter.size-medium-blog-floating-image img {
    width: 100% !important;
    height: auto !important;
  }
}
@media (max-width: 1199px) {
  .blog.single .alignleft,
  .blog.single .alignright,
  .blog.single .alignnone {
    float: none;
    margin: 0 auto;
  }
  .blog.single .alignleft img,
  .blog.single .alignright img,
  .blog.single .alignnone img {
    width: 100%;
    height: auto;
  }
  .blog.single .aligncenter.size-small-blog-floating-image,
  .blog.single .aligncenter.size-medium-blog-floating-image,
  .blog.single .aligncenter.size-large-blog-floating-image {
    float: none;
    margin: 7px 0;
  }
  .blog.single .aligncenter.size-small-blog-floating-image img,
  .blog.single .aligncenter.size-medium-blog-floating-image img,
  .blog.single .aligncenter.size-large-blog-floating-image img {
    width: 100%;
    height: auto;
  }
  .blog.single .alignright.size-small-blog-floating-image,
  .blog.single .alignright.size-medium-blog-floating-image {
    float: right;
    margin: 7px 0 0 15px;
  }
  .blog.single .alignright.size-small-blog-floating-image img,
  .blog.single .alignright.size-medium-blog-floating-image img {
    width: auto;
    height: auto;
  }
  .blog.single .alignleft.size-small-blog-floating-image,
  .blog.single .alignleft.size-medium-blog-floating-image {
    float: left;
    margin: 8px 15px 0 0;
  }
  .blog.single .alignleft.size-small-blog-floating-image img,
  .blog.single .alignleft.size-medium-blog-floating-image img {
    width: auto;
    height: auto;
  }
}
.sidebar-module-inset {
  background-color: #fff !important;
  border: 0px solid #000;
}
/*
	 * Masthead for nav
	 */
.blog-masthead {
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -2px 5px rgba(0, 0, 0, 0.1);
}
/* Nav links */
.blog-nav-item {
  position: relative;
  display: inline-block;
  padding: 10px;
  font-weight: 500;
  color: #cdddeb;
}
.blog-nav-item:hover,
.blog-nav-item:focus {
  color: #fff;
  text-decoration: none;
}
/* Active state gets a caret at the bottom */
.blog-nav .active {
  color: #fff;
}
.blog-nav .active:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  vertical-align: middle;
  content: " ";
  border-right: 5px solid transparent;
  border-bottom: 5px solid;
  border-left: 5px solid transparent;
}
.alm-load-more-btn {
  position: absolute;
  bottom: 0;
  margin: 0 auto;
}
.ajax-load-more-wrap.green {
  border: 0;
}
/*** Blog Pages ***/
.blog .additional .title {
  text-align: center;
  margin: 40px auto 20px;
  padding-top: 20px;
  border-top: 1px solid #e6e6e6;
}
.blog .additional .cols {
  margin: 30px auto;
}
.blog .additional .apss-social-share.apss-theme-4.clearfix {
  width: 180px;
  float: left;
  margin: -57px 0 0px 140px;
}
.blog .additional .apss-theme-4 .apss-single-icon a {
  margin: 4px;
  min-height: 24px;
}
.blog .additional .apss-theme-4 .apss-icon-block {
  width: 24px !important;
  height: 24px !important;
}
.blog .additional .apss-theme-4 .apss-single-icon .fa {
  font-size: 12px;
  min-width: 24px;
  padding: 6px 0px 8px 0px;
}
.blog .row.post {
  padding: 0 0 40px 0;
}
.blog .row.post .blog-feature-image {
  height: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 255px !important;
}
.blog .row.post .blog-feature-image.clickable {
  cursor: pointer;
}
.blog .row.post h4 {
  margin-top: 0;
}
.blog .row.post .apss-social-share.apss-theme-4.clearfix {
  width: 180px;
  float: left;
  margin: -57px 0 0px 140px;
}
.blog .row.post .apss-theme-4 .apss-single-icon a {
  margin: 4px;
  min-height: 24px;
}
.blog .row.post .apss-theme-4 .apss-icon-block {
  width: 24px !important;
  height: 24px !important;
}
.blog .row.post .apss-theme-4 .apss-single-icon .fa {
  font-size: 12px;
  min-width: 24px;
  padding: 6px 0px 8px 0px;
}
@media (max-width: 782px) {
  .blog .row.post h2 {
    margin-top: 10px;
  }
  .blog .row.post p {
    text-align: left !important;
  }
}
@media (max-width: 1199px) {
  .blog .row.post .blog-feature-image {
    min-height: 213px !important;
  }
}
@media (max-width: 991px) {
  .blog .row.post .blog-feature-image {
    min-height: 165px !important;
  }
}
@media (max-width: 767px) {
  .blog .row.post .blog-feature-image {
    min-height: 255px !important;
  }
  .blog .row.post h4 {
    margin-top: 20px;
  }
}
.blog .sidebar-module .hwim-image {
  margin: 0 auto 30px auto;
  display: block;
}
@media (max-width: 767px) {
  .blog .sidebar-module .hwim-image {
    margin: 30px auto;
    display: block;
  }
}
.blog .sidebar-module li.cat-item {
  color: #6d6d6d;
}
.blog .sidebar-module .post-date {
  color: #6d6d6d;
}
.blog .sidebar-module h3 {
  margin: 30px auto 0;
}
.blog .sidebar-module div.AdvancedText {
  background-color: #ececec;
  margin: 0 0 20px;
  padding: 0 20px;
}
.blog .sidebar-module div.AdvancedText h3 {
  margin: 0 auto 10px;
  padding-top: 10px;
}
.blog .sidebar-module div.AdvancedText .hs_submit {
  text-align: center;
}
.blog .sidebar-module div.AdvancedText .hs-form.stacked .actions {
  margin-left: auto;
}
.blog .sidebar-module .newsletter {
  background-color: #ececec;
  margin: 0 0px;
  padding: 20px;
}
.blog .sidebar-module .newsletter h2 {
  text-align: center;
}
.blog .sidebar-module .newsletter p {
  text-align: left;
  font-size: 1.25em;
  line-height: 1.25em;
}
.blog .sidebar-module .newsletter input[type="email"] {
  width: 100%;
  text-align: center;
  padding: 10px;
  margin: 0px auto 10px;
}
.blog .sidebar-module .newsletter input[type="submit"] {
  display: block;
  margin: 10px auto 0px;
}
.blog a.arrow-line-button {
  display: block !important;
  margin: 20px auto 20px 0;
  width: 115px;
  outline: none;
}
.blog.single .row.content-panel .blog-feature-image {
  padding: 0 0 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 255px !important;
}
.blog.single .row.content-panel .blog-feature-image.center {
  margin: 0 auto;
  display: block;
}
@media (max-width: 1199px) {
  .blog.single .row.content-panel .blog-feature-image {
    min-height: 213px !important;
  }
}
@media (max-width: 991px) {
  .blog.single .row.content-panel .blog-feature-image {
    min-height: 165px !important;
  }
}
@media (max-width: 767px) {
  .blog.single .row.content-panel .blog-feature-image {
    min-height: 255px !important;
  }
}
.blog.single .apss-theme-4 .apss-single-icon a {
  margin: 4px;
  min-height: 44px;
}
.blog.single .apss-theme-4 .apss-icon-block {
  width: 24px !important;
  height: 24px !important;
}
.blog.single .apss-theme-4 .apss-single-icon .fa {
  font-size: 12px;
  min-width: 24px;
  padding: 6px 0px 8px 0px;
}
/*
	 * Blog name and description
	 */
.blog-header {
  padding-top: 20px;
  padding-bottom: 20px;
}
.blog-title {
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: normal;
}
.blog-description {
  font-size: 20px;
  color: #999;
}
/*
	 * Main column and sidebar layout
	 */
.blog-main {
  font-size: 18px;
  line-height: 1.5;
}
/* Sidebar modules for boxing content */
.sidebar-module {
  padding: 15px;
  margin: 0 -15px 15px;
}
.sidebar-module-inset {
  padding: 0 15px 15px 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}
/* Pagination */
.pager {
  margin-bottom: 60px;
  text-align: left;
}
.pager > li > a {
  width: 140px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 30px;
}
/*
	 * Blog posts
	 */
.blog-post {
  margin-bottom: 60px;
}
.blog-post-title {
  margin-bottom: 5px;
  font-size: 40px;
}
.blog-post-meta {
  margin-bottom: 20px;
  color: #999;
}
/*
	 * Footer
	 */
.blog-footer {
  padding: 40px 0;
  color: #999;
  text-align: center;
  background-color: #979797;
  border-top: 1px solid #e5e5e5;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}
#footer-navbar ul ul li:last-child {
  font-weight: normal;
  font-size: 1em;
  padding-top: .2em;
  color: #666;
}
#footer-navbar ul ul li:last-child a:hover {
  color: #999999;
}
#footer-navbar ul li:last-child,
#footer-navbar li.menu-item-has-children {
  float: left;
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.1em;
  margin-bottom: 1px;
  color: #666;
  padding-top: .2em;
  line-height: 1.6em;
}
#footer-navbar ul li:last-child a,
#footer-navbar li.menu-item-has-children a {
  color: #666;
}
/*** 07 Bootstrap Overrides ***/
.modal-backdrop {
  z-index: -1;
  background-color: #fff;
  opacity: 0.8 !important;
}
.modal-dialog {
  padding-top: 10%;
}
.modal-content {
  /*box-shadow: none;*/
  border: none;
  border-radius: 0px;
}
.modal-content h4 {
  font-weight: 600;
}
.modal-conent.newsletter-signup p {
  font-weight: normal;
  font-size: initial;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 800px;
  }
}
/* Contact Form 7 Overrides */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
  width: 100%;
}
.wpcf7 textarea.wpcf7-textarea {
  width: 100%;
}
span.wpcf7-list-item {
  display: block;
}
/*** Hubspot form overrides ***/
.hs-form fieldset {
  max-width: 100% !important;
}
.hs-form {
  margin-bottom: 0 !important;
}
/*** Cool Timeline overrides ***/
h4.events-heading,
h2.content-title {
  text-shadow: none;
  font-size: 16px !important;
}
.timeline .events h4.events-heading,
.timeline-content h2.content-title {
  margin: 0;
  padding: 15px;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter;
  background: #2d2d2d url(../images/dust-bg.png);
  text-shadow: 1px 1px 0px #555;
  color: #fff;
  text-transform: uppercase;
}
.events-object {
  padding: 3px;
  border: 1px solid #ddd;
  margin-bottom: 0;
  height: auto !important;
  box-shadow: 0px 2px 1px 0 #DEDEDE;
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
.event-description {
  padding: 10px !important;
}
.cool-timeline .timeline-post .timeline-content {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  background-color: #ffffff !important;
}
.content-details {
  padding: 0 !important;
  font-weight: normal;
  font-family: inherit;
  overflow: hidden;
  zoom: 1;
  font-family: 'Raleway', sans-serif;
  letter-spacing: 0.8px;
  color: #777;
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
  display: inline;
  margin: 0 !important;
}
.content-details p {
  margin: 0 0 11px;
  padding: 10px 0px;
  font-size: 15.625px;
  line-height: 1.6em;
  font-weight: 400;
  color: #333;
}
.timeline dl dd.even .circ,
.timeline dl dd.even .events h4 {
  background-image: none;
  background-color: #0080BB;
}
.timeline dl dd.odd .circ,
.timeline dl dd.odd .events h4 {
  background-image: none;
  background-color: #F7901E;
}
.timeline dl dd.even .events:before {
  border-color: #0080BB;
}
.timeline dl dd.odd .events:before {
  border-color: #F7901E;
}
.timeline dl dd.pos-right .events:before {
  left: -23px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.timeline dl dd.pos-left .time {
  margin-left: 0;
  text-align: left;
}
.timeline dl dd.pos-left .time {
  margin-left: 0;
  text-align: left;
}
.timeline dl dd.pos-left .events {
  float: left;
}
.timeline dl dd.pos-left .events:before {
  right: -24px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.timeline dl dd.even .time {
  color: #0080BB;
}
.timeline dl dd.odd .time {
  color: #F7901E;
}
@media (max-width: 480px) {
  .content-details p {
    text-align: left !important;
  }
}
/*** 08 Footer Rules ***/
.wrapper-cta {
  background-color: #58595b;
  color: #ffffff;
  clear: both;
}
.wrapper-cta h2,
.wrapper-cta h3,
.wrapper-cta p {
  color: #fff;
}
.wrapper-cta a {
  color: #c9da2a;
}
.content-panel-cta {
  margin-bottom: 2em;
}
.content-panel-cta a {
  color: #fff;
  font-weight: 600;
}
.content-panel-cta img {
  height: 50px;
}
footer {
  background-color: #ececec;
  line-height: 1.6em;
}
footer p {
  font-size: 1em;
  line-height: 1.6em;
}
footer ul {
  list-style-type: none;
  padding-left: 0;
}
footer ul a {
  color: #333333;
}
footer ul a:hover {
  color: #999999;
}
footer ul li {
  font-size: 1em;
  padding-top: .2em;
}
.footer-col {
  text-align: right;
}
ul.social {
  list-style-type: none;
  padding-left: 0;
}
.social li {
  display: inline;
  padding-right: 10px;
}
.social li img {
  width: 30px;
  height: auto;
}
.copyright {
  margin-top: 20px;
}
ul#menu-footer-1 {
  padding-left: 0;
  margin-left: 0;
}
/*** 09 Misc Rules ***/
.slick-slider {
  margin-top: 32px;
}
.slick-slide {
  text-align: center;
}
.slick-slide img {
  display: inline-block;
}
.slick-prev,
.slick-next {
  height: 45px;
  width: 45px;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 48px;
  line-height: 1;
  opacity: .75;
  color: #999;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*** Wondergallery Overrides ***/
div[class^="html5gallery-tn-title-"],
div[class*=" html5gallery-tn-title-"] {
  height: 48px;
  line-height: 13px;
  font-size: 12px !important;
  overflow: display !important;
  white-space: normal;
  text-align: left;
  padding: 3px 6px;
}
.html5gallery-car-1,
.html5gallery-car-mask-1,
.html5gallery-car-list-1,
.html5gallery-tn-1,
.html5gallery-tn-selected-1 {
  height: 165px !important;
}
.cool_timeline h1.timeline-main-title {
  display: none;
}
/** No date **/
.timeline .time {
  display: none !important;
}
/* Google Search overrides */
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
  height: auto !important;
  width: auto !important;
}
input.gsc-search-button,
input.gsc-search-button:hover,
input.gsc-search-button:focus {
  background-color: transparent !important;
}
.responsive-image img {
  width: 100% !important;
  height: auto !important;
}
/*** Case Studies ***/
.case-studies-row h4 {
  font-size: 1.4em;
  font-weight: 500;
  margin-bottom: 1.1em;
}
.case-studies-row p {
  font-size: 1.2em;
}
.case-studies-feature-image {
  height: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 255px !important;
}
.hero-sm-case-studies {
  background-size: cover;
}
.case-studies-container h2 {
  font-size: 2.2em;
}
.case-studies-container p {
  line-height: 1.5em;
}
.case-studies-container .case-studies-left-col h3 {
  font-size: 1.4em;
  margin-bottom: 0px;
}
.case-studies-container .case-studies-left-col h4 {
  font-size: 1.25em;
  font-weight: 400;
  margin-top: 4px;
}
.case-studies-container .case-studies-left-col li {
  font-size: 1.25em;
  padding-left: .2em;
  line-height: 1.5em;
}
.case-studies-container .case-studies-left-col hr {
  border-top: 1px solid #bcbcbc;
}
.case-studies-container .case-studies-left-col .left-quote,
.case-studies-container .case-studies-left-col .left-quote-author {
  color: #0082b5;
}
.case-studies-container .case-studies-left-col .left-quote {
  font-weight: 300;
  font-size: 1.4em;
  line-height: 1.4em;
}
.case-studies-container .case-studies-left-col .left-quote-author {
  color: #0082b5;
  font-size: 1.2em;
}
.case-studies-bottom-quote {
  min-height: 200px;
  background-color: #520a76;
  padding: 1.5em 0 2.5em 0;
}
.case-studies-bottom-quote h2,
.case-studies-bottom-quote li,
.case-studies-bottom-quote h3 {
  color: #fff;
}
.case-studies-bottom-quote h3 {
  font-weight: 300;
  font-size: 1.3em;
}
.case-studies-bottom-quote p {
  line-height: 1.4em;
  color: #fff;
  margin-top: 24px;
  font-size: 1.4em;
  font-weight: 200;
}
/*** 10 Media Queries (Responsive Rules - Rainbow) ***/
@media (max-width: 480px) {
  body {
    border: solid 0px red;
  }
  .site-logo {
    padding-left: 15px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  p {
    text-align: center !important;
  }
  h1 {
    font-size: 1.8em;
    font-weight: normal;
  }
  h3 {
    color: #fff;
    font-size: 1.6em;
  }
  p {
    line-height: 1.25em;
  }
  header {
    min-height: 65px;
  }
  .navbar-liquidr .navbar-brand {
    padding-top: 8px;
    margin-right: 0px;
  }
  .navbar-brand-sticky {
    padding-top: 15px !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }
  .navbar-liquidr .current-menu-parent > a {
    border-color: transparent !important;
  }
  .navbar-collapse {
    background-color: rgba(0, 0, 0, 0.9);
  }
  .navbar-liquidr .dropdown-menu > li > a {
    text-align: center;
  }
  .navbar-liquidr .navbar-nav > li > a {
    padding: 7px 15px 15px 15px;
  }
  .solid-light-callout h3 {
    font-size: 1.6em;
  }
  .solid-light-callout p {
    font-size: 1.3em;
  }
  .oil-barrell-inline {
    height: 150px;
    margin: 0 auto 18px auto;
  }
  .footer-col {
    text-align: center;
  }
  .hero-xl h1 {
    padding-top: 15px !important;
  }
  .hero-lg h1 {
    padding-top: 50px;
  }
  .hero h1 {
    padding-top: 70px;
    font-size: 2.3em;
  }
  .hero-placeholder,
  .hero-sm {
    height: 200px;
  }
  .hero-platform-software,
  .hero-platform-sensors {
    height: 300px;
  }
  .wrapper-howitworks-diagram {
    min-height: 325px;
  }
  .hurricane-redux,
  .mission-redux,
  .days-redux,
  .nautical-redux,
  data-packets-redux {
    min-height: 340px;
    padding: 14px;
  }
  .mission-redux,
  .data-packets-redux {
    margin-top: 20px;
  }
  .hurricane-desc-redux {
    padding: 0;
    width: 75%;
  }
  .hero-hawaii {
    background-size: auto !important;
  }
  .hawaii-lead-text {
    color: #333;
  }
  .social li img {
    width: 40px;
    height: auto;
  }
  .hero-about-shoreline {
    background: url('../img/about/about-hero-shoreline.jpg') 50% 50% no-repeat;
    max-height: 600px;
    background-size: cover;
  }
  .hero-hawaii h1 {
    padding-top: 185px;
  }
  .hero-careers h1 {
    padding-top: 300px;
  }
  .hero-services-support {
    background-size: cover !important;
  }
  .hero-services-support h1 {
    padding-top: 135px;
  }
  .hero-mission-services h1 {
    padding-top: 155px;
  }
  .hero-digital-ocean h1 {
    padding-top: 195px;
  }
  .hero-digital-ocean {
    background-position: 50% 0;
  }
  .tech-partner-logo-container img {
    margin: 0 auto;
  }
  .hero-quote-oop2 {
    min-height: 450px;
  }
  .related-resources-row {
    margin-top: 0 !important;
  }
  .hero-platform-overview {
    padding-top: 90px;
  }
  .hero-platform-overview h1 {
    padding-top: 10px !important;
  }
  .hero-platform-overview h2 {
    padding-top: 130px;
  }
  .mission-number-redux img {
    float: none;
  }
  .region-name {
    color: #333 !important;
  }
  .channel-partner-text-container {
    min-height: 100px;
  }
  .videoWrapper iframe {
    width: 100%;
    height: 88%;
  }
  .case-studies-row h2 {
    margin-top: 1em;
  }
}
/*** iPhone 5 ***/
@media screen and (device-aspect-ratio: 40/71) {
  .hero-platform-overview {
    padding-top: 90px;
  }
  .hero-platform-overview h1 {
    padding-top: 10px !important;
  }
  .hero-platform-overview h2 {
    padding-top: 50px !important;
  }
}
/*** iPhone 5 ***/
@media only screen and (max-device-width: 1136px) and (min-device-width: 960px) and (max-device-height: 640px) and (min-device-height: 560px), only screen and (max-device-height: 1136px) and (min-device-height: 960px) and (max-device-width: 640px) and (min-device-width: 560px) {
  /* iPhone only */
  body {
    border: solid 0px purple;
  }
}
@media (max-width: 767px) {
  /* line-bottom links */
  span.line-bottom:before {
    content: '';
    display: block;
    padding-top: 20px;
  }
  .solid-callout .solid-callout-link {
    text-align: center;
  }
  a.arrow-line-button {
    display: table;
  }
  .responsive-image img {
    padding: 25px 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .site-logo {
    padding-left: 15px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  p {
    text-align: center !important;
  }
  p {
    line-height: 1.25em;
  }
  .arrow-line-button {
    margin-left: auto;
    margin-right: auto;
    outline: none;
  }
  .hurricane,
  .mission,
  .days,
  .nautical,
  .data-packets {
    height: 275px;
  }
  .home-infog-top-col {
    height: 140px;
  }
  .home-infog-top-col2 {
    position: relative;
    top: 140px;
  }
  .hurricane-number {
    position: absolute;
    padding: 40px 0 0 175px;
    width: 80%;
    height: auto;
  }
  .hurricane-text {
    position: absolute;
    padding: 43px 0 0 295px;
  }
  .days-number {
    position: absolute;
    padding: 10px 0 0 90px;
    width: 80%;
    height: auto;
  }
  .days-text {
    position: absolute;
    padding: 86px 0 0 232px;
  }
  header {
    min-height: 65px;
  }
  .navbar-liquidr .navbar-brand {
    padding-top: 8px;
    margin-right: 0px;
  }
  .sticky {
    min-height: 65px;
  }
  .navbar-brand-sticky {
    padding-top: 11px !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }
  .navbar-liquidr .current-menu-parent > a {
    border-color: transparent !important;
  }
  .solid-light-callout h3 {
    font-size: 1.6em;
  }
  .solid-light-callout p {
    font-size: 1.3em;
  }
  .footer-col {
    text-align: center;
  }
  .hero h1 {
    padding-top: 70px !important;
  }
  .wrapper-howitworks-diagram {
    min-height: 385px;
  }
  .mission-number-redux img {
    float: none;
  }
  .hurricane-redux,
  .mission-redux,
  .days-redux,
  .nautical-redux,
  data-packets-redux {
    min-height: 340px;
    padding: 14px;
  }
  .mission-redux,
  .data-packets-redux {
    margin-top: 20px;
  }
  .hurricane-number-redux {
    padding-left: 100px;
    padding-top: 25px;
  }
  .mission-number-redux {
    padding-left: 75px;
  }
  .hurricane-text-redux,
  .mission-text-redux {
    padding-left: 125px;
  }
  .days-number-redux {
    padding-top: 30px;
  }
  .hurricane-desc-redux {
    padding: 0;
  }
  .oil-barrell-inline {
    height: 150px;
    margin: 0 auto 18px auto;
  }
  .hero-hawaii {
    background-size: auto !important;
  }
  .social li img {
    width: 40px;
    height: auto;
  }
  .hero-about-shoreline {
    background: url('../img/about/about-hero-shoreline.jpg') 50% 50% no-repeat;
  }
  .hero h1 {
    border: 1px soild orange;
    padding-top: 110px;
  }
  .hero-placeholder,
  .hero-sm {
    height: 200px;
  }
  .hero-platform-software,
  .hero-platform-sensors {
    height: 300px;
  }
  .hero-hawaii h1 {
    padding-top: 250px;
  }
  .hero-services-support {
    background-size: cover !important;
  }
  .hero-services-support h1 {
    padding-top: 220px;
  }
  .hero-mission-services h1 {
    padding-top: 220px;
  }
  .hero-digital-ocean h1 {
    padding-top: 220px;
  }
  .hero-digital-ocean {
    background-position: 50% 0;
  }
  .related-resources-row {
    margin-top: 0 !important;
  }
  .hero-platform-overview {
    padding-top: 90px;
  }
  .hero-platform-overview h1 {
    padding-top: 10px !important;
  }
  .hero-platform-overview h2 {
    padding-top: 330px !important;
  }
  .hero-ecosystem-researchers h1 {
    padding-top: 225px;
  }
  .channel-partner-text-container {
    min-height: 100px;
  }
  .navbar-collapse {
    background-color: rgba(0, 0, 0, 0.9);
  }
  .videoWrapper iframe {
    width: 100%;
    height: 92%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body {
    border: solid 0px yellow;
  }
  p {
    line-height: 1.25em;
  }
  header {
    min-height: 70px;
  }
  .navbar-liquidr .navbar-brand {
    padding-top: 19px;
    margin-right: 0px;
    background-color: transparent;
  }
  .navbar-brand-sticky {
    padding-top: 36px !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }
  .navbar-left {
    float: right !important;
  }
  .navbar-left .dropdown-menu {
    left: auto;
    right: 0;
  }
  .site-logo {
    width: 175px;
    height: auto;
  }
  .navbar-liquidr .navbar-nav {
    padding-top: 8px;
    background-color: transparent;
  }
  .navbar-liquidr .navbar-nav > li > a {
    font-size: 14px;
    padding: 7px 12px 16px 12px;
  }
  .navbar-liquidr .navbar-collapse-sticky {
    /* padding-top: 14px !important; */
  }
  .hurricane,
  .mission,
  .days,
  .nautical,
  .data-packets {
    height: 275px;
  }
  .home-infog-top-col {
    height: 140px;
  }
  .home-infog-top-col2 {
    position: relative;
    top: 140px;
  }
  .hurricane-number {
    position: absolute;
    padding: 40px 0 0 175px;
    width: 80%;
    height: auto;
  }
  .hurricane-text {
    position: absolute;
    padding: 43px 0 0 295px;
  }
  .days-number {
    position: absolute;
    padding: 10px 0 0 90px;
    width: 80%;
    height: auto;
  }
  .days-text {
    position: absolute;
    padding: 86px 0 0 232px;
  }
  .home-infog-desc {
    text-align: center;
    width: 90%;
    margin: 0 auto !important;
    padding-left: 20px;
  }
  .hero-platform-sensors h1 {
    padding-top: 100px;
  }
  .hero-lg h1 {
    padding-top: 100px;
  }
  .hero-careers {
    background: url('../img/about/about-hero-careers.jpg') 50% 50% no-repeat;
    background-size: cover;
  }
  .wrapper-howitworks-diagram {
    min-height: 485px;
  }
  .hero-hawaii {
    background-size: auto !important;
  }
  .hero-about-shoreline {
    background: url('../img/about/about-hero-shoreline.jpg') 50% 50% no-repeat;
    max-height: 750px;
    background-size: cover;
  }
  .hero-hawaii h1 {
    padding-top: 250px;
  }
  .hero-services-support {
    background-size: cover !important;
  }
  .hero-services-support h1 {
    padding-top: 220px;
  }
  .hero-mission-services h1 {
    padding-top: 220px;
  }
  .hero-digital-ocean h1 {
    padding-top: 220px;
  }
  .hero-digital-ocean {
    background-position: 50% 0;
  }
  .hero-platform-overview {
    padding-top: 110px;
  }
  .hero-platform-overview h1 {
    padding-top: 10px !important;
  }
  .hero-platform-overview h2 {
    padding-top: 330px !important;
  }
  .hero-ecosystem-researchers {
    background-position: 50% 50%;
    background-size: cover;
  }
  .hero-ecosystem-researchers h1 {
    padding-top: 225px;
  }
  .management-content-panel .management-container {
    min-height: 360px;
  }
  .videoWrapper iframe {
    width: 100%;
    height: 94%;
  }
  .solid-callout-text h2 {
    font-size: 1.9em;
  }
  .solid-callout-text h3 {
    font-size: 1.0em !important;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .ipad-portrait {
    color: red;
  }
  /* your css rules for ipad portrait */
  .navbar-liquidr .navbar-nav {
    padding-top: 4px;
    background-color: transparent;
  }
  .navbar-liquidr .navbar-nav > li > a {
    font-size: 14px;
    padding: 7px 12px 17px 12px;
    border: solid 0px orange;
  }
  .navbar-liquidr .navbar-collapse-sticky {
    padding-top: 14px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body {
    border: solid 0px green;
  }
  .navbar-liquidr .navbar-brand {
    margin-right: 5px;
    padding-top: 12px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .site-logo {
    width: 190px;
    height: auto;
  }
  .navbar-brand-sticky {
    padding-top: 27px !important;
  }
  .hero-lg,
  .hero-xl,
  .hero-sm {
    /** TEMP FIX for responsive background sizes **/
    /* background-size: auto !important; */
  }
  .hero-ecosystem-researchers {
    background-position: 50% 20%;
  }
  .hero-mission-services {
    background-position: 20% 20%;
  }
  .hero-digital-ocean {
    background-position: 50% 0%;
  }
  .hero-careers {
    background: url('../img/about/about-hero-careers.jpg') 50% 25% no-repeat;
    background-size: cover;
  }
  .hero-hawaii {
    background-size: auto !important;
  }
  .management-content-panel .management-container {
    min-height: 425px;
  }
  .wrapper-defense-diagram {
    background: url(../img/solutions/img-defense-apps2-1920.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 490px;
    margin-top: 40px;
  }
  .solid-callout-text h2 {
    font-size: 2.1em;
  }
  .solid-callout-text h3 {
    font-size: 1.1em !important;
  }
}
@media (min-width: 1200px) and (max-width: 1751px) {
  .hero-careers {
    background: url('../img/about/about-hero-careers.jpg') 50% 25% no-repeat;
    background-size: cover;
  }
  .hero-hawaii {
    background-size: auto !important;
  }
}
@media (min-width: 1751px) {
  body {
    border: solid 0px purple;
  }
  .hero-ecosystem-researchers {
    background-position: 50% 35%;
  }
  .hero-mission-services {
    background-position: 20% -175px;
  }
  .hero-digital-ocean {
    background-position: 20% 0;
  }
  .hero-hawaii {
    background-position: 50% 55%;
  }
  .wrapper-howitworks-diagram {
    min-height: 785px;
  }
  .hero-about-shoreline {
    background: url('../img/about/about-hero-shoreline.jpg') 50% 35% no-repeat !important;
    background-size: cover;
  }
  .hero-ecosystem-techpartners {
    background: url('../img/ecosystem/Hero2_TechPartners.jpg') 50% 35% no-repeat;
    background-size: cover;
  }
  .wrapper-defense-diagram {
    min-height: 725px;
    background: url('../img/solutions/img-defense-apps2-1920.jpg') 50% 20px no-repeat;
    background-size: cover;
    padding-top: 40px;
    border: solid 0px red;
  }
}
@media (max-width: 991px) {
  .wrapper-defense-diagram {
    background: url(../img/solutions/img-defense-apps2-1920.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 333px;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .wrapper-defense-diagram {
    background: url(../img/solutions/img-defense-apps2-1920.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 175px;
    margin-top: 40px;
  }
}
.white .sa_owl_theme.owl-carousel .owl-nav .owl-prev {
  background: none !important;
  left: -35px;
}
.white .sa_owl_theme.owl-carousel .owl-nav .owl-prev:before {
  content: "←";
}
.white .sa_owl_theme.owl-carousel .owl-nav .owl-next {
  background: none !important;
  right: -20px;
}
.white .sa_owl_theme.owl-carousel .owl-nav .owl-next:before {
  content: '→';
}
.white .sa_owl_theme.owl-carousel .owl-nav .owl-prev:hover,
.white .sa_owl_theme.owl-carousel .owl-nav .owl-next:hover {
  background-color: transparent !important;
}
.white .sa_owl_theme.owl-carousel .owl-nav .owl-prev:hover:before,
.white .sa_owl_theme.owl-carousel .owl-nav .owl-next:hover:before {
  opacity: 1;
}
.white .sa_owl_theme.owl-carousel .owl-nav .owl-prev:before,
.white .sa_owl_theme.owl-carousel .owl-nav .owl-next:before {
  font-family: 'slick';
  font-size: 48px;
  line-height: 1;
  opacity: .75;
  color: #999;
  -webkit-font-smoothing: antialiased;
}
.white .sa_owl_theme.owl-carousel .owl-dots {
  bottom: -47px !important;
}
.white .sa_owl_theme.owl-carousel .owl-dots span {
  margin: 0 10px!important;
}
.cli-plugin-button,
.cli-plugin-button:visited,
.medium.cli-plugin-button,
.medium.cli-plugin-button:visited {
  text-shadow: none !important;
}
.cli-plugin-main-link {
  margin-left: 0 !important;
}
#cookie-law-info-bar {
  border-top-width: 4px !important;
}
.LR_carousel_copy ul {
  list-style-type: disc;
  margin-left: .5em;
  padding-left: .5em;
}
.LR_carousel_copy ul li {
  font-size: 17px !important;
  line-height: 24px !important;
  font-weight: 300 !important;
}