/*==============================================================================
=                                Globals                                       =
==============================================================================*/
/*============================== Breakpoints =================================*/
/*============================== Colors ======================================*/
/*============================== Typography ==================================*/
::selection {
  background: #00AD7D;
  /* WebKit/Blink Browsers */ }

::-moz-selection {
  background: #00AD7D;
  /* Gecko Browsers */ }

body {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  font-weight: 300;
  color: #333; }

sup {
  font-size: 65%; }

a,
a:hover,
a:focus {
  text-decoration: none; }

ul {
  padding: 0;
  margin: 0;
  list-style-type: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Heebo", sans-serif;
  font-weight: 900;
  line-height: 1.1em;
  text-transform: uppercase; }

h1,
h2 {
  font-size: 32px; }

section.container a {
  font-weight: 500;
  color: #333;
  border-bottom: 2px solid #333; }

a.red-arrow {
  font-family: "Heebo", sans-serif;
  font-weight: 300 !important;
  transition: color .3s;
  text-transform: uppercase;
  color: #00AD7D !important;
  border-bottom: none !important; }

a.red-arrow:hover {
  color: #333 !important; }

a.red-arrow:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\00a0\00a0\f061"; }

a.red-times {
  font-family: "Heebo", sans-serif;
  font-weight: 300 !important;
  transition: color .3s;
  text-transform: uppercase;
  color: #00AD7D !important;
  border-bottom: none !important; }

a.red-times:hover {
  color: #333 !important; }

a.red-times:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\00a0\00a0\f00d"; }

.spacer {
  position: relative;
  display: block;
  width: 100%; }

.background-grey {
  background-color: #f7f7f7; }

.limit-width-500 {
  max-width: 500px; }

.align-image-bottom {
  display: flex;
  height: 100%;
  flex-flow: column-reverse; }

#gdpr {
  position: fixed;
  bottom: 0;
  width: 100%; }
  #gdpr .gdpr-reveal {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    transition: transform .3s;
    transform: translateY(100%);
    text-align: center;
    background: rgba(0, 0, 0, 0.9); }
    #gdpr .gdpr-reveal p {
      margin-bottom: 0;
      font-size: 14px;
      color: #fff; }
    #gdpr .gdpr-reveal .gdpr-link {
      text-decoration: underline;
      color: #fff; }
    #gdpr .gdpr-reveal a.red-arrow:hover {
      color: #fff !important; }
  #gdpr.active .gdpr-reveal {
    transform: translateY(0); }

/*============================== Helper Classes ==============================*/
.mt0 {
  margin-top: 0 !important; }

.mt10 {
  margin-top: 10px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt90 {
  margin-top: 90px !important; }

.mt100 {
  margin-top: 100px !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.pt0 {
  padding-top: 0 !important; }

.pt10 {
  padding-top: 10px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt50 {
  padding-top: 50px !important; }

.pt60 {
  padding-top: 60px !important; }

.pt70 {
  padding-top: 70px !important; }

.pt80 {
  padding-top: 80px !important; }

.pt90 {
  padding-top: 90px !important; }

.pt100 {
  padding-top: 100px !important; }

.pb0 {
  padding-bottom: 0 !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.pb100 {
  padding-bottom: 100px !important; }

/*==============================================================================
=                                Header                                        =
==============================================================================*/
header {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 20px -14px #000; }
  header .main-nav-bg {
    width: 100%;
    background: #fff; }
  header .logo {
    max-width: 80%;
    padding: 12px 0 14px; }
    header .logo a {
      display: inline-block; }
  header .quick-links {
    position: relative;
    border-top: 5px solid #00AD7D;
    background: #f2f2f2; }
    header .quick-links .ql-logo {
      max-width: 100%;
      padding: 4px 0; }
    header .quick-links .ql-buttons {
      display: inline-block;
      float: right;
      font-size: 12px; }
      header .quick-links .ql-buttons a {
        display: inline-block;
        padding: 8px 14px;
        font-weight: 400;
        cursor: pointer;
        white-space: nowrap; }
      header .quick-links .ql-buttons .grey {
        color: #000;
        background: #dadada; }
        header .quick-links .ql-buttons .grey:hover {
          background: #ccc; }
      header .quick-links .ql-buttons .red {
        padding: 9px 14px 10px;
        color: #fff;
        background: #00AD7D; }
        header .quick-links .ql-buttons .red:hover {
          background: #007e9a; }
  header #search {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    transition: transform .3s;
    transform: scaleX(0);
    transform-origin: right; }
    header #search.active {
      transform: scaleX(1); }
    header #search form {
      position: relative; }
      header #search form .input-wrapper {
        margin-right: 99px; }
      header #search form .input-wrapper input,
      header #search form button {
        font-size: 16px;
        text-transform: uppercase; }
      header #search form .input-wrapper input {
        padding: 16px 14px;
        color: #757678;
        border: none;
        border-radius: 0; }
      header #search form button {
        position: absolute;
        top: 0;
        right: 50px;
        width: 50px;
        height: 37px;
        transition: background .3s;
        color: #fff;
        border: none;
        background: #dadada; }
      header #search form button:hover {
        background: #ccc; }
      header #search form #close-search {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 37px;
        font-size: 20px;
        cursor: pointer;
        transition: background .3s, color .3s;
        color: white;
        border: none;
        background: #000; }
        header #search form #close-search i {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%); }
        header #search form #close-search:hover {
          color: #333;
          background: #fff; }

.main-nav {
  box-shadow: 0 0 20px -14px #000; }
  .main-nav nav.oc-right > ul > li > a {
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #000; }
  .main-nav nav.oc-right > ul > li > ul > li > a {
    font-family: "Heebo", sans-serif;
    font-weight: 300; }

.applications-megamenu,
.systems-megamenu {
  display: none; }

.nav-spacer {
  display: block;
  width: 100%;
  margin-top: 92px; }

/*============================== Common ======================================*/
/*============================== Home ========================================*/
/*============================== Interior ====================================*/
/*==============================================================================
=                                Navigation                                    =
==============================================================================*/
/*============================== Off Canvas ==================================*/
@media screen and (max-width: 767px) {
  .top-bar.oc-js.active {
    position: static; }

  .oc-container {
    position: absolute;
    top: 0;
    min-height: 100%; }

  .oc-overlay {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }

  .oc-overlay.active {
    z-index: 20;
    background-color: rgba(0, 0, 0, 0.8); }

  #oc-icon {
    position: fixed;
    top: 50px;
    right: 7px;
    z-index: 21;
    display: block;
    width: 50px;
    height: 41px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition: top 0s right 0.2s;
    -moz-transition: top 0s right 0.2s;
    -ms-transition: top 0s right 0.2s;
    -o-transition: top 0s right 0.2s;
    transition: top 0s right 0.2s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  #oc-icon.active {
    right: 76%; }

  #oc-icon span {
    position: absolute;
    left: 8px;
    display: block;
    width: 34px;
    height: 6px;
    background: #000;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  #oc-icon span.bar1 {
    top: 8px; }

  #oc-icon span.bar2,
  #oc-icon span.bar3 {
    top: 18px; }

  #oc-icon span.bar4 {
    top: 28px; }

  #oc-icon.active span.bar1 {
    top: 18px;
    left: 50%;
    width: 0; }

  #oc-icon.active span {
    background: #fff; }

  #oc-icon.active:hover span {
    background: #fff; }

  #oc-icon.active span.bar2,
  #oc-icon.active span.bar3 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }

  #oc-icon.active span.bar3 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

  #oc-icon.active span.bar4 {
    top: 18px;
    left: 50%;
    width: 0; }

  .oc-left {
    left: 0;
    width: 100%;
    overflow-x: hidden;
    -webkit-transition: left 0.2s linear;
    -moz-transition: left 0.2s linear;
    -ms-transition: left 0.2s linear;
    -o-transition: left 0.2s linear;
    transition: left 0.2s linear; }

  .oc-left.active {
    left: -75%;
    z-index: 1;
    overflow-x: visible; }

  nav.oc-right {
    right: -75%;
    width: 75%;
    background-color: #fff; }

  nav.oc-right.active {
    z-index: 9999; }

  /*----------  Nav Globals  ----------*/
  nav.oc-right > ul {
    position: fixed;
    width: 75%;
    height: 100vh;
    overflow-y: auto; }

  nav.oc-right ul li {
    position: relative;
    font-size: 16px; }

  nav.oc-right ul ul {
    display: none; }

  nav.oc-right > ul li.active > ul {
    display: block; }

  nav.oc-right ul li a {
    display: block;
    padding: 10px 41px 10px 15px;
    color: #333;
    border-bottom: 1px solid #ddd; }

  nav.oc-right li > span.oc-toggle.fas {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 22;
    display: block;
    width: 41px;
    height: 45px;
    padding: 14px;
    cursor: pointer;
    border-bottom: 1px solid #ddd; }

  nav.oc-right li > span.oc-toggle.fa-plus {
    color: #000;
    background-color: #eee; }

  nav.oc-right li > span.oc-toggle.fa-minus {
    color: #fff;
    background-color: #000; }

  /*----------  First Level  ----------*/
  nav.oc-right > ul > li {
    display: block; }

  nav.oc-right > ul > li > a {
    font-weight: bold; }

  nav.oc-right > ul > li.active > a {
    color: #fff;
    background: #099; }

  nav.oc-right > ul > li > ul > li.active > a {
    color: #fff;
    background: #000; }

  /*----------  Second Level  ----------*/
  nav.oc-right > ul > li > ul li span.oc-toggle.fa-minus,
  nav.oc-right > ul > li.active > ul li span.oc-toggle.fa-minus {
    color: #000;
    background: #eee; }

  nav.oc-right > ul ul li > a {
    padding-left: 25px;
    background: #fafafa; }

  /*----------  Third Level   ----------*/
  nav.oc-right > ul ul ul li a {
    padding: 5px 26px 5px 39px;
    font-size: 13px;
    background: #f4f4f4;
    background-image: url("/site/templates/_assets/img/nav/right-arrow-aaa.png");
    background-repeat: no-repeat;
    background-position: 21px 6.5px; }

  nav.oc-right > ul ul ul li.active > a,
  nav.oc-right > ul ul ul li:hover > a {
    color: #000;
    background-image: url("/site/templates/_assets/img/nav/right-arrow-aaa.png"); }

  nav.oc-right > ul ul ul li > span.oc-toggle.fas {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 22;
    display: block;
    width: 41px;
    height: 28.5px;
    padding: 7.5px 14.5px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    background-color: #d1d1d1; }

  /*----------  Fourth Level  ----------*/
  nav.oc-right > ul ul ul ul li > a {
    padding: 5px 26px 5px 53px;
    font-size: 13px;
    background: #eee;
    background-image: url("/site/templates/_assets/img/nav/dash-aaa.png");
    background-repeat: no-repeat;
    background-position: 35px 6.5px; }

  nav.oc-right > ul ul ul ul li.active > a,
  nav.oc-right > ul ul ul ul li:hover > a {
    color: #000;
    background-image: url("/site/templates/_assets/img/nav/dash-aaa.png"); } }
@media screen and (min-width: 576px) {
  .container-nav {
    max-width: 540px; } }
@media screen and (min-width: 768px) {
  #oc-icon {
    display: none; }

  .container-nav {
    max-width: 720px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; } }
@media screen and (min-width: 992px) {
  .container-nav {
    max-width: 960px; } }
@media screen and (min-width: 1200px) {
  .container-nav {
    max-width: 1140px; } }
/*============================== Common ======================================*/
/*============================== Top Navigation ==============================*/
/*============================== Side Navigation =============================*/
/*============================== Bottom Navigation ===========================*/
/*==============================================================================
=                                Footer                                        =
==============================================================================*/
/*============================== Common ======================================*/
.footer-contact {
  position: relative;
  padding: 100px 0 120px;
  background-color: #ebedec; }
  .footer-contact .contact-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background-image: url("../img/common/contact-us-bkg.jpg");
    background-repeat: no-repeat;
    background-size: auto 100%; }

footer {
  padding: 60px 0;
  font-size: 15px;
  color: #fff;
  background-color: #6f7377; }
  footer a {
    transition: color .3s;
    color: #fff; }
    footer a:hover {
      color: #000; }
  footer ul {
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    column-count: 2; }
  footer .hitachi-info {
    padding-top: 15px; }
  footer .social-links {
    font-size: 28px; }
    footer .social-links a:not(:last-child) i {
      padding-right: 14px; }
  footer .sfa-credit {
    color: #979b9e; }

/*============================== Home ========================================*/
/*============================== Interior ====================================*/
/*==============================================================================
=                                Home Page                                     =
==============================================================================*/
.home-slider {
  background-color: #000; }
  .home-slider .slide {
    background-position: center;
    background-size: cover;
    min-height: 600px;
    display: flex;
    align-items: center; }
  .home-slider .caption {
    padding: 150px 0 200px; }
    .home-slider .caption.eh {
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .home-slider .caption h2 {
      font-family: "Heebo", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    color: #333 !important; }
    .home-slider .caption .tagline {
      font-size: 21px;
      font-weight: 600;
      margin-top: 1rem;
      color: #333; }
  .home-slider .slick-dots {
    bottom: 25px;
    padding-right: 15px;
    padding-left: 15px;
    text-align: left; }
    .home-slider .slick-dots li {
      width: 60px; }
      .home-slider .slick-dots li button:before {
        width: 60px;
        height: 2px;
        content: "";
        opacity: .75;
        background: #00AD7D; }
      .home-slider .slick-dots li.slick-active button:before {
        background: #fff; }

.slick-dotted.slick-slider {
  margin-bottom: 0; }

.superior-guidance {
  position: relative;
  padding: 100px 0 160px;
  /* background-image: url("/site/assets/files/1/guidance_1x.png"); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90% auto; }
  .superior-guidance .guidance-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background-image: url("/site/assets/files/1/guidance-product_1x.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 40% auto; }

.application-boxes .application-box {
  padding-top: 140px;
  padding-bottom: 120px;
  transition: background-size .3s;
  text-align: center;
  color: #fff;
  background-position: center;
  background-size: 100%, auto 100%; }
  .application-boxes .application-box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .application-boxes .application-box i {
    padding-right: 20px;
    padding-left: 20px;
    transition: padding-left .3s, padding-right .3s; }
  .application-boxes .application-box:hover {
    background-size: 100%, auto 110%; }
    .application-boxes .application-box:hover i {
      padding-right: 0;
      padding-left: 40px; }

.system-feature-slider {
  padding: 180px 0 100px;
  text-align: center;
  /* background-image: url("/site/assets/files/1/reliability_1x.png"); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto; }
  .system-feature-slider .system-slider .slide img {
    height: 600px;
    margin: 0 auto 40px; }
  .system-feature-slider .system-slider .system-cta-arrow {
    position: absolute;
    top: 70%;
    left: 50%;
    font-size: 62px;
    transform: translateX(-50%) translateY(-50%);
    color: #00AD7D; }
    .system-feature-slider .system-slider .system-cta-arrow i {
      padding: 4px 3px 0 3px;
      transition: opacity .3s;
      opacity: .7;
      border-radius: 50px;
      background: white; }
    .system-feature-slider .system-slider .system-cta-arrow:hover i {
      opacity: 1; }

.transducers-slider {
  background-image: url("/site/assets/files/1/transducer-slider-background.jpg");
  background-position: center;
  background-size: cover; }
  .transducers-slider .transducer-part-1 {
    position: absolute;
    right: 30px;
    bottom: 0;
    width: 32%; }
  .transducers-slider .transducer-part-2 {
    position: absolute;
    display: none; }
  .transducers-slider .slide {
    padding: 180px 0 120px; }
  .transducers-slider .slick-dots {
    bottom: 25px;
    padding-right: 15px;
    padding-left: 15px;
    text-align: left; }
    .transducers-slider .slick-dots li {
      width: 60px; }
      .transducers-slider .slick-dots li button:before {
        width: 60px;
        height: 2px;
        content: "";
        opacity: .75;
        background: #00AD7D; }
      .transducers-slider .slick-dots li.slick-active button:before {
        background: #fff; }

 /*==============================================================================
































































































































































=                                Interior                                      =
==============================================================================*/
.interior-banner,
.interior-banner-system {
  background-color: #f1f1f1; }
  .interior-banner .tagline,
  .interior-banner-system .tagline {
    padding-bottom: 40px;
    margin-top: -15px; }
  .interior-banner .interior-banner-copy,
  .interior-banner-system .interior-banner-copy {
    padding: 40px 0 20px; }
    .interior-banner .interior-banner-copy h2,
    .interior-banner-system .interior-banner-copy h2 {
      padding-bottom: 25px;
      font-size: 22px;
      font-style: italic;
      font-weight: 700;
      text-transform: none;
      color: #666; }
    .interior-banner .interior-banner-copy p,
    .interior-banner-system .interior-banner-copy p {
      color: #666; }

@media (max-width: 991px) {
  .interior-banner,
  .interior-banner-system {
    background-image: none !important; } }
.interior-banner-system {
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 0; }
  .interior-banner-system .interior-banner-system-image {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
    .interior-banner-system .interior-banner-system-image img {
      width: 100%; }

.social {
  padding: 140px 0; }

.twitter-feed-container {
  max-width: 440px;
  padding: 20px 20px 0 20px;
  margin: 20px auto;
  border: 1px solid #999;
  border-radius: 20px; }
  .twitter-feed-container .twitter-scroll {
    height: 450px;
    overflow-y: scroll; }
    .twitter-feed-container .twitter-scroll::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background-color: #e6e6e6; }
    .twitter-feed-container .twitter-scroll::-webkit-scrollbar {
      width: 5px; }

.applications-feature {
  padding: 100px 0; }
  .applications-feature .applications-slider-container {
    position: relative; }
    .applications-feature .applications-slider-container .applications-slider-controller {
      position: absolute;
      right: 30px;
      bottom: -30px; }
      .applications-feature .applications-slider-container .applications-slider-controller div {
        display: inline-block;
        padding: 8px 15px;
        font-size: 18px;
        cursor: pointer;
        transition: background .3s;
        color: #fff;
        background: #00AD7D; }
        .applications-feature .applications-slider-container .applications-slider-controller div:hover {
          background: #000; }
      .applications-feature .applications-slider-container .applications-slider-controller .slide-left {
        margin-right: 10px; }
  .applications-feature .applications-slider {
    overflow: hidden; }
    .applications-feature .applications-slider .content {
      padding: 10px; }
    .applications-feature .applications-slider .slick-list {
      padding: 0 20%; }
    .applications-feature .applications-slider .application-image {
      position: relative;
      width: 100%;
      height: 400px;
      margin-top: 60px;
      margin-bottom: 10px;
      overflow: hidden;
      transition: height .3s, margin-top .3s; }
      .applications-feature .applications-slider .application-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 100%;
        transform: translateX(-50%) translateY(-50%); }
    .applications-feature .applications-slider a h5 {
      display: inline-block;
      color: #000; }
    .applications-feature .applications-slider a i {
      display: inline-block;
      transition: opacity .3s;
      opacity: 0;
      color: #00AD7D; }
    .applications-feature .applications-slider .slick-current .application-image {
      height: 460px;
      margin-top: 0; }
    .applications-feature .applications-slider .slick-current a i {
      opacity: 1; }

.application-solutions {
  margin: 30px 0 50px; }
  .application-solutions .container {
    position: relative; }
  .application-solutions .solution {
    padding: 10px;
    margin-bottom: 40px;
    text-align: center;
    border-right: 1px solid #808080; }
    .application-solutions .solution img {
      height: 100px;
      padding: 10px 0 20px; }
  .application-solutions .line-cover {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 16px;
    height: 100%;
    background: white; }
  .application-solutions .application-single p {
    max-width: 300px; }
  .application-solutions .application-double p {
    max-width: 600px; }
  .application-solutions .application-single p,
  .application-solutions .application-double p {
    margin: 0 auto; }

.set-up-options .set-up-intro {
  max-width: 630px;
  padding: 15px;
  margin: 0 auto; }
.set-up-options .set-up-box {
  max-width: 720px;
  margin: 0 auto 30px; }
  .set-up-options .set-up-box img {
    width: 100%; }
  .set-up-options .set-up-box .set-up-caption {
    padding: 8px 25px 15px;
    background-color: #ececec; }
    .set-up-options .set-up-box .set-up-caption .set-up-step {
      margin-bottom: 0;
      font-weight: 900;
      text-transform: uppercase;
      color: #00AD7D; }
    .set-up-options .set-up-box .set-up-caption .set-up-title {
      margin-bottom: 0;
      font-weight: 900; }
    .set-up-options .set-up-box .set-up-caption .set-up-body {
      font-size: 16px; }

.imaging-features {
  padding: 100px 0 40px; }
  .imaging-features .row {
    margin-right: -7px;
    margin-left: -7px; }
    .imaging-features .row .col,
    .imaging-features .row .col-12 {
      padding-right: 7px;
      padding-left: 7px; }
  .imaging-features .feature-box {
    position: relative;
    padding: 120px 60px 75px;
    margin-bottom: 14px;
    transition: background .3s, color .3s;
    text-align: center;
    background: #ececec; }
    .imaging-features .feature-box .feature {
      position: absolute;
      top: 89%;
      left: 50%;
      width: 100%;
      padding: 0 60px;
      margin-bottom: 0;
      transition: top .3s;
      transform: translateX(-50%) translateY(-50%); }
    .imaging-features .feature-box div.description {
      font-size: 17px;
      font-weight: 500;
      transition: opacity .3s;
      opacity: 0; }
      .imaging-features .feature-box div.description p {
        margin-bottom: 0; }
    .imaging-features .feature-box img {
      position: absolute;
      top: 50%;
      left: 50%;
      max-width: 90%;
      max-height: 100%;
      padding: 30px 30px 60px 30px;
      transition: opacity .3s, padding .3s;
      transform: translateX(-50%) translateY(-50%); }
    .imaging-features .feature-box:hover, .imaging-features .feature-box.active {
      color: #fff;
      background: #00AD7D; }
      .imaging-features .feature-box:hover .feature, .imaging-features .feature-box.active .feature {
        top: 20%; }
      .imaging-features .feature-box:hover div.description, .imaging-features .feature-box.active div.description {
        opacity: 1; }
      .imaging-features .feature-box:hover img, .imaging-features .feature-box.active img {
        padding: 0;
        opacity: 0; }

.system-features {
  padding: 100px 0;
  text-align: center; }
  .system-features .system-container {
    position: relative; }
    .system-features .system-container .system-image {
      max-width: 50%; }
    .system-features .system-container .system-feature-box {
      max-width: 340px;
      margin: 10px auto;
      font-size: 16px;
      text-align: center; }
      .system-features .system-container .system-feature-box .feature-icon {
        display: inline-block; }
      .system-features .system-container .system-feature-box .feature-caption {
        display: inline-block; }
        .system-features .system-container .system-feature-box .feature-caption .feature-caption-title {
          margin-bottom: 5px;
          font-family: "Heebo", sans-serif;
          font-weight: 900;
          text-transform: uppercase; }
        .system-features .system-container .system-feature-box .feature-caption .feature-caption-body p {
          margin-bottom: 0; }

.transducers-preview {
  padding: 40px 0; }
  .transducers-preview .row {
    margin-right: -5px;
    margin-left: -5px; }
  .transducers-preview .col-12 {
    padding-right: 5px;
    padding-left: 5px; }
  .transducers-preview .transducer-container {
    margin-bottom: 40px;
    font-family: "Heebo", sans-serif;
    line-height: 1.1em;
    color: #5e5e5e; }
    .transducers-preview .transducer-container .transducer-preview-image {
      position: relative;
      width: 100%;
      padding-bottom: 64%;
      margin-bottom: 5px;
      overflow: hidden; }
      .transducers-preview .transducer-container .transducer-preview-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transition: width .3s;
        transform: translateX(-50%) translateY(-50%); }
    .transducers-preview .transducer-container:hover .transducer-preview-image img {
      width: 120%; }
    .transducers-preview .transducer-container p {
      margin-bottom: 0; }
    .transducers-preview .transducer-container .transducer-title {
      padding-bottom: 5px;
      font-size: 20px;
      font-weight: 500; }
    .transducers-preview .transducer-container .transducer-headline {
      padding-bottom: 5px;
      font-size: 18px;
      font-weight: 400; }
    .transducers-preview .transducer-container .transducer-preview {
      font-size: 16px;
      font-weight: 300; }

.transducer-modals .modal-title {
  padding: 5px 0 0 15px; }

.application-connections {
  background: #f7f7f7; }
  .application-connections .tabs-intro {
    max-width: 920px;
    padding: 70px 0 45px;
    margin: 0 auto;
    font-size: 26px;
    font-weight: 500;
    text-align: center; }
  .application-connections .connection-tabs .nav-tabs {
    border-bottom: none; }
    .application-connections .connection-tabs .nav-tabs .nav-item {
      width: 33.333%;
      padding: 20px 4px 20px;
      font-family: "Heebo", sans-serif;
      font-size: 18px;
      font-weight: 900;
      line-height: 1.1em;
      transition: background .3s;
      text-align: center;
      text-transform: uppercase;
      color: #fff;
      border: none;
      border-radius: 0;
      background: #5e5e5e; }
      .application-connections .connection-tabs .nav-tabs .nav-item:not(:last-child) {
        border-right: 2px solid #fff; }
      .application-connections .connection-tabs .nav-tabs .nav-item.active, .application-connections .connection-tabs .nav-tabs .nav-item:hover {
        background: #00AD7D; }
  .application-connections .application-tab-content {
    padding-top: 60px;
    background: #fff; }
  .application-connections .red-underline-tabs .nav-tabs {
    max-width: 1020px;
    margin: 0 auto;
    border-bottom: none; }
    .application-connections .red-underline-tabs .nav-tabs .nav-item {
      padding-right: 0;
      padding-left: 0;
      margin-right: 1.2em;
      margin-bottom: 5px;
      margin-left: 1.2em;
      font-family: "Heebo", sans-serif;
      font-weight: 300;
      color: #5e5e5e;
      border: none; }
    .application-connections .red-underline-tabs .nav-tabs .nav-item.active {
      margin-bottom: 0;
      font-weight: 500;
      border-bottom: 5px solid #00AD7D; }
  .application-connections #ci-nav-tabContent {
    margin: 40px 0 80px; }
    .application-connections #ci-nav-tabContent .row {
      margin-right: -6px;
      margin-left: -6px; }
      .application-connections #ci-nav-tabContent .row .col-12 {
        padding-right: 6px;
        padding-left: 6px; }
        .application-connections #ci-nav-tabContent .row .col-12 img {
          margin-bottom: 12px; }

.system-resources {
  margin-top: 60px; }
  .system-resources .file-download {
    display: flex;
    align-items: center; }
    .system-resources .file-download img {
      padding-right: 10px; }
    .system-resources .file-download p {
      display: inline;
      margin-bottom: 0;
      font-size: 16px;
      font-weight: 500;
      color: #333; }

.breadcrumb > li + li:before {
  padding: 0 5px;
  content: "/\00a0";
  color: #ccc; }

.search-form {
  position: relative;
  margin-bottom: 20px; }

.search-form .input-wrapper {
  margin-right: 100px; }

.search-form .input-wrapper input,
.search-form button {
  font-size: 18px;
  text-transform: uppercase; }

.search-form .input-wrapper input {
  padding: 24px 20px;
  border: none;
  border: 1px solid #dadada;
  border-radius: 0; }

.search-form button {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 50px;
  transition: background .3s;
  color: #fff;
  border: none;
  background: #00AD7D; }

.search-form button:hover {
  background: #000; }

ul.bullets {
  padding-left: 20px;
  list-style-type: circle; }

/*==============================================================================





































































=                                Media Queries                                 =
==============================================================================*/
@media (max-width: 480px) {
  header .quick-links .ql-buttons .red {
    display: none; } }
@media (min-width: 340px) {
  .nav-spacer {
    margin-top: 100px; } }
@media (min-width: 400px) {
  /*============================= Globals ====================================*/
  /*============================= Header =====================================*/
  .nav-spacer {
    margin-top: 107px; }

  /*============================= Navigation =================================*/
  /*============================= Footer =====================================*/
  /*============================= Home Page ==================================*/
  /*============================= Interior ===================================*/ }
@media (min-width: 480px) {
  /*============================= Globals ====================================*/
  h1,
  h2 {
    font-size: 38px; }

  /*============================= Header =====================================*/
  .nav-spacer {
    margin-top: 115px; }

  /*============================= Navigation =================================*/
  /*============================= Footer =====================================*/
  /*============================= Home Page ==================================*/
  .home-slider .caption h2 {
    font-size: 44px; }

  /*============================= Interior ===================================*/ }
@media (min-width: 576px) {
  .home-slider .slick-dots,
  .transducers-slider .slick-dots {
    left: 50%;
    max-width: 540px;
    transform: translateX(-50%); } }
@media (min-width: 620px) {
  /*============================= Globals ====================================*/
  /*============================= Header =====================================*/
  header #search {
    position: absolute;
    top: 0;
    right: 46px;
    width: 300px; }

  /*============================= Navigation =================================*/
  /*============================= Footer =====================================*/
  /*============================= Home Page ==================================*/
  /*============================= Interior ===================================*/ }
@media (min-width: 576px) {
  /*============================= Globals ====================================*/
  /*============================= Header =====================================*/
  /*============================= Navigation =================================*/
  /*============================= Footer =====================================*/
  /*============================= Home Page ==================================*/
  /*============================= Interior ===================================*/ }
@media (min-width: 768px) {
  /*============================= Globals ====================================*/
  h1,
  h2 {
    font-size: 44px; }

  .footer-contact .contact-background {
    opacity: 1; }

  /*============================= Header =====================================*/
  header {
    box-shadow: none; }
    header .logo {
      position: absolute;
      max-width: 300px;
      padding: 12px 0 0; }
    header header #search {
      right: 30px; }

  .main-nav {
    position: fixed;
    top: 42px;
    z-index: 9;
    width: 100%;
    background: #fff; }
    .main-nav nav {
      padding-top: 55px;
      margin-top: 10px;
      text-align: center; }

  .nav-spacer {
    margin-top: 133px; }

  /*============================= Navigation =================================*/
  nav.oc-right > ul > li {
    position: relative;
    display: block;
    float: left; }

  nav.oc-right > ul > li > a {
    display: block;
    padding: 8px 9px;
    font-size: 15px;
    transition: color .3s; }

  nav.oc-right > ul > li:hover > a,
  nav.oc-right > ul > li.active > a {
    color: #00AD7D; }

  .main-nav nav.oc-right > ul > li > a:after {
    position: absolute;
    top: 29px;
    left: 50%;
    width: 70%;
    height: 6px;
    content: "";
    transition: background .3s;
    transform: translateX(-50%);
    background: #fff; }

  .main-nav nav.oc-right > ul > li:hover > a:after,
  .main-nav nav.oc-right > ul > li.active > a:after {
    background: #00AD7D; }

  nav.oc-right > ul > li > ul {
    padding: 5px 0;
    text-align: left;
    background: #fff;
    box-shadow: 3px 3px 5px -5px #000; }

  nav.oc-right > ul > li > ul > li > a {
    display: block;
    padding: 1px 8px;
    font-size: 14px;
    transition: color .3s;
    white-space: nowrap;
    color: #000; }

  nav.oc-right > ul > li > ul > li:hover > a {
    color: #00AD7D; }

  nav.oc-right > ul > li:hover > ul {
    position: absolute;
    display: block; }

  nav.oc-right ul ul {
    display: none; }

  .main-nav nav.oc-right > ul > li.applications ul,
  .main-nav nav.oc-right > ul > li.systems ul {
    display: none; }

  .applications-megamenu,
  .systems-megamenu {
    position: absolute;
    top: 100%;
    display: block;
    width: 100%;
    transition: transform .3s;
    transform: scaleY(0);
    transform-origin: top center;
    background: #fff;
    box-shadow: 0 8px 12px -14px #000; }

  .applications-megamenu {
    padding: 30px 0 10px; }

  .systems-megamenu {
    padding: 30px 0; }

  .applications-megamenu.active,
  .systems-megamenu.active {
    transform: scaleY(1); }

  .applications-megamenu .row,
  .systems-megamenu .row {
    margin-right: -8px;
    margin-left: -8px; }

  .applications-megamenu .row,
  .systems-megamenu .row {
    margin-right: -8px;
    margin-left: -8px; }

  .applications-megamenu .row .col,
  .applications-megamenu .row .col-1,
  .applications-megamenu .row .col-10,
  .applications-megamenu .row .col-11,
  .applications-megamenu .row .col-12,
  .applications-megamenu .row .col-2,
  .applications-megamenu .row .col-3,
  .applications-megamenu .row .col-4,
  .applications-megamenu .row .col-5,
  .applications-megamenu .row .col-6,
  .applications-megamenu .row .col-7,
  .applications-megamenu .row .col-8,
  .applications-megamenu .row .col-9,
  .applications-megamenu .row .col-auto,
  .applications-megamenu .row .col-lg,
  .applications-megamenu .row .col-lg-1,
  .applications-megamenu .row .col-lg-10,
  .applications-megamenu .row .col-lg-11,
  .applications-megamenu .row .col-lg-12,
  .applications-megamenu .row .col-lg-2,
  .applications-megamenu .row .col-lg-3,
  .applications-megamenu .row .col-lg-4,
  .applications-megamenu .row .col-lg-5,
  .applications-megamenu .row .col-lg-6,
  .applications-megamenu .row .col-lg-7,
  .applications-megamenu .row .col-lg-8,
  .applications-megamenu .row .col-lg-9,
  .applications-megamenu .row .col-lg-auto,
  .applications-megamenu .row .col-md,
  .applications-megamenu .row .col-md-1,
  .applications-megamenu .row .col-md-10,
  .applications-megamenu .row .col-md-11,
  .applications-megamenu .row .col-md-12,
  .applications-megamenu .row .col-md-2,
  .applications-megamenu .row .col-md-3,
  .applications-megamenu .row .col-md-4,
  .applications-megamenu .row .col-md-5,
  .applications-megamenu .row .col-md-6,
  .applications-megamenu .row .col-md-7,
  .applications-megamenu .row .col-md-8,
  .applications-megamenu .row .col-md-9,
  .applications-megamenu .row .col-md-auto,
  .applications-megamenu .row .col-sm,
  .applications-megamenu .row .col-sm-1,
  .applications-megamenu .row .col-sm-10,
  .applications-megamenu .row .col-sm-11,
  .applications-megamenu .row .col-sm-12,
  .applications-megamenu .row .col-sm-2,
  .applications-megamenu .row .col-sm-3,
  .applications-megamenu .row .col-sm-4,
  .applications-megamenu .row .col-sm-5,
  .applications-megamenu .row .col-sm-6,
  .applications-megamenu .row .col-sm-7,
  .applications-megamenu .row .col-sm-8,
  .applications-megamenu .row .col-sm-9,
  .applications-megamenu .row .col-sm-auto,
  .applications-megamenu .row .col-xl,
  .applications-megamenu .row .col-xl-1,
  .applications-megamenu .row .col-xl-10,
  .applications-megamenu .row .col-xl-11,
  .applications-megamenu .row .col-xl-12,
  .applications-megamenu .row .col-xl-2,
  .applications-megamenu .row .col-xl-3,
  .applications-megamenu .row .col-xl-4,
  .applications-megamenu .row .col-xl-5,
  .applications-megamenu .row .col-xl-6,
  .applications-megamenu .row .col-xl-7,
  .applications-megamenu .row .col-xl-8,
  .applications-megamenu .row .col-xl-9,
  .applications-megamenu .row .col-xl-auto,
  .systems-megamenu .row .col,
  .systems-megamenu .row .col-1,
  .systems-megamenu .row .col-10,
  .systems-megamenu .row .col-11,
  .systems-megamenu .row .col-12,
  .systems-megamenu .row .col-2,
  .systems-megamenu .row .col-3,
  .systems-megamenu .row .col-4,
  .systems-megamenu .row .col-5,
  .systems-megamenu .row .col-6,
  .systems-megamenu .row .col-7,
  .systems-megamenu .row .col-8,
  .systems-megamenu .row .col-9,
  .systems-megamenu .row .col-auto,
  .systems-megamenu .row .col-lg,
  .systems-megamenu .row .col-lg-1,
  .systems-megamenu .row .col-lg-10,
  .systems-megamenu .row .col-lg-11,
  .systems-megamenu .row .col-lg-12,
  .systems-megamenu .row .col-lg-2,
  .systems-megamenu .row .col-lg-3,
  .systems-megamenu .row .col-lg-4,
  .systems-megamenu .row .col-lg-5,
  .systems-megamenu .row .col-lg-6,
  .systems-megamenu .row .col-lg-7,
  .systems-megamenu .row .col-lg-8,
  .systems-megamenu .row .col-lg-9,
  .systems-megamenu .row .col-lg-auto,
  .systems-megamenu .row .col-md,
  .systems-megamenu .row .col-md-1,
  .systems-megamenu .row .col-md-10,
  .systems-megamenu .row .col-md-11,
  .systems-megamenu .row .col-md-12,
  .systems-megamenu .row .col-md-2,
  .systems-megamenu .row .col-md-3,
  .systems-megamenu .row .col-md-4,
  .systems-megamenu .row .col-md-5,
  .systems-megamenu .row .col-md-6,
  .systems-megamenu .row .col-md-7,
  .systems-megamenu .row .col-md-8,
  .systems-megamenu .row .col-md-9,
  .systems-megamenu .row .col-md-auto,
  .systems-megamenu .row .col-sm,
  .systems-megamenu .row .col-sm-1,
  .systems-megamenu .row .col-sm-10,
  .systems-megamenu .row .col-sm-11,
  .systems-megamenu .row .col-sm-12,
  .systems-megamenu .row .col-sm-2,
  .systems-megamenu .row .col-sm-3,
  .systems-megamenu .row .col-sm-4,
  .systems-megamenu .row .col-sm-5,
  .systems-megamenu .row .col-sm-6,
  .systems-megamenu .row .col-sm-7,
  .systems-megamenu .row .col-sm-8,
  .systems-megamenu .row .col-sm-9,
  .systems-megamenu .row .col-sm-auto,
  .systems-megamenu .row .col-xl,
  .systems-megamenu .row .col-xl-1,
  .systems-megamenu .row .col-xl-10,
  .systems-megamenu .row .col-xl-11,
  .systems-megamenu .row .col-xl-12,
  .systems-megamenu .row .col-xl-2,
  .systems-megamenu .row .col-xl-3,
  .systems-megamenu .row .col-xl-4,
  .systems-megamenu .row .col-xl-5,
  .systems-megamenu .row .col-xl-6,
  .systems-megamenu .row .col-xl-7,
  .systems-megamenu .row .col-xl-8,
  .systems-megamenu .row .col-xl-9,
  .systems-megamenu .row .col-xl-auto {
    padding-right: 8px;
    padding-left: 8px; }

  .megamenu-icon a {
    position: relative;
    display: block; }

  .megamenu-icon a p {
    display: block;
    padding: 8px 6px 12px;
    font-family: "Heebo", sans-serif;
    font-size: 14px;
    font-weight: 500;
    transition: color .3s;
    text-align: center;
    text-transform: uppercase;
    color: #000; }

  .megamenu-icon a p:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 45%;
    height: 6px;
    content: "";
    transition: background .3s;
    transform: translateX(-50%);
    background: #fff; }

  .megamenu-icon a:hover p:after {
    background: #000; }

  .megamenu-icon .megamenu-image {
    background: #00AD7D; }

  .megamenu-icon a img {
    transition: opacity .3s;
    opacity: 1; }

  .megamenu-icon a:hover img {
    opacity: .5; }

  /*============================= Footer =====================================*/
  /*============================= Home Page ==================================*/
  .home-slider .caption h2 {
    font-size: 52px; }
  .home-slider .slick-dots {
    max-width: 720px; }

  .transducers-slider .slide {
    padding: 180px 0; }
  .transducers-slider .slick-dots {
    bottom: 80px;
    max-width: 720px;
    padding-left: 250px;
    text-align: center; }
  .transducers-slider .transducer-part-1 {
    position: absolute;
    right: auto;
    bottom: 0;
    left: 5%;
    width: 45%; }

  .system-feature-slider .system-slider .slide img {
    height: 350px;
    margin: 40px auto 40px;
    transition: height .8s ease-out, margin .8s ease-out; }
  .system-feature-slider .system-slider .slide p {
    transition: opacity .3s;
    opacity: 0; }
  .system-feature-slider .system-slider .slide a {
    transition: opacity .3s;
    opacity: 0; }
  .system-feature-slider .system-slider .slide .system-cta-arrow i {
    opacity: 0; }
  .system-feature-slider .system-slider .slick-center img {
    height: 500px;
    margin: 0 auto 40px; }
  .system-feature-slider .system-slider .slick-center p {
    opacity: 1; }
  .system-feature-slider .system-slider .slick-center a {
    opacity: 1; }
  .system-feature-slider .system-slider .slick-center .system-cta-arrow i {
    opacity: 1; }

  /*============================= Interior ===================================*/
  .interior-banner-system {
    background-size: 100% auto; }

  .applications-feature .applications-slider-container .applications-slider-controller {
    top: 0;
    right: 21%;
    bottom: auto; }

  .set-up-options .set-up-intro {
    padding: 45px 15px; }
  .set-up-options .right-col {
    padding-right: 0; }
  .set-up-options .left-col {
    padding-left: 0; }

  .system-features {
    text-align: left;
    /* background-image: url("../../../../site/assets/files/1/flexibility.png"); */
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto; }
    .system-features .system-container {
      position: relative; }
      .system-features .system-container .system-image {
        position: absolute;
        z-index: -1;
        max-width: 40%; }
      .system-features .system-container .system-feature-box {
        display: flex;
        width: 60%;
        height: 20%;
        max-width: unset;
        margin: 0 0 15px auto;
        text-align: left; }
        .system-features .system-container .system-feature-box .feature-icon {
          display: inline-block;
          max-width: 130px;
          align-self: center; }
        .system-features .system-container .system-feature-box .feature-caption {
          display: inline-block;
          padding-left: 20px; } }
@media (min-width: 992px) {
  /*============================= Globals ====================================*/
  /*============================= Header =====================================*/
  header .logo {
    max-width: 270px;
    padding-top: 40px;
    transition: padding-top .3s; }
  header.scrolled .logo {
    padding-top: 30px; }
  header #search {
    right: 22px;
    width: 400px; }

  .main-nav nav {
    float: right;
    padding-top: 30px;
    transition: padding-top .3s; }
  .main-nav nav.oc-right > ul > li > a {
    padding: 8px 6px 24px;
    font-size: 14px;
    transition: padding .3s, color .3s; }
  .main-nav.scrolled nav {
    padding-top: 16px; }
  .main-nav.scrolled nav.oc-right > ul > li > a {
    padding: 8px 6px 18px; }

  .nav-spacer {
    margin-top: 133px; }

  /*============================= Navigation =================================*/
  .main-nav nav.oc-right > ul > li > a:after {
    top: 34px;
    transition: top .3s, background .3s; }

  .main-nav.scrolled nav.oc-right > ul > li > a:after {
    top: 30px; }

  /*============================= Footer =====================================*/
  /*============================= Home Page ==================================*/
  .home-slider .slick-dots {
    bottom: 50px;
    max-width: 960px; }

  .transducers-slider .slick-dots {
    max-width: 960px;
    padding-left: 250px;
    text-align: center; }

  .superior-guidance .guidance-background {
    opacity: 1;
    background-size: auto 80%; }

  .application-boxes .application-box {
    padding-top: 270px;
    padding-bottom: 240px; }

  /*============================= Interior ===================================*/
  .interior-banner-system .interior-banner-copy {
    padding: 60px 0 80px; }
  .interior-banner-system .interior-banner-system-image img {
    padding-top: 30px; }

  .interior-banner {
    background-repeat: no-repeat;
    background-position: 0 0, 100% 50%;
    background-size: auto 110%, 80% auto; }
    .interior-banner .interior-banner-copy {
      min-height: 320px; }
      .interior-banner .interior-banner-copy p {
        max-width: 400px; }

  .system-features {
    text-align: center; }
    .system-features .system-container {
      position: relative;
      background-image: url("../img/common/system-circles.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: auto 100%; }
      .system-features .system-container .system-image {
        position: relative;
        z-index: 0;
        height: 750px;
        max-width: unset;
        padding: 80px 0; }
      .system-features .system-container .system-feature-box:nth-child(-n+3) {
        flex-direction: row-reverse;
        text-align: right; }
        .system-features .system-container .system-feature-box:nth-child(-n+3) .feature-caption {
          padding-right: 20px; }
      .system-features .system-container .system-feature-box:nth-child(n+4) {
        flex-direction: row;
        text-align: left; }
        .system-features .system-container .system-feature-box:nth-child(n+4) .feature-caption {
          padding-left: 20px; }
      .system-features .system-container .system-feature-box:nth-child(1) {
        top: 10%;
        left: 0; }
      .system-features .system-container .system-feature-box:nth-child(2) {
        top: 40%;
        left: 0; }
      .system-features .system-container .system-feature-box:nth-child(3) {
        top: 70%;
        left: 0; }
      .system-features .system-container .system-feature-box:nth-child(4) {
        top: 10%;
        right: 0; }
      .system-features .system-container .system-feature-box:nth-child(5) {
        top: 40%;
        right: 0; }
      .system-features .system-container .system-feature-box:nth-child(6) {
        top: 70%;
        right: 0; }
      .system-features .system-container .system-feature-box {
        position: absolute;
        display: flex;
        width: 40%;
        height: 20%;
        margin-bottom: 0;
        font-size: 16px;
        align-items: center; }
        .system-features .system-container .system-feature-box .feature-caption-body {
          font-size: 14px; }
        .system-features .system-container .system-feature-box .feature-icon {
          display: inline-block; } }
@media (min-width: 1200px) {
  /*============================= Globals ====================================*/
  body {
    font-size: 20px; }

  h1,
  h2 {
    font-size: 50px; }

  a.red-arrow {
    font-size: 18px; }

  a.red-times {
    font-size: 18px; }

  /*============================= Header =====================================*/
  header .logo {
    max-width: 339px; }
  header #search {
    right: 36px; }

  .main-nav nav {
    padding-top: 36px; }
  .main-nav nav.oc-right > ul > li > a {
    padding: 8px 6px 36px;
    font-size: 14px; }
  .main-nav.scrolled nav {
    padding-top: 22px; }
  .main-nav.scrolled nav.oc-right > ul > li > a {
    padding: 8px 6px 24px; }

  .nav-spacer {
    margin-top: 143px; }

  /*============================= Navigation =================================*/
  .applications-megamenu {
    padding: 60px 0 15px; }

  .systems-megamenu {
    padding: 60px 45px; }

  /*============================= Footer =====================================*/
  /*============================= Home Page ==================================*/
  .home-slider .caption {
    padding: 150px 0 250px; }
    .home-slider .caption h2 {
      font-size: 50px; }
  .home-slider .slick-dots {
    max-width: 1140px; }

  .system-feature-slider .system-slider .slide img {
    height: 450px;
    margin: 60px auto 40px; }
  .system-feature-slider .system-slider .slick-center img {
    height: 650px;
    margin: 0 auto 40px; }

  .transducers-slider .transducer-part-1 {
    position: absolute;
    right: auto;
    bottom: 0;
    left: 10%;
    width: 40%; }
  .transducers-slider .transducer-part-2 {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 100%; }

  /*============================= Interior ===================================*/
  .interior-banner-system .interior-banner-copy {
    padding: 100px 0 160px; }

  .interior-banner {
    background-position: 0 0, 100% 50%;
    background-size: auto 112%, 80% auto; }

  .set-up-options .set-up-intro {
    padding: 80px 45px; }

  .system-features .system-container .system-image {
    padding: 30px 0; }
  .system-features .system-container .system-feature-box:nth-child(1) {
    left: 3%; }
  .system-features .system-container .system-feature-box:nth-child(3) {
    left: 3%; }
  .system-features .system-container .system-feature-box:nth-child(4) {
    right: 3%; }
  .system-features .system-container .system-feature-box:nth-child(6) {
    right: 3%; }
  .system-features .system-container .system-feature-box {
    width: 38%; }
    .system-features .system-container .system-feature-box .feature-caption-body {
      font-size: 16px; }
    .system-features .system-container .system-feature-box .feature-icon {
      height: 100%;
      max-width: unset; } }
@media (min-width: 1500px) {
  /*============================= Globals ====================================*/
  header #search {
    right: 81px; }

  .container {
    max-width: 1350px; }

  /*============================= Header =====================================*/
  .main-nav nav {
    padding-right: 50px; }
  .main-nav nav.oc-right > ul > li > a {
    padding: 8px 12px 36px;
    font-size: 15px; }
  .main-nav nav.oc-right > ul > li > ul > li > a {
    padding: 2px 12px;
    font-size: 15px; }
  .main-nav.scrolled nav.oc-right > ul > li > a {
    padding: 8px 12px 24px; }

  .nav-spacer {
    margin-top: 144px; }

  /*============================= Navigation =================================*/
  /*============================= Footer =====================================*/
  /*============================= Home Page ==================================*/
  .home-slider .slick-dots {
    max-width: 1350px; }

  .transducers-slider .transducer-part-1 {
    position: absolute;
    right: auto;
    bottom: 0;
    left: 10%;
    width: 30%; }

  /*============================= Interior ===================================*/
  .interior-banner-system .interior-banner-copy {
    padding: 120px 0 160px; }

  .interior-banner {
    background-position: 0 0, 100% 50%;
    background-size: 75% auto, 70% auto; }
    .interior-banner .interior-banner-copy {
      padding: 90px 0 60px; }
      .interior-banner .interior-banner-copy p {
        max-width: 600px; }

  .set-up-options .right-col {
    padding-right: 0; }
  .set-up-options .left-col {
    padding-left: 0; }
  .set-up-options .set-up-intro {
    margin: 0; }
  .set-up-options .set-up-box {
    max-width: 950px;
    margin: 0 0 30px; }
  .set-up-options .left-col .set-up-box {
    float: right; }

  .system-features .system-container .system-image {
    padding: 0; }
  .system-features .system-container .system-feature-box:nth-child(1) {
    left: 5%; }
  .system-features .system-container .system-feature-box:nth-child(3) {
    left: 5%; }
  .system-features .system-container .system-feature-box:nth-child(4) {
    right: 5%; }
  .system-features .system-container .system-feature-box:nth-child(6) {
    right: 5%; }
  .system-features .system-container .system-feature-box {
    width: 30%; } }
@media (min-width: 1650px) {
  /*============================= Globals ====================================*/
  .container {
    max-width: 1500px; }

  /*============================= Header =====================================*/
  .main-nav nav {
    padding-right: 120px; }
  .main-nav nav.oc-right > ul > li > a {
    padding: 8px 15px 36px; }
  .main-nav.scrolled nav.oc-right > ul > li > a {
    padding: 8px 15px 24px; }

  /*============================= Navigation =================================*/
  /*============================= Footer =====================================*/
  /*============================= Home Page ==================================*/
  .home-slider .slick-dots {
    max-width: 1500px; }

  /*============================= Interior ===================================*/
  .interior-banner-system .interior-banner-copy {
    max-width: 850px;
    padding: 140px 0 180px; }

  .interior-banner {
    background-position: 0 0, 100% 50%;
    background-size: 78.5% auto, 70% auto; }
    .interior-banner .interior-banner-copy {
      max-width: 850px;
      padding: 120px 0 100px; }

  .set-up-options .set-up-box {
    max-width: 950px; } }
@media (min-width: 1800px) {
  /*============================= Globals ====================================*/
  .container {
    max-width: 1640px; }

  /*============================= Header =====================================*/
  /*============================= Navigation =================================*/
  /*============================= Footer =====================================*/
  /*============================= Home Page ==================================*/
  .home-slider .slick-dots {
    max-width: 1640px; }

  /*============================= Interior ===================================*/ }
@media (min-width: 2360px) {
  .application-boxes .application-box {
    background-size: 100%, auto 100%; }
    .application-boxes .application-box:hover {
      background-size: 100%, auto 110%; } }

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