body .iei-header-pc, body .iei-main-header {
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

body .m-hdr-header-row {
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

body .mobile-hdr-placeholder {
  height: 54px;
}

@media screen and (min-width: 992px) {
  body .mobile-hdr-placeholder {
    display: none;
  }
}

body .iei-header-mobile {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: fixed;
  background-color: #fff;
  width: 100%;
}

body nav.solution-menu {
  background-color: #7F7F7F;
  top: 54px;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

@media screen and (min-width: 1200px) {
  body nav.solution-menu {
    top: 0;
  }
}

body .sol-header-row {
  background-color: #7F7F7F !important;
}

body .sol-menu-content-m {
  background-color: #7F7F7F !important;
}

body .sol-menu-list-m {
  list-style: none;
  padding: 0;
}

body .e-catalog {
  background: -webkit-gradient(linear, left top, right top, from(#ffbd2b), color-stop(70%, #ff6561)) !important;
  background: linear-gradient(90deg, #ffbd2b 0%, #ff6561 70%) !important;
}

body .iei-live {
  margin-right: 1em !important;
}

.wrapper {
  font-size: 16px;
}

.wrapper .sub-nav {
  display: none;
  background-color: #282828;
  color: white;
  font-weight: 600;
  font-size: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: fixed;
  z-index: 10;
  width: 100%;
  top: 93px;
}

.wrapper .sub-nav .scroll-to-top {
  color: white;
  text-decoration: none;
}

@media screen and (min-width: 992px) {
  .wrapper .sub-nav .scroll-to-top {
    font-size: 0.7em;
  }
}

@media screen and (min-width: 1200px) {
  .wrapper .sub-nav .scroll-to-top {
    font-size: 1em;
  }
}

.wrapper .sub-nav p {
  font-size: 1.2em;
}

.wrapper .sub-nav__link {
  color: #f2f2f2;
  font-size: 14px !important;
  display: inline-block;
}

.wrapper .sub-nav__link:hover {
  color: white;
  text-decoration: none;
}

.wrapper .sub-nav__link-trangle {
  width: 8px;
  margin-right: 1em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.wrapper .sub-nav__link-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper .sub-nav__link-container:hover .sub-nav__link-trangle {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

.wrapper .sub-nav__btn {
  display: block;
  border: solid 1px white;
  border-radius: 30px;
  padding: 0.1em 1.2em;
  cursor: pointer;
}

.wrapper .sub-nav__btn:hover {
  background-color: white;
  color: grey !important;
}

.wrapper .sub-nav__placeholder {
  height: 30px;
}

@media screen and (min-width: 768px) {
  .wrapper .sub-nav__placeholder {
    height: 50px;
  }
}

@media screen and (min-width: 992px) {
  .wrapper .sub-nav__placeholder {
    height: 80px;
  }
}

.wrapper .sub-nav__mobile {
  position: fixed;
  width: 100%;
  z-index: 10;
  background-color: #282828;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 54px;
}

.wrapper .sub-nav__mobile .scroll-to-top {
  color: white;
  text-decoration: none;
  border-bottom: 1px solid white;
  display: inline-block;
  padding: 0.5em;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .wrapper .sub-nav__mobile {
    display: none;
  }
}

.wrapper .sub-nav__mobile-arrow {
  width: 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.wrapper .sub-nav__mobile-content {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.wrapper .sub-nav__mobile-link {
  color: white;
  display: block;
  width: 100%;
  border-bottom: 1px solid white;
  padding: 0.5em 0;
  text-decoration: none;
}

.wrapper .sub-nav__mobile-link-container {
  text-align: center;
}

@media screen and (min-width: 992px) {
  .wrapper .sub-nav {
    display: block;
  }
}

.wrapper {
  font-size: 16px;
}

.wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4 {
  text-align: center;
  font-weight: 300;
}

.wrapper h1 {
  font-size: 1.9em;
  color: #009E96;
}

@media screen and (min-width: 768px) {
  .wrapper h1 {
    font-size: 2.2em;
  }
}

.wrapper h2 {
  color: #009E96;
  font-size: 1.4em;
  padding-top: 0.5em;
}

@media screen and (min-width: 768px) {
  .wrapper h2 {
    font-size: 1.8em;
  }
}

.wrapper h3 {
  color: black;
  font-weight: 500;
  padding: 1em 0;
  font-size: 0.9em;
}

@media screen and (min-width: 768px) {
  .wrapper h3 {
    font-size: 1em;
  }
}

.wrapper h4 {
  color: #2BB3AF;
  font-size: 1.2em;
  padding: 0.5em 0;
}

@media screen and (min-width: 768px) {
  .wrapper h4 {
    padding: 1em 0;
    font-size: 1.5em;
  }
}

.wrapper p {
  font-weight: 300;
  font-size: 14px;
  line-height: 2;
}

.wrapper a {
  text-decoration: none;
}

.wrapper img {
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
}

.wrapper table {
  width: 100%;
  overflow-x: scroll;
  border: solid 2px #28676A !important;
}

.wrapper td {
  padding: 0.3em 0.5em;
  font-size: 0.6em;
}

@media screen and (min-width: 768px) {
  .wrapper td {
    font-size: 1em;
  }
}

.wrapper figure {
  margin: 0;
}

.wrapper ul {
  padding: 0 1em;
}

.wrapper li {
  color: #009E96;
  font-size: 0.8em;
  line-height: 2;
}

.wrapper hr {
  background-color: white;
  height: 1px;
}

.wrapper section {
  padding: 1em 0;
}

@media screen and (min-width: 768px) {
  .wrapper section {
    padding: 3em 0;
  }
}

.wrapper .bg-grey {
  background-color: #EFEFEF;
}

.wrapper .bg-white {
  background-color: #FAFAFA !important;
}

.wrapper .bg-dark-green {
  background-color: #28676A;
}

.wrapper .bg-green {
  background-color: #009E96;
}

.wrapper .td-bg {
  background-color: #EFEFEF;
}

.wrapper .bg-orange {
  background-color: #DA6849 !important;
}

.wrapper .bg-blue {
  background-color: #0071C5;
}

@media screen and (min-width: 992px) {
  .wrapper .row-padding-x {
    padding: 0 10em;
  }
}

@media screen and (min-width: 1200px) {
  .wrapper .px-sm {
    padding: 0 2.2em;
  }
}

.wrapper .pb-large {
  padding-bottom: 3em;
}

@media screen and (min-width: 992px) {
  .wrapper .pb-large {
    padding-bottom: 5em;
  }
}

.wrapper .grid-center {
  display: -ms-grid;
  display: grid;
  place-items: center;
}

.wrapper .box-rounded-30 {
  border-radius: 30px;
}

.wrapper .box-shadow {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.wrapper .mx-auto {
  margin: 0 auto;
}

.wrapper .border-none {
  border: none !important;
}

.wrapper .br-white {
  border-right: solid 1px white;
}

.wrapper .bb-white {
  border-bottom: solid 1px white;
}

.wrapper .bt-white {
  border-top: solid 1px white;
}

.wrapper .sub-nav {
  font-size: 14px;
}

.wrapper .sub-nav__link {
  font-size: 0.7em !important;
}

@media screen and (min-width: 1200px) {
  .wrapper .sub-nav__link {
    font-size: 0.8em !important;
  }
}

.wrapper .sub-nav__link-trangle {
  margin-right: 0.5em;
}

.wrapper .intro__prodPic {
  background-position: left 0 bottom 0;
  background-size: cover;
}

.wrapper .intro__prodPic-img {
  max-width: 100%;
}

@media screen and (min-width: 992px) {
  .wrapper .intro__prodPic-img {
    max-width: 550px;
  }
}

@media screen and (min-width: 1920px) {
  .wrapper .intro__prodPic-img {
    max-width: none;
  }
}

.wrapper .intro2 {
  background-color: #FAFAFA;
  position: relative;
}

.wrapper .intro2__icon {
  max-width: 100px;
  height: 100px;
}

@media screen and (min-width: 992px) {
  .wrapper .intro2__icon {
    max-width: 180px;
  }
}

@media screen and (min-width: 992px) {
  .wrapper .intro2 h3 {
    font-size: 13px;
  }
}

@media screen and (min-width: 1200px) {
  .wrapper .intro2 h3 {
    font-size: inherit;
  }
}

@media screen and (min-width: 992px) {
  .wrapper .intro2 p {
    font-size: 12px;
  }
}

@media screen and (min-width: 1200px) {
  .wrapper .intro2 p {
    font-size: 15px;
  }
}

.wrapper .solution__tab {
  position: relative;
}

.wrapper .solution__tab-title {
  display: none;
}

@media screen and (min-width: 992px) {
  .wrapper .solution__tab-title {
    display: block;
  }
}

.wrapper .retail {
  position: relative;
}

.wrapper .intel {
  background-position: left 0 bottom 0;
  background-size: cover;
}

.wrapper .intel__icon {
  max-width: 100px;
}

.wrapper .intel__box {
  background-color: #0071C5;
  padding: 4em 0;
  margin-top: 1em;
}

.wrapper .intel__box-li {
  color: white;
}

.wrapper .intel__box-a {
  background-color: white;
  color: #0071C5;
  padding: 0.2em 1em;
}

.wrapper .intel__box-a .triangle {
  background-color: #0071C5;
}

.wrapper .intel__box-a:hover {
  background-color: #0071C5;
  color: white;
  border: 1px solid white;
}

.wrapper .intel__box-a:hover .triangle {
  background-color: white;
}

.wrapper .who__orangeBox {
  max-width: 1200px;
  margin: 0 auto;
}

.wrapper .tab__title {
  color: #828282;
  background-color: transparent;
  width: 50%;
  text-align: center;
}

.wrapper .tab__title-p {
  margin: 0;
  display: inline-block;
  font-size: 0.8em;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .wrapper .tab__title-p {
    width: 50%;
    font-size: 1.5em;
  }
}

.wrapper .tab__content {
  border: none;
}

.wrapper .tab__content-container {
  background-color: transparent;
}

.wrapper .tab__title.resp-tab-active {
  background-color: transparent !important;
  color: #009E96;
}

.wrapper .tab__title.resp-tab-active p {
  border-bottom: solid 1px #009E96;
}

.wrapper .resp-tab-item {
  border-right: none;
}

.wrapper .resp-accordion {
  background-color: #009E96;
  color: white;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  border-bottom: solid 2px #009E96 !important;
  margin-bottom: 1em;
}

@media screen and (min-width: 992px) {
  .wrapper .resp-accordion {
    display: none;
  }
}

.wrapper .resp-accordion.resp-tab-active {
  background-color: transparent !important;
}

.wrapper .resp-accordion.resp-tab-active .tab__title-p {
  color: #009E96;
}

.wrapper .resp-accordion.resp-tab-active span.resp-arrow {
  border-bottom: 10px solid #009E96 !important;
}

.wrapper h2.resp-accordion:first-child {
  border-top: none !important;
}

.wrapper .resp-arrow {
  border-top: 10px solid white;
}

.wrapper .triangle {
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
          clip-path: polygon(100% 50%, 0 0, 0 100%);
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: black;
  margin-left: 10px;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.wrapper .triangle__white {
  background-color: white;
}

.wrapper .linear-green-to-black {
  font-weight: 700;
  font-size: 1.3em;
  font-style: italic;
  background-size: cover;
  background: #2bb3af;
  background: -webkit-gradient(linear, left top, right top, from(#2bb3af), to(black));
  background: linear-gradient(90deg, #2bb3af 0%, black 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(255, 255, 255, 0);
  padding: 1em;
  text-align: center;
  line-height: 2;
}

@media screen and (min-width: 1200px) {
  .wrapper .linear-green-to-black {
    font-size: 1.5em;
  }
}

.wrapper .linear-green-to-black__container {
  min-height: 150px;
  border: solid 1px #009E96;
}

.wrapper .dash {
  height: 1px;
  width: 20%;
  position: absolute;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, #2BB3AF), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #2BB3AF 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 16px 1px;
  background-repeat: repeat-x;
}

.wrapper .dash__right {
  top: 0;
  right: 0;
}

.wrapper .dash__left {
  bottom: 0;
  left: 0;
}

.wrapper .btn {
  display: inline-block;
  border-radius: 30px;
  text-align: center;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.wrapper .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.wrapper .btn__small {
  padding: 0em 1em;
}

.wrapper .btn__big {
  padding: 0.3em 2em;
}

@media screen and (min-width: 992px) {
  .wrapper .btn__big {
    min-width: 410px;
  }
}

.wrapper .btn__learnMore {
  background-color: #009E96;
  color: white;
  border: 1px solid #009E96;
}

.wrapper .btn__learnMore:hover {
  color: #009E96;
  background-color: white;
}

.wrapper .btn__learnMore:hover .triangle__white {
  background-color: #009E96;
}

.wrapper .btn__mustang {
  background-color: white;
  border: 1px solid #DA6849;
}

.wrapper .btn__mustang:hover {
  background-color: #DA6849;
  border: 1px solid white;
  color: white;
}

.wrapper .btn__mustang:hover .triangle {
  background-color: white;
}

.wrapper .btn__intro {
  min-width: 150px;
}

.wrapper .btn__green {
  color: white;
  background-color: #009E96;
  border: 1px solid #009E96;
}

.wrapper .btn__green:hover {
  border: 1px solid #009E96;
  background-color: white;
  color: #009E96;
}

.wrapper .btn__blue {
  color: white;
  background-color: #1E6EBE;
  border: 1px solid #1E6EBE;
}

.wrapper .btn__blue:hover {
  border: 1px solid #1E6EBE;
  background-color: white;
  color: #1E6EBE;
}

.wrapper .btn__orange {
  color: white;
  border: 1px solid #DA6849;
  background-color: #DA6849;
}

.wrapper .btn__orange:hover {
  background-color: white;
  color: #DA6849;
}

.wrapper .btn__blackbg {
  padding: 0.1em 0.8em;
}

@media screen and (min-width: 992px) {
  .wrapper .btn__blackbg {
    font-size: 0.7em;
  }
}

@media screen and (min-width: 1200px) {
  .wrapper .btn__blackbg {
    font-size: 0.9em;
  }
}

.wrapper .btn__blackbg:hover {
  background-color: #282828;
  color: white;
}
/*# sourceMappingURL=style.css.map */