features-list/* CSS BASE STYLES Version 5.0 (March 2020) */
/* DO NOT EDIT. Site styles should be specified in other stylesheets */
h1, h2, h3, h4, h5, h6, p, li, blockquote, span {
  cursor: default; }

a *, button * {
  cursor: pointer; }

body {
  overflow-x: hidden;
  font: inherit; }

.container-fluid {
  position: relative;
  padding: 0 0.9375rem;
  z-index: 1; }

.row {
  position: relative;
  margin: 0 -0.9375rem; }

.span {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%; }

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

.col > div, [class^='col-'] > div {
  position: relative; }

h1 {
  font-size: 2em;
  margin: 3rem 0 0.5em; }

h2 {
  font-size: 1.5em;
  margin: 3rem 0 0.5em; }

h3 {
  font-size: 1.25em;
  margin: 3rem 0 0.5em; }

h4 {
  font-size: 1em;
  margin: 3rem 0 0.5em; }

h1 a,
h1 a:hover,
h1 a:active,
h1 a:focus {
  color: inherit; }

h1,
h2:first-child,
h3:first-child,
h4:first-child {
  margin-top: 0; }

p {
  margin-bottom: 1.5em; }

blockquote {
  margin-bottom: 1em; }

figure {
  margin: 0 0 1.5em; }

figure.floatleft {
  float: left;
  margin: 0 1.5em 1.5em 0; }

figure.floatright {
  float: right;
  margin: 0 0 1.5em 1.5em; }

img {
  display: block;
  max-width: 100%; }

video {
  display: block;
  max-width: 100%;
  height: auto; }

ol, ul {
  padding-left: 2em;
  margin-top: 0;
  margin-bottom: 2em; }

li {
  margin: 0 0 0.5em; }

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

a:active, a:hover, a:focus {
  outline: none !important; }

:focus {
  outline: none !important; }

button {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

button {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  text-align: left; }

button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.btn {
  padding: 0.375em 0.75em;
  font-size: 1em;
  border: 0;
  border-radius: 0.25rem; }

.btn:hover,
.btn:active,
.btn:focus,
.btn:active:focus {
  outline: none; }

.form-group {
  margin-bottom: 0.9375rem; }

.form-control {
  font-size: 1em;
  color: #000;
  border-radius: 0.25em; }

h1:last-child,
h2:last-child,
h3:last-child,
p:last-child,
blockquote:last-child,
ol:last-child,
ul:last-child,
.panel:last-child,
.card:last-child {
  margin-bottom: 0; }

blockquote:first-child {
  margin-top: 0; }

/*
 * Responsive Menu 3.0.0
 *
 * Simple off-canvas mobile-first menu with animated hamburger icon
*/
/* DO NOT EDIT | Add override styles in site css to customise */
.container-fluid {
  position: relative;
  z-index: 1;
  background: #fff;
  transition: transform 0.3s; }

.menu-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow-y: auto;
  opacity: 0;
  -webkit-overflow-scrolling: touch;
  width: 90%;
  transform: translate3d(50%, 0, 0);
  transition: transform 0.3s, opacity 0.3s;
  background: #fff;
  padding: 5rem 0 3rem; }

.page-scrim {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
  background: rgba(0, 0, 0, 0.8); }

.menu-toggle * {
  pointer-events: none; }

.menu-btn {
  position: absolute;
  top: 1em;
  right: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.8); }

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

.menu li {
  position: relative;
  padding: 0;
  margin: 0; }

.menu li > a, .menu li > span {
  position: relative;
  display: block;
  padding: 0.6em 1.875rem;
  color: inherit !important;
  font-weight: inherit; }

.menu .drop > button {
  position: relative;
  display: block;
  padding: 0.6em 3.5rem 0.6em 1.875rem;
  color: inherit !important;
  font-weight: inherit;
  width: 100%;
  box-sizing: border-box; }
.menu .drop > button::after, .menu .drop > a::after, .menu .drop > span::after {
  content: '\f078';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  width: 1em;
  text-align: center; }

.menu .drop > div {
  display: none;
  background: rgba(0, 0, 0, 0.05); }

.menu .drop section {
  margin-top: 1em; }

.menu .drop section > strong {
  padding: 0.6em 1.875rem; }

.menu .drop.active > button {
  background: rgba(0, 0, 0, 0.1); }

.menu .drop.active > button::after {
  transform: translateY(-50%) rotate(180deg); }

.menu-bar {
  display: none; }

.menu-bar ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.menu-bar li {
  position: relative;
  padding: 0;
  margin: 0; }

.menu-bar li > a, .menu-bar li > span {
  position: relative;
  display: block;
  padding: 0.6em;
  color: inherit !important;
  font-weight: inherit; }

.menu-bar > ul {
  display: flex; }

.menu-bar > ul > li {
  display: flex;
  align-items: center; }

.menu-bar > ul > li > a {
  display: flex;
  align-items: center; }

.menu-bar > ul > li > span {
  display: flex;
  align-items: center;
  cursor: default; }

.menu-bar .drop > div {
  display: block;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff; }

.menu-bar .drop:hover > div {
  visibility: visible; }

.menu-bar .drop > a, .menu-bar .drop > span {
  padding-right: 1.75em; }

.menu-bar .drop > a::after, .menu-bar .drop > span::after {
  content: '\f078';
  font-family: 'Font Awesome 5 Pro';
  font-size: 0.667em;
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  width: 1em;
  text-align: center; }

.menu-bar .drop > div > div > ul > li > a {
  white-space: nowrap; }

.menu-bar .drop.megamenu {
  position: static; }

.menu-bar .drop.megamenu > div {
  left: 0;
  right: 0;
  transform: none; }

@media (max-width: 61.9375em) {
  .menu-open .menu-drawer {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  .menu-open .page-scrim {
    opacity: 1;
    z-index: 2; }
  .menu-open .sticky-header,
  .menu-open .container-fluid,
  .menu-open .page-scrim {
    transform: translate3d(-90%, 0, 0); } }

@media (min-width: 62em) {
  .menu-btn {
    display: none !important; }
  .menu-bar {
    display: block; } }

/* Animated Hamburger Icon */
.hamburger {
  padding: 1.125em 1em;
  display: block;
  cursor: pointer;
  transition-property: opacity, filter, top;
  transition-duration: 0.15s, 0.15s, 0.3s;
  transition-timing-function: linear, linear, ease;
  font: inherit;
  font-size: 1rem;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }

.hamburger:hover {
  opacity: 0.7; }

.menu-open .hamburger:hover {
  opacity: 0.7; }

.menu-open .hamburger .hamburger-inner,
.menu-open .hamburger .hamburger-inner::before,
.menu-open .hamburger .hamburger-inner::after {
  background-color: #000; }

.hamburger-box {
  width: 1em;
  height: 0.75em;
  display: block;
  position: relative;
  pointer-events: none; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -0.0625em;
  pointer-events: none; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 1em;
  height: 0.125em;
  background-color: #000;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block; }

.hamburger-inner::before {
  top: -0.3125em; }

.hamburger-inner::after {
  bottom: -0.3125em; }

/* Squeeze */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease; }

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.menu-open .hamburger--squeeze .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.menu-open .hamburger--squeeze .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease; }

.menu-open .hamburger--squeeze .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* DO NOT EDIT | Add override styles in site css to customise */
html, body {
  display: flex;
  width: 100%; }

.container-fluid {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%; }

.container-fluid::before {
  content: '';
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 3;
  transition: opacity 0.3s; }

#header {
  position: relative;
  z-index: 3;
  background: #fff; }

#main {
  margin: 0 -0.9375rem;
  padding: 0 0.9375rem;
  flex: 1 0 auto;
  position: relative;
  margin-bottom: -1px; }

#main > .row:last-child:not([data-bg]) {
  border-bottom: 1px solid #cccccc; }

@media (min-width: 48em) {
  .span {
    width: 94.375%;
    max-width: 96rem;
    margin: 0 auto; } }

.row {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.row > .span {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem; }

@media (min-width: 75em) {
  .row {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; } }

.row--slim {
  padding-top: 0;
  padding-bottom: 0; }

.row--border-top {
  border-top: 1px solid #e6e6e6; }

.row--border-bottom {
  border-bottom: 1px solid #e6e6e6; }

@media (min-width: 48em) {
  .row.content > .span > div[class*="col-md-6"]:nth-child(even) {
    padding-left: 3rem; } }

@media (min-width: 62em) {
  .row.content > .span > div[class*="col-lg-6"]:nth-child(even) {
    padding-left: 3rem; } }

.keyline {
  padding: 1em 1.5em;
  border: 0.05em solid #fff; }

.vertical--align {
  display: flex;
  align-items: center; }

.image-right {
  margin-left: auto; }

figure.floatleft,
figure.floatright {
  max-width: 55%; }

[data-bg="light"] {
  background: #ddd; }

[data-bg="light-linear-grad"] {
  background: #dcdcdc;
  background: -moz-linear-gradient(top, #dcdcdc 0%, #fafafa 50%, #dcdcdc 100%);
  background: -webkit-linear-gradient(top, #dcdcdc 0%, #fafafa 50%, #dcdcdc 100%);
  background: linear-gradient(to bottom, #dcdcdc 0%, #fafafa 50%, #dcdcdc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#dcdcdc',GradientType=0 ); }

[data-bg="dark-radial-grad"] {
  background: radial-gradient(circle, #525252 0%, #191919 75%); }

[data-bg="dark-radial-grad-tl"] {
  background: radial-gradient(circle at 25% 0, #525252 0%, #191919 75%); }

[data-bg="dark-radial-grad-br"] {
  background: radial-gradient(circle at 75% 100%, #525252 0%, #191919 75%); }

[data-bg="default-radial-grad-br"] {
  background: radial-gradient(circle at 75% 100%, #948cc3 0%, #535486 75%); }

[data-bg="blue"] {
  background: #0075bf;
  color: #fff; }

[data-bg="black"] {
  background: #000; }

[data-bg="purple-grad"] {
  background: radial-gradient(circle at 75% 100%, #948cc3 0%, #535486 75%) !important;
  color: #fff !important; }
  [data-bg="purple-grad"] .lead {
    color: #fff !important; }

[data-bg="green-pixels"] {
  background: #6ee832;
  background: -moz-radial-gradient(bottom right, ellipse cover, #6ee832 0%, #009e41 100%);
  background: -webkit-radial-gradient(bottom right, ellipse cover, #6ee832 0%, #009e41 100%);
  background: radial-gradient(ellipse at bottom right, #6ee832 0%, #009e41 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ee832', endColorstr='#009e41',GradientType=1 );
  color: #fff;
  position: relative; }
  [data-bg="green-pixels"] * {
    color: #fff !important; }
  [data-bg="green-pixels"]::before {
    content: '';
    background: url("../img/common/promo-links/iknow-pixels.png") bottom right/100% auto no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%; }
    @media (min-width: 48em) {
      [data-bg="green-pixels"]::before {
        background-size: 50% auto; } }

[data-bg="blue-radial-grad-br"] {
  background: radial-gradient(circle at 75% 100%, #008edf 0%, #0060c0 75%); }

[data-bg="black"],
[data-bg="black"] a,
[data-bg="dark-radial-grad"],
[data-bg="dark-radial-grad"] a,
[data-bg="dark-radial-grad-tl"],
[data-bg="dark-radial-grad-tl"] a,
[data-bg="dark-radial-grad-br"],
[data-bg="dark-radial-grad-br"] a,
[data-bg="default-radial-grad-br"],
[data-bg="default-radial-grad-br"] a {
  color: #fff !important; }

[data-bg="light"] {
  background: #f7f7f7; }

/*_____________________________________________________________ TYPOGRAPHY */
html {
  font: 5vw/1.3 'futura-pt', sans-serif; }

body {
  font-family: inherit;
  color: #000; }

@media (min-width: 20em) {
  html {
    font-size: 100%; } }

h1 {
  font-size: 1.75em; }

h2 {
  font-size: 1.4em; }

h3 {
  font-size: 1em;
  font-weight: 600; }

@media (min-width: 62em) {
  h1 {
    font-size: 2em; }
  h2 {
    font-size: 1.6em; } }

@media (min-width: 75em) {
  h1 {
    font-size: 2.5em; }
  h2 {
    font-size: 2em; } }

h1 + .sub-heading {
  font-size: 1.125em;
  color: #666666;
  margin-top: -0.5em; }

@media (min-width: 75em) {
  h1 + .sub-heading {
    font-size: 1.3125em; } }

b, strong {
  font-weight: 600; }

.lead {
  font-size: 1.125em;
  color: #666666;
  font-weight: 400; }

@media (min-width: 62em) {
  .lead {
    font-size: 1.3125em; } }

.branded-text {
  color: #535486 !important; }

[data-color="blue"] {
  color: #0075bf; }

ul {
  padding-left: 1em;
  list-style: none; }

li {
  position: relative; }

li::before {
  content: '\2022';
  position: absolute;
  top: 0;
  left: -1.25em; }

ul.list-compact {
  margin-bottom: 0; }

ul.list-compact li {
  margin-bottom: 0.125em; }

ul.list-unstyled li::before {
  content: none; }

ul.list-nested {
  margin-bottom: 2rem; }

ul.red-numbered {
  list-style: none;
  margin-left: 0; }
  ul.red-numbered li {
    counter-increment: custom;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-right: 2rem;
    padding-left: 1rem;
    margin-bottom: 0.75rem;
    break-inside: avoid-column;
    page-break-inside: avoid; }
  ul.red-numbered li::before {
    content: '';
    position: absolute;
    left: -1rem;
    top: 0;
    width: 1.5rem;
    height: 1.5rem;
    background: #d2081e;
    border-radius: 50%;
    z-index: 0; }
  ul.red-numbered li::after {
    content: counter(custom) " ";
    position: absolute;
    left: -0.55rem;
    top: 0.125rem;
    width: 1.5rem;
    height: 1.5rem;
    color: #fff;
    font-weight: 800; }
  ul.red-numbered li:first-child {
    counter-reset: custom; }

ul.tick-list li::before {
  content: '\f00c';
  font-family: 'Font Awesome 5 Pro'; }

ul.tick-list.green li::before {
  color: #50a500; }

.video-thumb-links {
  list-style: none;
  padding: 0;
  margin-bottom: 0; }
  .video-thumb-links > li::before {
    content: none; }

@media (min-width: 36em) {
  .video-thumb-links {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.25em;
    margin-right: -0.25em; }
    .video-thumb-links li {
      flex: 0 0 50%;
      width: 100%;
      max-width: 50%;
      padding: 0 0.25em; } }

@media (min-width: 62em) {
  .video-thumb-links li {
    flex: 0 0 33.333%;
    max-width: 33.333%; } }

/*__________________________________________________________________ LINKS */
a,
a:hover,
a:active,
a:focus {
  color: #0060d8;
  font-weight: 600; }

.inactive-link {
  pointer-events: none;
  cursor: default; }

.link {
  position: relative;
  display: block;
  padding-left: 2.15em; }
  .link::before {
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-size: 0.875em;
    position: absolute;
    top: -0.1375em;
    left: 0;
    width: 1.714em;
    height: 1.714em;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center; }

li > .link {
  padding-top: 0.1425em;
  padding-bottom: 0.1425em; }
  li > .link::before {
    top: 0.05em; }

.shop-link {
  font-weight: 400 !important;
  display: inline-block;
  padding: 0.475em 0.5em;
  border: 1px solid #0060d8;
  font-size: 0.875em;
  height: 2.25em;
  border-radius: 1.125em; }

.shop-link:hover {
  background: #0060d8;
  color: #fff; }

.video-thumb-link {
  display: block;
  position: relative;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat; }
  .video-thumb-link::before {
    content: '';
    display: block;
    height: 0;
    padding-top: 56.25%; }
  .video-thumb-link::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.75;
    transition: opacity 0.2s ease; }
  .video-thumb-link > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    text-align: center;
    padding: 0.5em;
    z-index: 1; }
    .video-thumb-link > div::before {
      content: '\f144';
      font-family: 'Font Awesome 5 Pro';
      font-weight: 400;
      font-size: 2em;
      display: block;
      text-align: center;
      margin-bottom: 0.25em; }
    .video-thumb-link > div > span {
      display: block;
      width: 100%;
      max-width: 100%; }
  .video-thumb-link:hover::after {
    opacity: 0.85; }

.isource-link a {
  display: flex;
  height: 2.25em;
  border-radius: 1.125em;
  font-weight: inherit;
  color: #535486 !important;
  padding: 0.1875em;
  align-items: center;
  font-size: 0.875em;
  position: relative; }

.isource-link a::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 1.125em;
  pointer-events: none; }

.isource-link a:hover {
  background: rgba(0, 0, 0, 0.05); }

.isource-link a:hover::before {
  opacity: 0; }

.isource-link a span {
  display: block;
  padding: 0 0.75em; }

.isource-link a span::after {
  content: ':'; }

.isource-link a button {
  display: block;
  color: #fff !important;
  background: #535486;
  height: 1.875em;
  border-radius: 0.9375em;
  padding: 0 0.75em; }

.isource-link.logged-in a span {
  margin: 0; }

.isource-link.logged-in a span::after {
  content: none; }

.isource-link.logged-in a button {
  display: none; }

button {
  box-sizing: border-box; }

.btn-link {
  font-size: 0.875em;
  width: 1.714em;
  height: 1.714em;
  border: 1px solid #0060d8;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 0;
  box-sizing: border-box;
  color: #0060d8;
  text-decoration: none !important; }

.btn-purple {
  background: #535486;
  color: #fff;
  padding: 0.75em;
  display: block; }
  .btn-purple:hover {
    color: #fff !important; }

.btn-white {
  background: #fff;
  color: #0060d8;
  padding-top: 0.75em;
  padding-right: 0.75em;
  padding-bottom: 0.75em;
  display: inline-block;
  font-weight: 400; }
  .btn-white:hover {
    font-weight: 400; }
  .btn-white.link::before {
    border: none;
    top: 50%;
    left: 0.5em;
    transform: translateY(-50%); }

.btn-text-link {
  position: relative;
  padding: 0.75em 1.5em 0.75em 2em;
  font-weight: 800; }
  .btn-text-link:hover {
    font-weight: 800; }
  .btn-text-link::before {
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-size: 0.875em;
    width: 1.714em;
    height: 1.714em;
    border: 1px solid #0060d8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #0060d8;
    text-decoration: none !important;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
  .btn-text-link.right {
    padding: 0.75em 2em 0.75em 1.5em; }
    .btn-text-link.right::before {
      left: 100%;
      transform: translate(-100%, -50%); }
  .btn-text-link.blue {
    color: #0060d8; }
  .btn-text-link.black {
    background: #000; }
    .btn-text-link.black::before {
      color: #fff;
      border-color: #fff; }

.btn.btn-arrow-link {
  padding: 0.85em;
  border: 1px solid #0060d8;
  border-radius: 0;
  position: relative; }
  .btn.btn-arrow-link::before {
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    color: #0060d8;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .btn.btn-arrow-link:hover {
    background: #0060d8;
    border-color: #fff; }
    .btn.btn-arrow-link:hover::before {
      color: #fff; }
  .btn.btn-arrow-link.white {
    border-color: #fff; }
    .btn.btn-arrow-link.white::before {
      color: #fff; }
    .btn.btn-arrow-link.white:hover {
      background: #fff;
      border-color: #000; }
      .btn.btn-arrow-link.white:hover::before {
        color: #000; }

.btn.video {
  background: #535486;
  color: #fff !important;
  font-weight: bold;
  padding: 0.5em 1em 0.5em 3em;
  border-radius: 0.125em;
  position: relative; }
  .btn.video::before {
    content: '\f144';
    font-weight: 400;
    font-size: 1.5em;
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.75rem;
    color: #fff; }

.link.download::before {
  content: '\f33d'; }

.btn.btn-video-link {
  display: block;
  color: #fff !important;
  font-weight: bold;
  padding: 0.5em 2.5em 0.5em 1em;
  border-radius: 0.125em;
  position: relative; }
  .btn.btn-video-link::before {
    content: '\f04b';
    font-weight: 800;
    font-size: 0.8em;
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #fff;
    border: 0.05rem solid #fff;
    padding: 0.25rem 0.5rem; }

.btn.video.white {
  background: #fff;
  color: #535486 !important; }
  .btn.video.white::before {
    color: #535486; }

a.btn-blue {
  background: #0060d8;
  color: #fff;
  border-radius: 0; }

a.btn-grey {
  box-shadow: none !important;
  padding: 1.25rem 1.5rem !important;
  background: #eee !important;
  display: inline !important;
  font-weight: 400 !important; }
  a.btn-grey.btn-pdf {
    padding-right: 3em !important; }

a.btn-pdf {
  background: #fff;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  color: #000;
  border-radius: 0;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  padding-right: 3rem;
  padding-left: 0.75rem;
  position: relative; }
  a.btn-pdf::before {
    content: '\f1c1';
    font-weight: 200;
    font-size: 1.6em;
    font-family: 'Font Awesome 5 Pro';
    color: red;
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%); }
  a.btn-pdf:hover {
    color: #0060d8 !important; }

a.btn {
  font-weight: 400 !important; }

.btn--outline {
  position: relative;
  border: 1px solid #000;
  border-radius: 0.1em; }

.btn--outline::after {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  display: inline-block;
  margin-left: 0.5em; }

.btn--outline.btn--pdf::after {
  content: '\f1c1';
  color: red; }

.btn--outline.btn--print::after {
  content: '\f02f'; }

.form-group {
  position: relative; }

.form-control {
  border-radius: 0;
  border-color: #f0f0f0;
  background-color: #f0f0f0; }

.panel {
  background: #fff;
  color: #000;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 1em; }

.panel > div {
  padding: 0.9375rem; }

.panel.new {
  padding-top: 2em;
  position: relative; }
  .panel.new::before {
    content: 'NEW';
    position: absolute;
    right: 1em;
    top: 0;
    padding: 0.25em 0.5em;
    background: #d2081e;
    color: #fff;
    font-weight: 800;
    font-size: 1.2em; }

#header {
  height: 5rem;
  display: flex;
  margin: 0 -0.9375rem;
  padding: 0; }

#header > .span {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
  padding: 0 0.9375rem; }

#header .logo {
  position: absolute;
  top: 50%;
  left: 0.9375rem;
  transform: translateY(-50%);
  display: block;
  width: 6.967rem; }

#header .logo img {
  width: 100%;
  margin: 0; }

#header .header-utilities {
  display: none; }

#header .menu-bar {
  margin-right: -0.5em; }

@media (min-width: 62em) {
  #header {
    height: 6.875rem; }
  #header .logo {
    width: 13.934rem; }
  #header .header-utilities {
    display: flex;
    align-items: center; }
  #header .header-utilities .shop-link {
    margin-right: 1em;
    display: block; }
  #header .header-utilities .search-control {
    margin-top: 0.25em;
    margin-right: 1.5em; }
  #header .header-utilities .isource-link {
    margin-right: 1em; } }

#newsletter-request {
  text-align: center; }

#newsletter-request h3 {
  font-size: 2em;
  font-weight: 400;
  margin-bottom: 1.25em; }

#newsletter-request .form-group {
  position: relative;
  max-width: 30rem;
  margin: 0 auto;
  background: #f0f0f0; }

#newsletter-request input[type="email"] {
  background: none; }

#newsletter-request input[type=email]::-ms-clear {
  display: none; }

#newsletter-request button {
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%); }

@media (min-width: 62em) {
  #newsletter-request input[type="email"] {
    font-size: 1.5em; }
  #newsletter-request button {
    right: 1em; } }

#footer-utilities {
  padding: 0 0.9375rem;
  margin: 0 -0.9375rem; }

#footer-utilities .span {
  padding: 2rem 0 1rem;
  display: block; }

#footer-utilities .isource-link {
  position: absolute;
  top: 3rem;
  transform: translateY(-50%);
  right: 0; }

#footer-utilities .isource-link a::before {
  border-color: rgba(255, 255, 255, 0.1); }

#footer-utilities .isource-link a:hover {
  background: rgba(255, 255, 255, 0.15); }

#footer-utilities .isource-link a span {
  color: #fff; }

#footer-utilities .region-control {
  margin-top: 1.5em;
  margin-bottom: 0.75em;
  color: #fff;
  border-color: #666666; }

#footer-utilities .region-control::before {
  border-color: rgba(255, 255, 255, 0.1); }

#footer-utilities .region-control:hover {
  background: rgba(255, 255, 255, 0.15); }

#footer-utilities .language-switch {
  font-size: 3.5vw;
  justify-content: space-between;
  color: #9c9c9c;
  align-self: stretch; }

#footer-utilities .language-switch a {
  color: #fff; }

@media (min-width: 28.625em) {
  #footer-utilities .language-switch {
    font-size: 1em;
    justify-content: flex-start;
    margin: 0 -0.75em; }
  #footer-utilities .language-switch a {
    display: block;
    padding: 0.75em; } }

@media (min-width: 48em) {
  #footer-utilities .span {
    padding: 3rem 0 2rem; }
  #footer-utilities .region-control {
    margin-top: 0; }
  #footer-utilities .social-links {
    font-size: 2.25em;
    position: absolute;
    top: 3rem;
    right: 0; }
  #footer-utilities .isource-link {
    top: auto;
    bottom: 3.4em;
    transform: translateY(50%); } }

#company-footer {
  padding: 0 0.9375rem;
  margin: 0 -0.9375rem; }

#company-footer .span {
  padding: 1.5rem 0 2.5rem;
  display: block; }

#company-footer .logo {
  display: none; }

#company-footer .footer-links {
  font-size: 0.75em; }

#company-footer .footer-links ul {
  display: flex;
  margin: 0 -0.5em 1em; }

#company-footer .footer-links li {
  padding: 0 0.5em;
  margin: 0; }

#company-footer .footer-links a {
  font-weight: 400; }

#company-footer .company-info {
  font-size: 0.75em;
  color: #666666;
  flex-basis: 100%; }

#company-footer .company-info span {
  display: block; }

@media (min-width: 48em) {
  #company-footer .span {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right; }
  #company-footer .logo {
    display: block;
    position: absolute;
    top: 1.75em;
    left: 0;
    width: 16rem; }
  #company-footer .logo img {
    width: 100%; }
  #company-footer .footer-links {
    font-size: 0.875em; }
  #company-footer .company-info {
    font-size: 0.875em; } }

@media (min-width: 60.5em) {
  #company-footer .logo {
    width: 25rem; } }

/* Menu Customisation */
.menu-bar-open .container-fluid::before {
  opacity: 1; }

.menu-bar {
  margin-bottom: 1em; }

.menu-bar .drop > div {
  font-size: 0.875em;
  min-width: 16em; }

@media (max-width: 47.9875em) {
  .btn-i18n {
    padding: 0.6em 1.875rem; } }

@media (min-width: 75em) {
  .menu-bar .drop > div {
    font-size: 1em; } }

.menu-bar .drop > div {
  padding-top: calc(1rem + 1.125em);
  background: rgba(255, 255, 255, 0); }

.menu-bar .drop > div > div {
  background: #fff;
  border-radius: 0.375rem;
  transition: transform 0.3s ease;
  transform: scale(0.75);
  transform-origin: 50% 0; }

.menu-bar-open .menu-bar .drop > div > div {
  transform: scale(1); }

.menu-bar .drop > div > div > div {
  padding: 1em; }

.menu-bar .drop > div > div > div > ul {
  margin: 0 -1em; }

.menu-bar .drop ul li > a,
.menu-bar .drop ul li > button {
  padding: 0.4em 1em;
  color: #0060d8 !important;
  font-weight: 600 !important; }

.menu-bar .drop.megamenu > div {
  margin-top: -1rem;
  left: 0.9375rem;
  right: 0.9375rem; }

.menu-bar .drop.megamenu > div > div section {
  padding: 1em; }

.menu-bar .drop.megamenu > div > div section ul li > a {
  padding-right: 0;
  padding-left: 0; }

.menu-bar .drop.megamenu > div > div section ul li > a .link.download {
  display: inline;
  padding-right: 1.25rem;
  position: relative; }
  .menu-bar .drop.megamenu > div > div section ul li > a .link.download::after {
    content: '\f33d';
    font-weight: 200;
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }

.menu-bar .drop:hover > a::before,
.menu-bar .drop:hover > span::before {
  content: '';
  position: absolute;
  top: calc(100% + 2.125em);
  left: 50%;
  transform: translate(-50%, -100%);
  border-top: 0;
  border-right: 0.625em solid transparent;
  border-bottom: 0.75em solid #535486;
  border-left: 0.625em solid transparent; }

.menu-bar .drop.no-drop-header:hover > a::before,
.menu-bar .drop.no-drop-header:hover > span::before {
  border-bottom-color: #fff; }

.menu-bar .drop > a::after,
.menu-bar .drop > span::after {
  color: rgba(0, 0, 0, 0.4); }

.menu-bar .drop:hover > a::after,
.menu-bar .drop:hover > span::after {
  color: rgba(0, 0, 0, 0.8); }

.menu-bar .drop:hover > div > div {
  transform: scale(1); }

.menu-bar .drop-header {
  padding: 0 !important;
  background: #535486;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem; }

.menu-bar .drop-header a {
  display: block;
  padding: 1em !important;
  color: #fff !important;
  white-space: nowrap; }

.menu-bar .megamenu .drop-header {
  background: radial-gradient(circle at 25% 100%, #948cc3 0%, #535486 37.5%); }

.menu-bar .megamenu .drop-header a {
  padding: 1em 1.5em !important; }

.menu-bar .megamenu .drop-features {
  display: flex;
  padding: 0.75em 0.5em; }

.menu-bar .megamenu .drop-features section {
  flex: 0 0 25%;
  max-width: 25%;
  width: 100%; }

.menu-bar .megamenu .drop-features section .title {
  margin-bottom: 1.5em;
  color: rgba(0, 0, 0, 0.75);
  line-height: 1; }

.menu-bar .megamenu .drop-features section .title:not(:first-child) {
  margin-top: 3em; }

.menu-bar .megamenu .drop-features section .title strong {
  display: block;
  font-size: 1.125em;
  color: #000; }

.menu-bar .case-studies-ad {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  background: #000000;
  background: -moz-radial-gradient(bottom right, ellipse cover, #444444 0%, #000000 100%);
  background: -webkit-radial-gradient(bottom right, ellipse cover, #444444 0%, #000000 100%);
  background: radial-gradient(ellipse at bottom right, #444444 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=1 );
  box-shadow: 0 1em 2em rgba(0, 0, 0, 0.16); }
  .menu-bar .case-studies-ad a {
    padding: 1em;
    height: 100%;
    color: #fff;
    font-size: 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
    .menu-bar .case-studies-ad a span {
      font-size: 1.3rem; }
    .menu-bar .case-studies-ad a::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
      @media (min-width: 62em) {
        .menu-bar .case-studies-ad a::after {
          background: url("../img/common/menu/case-studies.png") 100% 100%/auto 60% no-repeat; } }
      @media (min-width: 75em) {
        .menu-bar .case-studies-ad a::after {
          background: url("../img/common/menu/case-studies.png") 100% 100%/auto 90% no-repeat; } }

.menu-bar .iknow-ad {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  background: #fff;
  box-shadow: 0 1em 2em rgba(0, 0, 0, 0.16); }

.menu-bar .iknow-ad a {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  padding: 1em 1em 1em 4.625em; }
  .menu-bar .iknow-ad a:first-child {
    padding-bottom: 0; }
  .menu-bar .iknow-ad a:last-child {
    padding-top: 0; }

.menu-bar .iknow-ad a strong {
  display: block;
  margin-bottom: 0.3em;
  font-size: 1.3125em;
  color: #000 !important;
  position: relative; }

.menu-bar .iknow-ad a strong::before {
  content: '?';
  position: absolute;
  top: -0.2em;
  left: -2.25em;
  font-size: 1.143em;
  width: 1.5em;
  height: 1.5em;
  background: #76b82a;
  border-radius: 50%;
  color: #fff !important;
  text-align: center;
  line-height: 1.5; }

.menu-bar .iknow-ad a p {
  color: rgba(0, 0, 0, 0.75) !important;
  font-weight: 400; }

.menu-bar .invertek-tv-ad {
  display: flex;
  width: 100%;
  background: #fff;
  box-shadow: 0 1em 2em rgba(0, 0, 0, 0.16); }

.menu-bar .invertek-tv-ad a {
  display: flex;
  width: 100%;
  padding: 1em; }

#drives-menu > div > div {
  background: #fff url("../img/common/menu/drives-menu-bg.png") 100% 100%/36em auto no-repeat; }

#drives-menu .drop-features section ul li + li {
  margin-top: 0.75em; }

#drives-menu .drop-features section ul li a {
  display: block;
  padding: 0.5em;
  color: #000 !important;
  background: #f2f2f2;
  box-shadow: 0 0.05em 0.1em rgba(0, 0, 0, 0.05);
  border-radius: 0.125em;
  font-weight: inherit !important;
  position: relative;
  min-height: 4em; }

#drives-menu .drop-features section ul li[data-route="eco-hvac"] a {
  border-right: #76b82a 0.5rem solid; }

#drives-menu .drop-features section ul li[data-route="eco-pump"] a {
  border-right: #0075bf 0.5rem solid; }

#drives-menu .drop-features section ul li[data-route="elevator"] a {
  border-right: #ef7d00 0.5rem solid; }

#drives-menu .drop-features section ul li a:hover {
  background: #ececec; }

#drives-menu .drop-features section ul li a span {
  display: block;
  color: #535486 !important;
  font-size: 1em;
  line-height: 1.2; }

#drives-menu .drop-features section ul li a span strong {
  font-size: 1.167em; }

#drives-menu .drop-aux {
  display: flex;
  padding: 0.75em 0.5em; }

#drives-menu .drop-aux section {
  flex: 0 0 25%;
  max-width: 25%;
  width: 100%; }

#drives-menu .drop-aux ul li a {
  padding-right: 0;
  padding-left: 0; }

#drives-menu .drop-aux section:nth-child(3) {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex; }

#industries-menu .drop-features ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }

#industries-menu .drop-features ul li {
  flex: 0 0 12.5%;
  width: 100%;
  max-width: 12.5%;
  margin: 0.75em 0; }

#industries-menu .drop-features ul li a {
  display: block;
  text-align: center;
  color: #000 !important;
  font-weight: inherit !important; }

#industries-menu .drop-features ul li a i {
  display: block;
  font-size: 3em;
  margin-bottom: 0.25em; }

#industries-menu .drop-features ul li a:hover i {
  color: #0060d8 !important; }

#support-menu .drop-features section:nth-child(3) > div {
  position: relative;
  margin-bottom: 1rem;
  font-size: 4vw; }
  @media (min-width: 48em) {
    #support-menu .drop-features section:nth-child(3) > div {
      font-size: 1rem; } }
  #support-menu .drop-features section:nth-child(3) > div::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #948cc3;
    background: -moz-radial-gradient(bottom right, ellipse cover, #948cc3 0%, #535486 100%);
    background: -webkit-radial-gradient(bottom right, ellipse cover, #948cc3 0%, #535486 100%);
    background: radial-gradient(ellipse at bottom right, #948cc3 0%, #535486 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#948cc3', endColorstr='#535486',GradientType=1 ); }
  #support-menu .drop-features section:nth-child(3) > div::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  #support-menu .drop-features section:nth-child(3) > div > a {
    min-height: 9em;
    display: block;
    padding: 1.875rem 6rem 5rem 0.9375rem; }
    @media (min-width: 48em) {
      #support-menu .drop-features section:nth-child(3) > div > a {
        padding: 1.5rem 6rem 3rem 0.9375rem; } }
    #support-menu .drop-features section:nth-child(3) > div > a h4 {
      font-size: 1.25em;
      color: #fff;
      font-weight: 800; }
    #support-menu .drop-features section:nth-child(3) > div > a p {
      font-weight: 400;
      color: rgba(255, 255, 255, 0.8);
      margin-bottom: 0; }
  #support-menu .drop-features section:nth-child(3) > div.save-energy-ad::after {
    background: #6ee832;
    background: -moz-radial-gradient(bottom right, ellipse cover, #6ee832 0%, #009e41 100%);
    background: -webkit-radial-gradient(bottom right, ellipse cover, #6ee832 0%, #009e41 100%);
    background: radial-gradient(ellipse at bottom right, #6ee832 0%, #009e41 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ee832', endColorstr='#009e41',GradientType=1 );
    z-index: -2; }
  #support-menu .drop-features section:nth-child(3) > div.save-energy-ad::before {
    z-index: -1;
    background: url("../img/common/promo-links/iknow-pixels.png") bottom right/100% auto no-repeat; }
  #support-menu .drop-features section:nth-child(3) > div.save-energy-ad > a {
    padding-right: 30%; }
    @media (min-width: 75em) {
      #support-menu .drop-features section:nth-child(3) > div.save-energy-ad > a {
        padding-right: 9rem; } }
    #support-menu .drop-features section:nth-child(3) > div.save-energy-ad > a img {
      position: absolute;
      right: 0;
      bottom: -2em;
      max-width: 4em; }
      @media (min-width: 75em) {
        #support-menu .drop-features section:nth-child(3) > div.save-energy-ad > a img {
          max-width: 6em; } }
  #support-menu .drop-features section:nth-child(3) > div.invertek-tv-ad::after {
    opacity: 0.9; }
  #support-menu .drop-features section:nth-child(3) > div.invertek-tv-ad::before {
    background: url("../img/common/promo-links/invertek-support.jpg") center center/cover no-repeat; }
  #support-menu .drop-features section:nth-child(3) > div.invertek-tv-ad > a {
    text-align: center;
    padding: 0.9375rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1; }
    #support-menu .drop-features section:nth-child(3) > div.invertek-tv-ad > a ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%; }
      #support-menu .drop-features section:nth-child(3) > div.invertek-tv-ad > a ul li {
        margin: 0 !important;
        flex: 0 0 100%;
        max-width: 100%;
        font-size: 0.9rem;
        color: #fff !important;
        font-weight: 400;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (min-width: 75em) {
          #support-menu .drop-features section:nth-child(3) > div.invertek-tv-ad > a ul li {
            flex: 0 0 29%;
            max-width: 29%; } }
        @media (min-width: 75em) {
          #support-menu .drop-features section:nth-child(3) > div.invertek-tv-ad > a ul li:nth-child(2) {
            flex: 0 0 41%;
            max-width: 41%;
            border-right: 1px #fff solid;
            border-left: 1px #fff solid;
            padding: 0 0.5rem;
            display: flex;
            align-items: center; } }
    #support-menu .drop-features section:nth-child(3) > div.invertek-tv-ad > a img {
      display: block;
      max-width: 6rem;
      margin: 0 auto; }

#support-menu .iknow-ad {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: calc(100% - 1rem); }
  #support-menu .iknow-ad a {
    padding: 1em; }
    #support-menu .iknow-ad a:first-child {
      padding: 1em 1em 1em 4em;
      position: relative; }
      #support-menu .iknow-ad a:first-child strong::before {
        top: 0;
        left: -0.5em;
        transform: translateX(-100%); }
    #support-menu .iknow-ad a:last-child {
      position: relative; }
      #support-menu .iknow-ad a:last-child img {
        display: block;
        margin-bottom: 1em;
        width: 8rem; }

#contact-menu > div {
  transform: translateX(-75%); }

.hamburger-box {
  width: 1.25em;
  height: 1em; }

.hamburger-inner {
  width: 0.875em;
  right: 0; }

.hamburger-inner::before {
  width: 1.25em;
  top: -0.375em;
  right: 0; }

.hamburger-inner::after {
  width: 1em;
  bottom: -0.375em;
  right: 0; }

.menu-open .hamburger--squeeze .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  width: 1.25em;
  height: 0.0625em;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.menu-open .hamburger--squeeze .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  width: 1.25em;
  height: 0.0625em;
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.menu-drawer {
  padding-top: 1.5rem; }

.menu-drawer .region-control {
  margin: 0 0 1em calc(1.875rem - 0.5em); }

.menu-drawer .shop-link {
  margin: 0 0 1em calc(1.875rem - 0.5em); }

.menu-drawer .isource-link {
  margin: 0.6em 1.641em;
  display: table; }

.menu .drop section {
  margin-top: 0;
  padding-top: 1em; }

.menu li > button {
  padding: 0.6em 1.875rem;
  width: 100%; }

.banner-menu nav {
  max-width: 24em;
  padding: 1em 0; }

.banner-menu > nav > ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0; }
  .banner-menu > nav > ul > li::before {
    content: none; }

.banner-menu ul {
  display: flex;
  margin: -0.1em;
  font-size: 0.75em;
  flex-wrap: wrap; }

.banner-menu li {
  margin: 0;
  display: flex;
  flex: 0 0 33.3333%;
  width: 100%;
  max-width: 33.3333%;
  padding: 0.1em; }
  @media (min-width: 36em) {
    .banner-menu li {
      flex: 0 0 25%;
      max-width: 25%; } }

.banner-menu li a {
  display: flex;
  align-items: center;
  color: #fff !important;
  padding: 0.5em;
  text-align: center;
  justify-content: center;
  white-space: nowrap;
  font-weight: 400;
  background: rgba(0, 0, 0, 0.6);
  width: 100%; }

.banner-menu li a:hover {
  background: rgba(0, 0, 0, 0.5); }

@media (min-width: 48em) {
  .banner-menu nav {
    padding: 1.5em 0;
    max-width: none;
    display: flex; }
  .banner-menu ul {
    background: rgba(0, 0, 0, 0.3);
    font-size: 0.875em;
    margin: 0;
    flex-wrap: nowrap; }
  .banner-menu li {
    padding: 0;
    flex: 0 1 auto;
    max-width: none;
    width: auto; }
  .banner-menu li a {
    padding: 0.5em 1em;
    background: rgba(0, 0, 0, 0.3);
    background: none; }
  .banner-menu li a:hover {
    background: rgba(0, 0, 0, 0.2); } }

@media (min-width: 62em) {
  .banner-menu nav {
    padding: 2.25em 0; }
  .banner-menu ul {
    font-size: 1em; } }

@media (min-width: 75em) {
  .banner-menu ul {
    font-size: 1.125em; } }

.basicLightbox__placeholder {
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  display: flex;
  justify-content: center; }

.basicLightbox__placeholder > .inner {
  width: 100%;
  max-width: 80em;
  padding: 4em 0.9375rem; }

@media (min-width: 36em) {
  .basicLightbox__placeholder > .inner {
    padding: 6em 1.875rem; } }

.basicLightbox .btn-close {
  position: fixed;
  top: 0.9375rem;
  right: 0.9375rem;
  width: 5vw;
  max-width: 3em;
  z-index: 1; }

.basicLightbox .btn-close::before {
  content: '';
  display: block;
  padding-top: 100%;
  height: 0; }

.basicLightbox .btn-close span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0;
  padding-top: 100%;
  overflow: hidden; }

.basicLightbox .btn-close span::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  transform: translateY(-50%) rotate(45deg); }

.basicLightbox .btn-close span::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  transform: translateY(-50%) rotate(-45deg); }

.quick-search-lightbox .form-group {
  margin-bottom: 0; }

.quick-search-lightbox .btn {
  position: absolute;
  top: 0;
  right: 0; }

.lightbox-video iframe {
  width: calc(16em * 2);
  height: calc(9em * 2); }
  @media (min-width: 62em) {
    .lightbox-video iframe {
      width: calc(16em * 3);
      height: calc(9em * 3); } }
  @media (min-width: 75em) {
    .lightbox-video iframe {
      width: calc(16em * 4);
      height: calc(9em * 4); } }

.i18n-lightbox {
  background: rgba(0, 0, 0, 0.95); }

.i18n-lightbox {
  font-family: 'futura-pt', sans-serif;
  font-size: 0.9375rem; }

.i18n-lightbox ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.i18n-lightbox li {
  background: none;
  padding: 0; }

.i18n-lightbox header {
  margin-bottom: 2em; }

.i18n-lightbox h2 {
  font-size: 1.25rem;
  color: #999999;
  margin-bottom: 1.5em; }

.i18n-lightbox h2 strong {
  font-weight: 700;
  color: #fff; }

.i18n-lightbox .btn.global-website {
  background: #0060d8;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  padding: 0.5em 1em;
  font-weight: 400;
  white-space: nowrap; }

.i18n-lightbox .btn.global-website::before {
  content: '\f0ac';
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  margin-right: 0.35em;
  font-weight: 300;
  font-size: 1.75em;
  color: #fff; }

.i18n-lightbox .locale-picker {
  margin-bottom: 2em; }

.i18n-lightbox .office-list {
  margin-bottom: 2em; }

.i18n-lightbox .office-list img {
  display: inline-block;
  max-width: 1.5rem;
  margin: 0 1em 0 0;
  box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.5); }

.i18n-lightbox .office-list a {
  color: #fff;
  font-weight: 400;
  display: block; }

.i18n-lightbox .office-list ul {
  columns: 2;
  column-gap: 2.5vw; }

.i18n-lightbox .area h3 {
  font-family: inherit;
  color: #fff;
  font-weight: 400;
  font-size: 1.25em;
  line-height: 1.083;
  margin-bottom: 1.083em;
  cursor: pointer;
  position: relative;
  padding-left: 1.25em; }

.i18n-lightbox .area h3::before {
  content: '\f078';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  font-size: 0.75em;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1em;
  text-align: center; }

.i18n-lightbox .area.active h3::before {
  transform: translateY(-50%) rotate(180deg); }

.i18n-lightbox .area ul {
  display: none;
  margin-bottom: 2em; }

.i18n-lightbox .area li {
  margin: 0 0 0 -0.3rem; }

.i18n-lightbox .area a {
  color: #999999;
  font-weight: 400;
  display: block;
  padding-right: 0.3rem; }

.i18n-lightbox .area a span {
  display: inline-block;
  padding: 0.267em 0.3rem; }

.i18n-lightbox .area a:hover span {
  background: #0060d8;
  color: #fff;
  transform: translateX(0.3rem); }

.i18n-lightbox .area .active {
  background: #0060d8;
  color: #fff;
  transform: translateX(0.3rem); }

.i18n-lightbox .area ul {
  columns: 2;
  column-gap: 2.5vw; }

@media (min-width: 36em) {
  .i18n-lightbox header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3em; }
  .i18n-lightbox header h2 {
    text-align: right;
    margin-bottom: 0;
    margin-left: 1em;
    flex: 1 0 16em;
    max-width: 16em; }
  .i18n-lightbox .office-list ul {
    columns: 3; }
  .i18n-lightbox .area ul {
    columns: 3; } }

@media (min-width: 48em) {
  .i18n-lightbox .locale-picker {
    display: none; }
  .i18n-lightbox .office-list {
    margin-bottom: 2.5rem; }
  .i18n-lightbox .office-list h3 {
    display: none; }
  .i18n-lightbox .office-list ul {
    display: flex;
    justify-content: space-between;
    columns: 1; }
  .i18n-lightbox .office-list li {
    width: 2.5rem; }
  .i18n-lightbox .office-list a {
    text-align: center;
    position: relative;
    padding-bottom: 3.25em; }
  .i18n-lightbox .office-list img {
    max-width: 100%;
    margin: 0 auto;
    transition: transform 0.2s; }
  .i18n-lightbox .office-list a:hover img {
    transform: scale(1.1);
    transition: none; }
  .i18n-lightbox .office-list span {
    position: absolute;
    top: 2.6em;
    left: 50%;
    transform: translateX(-50%);
    min-height: 3em;
    align-items: center; }
  .i18n-lightbox .locale-list {
    display: flex;
    margin: 0 -1.25vw; }
  .i18n-lightbox .area-group {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding: 0 1.25vw; }
  .i18n-lightbox .area-group:first-child {
    flex-grow: 2; }
  .i18n-lightbox .area[data-area="Europe"] ul {
    columns: 2;
    column-gap: 2.5vw; }
  .i18n-lightbox .area + .area {
    margin-top: 3.47em; }
  .i18n-lightbox .area h3 {
    padding-left: 0; }
  .i18n-lightbox .area h3::before {
    content: '';
    display: none; }
  .i18n-lightbox .area ul {
    display: block !important;
    columns: auto; } }

.banner {
  padding: 5em 0 7em; }
  .banner h1 {
    font-weight: 300;
    font-size: 2.75em; }

.banner--slim {
  padding: 0; }

.row#invertek-tv #invertek-tv-logo {
  max-width: 13em;
  margin-bottom: 0.5em; }

.row#invertek-tv #tv-featured-videos {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (min-width: 48em) {
    .row#invertek-tv #tv-featured-videos {
      padding-bottom: 3rem; } }
  .row#invertek-tv #tv-featured-videos .featured-video {
    flex: 0 0 calc(50vw - 1.5em);
    max-width: calc(50vw - 1.5em);
    width: calc(50vw - 1.5em);
    margin-bottom: 2em; }
    @media (min-width: 48em) {
      .row#invertek-tv #tv-featured-videos .featured-video {
        flex: 0 0 calc(50% - (0.9375em / 2));
        max-width: calc(50% - (0.9375em / 2));
        width: calc(50% - (0.9375em / 2)); } }
    @media (min-width: 62em) {
      .row#invertek-tv #tv-featured-videos .featured-video {
        flex: 0 0 calc(25% - 0.9375em);
        max-width: calc(25% - 0.9375em);
        width: calc(25% - 0.9375em); } }
    .row#invertek-tv #tv-featured-videos .featured-video .video-thumb {
      position: relative;
      height: calc((50vw - 1.5em) * 0.5625);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      background-image: url("../img/content/drives/invertek-tv-placeholder.jpg");
      margin-bottom: 0.25em; }
      @media (min-width: 62em) {
        .row#invertek-tv #tv-featured-videos .featured-video .video-thumb {
          margin-bottom: 0;
          height: 10.5625em; } }
      .row#invertek-tv #tv-featured-videos .featured-video .video-thumb::before {
        content: '\f144';
        font-family: 'Font Awesome 5 Pro';
        font-weight: 800;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 3.5rem;
        color: rgba(255, 255, 255, 0.8); }
        @media (min-width: 48em) {
          .row#invertek-tv #tv-featured-videos .featured-video .video-thumb::before {
            font-size: 5rem; } }
    .row#invertek-tv #tv-featured-videos .featured-video a {
      color: #0060d8;
      font-weight: 400; }
      @media (min-width: 62em) {
        .row#invertek-tv #tv-featured-videos .featured-video a {
          padding-top: calc(10.5625em + 1em);
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: -2em; } }

#drive-accreditations h3 {
  display: flex;
  align-items: center; }
  #drive-accreditations h3 img {
    max-height: 1rem;
    margin-right: 0.5rem; }

#drive-accreditations > div {
  display: flex; }

#drive-accreditations ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  margin-right: 3em; }
  #drive-accreditations ul > li::before {
    content: none; }
  @media (min-width: 75em) {
    #drive-accreditations ul {
      flex: 0 0 38%;
      max-width: 38%; } }
  #drive-accreditations ul li {
    flex: 0 0 48%;
    max-width: 48%; }

#drive-accreditations p {
  margin-bottom: 1em; }

#drive-accreditations a.btn-text-link {
  color: #0060d8; }

#drive-accreditation-logos ul {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  #drive-accreditation-logos ul li {
    flex: 0 0 15%;
    max-width: 15%; }
    #drive-accreditation-logos ul li.elevator-only {
      display: none; }
    #drive-accreditation-logos ul li img {
      margin: 0 auto; }

.basic-table {
  width: 100%;
  font-size: 0.75em;
  margin-bottom: 1.5em; }

.basic-table th {
  border: 1px solid #e6e6e6;
  padding: 0.25em; }

.basic-table td {
  border: 1px solid #e6e6e6;
  padding: 0.25em; }

.basic-table--centred td,
.basic-table--centred th {
  text-align: center; }

@media (min-width: 62em) {
  .basic-table {
    font-size: 1em; } }

.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box; }
  .glide * {
    box-sizing: inherit; }
  .glide__track {
    overflow: hidden; }
  .glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform; }
    .glide__slides--dragging {
      user-select: none; }
  .glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent; }
    .glide__slide a {
      user-select: none;
      -webkit-user-drag: none;
      -moz-user-select: none;
      -ms-user-select: none; }
  .glide__arrows {
    -webkit-touch-callout: none;
    user-select: none; }
  .glide__bullets {
    -webkit-touch-callout: none;
    user-select: none; }
  .glide--rtl {
    direction: rtl; }

.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none;
  overflow: hidden; }

.glightbox-container.inactive {
  display: none; }

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden; }

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0; }

/* top: 0;
        left: 0;
        right: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */
.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative; }

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999; }

.glightbox-container .gslide-inner-content {
  width: 100%; }

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh; }

.glightbox-container .ginner-container.gvideo-container {
  width: 100%; }

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important; }

.gslide iframe,
.gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto; }

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.gslide-image img {
  max-height: 100vh;
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px; }

.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
  width: auto; }

.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%; }

.gslide-image img.zoomable {
  position: relative; }

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none; }

.gslide-video {
  width: 100%;
  max-width: 100%;
  position: relative;
  width: 100vh;
  max-width: 100vh;
  width: 100% !important; }

.gslide-video .gvideo-wrapper {
  width: 100%;
  /* max-width: 160vmin; */
  margin: auto; }

.gslide-video::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none; }

.gslide-video.playing::before {
  display: none; }

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh; }

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important; }

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%; }

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%; }

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none; }

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1; }

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%; }

.gslide-media {
  display: block;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto; }

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.desc-top .gslide-media,
.desc-bottom .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%; }

.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%; }

.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%; }

.gslide-description p {
  margin-bottom: 12px; }

.gslide-description p:last-child {
  margin-bottom: 0; }

.zoomed .gslide-description {
  display: none; }

/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/
.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  background: transparent;
  position: absolute;
  bottom: 15px;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
  padding-bottom: 50px; }

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em; }

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1; }

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold; }

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit; }

.glightbox-mobile .glightbox-container .gslide-desc string {
  color: #fff; }

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: .4; }

.gdesc-open .gslide-media {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  opacity: .4; }

.gdesc-open .gdesc-inner {
  padding-bottom: 30px; }

.gdesc-closed .gslide-media {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  opacity: 1; }

.greset {
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.gabsolute {
  position: absolute; }

.grelative {
  position: relative; }

.glightbox-desc {
  display: none !important; }

.glightbox-open {
  overflow: hidden; }

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader .8s infinite linear;
  animation: lightboxLoader .8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%; }

.goverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  will-change: opacity; }

.glightbox-mobile .goverlay {
  background: #000; }

.gprev,
.gnext,
.gclose {
  background-repeat: no-repeat;
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  display: block;
  background-position: 0 0;
  border: none; }

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 100%;
  height: auto; }

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: .1; }

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff; }

iframe.wait-autoplay {
  opacity: 0; }

.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
  opacity: 0 !important; }

/*Skin */
.glightbox-clean .gslide-description,
.glightbox-modern .gslide-description {
  background: #fff; }

.glightbox-clean .gdesc-inner,
.glightbox-modern .gdesc-inner {
  padding: 22px 20px; }

.glightbox-clean .gslide-title,
.glightbox-modern .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em; }

.glightbox-clean .gslide-desc,
.glightbox-modern .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em; }

.glightbox-clean .gslide-video,
.glightbox-modern .gslide-video {
  background: #000; }

/* .gprev,
    .gnext,
    .gclose{
        border: none;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA2CAYAAADTeCfRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NThDMEMwNzg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NThDMEMwODg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1OEMwQzA1ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1OEMwQzA2ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+htE8KwAAA9BJREFUeNrsm1tIFGEYhndDI4OSLgqkMrKjBXYwCjt40QkpL4pMyoqMgigIgm6iiy66KSwpj2vrucKgpINRRhYRooQkWYEWUkaWERokhVQXbu/QOyDhpjPzz3H/Dx7W1f2+753/3X9mnPnHHwqFfDKcEWPkEEgzZEgzpBkybDbjHLhvIP8GKLNhPILgksEaFaDKKWacAMdAn4Ean8F+kGOxGXFgDyjSmZ8L9oFpurKVU1uBnAr9jZMCah1hrQLBGkciyL7FGvNymXdZb2+RG3GGYo4LrHmINS9abEiZRkMu8PNXjPQVJV4Vc9SEgclm7WqLDSkd5RdBiBGizCihmMMmDkwWe1yz2JBy9g2E+ft5o7smkWZUUMwBCwYmg71u2nQMCZhphFEzaihmt4UDk86e9TYZUsj3OaKNMGJGHcVkWjwoChvZ+7HFfQvZt42vpaJ76Em6SzHbbDBCZR01NFvct519u8yorzXhEcWk2WiESiq1tFrUT901veZrnp1mNFHEWgcYoZJMTe0m98ljn3K+z+f7oB1mtLD5agcZoZJEbZ3Ab0J9deCrwpzSB6004xWbLnegESqJ1NgNok04aFeF+XtA5MF8pA90stkiBxuhkkCtvSBGQL2iEYz415Bys8yIAu/ZZKELjFCJp+Z+EGugTgHrVGq8ClEm2oxZ4CUYAHNcZIRKHOjj6ed8A8eISo15xUaPIcP9spFFk11ohMp0bkOHxrxa5lXo7Ksack9Pvn+YpTqLwS0QDZbxRo+bYgJoBZPAZtCiIVe5QzceZBroXwP8YKfWRH+YdVOx4AOYCOJBt0uMUAz4BGLAVNDjhXvg/bwF2UdTElywLVOoN5o/97hsRv/3HvgAv10fwVuQ6ODtUO45f6HmyaDXi6tDfoMZNKMdJDlwG2ZyN/qVs/mbl5fqDILZoAO8AMkO0j8XvONJhjKLf0TKuqkF4Dl4BlY6QLty1vcGdHE39SvSFrEtBc2gCWywUfcKfjE6eHIxGKkrCleBRvAApNmgOQU8BW2crRG/vDMV1JN0C/WmcmYqZizxeSyMLO/cBG6DOyDDAq3rwRPOyhSfB8PoWtst4DrJMlGnYnwDeMjZ4c0QdGGumhfIsk246LeVtetcfOFyVEQJ8nQv+AkqwThQIqjuDnAV1ILtPo9HlMBaB/kfewCMBfkG6ylL85VnJZSroLt8kRAmTLezOpfUD+W0WQvFnIzfpEePlaeO5oE1OvOVp56+R8KuaWiYZYYMG05tZUgzpBkypBnSDBnSDGmGDGmGDGmGNEOGNEOaIUOa4YH4I8AAM9m8BFEzyDIAAAAASUVORK5CYII=');
    } */
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose,
.glightbox-modern .gprev,
.glightbox-modern .gnext,
.glightbox-modern .gclose {
  background-color: rgba(0, 0, 0, 0.12); }

.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover,
.glightbox-modern .gprev:hover,
.glightbox-modern .gnext:hover,
.glightbox-modern .gclose:hover {
  background-color: rgba(0, 0, 0, 0.2); }

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path,
.glightbox-modern .gprev path,
.glightbox-modern .gnext path,
.glightbox-modern .gclose path {
  fill: #fff; }

.glightbox-clean button:focus:not(.focused):not(.disabled),
.glightbox-modern button:focus:not(.focused):not(.disabled) {
  outline: none; }

.glightbox-clean .gprev,
.glightbox-modern .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 56px; }

.glightbox-clean .gnext,
.glightbox-modern .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 56px; }

.glightbox-clean .gclose,
.glightbox-modern .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
  opacity: .7;
  background-position: -59px 2px; }

.glightbox-clean .gclose svg,
.glightbox-modern .gclose svg {
  width: 20px; }

.glightbox-clean .gclose:hover,
.glightbox-modern .gclose:hover {
  opacity: 1; }

/*CSS Animations*/
.gfadeIn {
  -webkit-animation: gfadeIn .5s ease;
  animation: gfadeIn .5s ease; }

.gfadeOut {
  -webkit-animation: gfadeOut .5s ease;
  animation: gfadeOut .5s ease; }

.gslideOutLeft {
  -webkit-animation: gslideOutLeft .3s ease;
  animation: gslideOutLeft .3s ease; }

.gslideInLeft {
  -webkit-animation: gslideInLeft .3s ease;
  animation: gslideInLeft .3s ease; }

.gslideOutRight {
  -webkit-animation: gslideOutRight .3s ease;
  animation: gslideOutRight .3s ease; }

.gslideInRight {
  -webkit-animation: gslideInRight .3s ease;
  animation: gslideInRight .3s ease; }

.gzoomIn {
  -webkit-animation: gzoomIn .5s ease;
  animation: gzoomIn .5s ease; }

.gzoomOut {
  -webkit-animation: gzoomOut .5s ease;
  animation: gzoomOut .5s ease; }

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes gfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes gfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes gfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes gfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0); }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0); }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden; } }

@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden; } }

@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0; } }

@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0; } }

@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 1; } }

@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 1; } }

@-webkit-keyframes gzoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes gzoomOut {
  from {

    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .gslide-image img {
    max-height: 97vh;
    max-width: calc(100% - 20px);
    max-width: 100%; }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in; }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab; }
  .gslide-inline {
    max-height: 95vh; }
  .gslide-external {
    max-height: 100vh; }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px; }
  .glightbox-open {
    height: auto; }
  .goverlay {
    background: rgba(0, 0, 0, 0.92); }
  .glightbox-clean .gslide-media,
  .glightbox-modern .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); }
  .glightbox-clean .description-left .gdesc-inner,
  .glightbox-clean .description-right .gdesc-inner,
  .glightbox-modern .description-left .gdesc-inner,
  .glightbox-modern .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto; }
  .glightbox-clean .gprev,
  .glightbox-modern .gprev {
    top: 45%; }
  .glightbox-clean .gnext,
  .glightbox-modern .gnext {
    top: 45%; } }

@media (min-width: 992px) {
  .glightbox-clean .gclose,
  .glightbox-modern .gclose {
    right: 20px; } }

@media screen and (max-height: 420px) {
  .goverlay {
    background: #000; } }

.accordion > div {
  margin-bottom: 1rem; }
  .accordion > div .drop-btn {
    cursor: pointer; }
    .accordion > div .drop-btn + div {
      display: none; }
  .accordion > div.active .drop-btn::before {
    transform: translateY(-50%) rotate(180deg); }

.accordion .drop-btn {
  position: relative; }
  .accordion .drop-btn::before {
    content: '\f078';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.75rem;
    color: #535486;
    padding: 0.125rem 0.5rem;
    transition: transform 0.5s ease-in-out; }
  .accordion .drop-btn::after {
    content: '';
    width: 2.5rem;
    height: 2.8rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    border: #535486 0.125rem solid;
    padding: 0.125rem 0.5rem;
    transition: transform 0.25s ease-in-out; }

.accordion .accordion-content {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  padding: 1.5em 1em; }

.region-control {
  padding: 0 0.625em 0 0.75em;
  height: 2.25em;
  display: flex;
  align-items: center;
  color: #000;
  font-size: 0.875em;
  border: 1px solid #e6e6e6;
  border-radius: 1.125em; }

.region-control:hover {
  border-color: #f2f2f2;
  background: #f2f2f2; }

.region-control i {
  display: block;
  margin-left: 0.375em;
  font-size: 1.25em; }

.region-control .flag {
  width: 1.75em;
  margin: 0 0 0 0.5em; }

.language-switch {
  display: flex;
  color: #000;
  margin: 0 -0.375em; }

.language-switch li {
  margin: 0; }

.language-switch a {
  display: block;
  padding: 0.75em 0.375em;
  font-weight: 400; }

html[lang^="en"] .language-switch li[data-lang="en"] a,
html[lang^="de"] .language-switch li[data-lang="de"] a,
html[lang^="es"] .language-switch li[data-lang="es"] a,
html[lang^="it"] .language-switch li[data-lang="it"] a,
html[lang^="pl"] .language-switch li[data-lang="pl"] a,
html[lang^="pt"] .language-switch li[data-lang="pt"] a {
  color: inherit !important; }

.social-links {
  font-size: 2em;
  margin: 0 -0.125em;
  display: flex; }

.social-links li {
  padding: 0 0.125em;
  margin: 0; }

.social-links a {
  display: block;
  width: 1em; }

.social-links img {
  width: 100%; }

.conformance-marks {
  display: flex;
  margin: 0 -0.5em;
  font-size: 0.75em; }

.conformance-marks li {
  padding: 0 0.5em; }

.conformance-marks img {
  height: 3em; }

@media (min-width: 62em) {
  .conformance-marks {
    font-size: 1em; } }

.software-promo {
  background: radial-gradient(ellipse at bottom right, #444444 0%, #000000 100%);
  color: #fff;
  padding: 1.5em 0.9375rem 6.5em;
  position: relative;
  margin-bottom: 2.5em; }
  .software-promo h4 {
    font-size: 1.25em;
    color: inherit;
    font-weight: 600; }
  .software-promo p {
    opacity: 0.8; }
  .software-promo ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0; }
    .software-promo ul > li::before {
      content: none; }
    .software-promo ul a {
      color: inherit !important; }
  .software-promo img {
    position: absolute;
    bottom: -2em;
    right: 1em;
    height: 8em; }

.drive-banner {
  margin: 0 -0.9375rem;
  background: radial-gradient(circle at 75% 100%, #948cc3 0%, #535486 75%);
  color: #fff;
  display: flex; }

.drive-banner .span {
  padding: 2em 0.9375rem 0 0.9375rem;
  flex-direction: column;
  flex-wrap: nowrap; }

.drive-banner header {
  margin-bottom: 1em; }

.drive-banner .drive-logo img {
  height: 1em; }

.drive-banner .drive-type {
  display: block;
  margin-top: -0.25em;
  font-weight: 300; }

@media (min-width: 48em) {
  .drive-banner .drive-logo {
    max-width: 50%; }
  .drive-banner .drive-logo img {
    height: 1.25em; }
  .drive-banner .drive-type {
    font-size: 1.25em; } }

@media (min-width: 62em) {
  .drive-banner .drive-logo img {
    height: 1.5em; } }

@media (min-width: 75em) {
  .drive-banner .drive-logo img {
    height: 1.75em; }
  .drive-banner .drive-type {
    font-size: 1.5em; } }

.drive-banner .drive-rating-summary {
  margin-bottom: 1em; }

@media (max-width: 47.9375em) {
  .drive-banner .drive-rating-summary {
    display: none; } }

@media (min-width: 48em) {
  .drive-banner .drive-rating-summary {
    position: absolute;
    top: 2.5rem;
    right: 0.9375rem; } }

.drive-rating-summary {
  background: #fff;
  color: #000;
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.25);
  display: flex;
  width: 18.125em;
  font-size: 0.75em; }

.drive-rating-summary .supply-voltage {
  background: #191919;
  color: #fff;
  font-size: 0.84375em;
  padding: 0.5em 0.889em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 9em;
  max-width: 9em;
  width: 100%; }

.drive-rating-summary .supply-voltage .voltage-range {
  display: block;
  font-size: 1.333em; }

.drive-rating-summary .output-power {
  font-size: 1.40625em;
  text-align: right;
  padding: 0.3em 0.533em 0.3em 1em;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.drive-rating-summary .output-power .units {
  display: inline-block;
  width: 1.6em;
  text-align: left; }

@media (min-width: 62em) {
  .drive-rating-summary {
    font-size: 0.875em; } }

@media (min-width: 75em) {
  .drive-rating-summary {
    font-size: 1em; } }

/* Mood Grid (prefixed for IE11 compatibility) */
.mood-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas: "feature ." "feature ."; }

.mood-grid > .grid-item::before {
  content: '';
  display: block;
  font-size: 1em;
  padding-top: 60%; }

.mood-grid > .grid-item--image {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat; }

.mood-grid[data-grid-layout="default"] > .grid-item:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-row: 1 / 1;
  grid-column: 1 / 2;
  grid-area: feature; }

.mood-grid[data-grid-layout="default"] > .grid-item:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-row: 1;
  grid-column: 2; }

.mood-grid[data-grid-layout="default"] > .grid-item:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-row: 2;
  grid-column: 2; }

@media (min-width: 48em) {
  .mood-grid {
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr; } }

.drive-intro {
  position: relative; }

.drive-intro .promo-text {
  margin-bottom: 1.5em; }

.drive-intro .mood-grid {
  margin-bottom: 1.5em; }

@media (min-width: 48em) {
  .drive-intro .mood-grid {
    margin-bottom: 0; }
  .drive-intro .promo-text {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 33.333%;
    padding: 0 1.5em 1.5em 0; }
  .drive-intro .conformance-marks {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 1.5em 0 0 1.25em; } }

.motor-control-summary {
  text-align: center; }

.motor-types {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 59.125em;
  margin: 0 auto; }

.motor-types li {
  padding: 0 0.5em;
  flex: 0 0 50%;
  width: 100%;
  max-width: 50%;
  display: flex;
  margin: 0.5em 0; }

.motor-types li > div {
  border: 1px solid #948cc3;
  padding: 0.5em 1em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.84375em;
  border-radius: 0.667em;
  width: 100%; }

.motor-types li abbr {
  display: block;
  font-weight: 700;
  text-decoration: none;
  font-size: 2em;
  color: #535486; }

.motor-types li span {
  display: block;
  width: 100%; }

@media (min-width: 48em) {
  .motor-types li {
    flex: 0 0 20%;
    max-width: 20%; } }

body.js .model-search-results {
  display: none; }

.model-search-results.initialised {
  display: block !important; }

.model-search h2 {
  font-size: 1.5em; }

.model-search h3 {
  margin-top: 0.5em; }

.model-search .model-search-results {
  margin-top: 2em; }
  .model-search .model-search-results .property-headings {
    display: none;
    background: #000;
    color: #fff;
    font-weight: 600; }
  .model-search .model-search-results .property-headings > div {
    flex: 1 0 0%;
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center; }
  .model-search .model-search-results .property-headings > div + div {
    border-left: 1px solid #fff; }
  .model-search .model-search-results ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0; }
    .model-search .model-search-results ul > li::before {
      content: none; }
  .model-search .model-search-results a {
    font-weight: inherit !important;
    display: block;
    width: 100%; }
  .model-search .model-search-results .panel {
    line-height: 1.2;
    font-size: 0.75em; }
  .model-search .model-search-results .panel .link {
    position: absolute;
    top: 1em;
    right: 1em;
    color: #0060d8;
    padding: 0; }
  .model-search .model-search-results .panel .link::before {
    position: static; }
  .model-search .model-search-results .panel .link span {
    display: none; }
  .model-search .model-search-results .panel > div {
    padding: 0.5em; }
  .model-search .model-search-results .panel .model-code {
    font-weight: 600;
    color: #0060d8;
    font-size: 1.167em; }
  .model-search .model-search-results .panel .model-ratings {
    font-weight: 600;
    font-size: 1.167em; }
  .model-search .model-search-results .panel .model-data {
    background: #f7f7f7; }
  .model-search .model-search-results .table-row {
    display: none;
    background: #f7f7f7;
    color: #000 !important; }
  .model-search .model-search-results .result--even .table-row {
    background: #f0f0f0; }
  .model-search .model-search-results .table-row > div {
    flex: 1 0 0%;
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding: 0.5em 0.25em;
    display: flex;
    align-items: center;
    justify-content: center; }
  .model-search .model-search-results .table-row > div + div {
    border-left: 1px solid #fff; }
  .model-search .model-search-results .table-row .link {
    display: inline-block;
    padding: 0;
    color: #0060d8; }
  .model-search .model-search-results .table-row .link::before {
    position: static; }
  .model-search .model-search-results .table-row .link span {
    display: none; }
  .model-search .model-search-results .property-headings > div:nth-child(1),
  .model-search .model-search-results .property-headings > div:nth-child(2),
  .model-search .model-search-results .property-headings > div:nth-child(3),
  .model-search .model-search-results .property-headings > div:nth-child(4),
  .model-search .model-search-results .property-headings > div:nth-child(5),
  .model-search .model-search-results .table-row > div:nth-child(1),
  .model-search .model-search-results .table-row > div:nth-child(2),
  .model-search .model-search-results .table-row > div:nth-child(3),
  .model-search .model-search-results .table-row > div:nth-child(4),
  .model-search .model-search-results .table-row > div:nth-child(5) {
    flex: 0 0 10%;
    max-width: 10%; }
  .model-search .model-search-results .property-headings > div:nth-child(6),
  .model-search .model-search-results .property-headings > div:nth-child(9),
  .model-search .model-search-results .table-row > div:nth-child(6),
  .model-search .model-search-results .table-row > div:nth-child(9) {
    flex: 0 0 7.5%;
    max-width: 7.5%; }
  .model-search .model-search-results .property-headings > div:nth-child(8),
  .model-search .model-search-results .table-row > div:nth-child(8) {
    flex: 0 0 22.5%;
    max-width: 22.5%; }

@media (min-width: 62em) {
  .model-search .model-search-results .property-headings {
    display: flex; }
  .model-search .model-search-results li {
    margin-bottom: 0; }
  .model-search .model-search-results .panel {
    display: none; }
  .model-search .model-search-results .table-row {
    display: flex; } }

.v-select {
  background: #fff; }

.vs__search, .vs__search:focus {
  padding: 0 0.333em !important; }

.vs__search::placeholder {
  color: #000;
  opacity: 1; }

.vs__actions {
  display: flex;
  align-items: center;
  padding: 0 !important;
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 1px;
  z-index: 1;
  width: 1.5em; }

.vs__clear {
  margin-right: 0 !important;
  position: absolute;
  top: 50%;
  right: 0;
  height: 100%;
  background: #fff !important;
  transform: translateY(-50%);
  z-index: 1;
  width: 100%;
  text-align: center; }

.vs__clear span {
  font-weight: 400;
  color: #0060d8; }

.vs__open-indicator {
  cursor: pointer;
  display: block;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }

.vs__open-indicator::before {
  content: '\f107';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  color: #bbb; }

.v-select ul {
  width: 100% !important;
  min-width: 0; }

.v-select li {
  padding-right: 0.5em;
  padding-left: 0.5em; }

.v-select[data-selected]::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0.15em solid #0060d8;
  z-index: 2;
  pointer-events: none; }

body.js .vfd-dimensions-spec #enclosure-options > div {
  display: none !important; }

body.js .vfd-dimensions-spec #enclosure-options.initialised > div.active {
  display: block !important; }

@media (min-width: 62em) {
  body.js .vfd-dimensions-spec #enclosure-options.initialised > div.active {
    display: flex !important; } }

.vfd-dimensions-spec .dimension-headings {
  display: none; }

.vfd-dimensions-spec table {
  width: 100%; }

.vfd-dimensions-spec th {
  border: 1px solid #000;
  padding: 0.25em; }

.vfd-dimensions-spec td {
  border: 1px solid #e6e6e6;
  padding: 0.25em; }
  .vfd-dimensions-spec td .units {
    opacity: 0.6;
    display: inline-block;
    margin-left: 0.5em; }

.vfd-dimensions-spec .vfd-frame {
  font-size: 0.75em;
  display: flex;
  justify-content: flex-start; }
  .vfd-dimensions-spec .vfd-frame + .vfd-frame {
    margin-top: 1em; }
  .vfd-dimensions-spec .vfd-frame .dimensions-data {
    flex: 1 0 0%;
    width: 100%; }
  .vfd-dimensions-spec .vfd-frame th:nth-child(2) {
    background: #000;
    color: #fff;
    text-align: center; }
  .vfd-dimensions-spec .vfd-frame td:nth-child(2) {
    text-align: center; }
  .vfd-dimensions-spec .vfd-frame .drive-image {
    margin-left: 1em;
    flex: 0 0 5.5em;
    width: 100%;
    max-width: 5.5em; }

@media (min-width: 37.5em) {
  .vfd-dimensions-spec .vfd-frame {
    font-size: 1em; } }

@media (min-width: 62em) {
  .vfd-dimensions-spec #enclosure-options {
    margin-top: -4em; }
  .vfd-dimensions-spec .dimension-headings {
    display: block;
    margin-top: 17em; }
  .vfd-dimensions-spec .vfd-frame {
    flex: 1 0 0%;
    width: 100%;
    flex-direction: column-reverse;
    margin-left: -1px; }
    .vfd-dimensions-spec .vfd-frame + .vfd-frame {
      margin-top: 0; }
    .vfd-dimensions-spec .vfd-frame + .vfd-frame th:nth-child(2) {
      border-left: 1px solid #fff; }
    .vfd-dimensions-spec .vfd-frame th:first-child,
    .vfd-dimensions-spec .vfd-frame td:first-child {
      display: none; }
    .vfd-dimensions-spec .vfd-frame .drive-image {
      font-size: 16em;
      margin: 0 0 0.0625em;
      flex: 0 0 1em;
      height: 100%;
      max-height: 1em;
      align-self: center;
      max-width: none;
      display: flex;
      align-items: center;
      justify-content: center; }
    .vfd-dimensions-spec .vfd-frame .drive-image img {
      height: 100%;
      margin: 0 auto; } }

@media (min-width: 62em) {
  .v-drive-specification [data-enclosure-option="IP20"] [data-frame-size="8"] {
    flex-basis: 15%;
    max-width: 15%; }
  .v-optidrive-e3-specification [data-enclosure-option="IP20"] [data-frame-size="1"] .drive-image > div {
    height: calc(1.5 * 0.207em); }
  .v-optidrive-e3-specification [data-enclosure-option="IP20"] [data-frame-size="2"] .drive-image > div {
    height: calc(1.5 * 0.262em); }
  .v-optidrive-e3-specification [data-enclosure-option="IP20"] [data-frame-size="3"] .drive-image > div {
    height: calc(1.5 * 0.305em); }
  .v-optidrive-e3-specification [data-enclosure-option="IP20"] [data-frame-size="4"] .drive-image > div {
    height: calc(1.5 * 0.509em); }
  .v-optidrive-e3-specification [data-enclosure-option="IP20"] [data-frame-size="5"] .drive-image > div {
    height: calc(1.5 * 0.580em); }
  .v-optidrive-e3-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="1"] .drive-image > div {
    height: calc(2 * 0.241em); }
  .v-optidrive-e3-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="2"] .drive-image > div {
    height: calc(2 * 0.252em); }
  .v-optidrive-e3-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="3"] .drive-image > div {
    height: calc(2 * 0.313em); }
  .v-optidrive-e3-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="4"] .drive-image > div {
    height: calc(2 * 0.372em); }
  .v-optidrive-e3-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="1"] .drive-image > div {
    height: calc(2 * 0.252em); }
  .v-optidrive-e3-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="2"] .drive-image > div {
    height: calc(2 * 0.286em); }
  .v-optidrive-e3-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="3"] .drive-image > div {
    height: calc(2 * 0.353em); }
  .v-optidrive-e3-single-phase-specification [data-enclosure-option="IP20"] [data-frame-size="1"] .drive-image > div {
    height: calc(1.5 * 0.207em); }
  .v-optidrive-e3-single-phase-specification [data-enclosure-option="IP20"] [data-frame-size="2"] .drive-image > div {
    height: calc(1.5 * 0.262em); }
  .v-optidrive-e3-single-phase-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="1"] .drive-image > div {
    height: calc(2 * 0.241em); }
  .v-optidrive-e3-single-phase-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="2"] .drive-image > div {
    height: calc(2 * 0.252em); }
  .v-optidrive-e3-single-phase-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="1"] .drive-image > div {
    height: calc(2 * 0.252em); }
  .v-optidrive-e3-single-phase-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="2"] .drive-image > div {
    height: calc(2 * 0.286em); }
  .v-optidrive-p2-specification [data-enclosure-option="IP20"] [data-frame-size="2"] .drive-image > div {
    height: 0.172em; }
  .v-optidrive-p2-specification [data-enclosure-option="IP20"] [data-frame-size="3"] .drive-image > div {
    height: 0.195em; }
  .v-optidrive-p2-specification [data-enclosure-option="IP20"] [data-frame-size="4"] .drive-image > div {
    height: 0.345em; }
  .v-optidrive-p2-specification [data-enclosure-option="IP20"] [data-frame-size="5"] .drive-image > div {
    height: 0.390em; }
  .v-optidrive-p2-specification [data-enclosure-option="IP20"] [data-frame-size="6A"] .drive-image > div {
    height: 0.499em; }
  .v-optidrive-p2-specification [data-enclosure-option="IP20"] [data-frame-size="6B"] .drive-image > div {
    height: 0.602em; }
  .v-optidrive-p2-specification [data-enclosure-option="IP20"] [data-frame-size="8"] .drive-image > div {
    height: 0.72em; }
  .v-optidrive-p2-specification [data-enclosure-option="IP55"] [data-frame-size="4"] .drive-image > div {
    height: 0.335em; }
  .v-optidrive-p2-specification [data-enclosure-option="IP55"] [data-frame-size="5"] .drive-image > div {
    height: 0.416em; }
  .v-optidrive-p2-specification [data-enclosure-option="IP55"] [data-frame-size="6"] .drive-image > div {
    height: 0.641em; }
  .v-optidrive-p2-specification [data-enclosure-option="IP55"] [data-frame-size="7"] .drive-image > div {
    height: 0.998em; }
  .v-optidrive-p2-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="2"] .drive-image > div {
    height: calc(2 * 0.230em); }
  .v-optidrive-p2-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="3"] .drive-image > div {
    height: calc(2 * 0.283em); }
  .v-optidrive-p2-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="4"] .drive-image > div {
    height: calc(2 * 0.325em); }
  .v-optidrive-p2-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="2"] .drive-image > div {
    height: calc(2 * 0.206em); }
  .v-optidrive-p2-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="3"] .drive-image > div {
    height: calc(2 * 0.245em); }
  .v-optidrive-eco-specification [data-enclosure-option="IP20"] [data-frame-size="2"] .drive-image > div {
    height: 0.172em; }
  .v-optidrive-eco-specification [data-enclosure-option="IP20"] [data-frame-size="3"] .drive-image > div {
    height: 0.195em; }
  .v-optidrive-eco-specification [data-enclosure-option="IP20"] [data-frame-size="4"] .drive-image > div {
    height: 0.345em; }
  .v-optidrive-eco-specification [data-enclosure-option="IP20"] [data-frame-size="5"] .drive-image > div {
    height: 0.390em; }
  .v-optidrive-eco-specification [data-enclosure-option="IP20"] [data-frame-size="6A"] .drive-image > div {
    height: 0.499em; }
  .v-optidrive-eco-specification [data-enclosure-option="IP20"] [data-frame-size="6B"] .drive-image > div {
    height: 0.602em; }
  .v-optidrive-eco-specification [data-enclosure-option="IP20"] [data-frame-size="8"] .drive-image > div {
    height: 0.72em; }
  .v-optidrive-eco-specification [data-enclosure-option="IP55"] [data-frame-size="4"] .drive-image > div {
    height: 0.335em; }
  .v-optidrive-eco-specification [data-enclosure-option="IP55"] [data-frame-size="5"] .drive-image > div {
    height: 0.416em; }
  .v-optidrive-eco-specification [data-enclosure-option="IP55"] [data-frame-size="6"] .drive-image > div {
    height: 0.641em; }
  .v-optidrive-eco-specification [data-enclosure-option="IP55"] [data-frame-size="7"] .drive-image > div {
    height: 0.998em; }
  .v-optidrive-eco-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="2"] .drive-image > div {
    height: calc(2 * 0.230em); }
  .v-optidrive-eco-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="3"] .drive-image > div {
    height: calc(2 * 0.283em); }
  .v-optidrive-eco-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="4"] .drive-image > div {
    height: calc(2 * 0.325em); }
  .v-optidrive-eco-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="2"] .drive-image > div {
    height: calc(2 * 0.206em); }
  .v-optidrive-eco-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="3"] .drive-image > div {
    height: calc(2 * 0.245em); }
  .v-optidrive-elevator-specification [data-enclosure-option="IP20"] [data-frame-size="2"] .drive-image > div {
    height: calc(2 * 0.172em); }
  .v-optidrive-elevator-specification [data-enclosure-option="IP20"] [data-frame-size="3"] .drive-image > div {
    height: calc(2 * 0.195em); }
  .v-optidrive-elevator-specification [data-enclosure-option="IP20"] [data-frame-size="4"] .drive-image > div {
    height: calc(2 * 0.345em); }
  .v-optidrive-elevator-specification [data-enclosure-option="IP20"] [data-frame-size="5"] .drive-image > div {
    height: calc(2 * 0.390em); }
  .v-optidrive-elevator-specification [data-enclosure-option="IP55"] [data-frame-size="4"] .drive-image > div {
    height: calc(1.5 * 0.335em); }
  .v-optidrive-elevator-specification [data-enclosure-option="IP55"] [data-frame-size="5"] .drive-image > div {
    height: calc(1.5 * 0.416em); }
  .v-optidrive-elevator-specification [data-enclosure-option="IP55"] [data-frame-size="6"] .drive-image > div {
    height: calc(1.5 * 0.641em); } }

.tech-spec-table h3 {
  font-size: 1em;
  margin: 0 0 0.5em; }

.tech-spec-table h4, .tech-spec-table h5 {
  font-size: 1em;
  margin: 0; }

.tech-spec-table [data-level="1"] {
  font-size: 0.75em; }

.tech-spec-table [data-level] [data-level] {
  display: flex; }

.tech-spec-table [data-level] [data-level] > header {
  flex: 0 0 33.333%;
  width: 100%;
  max-width: 15em;
  padding: 0.25em;
  display: flex;
  align-items: center; }

.tech-spec-table [data-level] [data-level] > div {
  flex: 1 0 0%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.tech-spec-table [data-level] [data-level] > div.value {
  padding: 0.25em; }

.tech-spec-table [data-level="1"] + [data-level="1"] {
  margin-top: 1em; }

.tech-spec-table [data-level="1"] > div {
  border: 1px solid #e6e6e6; }

.tech-spec-table [data-level] [data-level] + [data-level] {
  border-top: 1px solid #e6e6e6; }

.tech-spec-table [data-level] [data-level] > header {
  border-right: 1px solid #e6e6e6; }

@media (min-width: 48em) {
  .tech-spec-table [data-level] {
    display: flex; }
  .tech-spec-table [data-level] > header {
    flex: 0 0 33.333%;
    width: 100%;
    max-width: 12em; }
  .tech-spec-table [data-level] > div {
    flex: 1 0 0%;
    width: 100%; }
  .tech-spec-table [data-level="1"] > header {
    background: #f2f2f2;
    padding: 0.25em; }
  .tech-spec-table [data-level="1"] {
    border: 1px solid #e6e6e6; }
  .tech-spec-table [data-level="1"] > div {
    border: 0; }
  .tech-spec-table [data-level] + [data-level] {
    border-top: 1px solid #e6e6e6; }
  .tech-spec-table [data-level] > header {
    border-right: 1px solid #e6e6e6; } }

@media (min-width: 62em) {
  .tech-spec-table [data-level="1"] {
    font-size: 1em; } }

.drop-subnav {
  display: none;
  position: relative;
  z-index: 1; }
  .drop-subnav:hover .drop-subnav__control::before {
    opacity: 1; }
  .drop-subnav .drop-subnav__control {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    border-radius: 0.125em;
    display: flex;
    position: relative;
    z-index: 1; }
    .drop-subnav .drop-subnav__control::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #000;
      border-radius: 0.125em;
      opacity: 0;
      transition: opacity 0.2s ease; }
    .drop-subnav .drop-subnav__control a {
      position: relative;
      z-index: 1;
      flex: 1 0 0%;
      width: 100%;
      color: inherit !important;
      font-weight: inherit;
      display: block;
      line-height: 1.3;
      padding: 0.475em 1em;
      border-bottom-left-radius: 0.125em;
      border-top-left-radius: 0.125em; }
    .drop-subnav .drop-subnav__control button {
      position: relative;
      z-index: 1;
      flex: 0 0 2.25em;
      width: 100%;
      max-width: 2.25em;
      border-left: 1px solid rgba(255, 255, 255, 0.2);
      border-top-right-radius: 0.125em;
      border-bottom-right-radius: 0.125em;
      text-align: center; }
      .drop-subnav .drop-subnav__control button i {
        transition: transform 0.2s ease; }
  .drop-subnav .drop-subnav__menu {
    display: none;
    position: absolute;
    top: 100%;
    background: #fff;
    border-bottom-right-radius: 0.125em;
    border-bottom-left-radius: 0.125em;
    width: 100%; }
    .drop-subnav .drop-subnav__menu::before {
      content: '';
      position: absolute;
      top: -2.25em;
      right: 0;
      bottom: 0;
      left: 0;
      border-radius: 0.125em;
      box-shadow: 0 1em 2em rgba(0, 0, 0, 0.5);
      opacity: 0;
      transition: opacity 0.2s ease; }
    .drop-subnav .drop-subnav__menu ul {
      padding: 1em; }

.drop-subnav.initialised {
  display: block; }

.drop-subnav.active .drop-subnav__control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }
  .drop-subnav.active .drop-subnav__control::before {
    opacity: 1; }
  .drop-subnav.active .drop-subnav__control a {
    border-bottom-left-radius: 0; }
  .drop-subnav.active .drop-subnav__control button {
    border-bottom-right-radius: 0; }
    .drop-subnav.active .drop-subnav__control button i {
      transform: rotate(180deg); }

.drop-subnav.active .drop-subnav__menu::before {
  opacity: 1; }

.section-nav ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  font-size: 0.875em; }
  .section-nav ul > li::before {
    content: none; }

.section-nav > div > ul > li {
  background: rgba(0, 0, 0, 0.6);
  margin-bottom: 0;
  position: static; }

.section-nav > div > ul > li + li {
  margin-top: 0.1em; }

.section-nav > div > ul > li > span {
  display: block;
  padding: 0.5em 1em;
  cursor: pointer;
  position: relative; }

.section-nav > div > ul > li > span::after {
  content: '\f078';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%); }

.section-nav > div > ul > li.active > span::after {
  transform: translateY(-50%) rotate(180deg); }

.section-nav > div > ul > li:not(.active) > div {
  display: none; }

.section-nav > div > ul > li > div > ul {
  padding: 0.5em 1em;
  columns: 2; }

.section-nav > div > ul > li > div > ul a {
  font-weight: 400; }

.section-nav > div > ul > li.active {
  background: #fff;
  color: #000; }

@media (min-width: 48em) {
  .section-nav > div {
    display: table; }
  .section-nav > div > ul {
    display: flex;
    justify-content: flex-start;
    position: relative;
    background: rgba(0, 0, 0, 0.3);
    font-size: 1.25em; }
  .section-nav > div > ul > li {
    margin: 0 !important;
    background: none; }
  .section-nav > div > ul > li:not(.active) > span:hover {
    background: rgba(0, 0, 0, 0.2); }
  .section-nav > div > ul > li > span::after {
    content: none; }
  .section-nav > div > ul > li > div {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff; }
  .section-nav > div > ul > li:not(.active) > div {
    display: none; }
  .section-nav > div > ul > li > div > ul {
    padding: 1em; } }

.v-select {
  position: relative;
  font-family: inherit; }

.v-select,
.v-select * {
  box-sizing: border-box; }

/* KeyFrames */
@-webkit-keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Dropdown Default Transition */
.vs__fade-enter-active,
.vs__fade-leave-active {
  pointer-events: none;
  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1); }

.vs__fade-enter,
.vs__fade-leave-to {
  opacity: 0; }

/** Component States */
/*
 * Disabled
 *
 * When the component is disabled, all interaction
 * should be prevented. Here we modify the bg color,
 * and change the cursor displayed on the interactive
 * components.
 */
.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__clear,
.vs--disabled .vs__search,
.vs--disabled .vs__selected,
.vs--disabled .vs__open-indicator {
  cursor: not-allowed;
  background-color: #f8f8f8; }

/*
 *  RTL - Right to Left Support
 *
 *  Because we're using a flexbox layout, the `dir="rtl"`
 *  HTML attribute does most of the work for us by
 *  rearranging the child elements visually.
 */
.v-select[dir="rtl"] .vs__actions {
  padding: 0 3px 0 6px; }

.v-select[dir="rtl"] .vs__clear {
  margin-left: 6px;
  margin-right: 0; }

.v-select[dir="rtl"] .vs__deselect {
  margin-left: 0;
  margin-right: 2px; }

.v-select[dir="rtl"] .vs__dropdown-menu {
  text-align: right; }

/**
    Dropdown Toggle

    The dropdown toggle is the primary wrapper of the component. It
    has two direct descendants: .vs__selected-options, and .vs__actions.

    .vs__selected-options holds the .vs__selected's as well as the
    main search input.

    .vs__actions holds the clear button and dropdown toggle.
 */
.vs__dropdown-toggle {
  appearance: none;
  display: flex;
  padding: 0 0 4px 0;
  background: none;
  border: 1px solid #666;
  border-radius: 0;
  white-space: normal; }

.vs__selected-options {
  display: flex;
  flex-basis: 100%;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 0 2px;
  position: relative; }

.vs__actions {
  display: flex;
  align-items: center;
  padding: 4px 6px 0 3px; }

/* Dropdown Toggle States */
.vs--searchable .vs__dropdown-toggle {
  cursor: text; }

.vs--unsearchable .vs__dropdown-toggle {
  cursor: pointer; }

.vs--open .vs__dropdown-toggle {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.vs__open-indicator {
  fill: rgba(60, 60, 60, 0.5);
  transform: scale(1);
  transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);
  transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855); }

.vs--open .vs__open-indicator {
  transform: rotate(180deg) scale(1); }

.vs--loading .vs__open-indicator {
  opacity: 0; }

/* Clear Button */
.vs__clear {
  fill: rgba(60, 60, 60, 0.5);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-right: 8px; }

/* Dropdown Menu */
.vs__dropdown-menu {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 1000;
  padding: 5px 0;
  margin: 0;
  width: 100%;
  max-height: 350px;
  min-width: 20vw;
  overflow-y: auto;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #666;
  border-top-style: none;
  border-radius: 0 0 0 0;
  text-align: left;
  list-style: none;
  background: #fff; }

.vs__no-options {
  text-align: center; }

/* List Items */
.vs__dropdown-option {
  line-height: 1.42857143;
  /* Normalize line height */
  display: block;
  padding: 3px 20px;
  clear: both;
  color: #333;
  /* Overrides most CSS frameworks */
  white-space: nowrap; }
  .vs__dropdown-option:hover {
    cursor: pointer; }

.vs__dropdown-option--highlight {
  background: #5897fb;
  color: #fff; }

.vs__dropdown-option--disabled {
  background: inherit;
  color: rgba(60, 60, 60, 0.5); }
  .vs__dropdown-option--disabled:hover {
    cursor: inherit; }

/* Selected Tags */
.vs__selected {
  display: flex;
  align-items: center;
  background-color: #f0f0f0;
  border: 1px solid #666;
  border-radius: 0;
  color: #333;
  line-height: 1.4;
  margin: 4px 2px 0px 2px;
  padding: 0 0.25em;
  z-index: 0; }

.vs__deselect {
  display: inline-flex;
  appearance: none;
  margin-left: 4px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  fill: rgba(60, 60, 60, 0.5);
  text-shadow: 0 1px 0 #fff; }

/* States */
.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent; }

.vs--single.vs--open .vs__selected {
  position: absolute;
  opacity: .4; }

.vs--single.vs--searching .vs__selected {
  display: none; }

/* Search Input */
/**
 * Super weird bug... If this declaration is grouped
 * below, the cancel button will still appear in chrome.
 * If it's up here on it's own, it'll hide it.
 */
.vs__search::-webkit-search-cancel-button {
  display: none; }

.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration,
.vs__search::-ms-clear {
  display: none; }

.vs__search,
.vs__search:focus {
  appearance: none;
  line-height: 1.4;
  font-size: 1em;
  border: 1px solid transparent;
  border-left: none;
  outline: none;
  margin: 4px 0 0 0;
  padding: 0 7px;
  background: none;
  box-shadow: none;
  width: 0;
  max-width: 100%;
  flex-grow: 1;
  z-index: 1; }

.vs__search::placeholder {
  color: inherit; }

/**
    States
 */
.vs--unsearchable .vs__search {
  opacity: 1; }

.vs--unsearchable:not(.vs--disabled) .vs__search:hover {
  cursor: pointer; }

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
  opacity: .2; }

/* Loading Spinner */
.vs__spinner {
  align-self: center;
  opacity: 0;
  font-size: 5px;
  text-indent: -9999em;
  overflow: hidden;
  border-top: 0.9em solid rgba(100, 100, 100, 0.1);
  border-right: 0.9em solid rgba(100, 100, 100, 0.1);
  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);
  border-left: 0.9em solid rgba(60, 60, 60, 0.45);
  transform: translateZ(0);
  animation: vSelectSpinner 1.1s infinite linear;
  transition: opacity .1s; }

.vs__spinner,
.vs__spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em; }

/* Loading Spinner States */
.vs--loading .vs__spinner {
  opacity: 1; }

.v-home #banner {
  padding-top: 0;
  padding-bottom: 0; }
  .v-home #banner > .span {
    padding-top: 0;
    padding-bottom: 0; }
  .v-home #banner #home-slider[data-state="0"] {
    height: 35em; }
    @media (min-width: 62em) {
      .v-home #banner #home-slider[data-state="0"] {
        overflow: hidden;
        height: 42rem; } }
    @media (min-width: 101.75em) {
      .v-home #banner #home-slider[data-state="0"] {
        height: 44.5rem; } }
  .v-home #banner #home-slider[data-state="3"] {
    height: 172.91666666666666666666666666667vw; }
    @media (min-width: 48em) {
      .v-home #banner #home-slider[data-state="3"] {
        height: 53vw; } }
    @media (min-width: 101.75em) {
      .v-home #banner #home-slider[data-state="3"] {
        height: 47.593933016105417276720351390922rem; } }
  .v-home #banner .glide__slides .glide__slide {
    padding: 5rem 0;
    overflow: hidden; }
    @media (min-width: 48em) {
      .v-home #banner .glide__slides .glide__slide {
        padding: 3rem 0 2.5rem; } }
    @media (min-width: 62em) {
      .v-home #banner .glide__slides .glide__slide {
        padding: 5rem 0; } }
    .v-home #banner .glide__slides .glide__slide h1 {
      font-size: 3.25em; }
      @media (min-width: 48em) {
        .v-home #banner .glide__slides .glide__slide h1 {
          font-size: 2em; } }
      @media (min-width: 62em) {
        .v-home #banner .glide__slides .glide__slide h1 {
          font-size: 3.25em; } }
    .v-home #banner .glide__slides .glide__slide h2 {
      margin: 0.5em 0 0;
      font-size: 1.75em; }
      @media (min-width: 62em) {
        .v-home #banner .glide__slides .glide__slide h2 {
          font-size: 2.125em; } }
    .v-home #banner .glide__slides .glide__slide h3 {
      margin: 0 0 1em;
      font-size: 2em;
      color: rgba(255, 255, 255, 0.5);
      font-weight: 200; }
  .v-home #banner .glide__slides .glide__slide.glide__slide--active {
    overflow: visible; }
  .v-home #banner .glide__slides [data-slide="1"] {
    position: relative; }
    .v-home #banner .glide__slides [data-slide="1"] > .row {
      margin: 0; }
      @media (min-width: 48em) {
        .v-home #banner .glide__slides [data-slide="1"] > .row > .span {
          flex-direction: column-reverse; } }
      @media (min-width: 62em) {
        .v-home #banner .glide__slides [data-slide="1"] > .row > .span {
          flex-direction: row; } }
    .v-home #banner .glide__slides [data-slide="1"]::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: -0.5em;
      right: 30%;
      left: 0;
      background: url("../img/content/home/rain-overlay.png") 100% center/auto 100% no-repeat;
      z-index: 1;
      pointer-events: none; }
    .v-home #banner .glide__slides [data-slide="1"] .slide--feature {
      display: flex;
      align-items: center; }
      @media (min-width: 62em) {
        .v-home #banner .glide__slides [data-slide="1"] .slide--feature {
          padding-right: 0; } }
      .v-home #banner .glide__slides [data-slide="1"] .slide--feature img {
        max-width: 80%;
        margin: 0 auto 3rem; }
        @media (min-width: 48em) {
          .v-home #banner .glide__slides [data-slide="1"] .slide--feature img {
            max-width: 100%;
            width: 100%;
            margin-bottom: 0; } }
        @media (min-width: 62em) {
          .v-home #banner .glide__slides [data-slide="1"] .slide--feature img {
            margin-left: -5rem; } }
    .v-home #banner .glide__slides [data-slide="1"] .slide--text {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 0 0.9375rem; }
      @media (min-width: 62em) {
        .v-home #banner .glide__slides [data-slide="1"] .slide--text {
          padding-right: 3rem; } }
      @media (min-width: 90em) {
        .v-home #banner .glide__slides [data-slide="1"] .slide--text {
          align-items: flex-end; } }
      @media (min-width: 48em) {
        .v-home #banner .glide__slides [data-slide="1"] .slide--text > div {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          width: 100%; } }
      @media (min-width: 62em) {
        .v-home #banner .glide__slides [data-slide="1"] .slide--text > div {
          display: block;
          width: auto; } }
      .v-home #banner .glide__slides [data-slide="1"] .slide--text > div ul.associated-products {
        display: flex;
        justify-content: space-between;
        max-width: 20rem;
        margin: 0 auto; }
        @media (min-width: 48em) {
          .v-home #banner .glide__slides [data-slide="1"] .slide--text > div ul.associated-products {
            margin: 0;
            flex: 0 0 40%;
            max-width: 40%; } }
        @media (min-width: 62em) {
          .v-home #banner .glide__slides [data-slide="1"] .slide--text > div ul.associated-products {
            max-width: none;
            margin: 0 auto; } }
        @media (min-width: 90em) {
          .v-home #banner .glide__slides [data-slide="1"] .slide--text > div ul.associated-products {
            max-width: 20rem; } }
        .v-home #banner .glide__slides [data-slide="1"] .slide--text > div ul.associated-products li {
          flex: 0 0 32%;
          max-width: 32%;
          background: radial-gradient(circle at 75% 100%, #948cc3 0%, #535486 75%);
          box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4); }
          .v-home #banner .glide__slides [data-slide="1"] .slide--text > div ul.associated-products li a {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 1em 0.5em;
            font-weight: 400; }
            .v-home #banner .glide__slides [data-slide="1"] .slide--text > div ul.associated-products li a span {
              width: 100%; }
          .v-home #banner .glide__slides [data-slide="1"] .slide--text > div ul.associated-products li img {
            width: 5em;
            margin-bottom: 0.5em; }
    .v-home #banner .glide__slides [data-slide="1"] .slide--caption {
      position: absolute;
      right: 0.9375rem;
      bottom: -4rem; }
      @media (min-width: 48em) {
        .v-home #banner .glide__slides [data-slide="1"] .slide--caption {
          bottom: -2rem; } }
      @media (min-width: 62em) {
        .v-home #banner .glide__slides [data-slide="1"] .slide--caption {
          bottom: -4rem; } }
      .v-home #banner .glide__slides [data-slide="1"] .slide--caption h3 {
        margin-bottom: 0; }
  .v-home #banner .glide__slides [data-slide="2"] {
    height: auto;
    margin: 0; }
    @media (min-width: 75em) {
      .v-home #banner .glide__slides [data-slide="2"] {
        padding: 4rem 0; } }
    .v-home #banner .glide__slides [data-slide="2"]::before {
      content: '';
      position: absolute;
      right: 0;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
      background: url(../img/content/home/e3-drives.png) 0 calc(100% + 4rem)/100% auto no-repeat; }
      @media (min-width: 48em) {
        .v-home #banner .glide__slides [data-slide="2"]::before {
          background-size: 40% auto;
          background-position: 0 50%;
          transform: none;
          left: 0; } }
      @media (min-width: 62em) {
        .v-home #banner .glide__slides [data-slide="2"]::before {
          background-position: 0 calc(100% + 10rem); } }
      @media (min-width: 75em) {
        .v-home #banner .glide__slides [data-slide="2"]::before {
          background-size: 25rem auto;
          background-position: 0 50%;
          left: 5%; } }
      @media (min-width: 101.75em) {
        .v-home #banner .glide__slides [data-slide="2"]::before {
          left: calc((100vw - 96rem) / 2);
          right: calc((100vw - 96rem) / 2);
          background-size: 43% auto;
          background-position: 0 calc(100% + 12rem); } }
    .v-home #banner .glide__slides [data-slide="2"] .slide--text {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 0 1.875rem; }
      .v-home #banner .glide__slides [data-slide="2"] .slide--text .motor-types {
        width: 100%;
        font-size: 3.5vw; }
        @media (min-width: 36em) {
          .v-home #banner .glide__slides [data-slide="2"] .slide--text .motor-types {
            font-size: 1rem; } }
        @media (min-width: 48em) {
          .v-home #banner .glide__slides [data-slide="2"] .slide--text .motor-types {
            justify-content: flex-start; } }
        @media (min-width: 62em) {
          .v-home #banner .glide__slides [data-slide="2"] .slide--text .motor-types {
            font-size: 0.9em; } }
        @media (min-width: 90em) {
          .v-home #banner .glide__slides [data-slide="2"] .slide--text .motor-types {
            font-size: 1rem; } }
        .v-home #banner .glide__slides [data-slide="2"] .slide--text .motor-types li {
          flex: 0 0 32%;
          max-width: 32%; }
          @media (min-width: 48em) {
            .v-home #banner .glide__slides [data-slide="2"] .slide--text .motor-types li {
              flex: 0 0 50%;
              max-width: 50%; } }
          .v-home #banner .glide__slides [data-slide="2"] .slide--text .motor-types li > div {
            border-color: #fff; }
          .v-home #banner .glide__slides [data-slide="2"] .slide--text .motor-types li abbr {
            color: #fff; }
      .v-home #banner .glide__slides [data-slide="2"] .slide--text h2 {
        padding-bottom: 0.75em; }
        @media (min-width: 62em) {
          .v-home #banner .glide__slides [data-slide="2"] .slide--text h2 {
            font-size: 1.5em; } }
      .v-home #banner .glide__slides [data-slide="2"] .slide--text h3 {
        font-size: 1.5em;
        padding-top: 0.75em; }
      .v-home #banner .glide__slides [data-slide="2"] .slide--text > div > div {
        display: flex;
        flex-direction: column;
        align-items: center; }
        @media (min-width: 48em) {
          .v-home #banner .glide__slides [data-slide="2"] .slide--text > div > div {
            align-items: flex-start; } }
      .v-home #banner .glide__slides [data-slide="2"] .slide--text img {
        display: inline-block; }
  .v-home #banner .glide__slides [data-slide="3"] {
    position: relative;
    opacity: 0;
    transition: opacity 0.1s ease-in-out; }
    .v-home #banner .glide__slides [data-slide="3"].glide__slide--active {
      opacity: 1;
      height: 172.91666666666666666666666666667vw;
      margin-bottom: 0; }
      @media (min-width: 48em) {
        .v-home #banner .glide__slides [data-slide="3"].glide__slide--active {
          height: 53vw; } }
      @media (min-width: 101.75em) {
        .v-home #banner .glide__slides [data-slide="3"].glide__slide--active {
          height: 47.593933016105417276720351390922rem; } }
    .v-home #banner .glide__slides [data-slide="3"] a {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
    .v-home #banner .glide__slides [data-slide="3"]::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: #87cc3e url("../img/content/home/save-energy-mobile.jpg") center center/100% auto no-repeat;
      pointer-events: none; }
      @media (min-width: 48em) {
        .v-home #banner .glide__slides [data-slide="3"]::after {
          background-image: url("../img/content/home/save-energy.jpg"); } }
      @media (min-width: 101.75em) {
        .v-home #banner .glide__slides [data-slide="3"]::after {
          left: calc(((100vw - 96rem) / 2) + 3rem);
          right: calc(((100vw - 96rem) / 2) + 3rem); } }
    .v-home #banner .glide__slides [data-slide="3"]::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: #87cc3e; }
  .v-home #banner .glide__bullets {
    position: absolute;
    right: 0.9375rem;
    top: 1rem; }
    @media (min-width: 48em) {
      .v-home #banner .glide__bullets {
        right: 3.8125%; } }
    @media (min-width: 90em) {
      .v-home #banner .glide__bullets {
        right: calc(((100vw - 96rem) / 2) + 0.9375rem); } }
    .v-home #banner .glide__bullets button {
      width: 4.9em;
      height: 2em;
      margin-left: 0.5rem;
      position: relative; }
      @media (min-width: 48em) {
        .v-home #banner .glide__bullets button {
          width: 10em;
          height: 1em; } }
      .v-home #banner .glide__bullets button::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        height: 25%;
        transform: translateY(-50%);
        width: 100%;
        background: #ffffff;
        opacity: 0.4;
        transition: opacity 0.25s ease-in-out; }
      .v-home #banner .glide__bullets button.glide__bullet--active::before {
        opacity: 1; }

@media (min-width: 48em) {
  .v-home #promotions .exhibitions-feed {
    flex: 0 0 20%;
    max-width: 20%; } }

.v-home #promotions .exhibitions-feed .panel {
  text-align: center;
  padding-bottom: 2.5em;
  position: relative; }
  @media (min-width: 48em) {
    .v-home #promotions .exhibitions-feed .panel {
      position: absolute;
      top: 50%;
      left: 0.9375rem;
      right: 0;
      width: 100%;
      min-height: 30rem;
      transform: translateY(-50%); } }
  .v-home #promotions .exhibitions-feed .panel p.lead {
    margin: 1em 0 0.75em;
    color: #000; }
  .v-home #promotions .exhibitions-feed .panel img {
    margin: 0 auto;
    width: 80%;
    max-width: 13rem; }
  .v-home #promotions .exhibitions-feed .panel a.btn.btn-text-link {
    position: absolute;
    right: 1em;
    bottom: 0.25em; }

@media (min-width: 48em) {
  .v-home #promotions .site-links {
    margin-left: auto; } }

.v-home #promotions .site-links #site-links {
  justify-content: space-between; }
  @media (min-width: 48em) {
    .v-home #promotions .site-links #site-links {
      justify-content: flex-end; } }
  @media (min-width: 48em) {
    .v-home #promotions .site-links #site-links > li {
      flex: 0 0 31%;
      max-width: 31%; }
      .v-home #promotions .site-links #site-links > li:not(:first-child) {
        margin-left: 1.5%; } }
  @media (min-width: 62em) {
    .v-home #promotions .site-links #site-links > li:not(:first-child) {
      margin-left: calc(1.5% + 0.1rem); } }

.v-home #promotions .site-links-info {
  text-align: right; }
  .v-home #promotions .site-links-info h2 {
    font-weight: 200;
    font-size: 2.1em;
    margin: 1.5rem 0 0.25rem; }
    @media (min-width: 75em) {
      .v-home #promotions .site-links-info h2 {
        margin: 2.5rem 0 0.25rem; } }

.v-home #complete-package {
  text-align: center; }
  .v-home #complete-package h1 {
    margin-bottom: 4rem; }
  .v-home #complete-package .invertek-sum {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (min-width: 48em) {
      .v-home #complete-package .invertek-sum {
        padding: 0; } }
    @media (min-width: 75em) {
      .v-home #complete-package .invertek-sum {
        padding: 0 8rem; } }
    .v-home #complete-package .invertek-sum li {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 8rem;
      position: relative;
      flex: 0 0 100%;
      max-width: 100%;
      padding: 0 10%; }
      .v-home #complete-package .invertek-sum li:last-child {
        margin-bottom: 0; }
      @media (min-width: 36em) {
        .v-home #complete-package .invertek-sum li {
          padding: 0 20%; } }
      @media (min-width: 48em) {
        .v-home #complete-package .invertek-sum li {
          padding: 0;
          flex: 0 0 25%;
          max-width: 25%;
          margin-bottom: 0; } }
      .v-home #complete-package .invertek-sum li.plus::before {
        content: '+';
        position: absolute;
        top: calc(100% + 1.75rem);
        left: 50%;
        transform: translate(-50%, 0);
        width: 4.5rem;
        height: 4.5rem;
        background: #000000;
        border: 0.4rem solid #ffffff;
        border-radius: 50%;
        color: #fff;
        font-size: 3.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2; }
        @media (min-width: 48em) {
          .v-home #complete-package .invertek-sum li.plus::before {
            top: 5.5rem;
            left: 100%;
            transform: translate(-50%, -50%); } }
        @media (min-width: 62em) {
          .v-home #complete-package .invertek-sum li.plus::before {
            top: 7.25rem; } }
      .v-home #complete-package .invertek-sum li.equals::before {
        content: '=';
        position: absolute;
        top: calc(100% + 1.75rem);
        left: 50%;
        transform: translate(-50%, 0);
        width: 4.5rem;
        height: 4.5rem;
        background: #000000;
        border: 0.4rem solid #ffffff;
        border-radius: 50%;
        color: #fff;
        font-size: 3.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2; }
        @media (min-width: 48em) {
          .v-home #complete-package .invertek-sum li.equals::before {
            top: 5.5rem;
            left: 100%;
            transform: translate(-50%, -50%); } }
        @media (min-width: 62em) {
          .v-home #complete-package .invertek-sum li.equals::before {
            top: 7.25rem; } }
      .v-home #complete-package .invertek-sum li p {
        padding: 0 2rem; }
      .v-home #complete-package .invertek-sum li p.lead {
        color: #000;
        margin-bottom: 0.5rem;
        font-weight: 400; }
      .v-home #complete-package .invertek-sum li > div {
        height: 14.5rem;
        width: 14.5rem;
        border-radius: 50%;
        margin-bottom: 2rem;
        position: relative; }
        @media (min-width: 48em) {
          .v-home #complete-package .invertek-sum li > div {
            height: 11rem;
            width: 11rem; } }
        @media (min-width: 62em) {
          .v-home #complete-package .invertek-sum li > div {
            height: 14.5rem;
            width: 14.5rem; } }
      .v-home #complete-package .invertek-sum li[data-bg="vfd"] > div {
        background: url("../img/content/home/vfd-close-up.jpg") center center/cover no-repeat; }
      .v-home #complete-package .invertek-sum li[data-bg="global-support"] > div img {
        position: absolute;
        height: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        max-width: 150%;
        z-index: 1; }
      .v-home #complete-package .invertek-sum li[data-bg="innovation"] > div {
        background: url("../img/content/home/innovation.jpg") center center/cover no-repeat; }
      .v-home #complete-package .invertek-sum li[data-bg="save-energy"] > div {
        background: #6ee832;
        background: -moz-radial-gradient(center, ellipse cover, #6ee832 0%, #009e41 100%);
        background: -webkit-radial-gradient(center, ellipse cover, #6ee832 0%, #009e41 100%);
        background: radial-gradient(ellipse at center, #6ee832 0%, #009e41 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ee832', endColorstr='#009e41',GradientType=1 ); }
        .v-home #complete-package .invertek-sum li[data-bg="save-energy"] > div img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          margin: 0;
          width: 60%; }

.v-home #contact-block .panel {
  padding: 0.5rem;
  width: calc(100% - 0.5rem);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .v-home #contact-block .panel > div {
    position: relative;
    min-height: 15rem;
    padding-right: 8rem; }
    @media (min-width: 48em) {
      .v-home #contact-block .panel > div {
        padding-right: 0; } }
    .v-home #contact-block .panel > div a {
      color: #ffffff;
      padding: 2.5rem 2rem; }
      @media (min-width: 48em) {
        .v-home #contact-block .panel > div a {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
      .v-home #contact-block .panel > div a p {
        font-weight: 400;
        font-size: 1.3em; }
      .v-home #contact-block .panel > div a::before {
        content: '\f054';
        font-family: 'Font Awesome 5 Pro';
        position: absolute;
        right: 1rem;
        bottom: 1rem;
        width: 2rem;
        height: 2rem;
        border: 0.125rem solid #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 400; }
      .v-home #contact-block .panel > div a:hover::before {
        background: #fff;
        color: #000; }
  .v-home #contact-block .panel #global-contacts {
    flex: 0 0 100%;
    max-width: 100%;
    background: radial-gradient(circle at 75% 100%, #948cc3 0%, #535486 75%); }
    @media (min-width: 48em) {
      .v-home #contact-block .panel #global-contacts {
        flex: 0 0 calc(66.5% - 0.25rem);
        max-width: calc(66.5% - 0.25rem); } }
    .v-home #contact-block .panel #global-contacts::before {
      content: '';
      position: absolute;
      right: 2.5rem;
      top: 4rem;
      width: 3.75rem;
      height: 3.75rem;
      background: url("../img/common/promo-links/globe.png") center center/contain no-repeat; }
    @media (min-width: 48em) {
      .v-home #contact-block .panel #global-contacts a {
        padding-right: 30%; } }
    @media (min-width: 75em) {
      .v-home #contact-block .panel #global-contacts a {
        padding-right: 55%; } }
  .v-home #contact-block .panel #become-a-distributor {
    flex: 0 0 100%;
    max-width: 100%;
    background: #000000;
    background: -moz-radial-gradient(bottom right, ellipse cover, #444444 0%, #000000 100%);
    background: -webkit-radial-gradient(bottom right, ellipse cover, #444444 0%, #000000 100%);
    background: radial-gradient(ellipse at bottom right, #444444 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=1 ); }
    @media (min-width: 48em) {
      .v-home #contact-block .panel #become-a-distributor {
        flex: 0 0 calc(33.5% - 0.25rem);
        max-width: calc(33.5% - 0.25rem); } }
    @media (min-width: 48em) {
      .v-home #contact-block .panel #become-a-distributor a {
        padding-right: 10%; } }
    @media (min-width: 75em) {
      .v-home #contact-block .panel #become-a-distributor a {
        padding-right: 25%; } }

.v-home #latest-updates h1 {
  margin-bottom: 1.25rem; }

.v-home #latest-updates .story-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.v-home #latest-updates .story-txt {
  background: #ffffff; }
  .v-home #latest-updates .story-txt .story-title {
    color: #0060d8;
    font-weight: 400;
    display: block;
    margin-bottom: 0.4rem; }
  .v-home #latest-updates .story-txt .story-date {
    color: #000;
    font-weight: 800;
    display: block; }

.v-home #latest-updates .main-story .story-img {
  width: 100%;
  min-height: 23rem; }
  @media (min-width: 75em) {
    .v-home #latest-updates .main-story .story-img {
      margin-left: -3rem; } }

.v-home #latest-updates .main-story .story-txt {
  padding: 1.5rem 2rem;
  width: 100%;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4); }
  @media (min-width: 75em) {
    .v-home #latest-updates .main-story .story-txt {
      position: absolute;
      left: -3rem;
      top: 18rem;
      width: 80%;
      box-shadow: none; } }
  .v-home #latest-updates .main-story .story-txt .story-title {
    font-size: 1.9rem; }
  .v-home #latest-updates .main-story .story-txt .story-date {
    font-size: 0.9rem; }

.v-home #latest-updates .child-story {
  display: flex;
  flex-direction: column; }
  .v-home #latest-updates .child-story .child-stories {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%; }
    .v-home #latest-updates .child-story .child-stories li {
      flex: 0 0 100%;
      max-width: 100%;
      min-height: calc((23rem / 3) - 0.5em);
      box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4); }
      @media (min-width: 75em) {
        .v-home #latest-updates .child-story .child-stories li {
          flex: 0 0 calc(50% - 1rem);
          max-width: calc(50% - 1rem); } }
      .v-home #latest-updates .child-story .child-stories li a {
        display: flex;
        height: 100%; }
        .v-home #latest-updates .child-story .child-stories li a .story-img {
          flex: 0 0 calc(23rem / 3);
          max-width: calc(23rem / 3);
          width: calc(23rem / 3);
          height: 100%; }
        .v-home #latest-updates .child-story .child-stories li a .story-txt {
          padding: 1.5rem 0.75rem;
          flex: 0 0 calc(100% - (23rem / 3));
          max-width: calc(100% - (23rem / 3));
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .v-home #latest-updates .child-story .child-stories li a .story-txt .story-title {
            font-size: 0.9rem; }
          .v-home #latest-updates .child-story .child-stories li a .story-txt .story-date {
            font-size: 0.75rem; }
  .v-home #latest-updates .child-story .latest-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .v-home #latest-updates .child-story .latest-links li {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 0.25rem; }
      @media (min-width: 36em) {
        .v-home #latest-updates .child-story .latest-links li {
          flex: 0 0 48%;
          max-width: 48%; } }
      .v-home #latest-updates .child-story .latest-links li a {
        text-align: left; }

.v-home [data-slide="0"] .slide--feature #promo-title span {
  background-color: #535486 !important;
  padding: 0.1em 0.3em;
  display: inline-block;
  margin-top: 0.5em; }

.v-home [data-slide="0"] .slide--feature > div {
  padding: 0 0.5em;
  padding-bottom: 7em;
  margin-bottom: 4em; }

.v-home #banner .glide__slides [data-slide="0"] h1 {
  font-size: 2.5em;
  text-align: center; }

.v-home [data-slide="0"] #here-me-now {
  text-align: center; }

.v-home [data-slide="0"] .slide-image {
  margin-top: 4em; }

.v-home [data-slide="0"] .big-purple-button {
  width: 18em;
  padding: 1em;
  background: url(../img/content/promotional/expo-big-purple-button.jpg);
  display: block;
  text-align: center;
  border: 1px solid white;
  margin: 0 auto; }

.v-home [data-slide="0"] .save-and-point {
  text-align: center;
  padding-top: 4em;
  position: relative; }

.v-home [data-slide="0"] .save-and-point::before {
  width: 8px;
  height: 42px;
  background: url(../img/content/promotional/point-and-save-straight.png);
  background-size: contain;
  content: '';
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  left: 48%;
  bottom: 3em; }

.v-home [data-slide="0"] .tour-cal {
  text-align: center; }

.v-home [data-slide="0"] .tour-cal > div {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center; }

.v-home [data-slide="0"] .event-actions .date-icon {
  border: 1px solid white;
  border-radius: 6px;
  padding: 0.75em 0.75em 0 0.75em;
  margin: 0.5em; }

.v-home [data-slide="0"] .event-actions .date-icon .day-word {
  font-size: 0.75em; }

.v-home [data-slide="0"] .event-actions .date-icon .day-number {
  font-size: 3em; }

@media (min-width: 48em) {
  .v-home [data-slide="0"] .slide--feature #promo-title span {
    padding: 0.1em 0.2em;
    margin-left: 0.25em; }
  .v-home [data-slide="0"] .event-actions {
    justify-content: right; }
  .v-home #banner .glide__slides [data-slide="0"] h1 {
    font-size: 2.25em;
    text-align: center; }
  .v-home [data-slide="0"] #here-me-now {
    font-size: 1.25em;
    margin-top: 0;
    text-align: center; }
  .v-home [data-slide="0"] #here-me-now strong {
    font-size: 1.5em; }
  .v-home [data-slide="0"] .slide-image img {
    position: absolute;
    right: 0; }
  .v-home [data-slide="0"] .slide-image {
    margin-top: 0; }
  .v-home [data-slide="0"] {
    margin: 0; }
  .v-home [data-slide="0"] .event-actions {
    padding-top: 12em; } }

@media (min-width: 62em) {
  .v-home [data-slide="0"] {
    background: url(../img/content/home/virtual-expo.png);
    background-position: calc(100% + 25em) 0;
    background-size: auto 42rem;
    background-repeat: no-repeat; }
  .v-home [data-slide="0"] .tour-cal {
    padding-top: 0; }
  .v-home [data-slide="0"] .big-purple-button {
    margin: 3em 0 0 0; }

  .v-home [data-slide="0"] #here-me-now {
    font-size: 1.5em;
    width: 85%;
    text-align: left;
    padding-top: 1em; }
  .v-home #banner .glide__slides [data-slide="0"] h1 {
    font-size: 2.5em;
    text-align: left; } }

@media (min-width: 101.75em) {
  .v-home [data-slide="0"] {
    background: url(../img/content/home/virtual-expo.png);
    background-position: 100% 100%;
    background-size: auto 100%;
    background-repeat: no-repeat; } }

@media (min-width: 64em) {
  .v-home [data-slide="0"] .event-actions {
    padding-top: 10em;
    justify-content: right; }
  .v-home [data-slide="0"] .tour-cal {
    padding-top: 10%; }
  .v-home [data-slide="0"] .save-and-point {
    text-align: center;
    padding-top: 0;
    position: absolute;
    left: 20em;
    bottom: -2em; }
  .v-home [data-slide="0"] .save-and-point::before {
    width: 90px;
    height: 95px;
    background-image: url(../img/content/promotional/point-and-save.png);
    display: block;
    left: 0;
    bottom: 3em; } }

@media (min-width: 107.875em) {
  .v-home [data-slide="0"] .tour-cal {
    padding-top: 35%; }
  .v-home #banner .glide__slides [data-slide="0"] h1 {
    font-size: 3em; } }

@media (min-width: 162.5em) {
  .v-home [data-slide="0"] .event-actions {
    padding-top: 35%; } }

.v-variable-frequency-drives .banner {
  padding: 0;
  background: url("../img/content/drives/overview/banner-vfd.png") 100% 100%/auto 50% no-repeat; }
  @media (min-width: 48em) {
    .v-variable-frequency-drives .banner {
      background-size: auto 70%; } }
  @media (min-width: 62em) {
    .v-variable-frequency-drives .banner {
      background-size: auto 80%; } }
  @media (min-width: 90em) {
    .v-variable-frequency-drives .banner {
      background-position: calc(100% - ((100vw - 96rem) / 2)) 100%; } }
  .v-variable-frequency-drives .banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: -20%;
    right: -20%;
    bottom: 0;
    -webkit-box-shadow: inset 0px 5px 8px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: inset 0px 5px 8px 0px rgba(50, 50, 50, 0.25);
    box-shadow: inset 0px 5px 8px 0px rgba(50, 50, 50, 0.25);
    z-index: -1; }
  .v-variable-frequency-drives .banner .span {
    padding: 1em 0.9375rem 10em; }
    @media (min-width: 36em) {
      .v-variable-frequency-drives .banner .span {
        padding: 3em 0.9375rem; }
        .v-variable-frequency-drives .banner .span .drive-logo img {
          height: 2em; }
        .v-variable-frequency-drives .banner .span .drive-type {
          font-size: 1.25em; } }

.v-variable-frequency-drives #product-options {
  background: #9b8dd6;
  /* Old browsers */
  background: -moz-linear-gradient(top, #9b8dd6 0%, #2c2e5f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #9b8dd6 0%, #2c2e5f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #9b8dd6 0%, #2c2e5f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b8dd6', endColorstr='#2c2e5f',GradientType=0 );
  /* IE6-9 */ }
  .v-variable-frequency-drives #product-options .span {
    padding: 2.320562rem 0 4.016125rem; }
    .v-variable-frequency-drives #product-options .span .col {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 0 0.9375rem; }
      @media (min-width: 48em) {
        .v-variable-frequency-drives #product-options .span .col {
          justify-content: flex-start; } }
      @media (min-width: 62em) {
        .v-variable-frequency-drives #product-options .span .col {
          justify-content: space-between;
          flex-wrap: nowrap;
          font-size: 1.1vw; } }
      @media (min-width: 75em) {
        .v-variable-frequency-drives #product-options .span .col {
          font-size: 1.1vw; } }
      @media (min-width: 90em) {
        .v-variable-frequency-drives #product-options .span .col {
          font-size: 1rem; } }
      .v-variable-frequency-drives #product-options .span .col > div {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 2rem; }
        @media (min-width: 36em) {
          .v-variable-frequency-drives #product-options .span .col > div {
            flex: 0 0 49%;
            max-width: 49%;
            padding-top: 5rem;
            margin-bottom: 4rem; } }
        @media (min-width: 48em) {
          .v-variable-frequency-drives #product-options .span .col > div {
            flex: 0 0 32%;
            max-width: 32%;
            margin-right: 2%; } }
        @media (min-width: 62em) {
          .v-variable-frequency-drives #product-options .span .col > div {
            flex: 0 0 19%;
            max-width: 19%;
            margin-right: 0;
            margin-bottom: 2rem; } }
        @media (min-width: 62em) {
          .v-variable-frequency-drives #product-options .span .col > div:nth-child(1)::before {
            content: '';
            position: absolute;
            right: -3.5%;
            top: 0;
            height: calc(100% + 2rem);
            border-left: solid 0.0625rem rgba(255, 255, 255, 0.2); } }
        @media (min-width: 48em) and (max-width: 47.875em) {
          .v-variable-frequency-drives #product-options .span .col > div:nth-child(2) {
            margin-right: 34%; } }
        @media (min-width: 48em) {
          .v-variable-frequency-drives #product-options .span .col > div:nth-child(2) {
            margin-right: 32%; } }
        @media (min-width: 62em) {
          .v-variable-frequency-drives #product-options .span .col > div:nth-child(2) {
            margin-right: 0; }
            .v-variable-frequency-drives #product-options .span .col > div:nth-child(2)::before {
              content: '';
              position: absolute;
              right: -3.5%;
              top: 0;
              height: calc(100% + 2rem);
              border-left: solid 0.0625rem rgba(255, 255, 255, 0.2); } }
        @media (min-width: 36em) and (max-width: 47.875em) {
          .v-variable-frequency-drives #product-options .span .col > div:nth-child(5) {
            padding-top: 0; } }
        @media (min-width: 48em) {
          .v-variable-frequency-drives #product-options .span .col > div:nth-child(5) {
            margin-right: 0; } }
        @media (min-width: 62em) {
          .v-variable-frequency-drives #product-options .span .col > div:nth-child(5) {
            margin-right: 0; } }
  .v-variable-frequency-drives #product-options h3 {
    font-family: 'futura-pt', Arial, sans-serif;
    color: white;
    font-size: 1.1rem;
    font-weight: 400;
    font-size: 1.3125rem; }
    @media (min-width: 62em) {
      .v-variable-frequency-drives #product-options h3 {
        font-size: 1.1rem; } }
    @media (min-width: 75em) {
      .v-variable-frequency-drives #product-options h3 {
        font-size: 1.4rem; } }
  .v-variable-frequency-drives #product-options h4 {
    font-family: 'futura-pt', Arial, sans-serif;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1rem;
    font-weight: 400;
    margin: 0 0 1.737rem; }
  .v-variable-frequency-drives #product-options .product-option-content-wrapper {
    background: white; }
    @media (min-width: 36em) {
      .v-variable-frequency-drives #product-options .product-option-content-wrapper {
        height: 100%; } }
    .v-variable-frequency-drives #product-options .product-option-content-wrapper a {
      color: #000;
      font-weight: 400; }
    .v-variable-frequency-drives #product-options .product-option-content-wrapper .product-option-feature-wrapper > div {
      color: #fff; }
  .v-variable-frequency-drives #product-options .view-datasheets {
    text-align: center;
    background: #fff;
    padding: 0 1rem 1rem;
    position: relative; }
    .v-variable-frequency-drives #product-options .view-datasheets > a {
      cursor: pointer; }
    @media (min-width: 62em) {
      .v-variable-frequency-drives #product-options .view-datasheets.active::before {
        content: '';
        position: absolute;
        top: calc(100% - 0.125rem);
        left: 0;
        right: 0;
        background: #fff;
        width: 100%;
        height: 1.75rem; } }
  .v-variable-frequency-drives #product-options .datasheets-list {
    margin-top: 1rem; }
    .v-variable-frequency-drives #product-options .datasheets-list h2 {
      color: #fff; }
      @media (min-width: 62em) {
        .v-variable-frequency-drives #product-options .datasheets-list h2 {
          display: none; } }
    .v-variable-frequency-drives #product-options .datasheets-list ul {
      background: #fff;
      padding: 1rem; }
      @media (min-width: 36em) {
        .v-variable-frequency-drives #product-options .datasheets-list ul {
          columns: 2; } }
      @media (min-width: 48em) {
        .v-variable-frequency-drives #product-options .datasheets-list ul {
          columns: 3; } }
      @media (min-width: 62em) {
        .v-variable-frequency-drives #product-options .datasheets-list ul {
          columns: 4; } }
      @media (min-width: 75em) {
        .v-variable-frequency-drives #product-options .datasheets-list ul {
          columns: 5; } }
      @media (min-width: 90em) {
        .v-variable-frequency-drives #product-options .datasheets-list ul {
          columns: 7; } }
      .v-variable-frequency-drives #product-options .datasheets-list ul li a {
        color: #000 !important; }
        .v-variable-frequency-drives #product-options .datasheets-list ul li a:hover {
          color: #535486 !important; }
  .v-variable-frequency-drives #product-options .product-option-head {
    padding: 1em 2em;
    text-align: center;
    font-size: 1em; }
    @media (min-width: 48em) {
      .v-variable-frequency-drives #product-options .product-option-head {
        padding: 1rem; } }
    @media (min-width: 62em) {
      .v-variable-frequency-drives #product-options .product-option-head {
        padding: 0.8em; } }
    @media (min-width: 90em) {
      .v-variable-frequency-drives #product-options .product-option-head {
        padding: 1em; } }
    .v-variable-frequency-drives #product-options .product-option-head .product-option-logo {
      margin: 0 auto; }
    .v-variable-frequency-drives #product-options .product-option-head div[data-font-color] {
      font-family: 'futura-pt', Arial, sans-serif;
      font-size: 1.1em;
      font-weight: 600;
      margin: 0.797rem 0 0.125rem; }
    .v-variable-frequency-drives #product-options .product-option-head .vfd-caption {
      margin: 0.75em 0 0; }
      @media (min-width: 48em) {
        .v-variable-frequency-drives #product-options .product-option-head .vfd-caption {
          min-height: 3em; } }
      @media (min-width: 62em) {
        .v-variable-frequency-drives #product-options .product-option-head .vfd-caption {
          font-size: 1.1em; } }
      @media (min-width: 90em) {
        .v-variable-frequency-drives #product-options .product-option-head .vfd-caption {
          font-size: 1em; } }
  @media (min-width: 36em) {
    .v-variable-frequency-drives #product-options .product-option-heading {
      position: absolute;
      top: 0;
      left: 1rem; } }
  .v-variable-frequency-drives #product-options .product-option-content .product-option-feature-wrapper {
    position: relative; }
  .v-variable-frequency-drives #product-options .product-option-content div[data-bg-color] {
    position: absolute;
    bottom: 1.125rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    padding: 0.5rem;
    border-radius: 0.125rem;
    width: 80%; }
  .v-variable-frequency-drives #product-options .product-option-content div[data-bg-color="purple"] {
    background: #64669a;
    /* Old browsers */
    background: -moz-linear-gradient(top, #64669a 0%, #3d4171 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #64669a 0%, #3d4171 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #64669a 0%, #3d4171 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64669a', endColorstr='#3d4171',GradientType=0 );
    /* IE6-9 */ }
  .v-variable-frequency-drives #product-options .product-option-content div[data-bg-color="green"] {
    background: #89cc42;
    /* Old browsers */
    background: -moz-linear-gradient(top, #89cc42 0%, #5da10b 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #89cc42 0%, #5da10b 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #89cc42 0%, #5da10b 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89cc42', endColorstr='#5da10b',GradientType=0 );
    /* IE6-9 */ }
  .v-variable-frequency-drives #product-options .product-option-content div[data-bg-color="blue"] {
    background: #2e89d6;
    /* Old browsers */
    background: -moz-linear-gradient(top, #2e89d6 0%, #2e89d6 0%, #0062a9 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #2e89d6 0%, #2e89d6 0%, #0062a9 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #2e89d6 0%, #2e89d6 0%, #0062a9 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e89d6', endColorstr='#0062a9',GradientType=0 );
    /* IE6-9 */ }
  .v-variable-frequency-drives #product-options .product-option-content div[data-bg-color="orange"] {
    background: #ff9326;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ff9326 0%, #d56800 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff9326 0%, #d56800 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff9326 0%, #d56800 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9326', endColorstr='#d56800',GradientType=0 );
    /* IE6-9 */ }
  .v-variable-frequency-drives #product-options .product-option-content a {
    color: white !important;
    font-size: 1em;
    font-weight: 400; }
  .v-variable-frequency-drives #product-options .product-option-content .stats {
    text-align: center;
    padding: 1rem;
    font-weight: 700; }
  .v-variable-frequency-drives #product-options .product-option-content .key-features {
    border-top: solid 0.0625rem rgba(0, 0, 0, 0.2);
    padding: 1rem;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (min-width: 48em) {
      .v-variable-frequency-drives #product-options .product-option-content .key-features {
        min-height: 5em; } }
  .v-variable-frequency-drives #product-options [data-font-color="purple"] {
    color: #535486; }
  .v-variable-frequency-drives #product-options [data-font-color="green"] {
    color: #76b82a; }
  .v-variable-frequency-drives #product-options [data-font-color="blue"] {
    color: #0075bf; }
  .v-variable-frequency-drives #product-options [data-font-color="orange"] {
    color: #ef7d00; }

.v-variable-frequency-drives #other-products .span .col-md-4 > div {
  -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);
  height: 100%; }
  .v-variable-frequency-drives #other-products .span .col-md-4 > div p {
    padding: 1.5rem; }

.v-variable-frequency-drives #other-products .span .col-md-4:first-child, .v-variable-frequency-drives #other-products .span .col-md-4:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start; }

.v-variable-frequency-drives #other-products .span a div[data-bg-color="purple"] {
  background: #535486;
  width: 8.4375rem;
  height: 3.0625rem;
  position: relative; }

.v-variable-frequency-drives #other-products .span a div[data-bg-color] span {
  font-family: 'futura-pt', Arial, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  color: white !important; }

.v-variable-frequency-drives #other-products .span .image-feature-wrapper {
  position: relative; }
  .v-variable-frequency-drives #other-products .span .image-feature-wrapper img {
    margin: 0; }
  .v-variable-frequency-drives #other-products .span .image-feature-wrapper span {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.75rem;
    font-family: 'futura-pt', Arial, sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    color: white;
    background: rgba(0, 0, 0, 0.75); }

.v-variable-frequency-drives #other-products .span h3 {
  font-family: 'futura-pt', Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: #535486;
  margin: 0 0 1.375rem; }

.v-variable-frequency-drives #other-products .span #external-links > div {
  padding-top: 1.75rem;
  padding-bottom: 2.5rem; }

.v-variable-frequency-drives #other-products .span #external-links ul {
  margin: 0; }
  .v-variable-frequency-drives #other-products .span #external-links ul li {
    margin-bottom: 0.25rem; }

.v-variable-frequency-drives #other-products .span #external-links .includes {
  font-family: 'futura-pt', Arial, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.4);
  margin-left: 1.249rem; }

#promotions #site-links {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  #promotions #site-links > li::before {
    content: none; }
  #promotions #site-links > li {
    min-height: 10em;
    position: relative;
    margin-bottom: 1rem;
    flex: 0 0 48%;
    max-width: 48%;
    font-size: 4vw; }
    @media (min-width: 48em) {
      #promotions #site-links > li {
        flex: 0 0 23%;
        max-width: 23%;
        font-size: 1rem; } }
    #promotions #site-links > li::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: #948cc3;
      background: -moz-radial-gradient(bottom right, ellipse cover, #948cc3 0%, #535486 100%);
      background: -webkit-radial-gradient(bottom right, ellipse cover, #948cc3 0%, #535486 100%);
      background: radial-gradient(ellipse at bottom right, #948cc3 0%, #535486 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#948cc3', endColorstr='#535486',GradientType=1 );
      z-index: -1; }
    #promotions #site-links > li::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: -2; }
    #promotions #site-links > li > a {
      display: block;
      height: 100%;
      padding: 1.875rem 6rem 5rem 0.9375rem; }
      @media (min-width: 48em) {
        #promotions #site-links > li > a {
          padding: 1.5rem 6rem 4rem 0.9375rem; } }
      #promotions #site-links > li > a h4 {
        font-size: 1.25em;
        color: #fff;
        font-weight: 800; }
      #promotions #site-links > li > a p {
        font-weight: 400;
        color: rgba(255, 255, 255, 0.8);
        margin-bottom: 0; }
    #promotions #site-links > li .btn-arrow-link {
      position: absolute;
      left: 0.9375rem;
      bottom: 0.9375rem; }
  #promotions #site-links li[data-link="contacts"] > a {
    padding-right: 3rem; }
    @media (min-width: 62em) {
      #promotions #site-links li[data-link="contacts"] > a {
        padding-right: 2rem; } }
    @media (min-width: 75em) {
      #promotions #site-links li[data-link="contacts"] > a {
        padding-right: 7.5rem; } }
    #promotions #site-links li[data-link="contacts"] > a h4 {
      padding-right: 50%; }
      @media (min-width: 48em) {
        #promotions #site-links li[data-link="contacts"] > a h4 {
          padding-right: 0; } }
    #promotions #site-links li[data-link="contacts"] > a img {
      position: absolute;
      top: 0.9375rem;
      right: 0.9375rem;
      max-width: 3em; }
      @media (min-width: 62em) {
        #promotions #site-links li[data-link="contacts"] > a img {
          top: 1.875rem;
          right: 1.875rem; } }
  #promotions #site-links li[data-link="save-energy"]::after {
    background: #6ee832;
    background: -moz-radial-gradient(bottom right, ellipse cover, #6ee832 0%, #009e41 100%);
    background: -webkit-radial-gradient(bottom right, ellipse cover, #6ee832 0%, #009e41 100%);
    background: radial-gradient(ellipse at bottom right, #6ee832 0%, #009e41 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ee832', endColorstr='#009e41',GradientType=1 );
    z-index: -2; }
  #promotions #site-links li[data-link="save-energy"]::before {
    z-index: -1;
    background: url("../img/common/promo-links/iknow-pixels.png") bottom right/100% auto no-repeat; }
  #promotions #site-links li[data-link="save-energy"] > a {
    padding-right: 30%; }
    @media (min-width: 48em) {
      #promotions #site-links li[data-link="save-energy"] > a {
        padding-right: 0.9375rem; } }
    @media (min-width: 62em) {
      #promotions #site-links li[data-link="save-energy"] > a {
        padding-right: 2rem; } }
    @media (min-width: 75em) {
      #promotions #site-links li[data-link="save-energy"] > a {
        padding-right: 7.5rem; } }
    #promotions #site-links li[data-link="save-energy"] > a img {
      position: absolute;
      right: 0;
      bottom: 0;
      max-width: 5em; }
      @media (min-width: 48em) {
        #promotions #site-links li[data-link="save-energy"] > a img {
          max-width: 9vw;
          bottom: -5vw; } }
      @media (min-width: 90em) {
        #promotions #site-links li[data-link="save-energy"] > a img {
          bottom: unset;
          top: 2rem;
          max-width: 8rem; } }
  #promotions #site-links li[data-link="invertek-tv"]::after {
    opacity: 0.9; }
  #promotions #site-links li[data-link="invertek-tv"]::before {
    background: url("../img/common/promo-links/invertek-tv.jpg") center center/cover no-repeat; }
  #promotions #site-links li[data-link="invertek-tv"] h4 {
    margin-bottom: 1rem; }
  #promotions #site-links li[data-link="invertek-tv"] > a {
    text-align: center;
    padding: 0.9375rem;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    #promotions #site-links li[data-link="invertek-tv"] > a ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%; }
      #promotions #site-links li[data-link="invertek-tv"] > a ul li {
        margin: 0 !important;
        flex: 0 0 100%;
        max-width: 100%;
        font-size: 0.9rem;
        color: #fff !important;
        font-weight: 400;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (min-width: 75em) {
          #promotions #site-links li[data-link="invertek-tv"] > a ul li {
            flex: 0 0 29%;
            max-width: 29%; } }
        @media (min-width: 75em) {
          #promotions #site-links li[data-link="invertek-tv"] > a ul li:nth-child(2) {
            flex: 0 0 41%;
            max-width: 41%;
            border-right: 1px #fff solid;
            border-left: 1px #fff solid;
            padding: 0 0.5rem;
            display: flex;
            align-items: center; } }
    #promotions #site-links li[data-link="invertek-tv"] > a img {
      display: block;
      max-width: 6rem;
      margin: 0 auto; }
  #promotions #site-links li[data-link="what-is"]::after {
    z-index: -2; }
  #promotions #site-links li[data-link="what-is"]::before {
    z-index: -1;
    background: url("../img/common/promo-links/iknow-pixels.png") bottom right/100% auto no-repeat; }
  #promotions #site-links li[data-link="what-is"] > a {
    padding-right: 0.9375rem; }
    @media (min-width: 62em) {
      #promotions #site-links li[data-link="what-is"] > a {
        padding-right: 2rem; } }
    @media (min-width: 75em) {
      #promotions #site-links li[data-link="what-is"] > a {
        padding-right: 5rem; } }
  #promotions #site-links li[data-link="what-is"] img {
    position: absolute;
    right: 0.9375rem;
    bottom: 0.9375rem;
    max-width: 7rem; }
  #promotions #site-links li[data-link="case-studies"]::after {
    background: #000000;
    background: -moz-radial-gradient(bottom right, ellipse cover, #444444 0%, #000000 100%);
    background: -webkit-radial-gradient(bottom right, ellipse cover, #444444 0%, #000000 100%);
    background: radial-gradient(ellipse at bottom right, #444444 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=1 );
    z-index: -2; }
  #promotions #site-links li[data-link="case-studies"] > a {
    padding-right: 30%; }
    @media (min-width: 48em) {
      #promotions #site-links li[data-link="case-studies"] > a {
        padding-right: 0.9375rem; } }
    @media (min-width: 62em) {
      #promotions #site-links li[data-link="case-studies"] > a {
        padding-right: 2rem; } }

#save-energy-row {
  padding: 1rem 0.9375rem 3rem; }
  @media (min-width: 48em) {
    #save-energy-row {
      padding: 3rem 0 5rem; } }
  #save-energy-row > .span {
    border-radius: 0.5rem;
    background: #6ee832;
    background: -moz-radial-gradient(bottom right, ellipse cover, #6ee832 0%, #009e41 100%);
    background: -webkit-radial-gradient(bottom right, ellipse cover, #6ee832 0%, #009e41 100%);
    background: radial-gradient(ellipse at bottom right, #6ee832 0%, #009e41 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ee832', endColorstr='#009e41',GradientType=1 );
    color: #fff;
    position: relative; }
    #save-energy-row > .span::before {
      content: '';
      background: url("../img/common/promo-links/iknow-pixels.png") bottom right/100% auto no-repeat;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%; }
    #save-energy-row > .span #save-energy-images {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      #save-energy-row > .span #save-energy-images #download-app img:nth-child(1) {
        margin-bottom: 0.5rem; }
      #save-energy-row > .span #save-energy-images > div {
        position: relative;
        margin-left: 6%; }
      #save-energy-row > .span #save-energy-images > div:nth-child(1) {
        flex: 0 0 30%;
        max-width: 30%; }
      #save-energy-row > .span #save-energy-images > div:nth-child(2) {
        flex: 0 0 30%;
        max-width: 30%; }
        #save-energy-row > .span #save-energy-images > div:nth-child(2) img {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%); }
    #save-energy-row > .span h1 {
      font-weight: 800; }
    #save-energy-row > .span h2 {
      font-size: 1.75rem;
      margin-top: 1rem; }
    #save-energy-row > .span h3 {
      font-weight: normal;
      font-size: 1.3rem;
      margin-top: 1.5rem;
      margin-bottom: 2rem;
      padding-right: 25%; }
      @media (min-width: 48em) {
        #save-energy-row > .span h3 {
          padding-right: 0;
          margin-bottom: 0; } }
    @media (min-width: 48em) {
      #save-energy-row > .span h1, #save-energy-row > .span h2, #save-energy-row > .span h3 {
        margin-left: 1rem; } }

.v-drive-overview .drive-banner {
  height: 15em;
  position: relative; }
  @media (min-width: 48em) {
    .v-drive-overview .drive-banner {
      height: 18em; }
      .v-drive-overview .drive-banner .span {
        padding-top: 4em; } }
  @media (min-width: 62em) {
    .v-drive-overview .drive-banner {
      height: 26.5em; }
      .v-drive-overview .drive-banner .span {
        padding-top: 3em; } }
  @media (min-width: 75em) {
    .v-drive-overview .drive-banner .span {
      padding-top: 6em; } }
  @media (min-width: 90em) {
    .v-drive-overview .drive-banner {
      background-position: calc((100% - ((100vw - 96rem) / 2)) + 2em) 100% !important; } }
  .v-drive-overview .drive-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 75% 100%, #948cc3 0%, #535486 75%);
    z-index: -1; }
  .v-drive-overview .drive-banner .drive-rating-summary {
    display: none; }
  .v-drive-overview .drive-banner .banner-menu {
    margin-top: auto; }

.v-drive-overview .drive-rating-summary-wrapper {
  display: flex;
  align-items: flex-start;
  flex-direction: column; }
  @media (min-width: 48em) {
    .v-drive-overview .drive-rating-summary-wrapper {
      flex-direction: row;
      align-items: center; } }
  .v-drive-overview .drive-rating-summary-wrapper > h2 {
    margin: 2rem 0 0 0;
    font-size: 1.75rem;
    max-width: 15rem; }
    @media (min-width: 48em) {
      .v-drive-overview .drive-rating-summary-wrapper > h2 {
        margin: 0 0 0 1rem;
        font-size: 1rem;
        max-width: 10rem; } }
    @media (min-width: 62em) {
      .v-drive-overview .drive-rating-summary-wrapper > h2 {
        font-size: 1.5rem;
        max-width: 13rem;
        margin: 0 0 0 2rem; } }

.v-drive-overview .feature-roll {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-right: -0.75rem;
  font-size: 0.75em; }
  @media (min-width: 48em) {
    .v-drive-overview .feature-roll {
      width: auto; } }
  @media (min-width: 62em) {
    .v-drive-overview .feature-roll {
      font-size: 1em; } }
  .v-drive-overview .feature-roll > div {
    padding: 0 0.75rem; }
  .v-drive-overview .feature-roll .feature--ip66-outdoor {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .v-drive-overview .feature-roll .feature--ip66-outdoor img {
      width: 6.125em; }
    .v-drive-overview .feature-roll .feature--ip66-outdoor span {
      display: block;
      border: 1px solid #000;
      padding: 0.25em 0.5em 0.125em;
      font-size: 0.781em;
      margin-top: 0.5em; }
  .v-drive-overview .feature-roll .feature--fieldbuses {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    text-align: right; }
    .v-drive-overview .feature-roll .feature--fieldbuses ul {
      margin-bottom: 0;
      width: 13em; }
      .v-drive-overview .feature-roll .feature--fieldbuses ul img {
        max-height: 4rem;
        margin-left: auto; }
      .v-drive-overview .feature-roll .feature--fieldbuses ul .fieldbus--modbus-rtu img {
        width: 100%;
        display: inline-block; }
      .v-drive-overview .feature-roll .feature--fieldbuses ul .fieldbus--can img {
        width: 27.4%;
        display: inline-block; }

.v-drive-overview #product-family {
  margin-top: calc(77vw * 0.10594); }
  @media (min-width: 101.75em) {
    .v-drive-overview #product-family {
      margin-top: calc(78.35em * 0.10594); } }
  .v-drive-overview #product-family > .span > .col {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap; }
  .v-drive-overview #product-family img {
    width: 77vw;
    margin: calc(-2.25rem - 77vw * 0.10594) auto 1em; }
    @media (min-width: 75em) {
      .v-drive-overview #product-family img {
        margin-top: calc(-3.25rem - 77vw * 0.10594);
        margin-bottom: 2em; } }
    @media (min-width: 101.75em) {
      .v-drive-overview #product-family img {
        width: 78.35em;
        margin: calc(-3.25rem - 78.35em * 0.10594) auto 2em; } }
  .v-drive-overview #product-family .btn-text-link {
    margin: 0 auto;
    border-radius: 0;
    padding-left: 4em;
    padding-right: 2em;
    display: block;
    max-width: 21rem; }
    @media (min-width: 48em) {
      .v-drive-overview #product-family .btn-text-link {
        padding-left: 6em;
        padding-right: 4em; } }
    .v-drive-overview #product-family .btn-text-link::before {
      left: 2em; }
      @media (min-width: 48em) {
        .v-drive-overview #product-family .btn-text-link::before {
          left: 4.35em; } }
  .v-drive-overview #product-family #product-features {
    padding-left: 1.875em;
    padding-right: 1.875em;
    width: 100%; }
    @media (min-width: 48em) {
      .v-drive-overview #product-family #product-features {
        padding-left: 1.5em;
        padding-right: 1.5em; } }
    .v-drive-overview #product-family #product-features h3 {
      font-size: 1.15em; }
    .v-drive-overview #product-family #product-features ul.split {
      columns: 2; }

.v-drive-overview #sector-icons {
  padding-top: 0;
  padding-bottom: 0; }
  .v-drive-overview #sector-icons ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 3vw; }
    .v-drive-overview #sector-icons ul > li::before {
      content: none; }
    @media (min-width: 48em) {
      .v-drive-overview #sector-icons ul {
        font-size: 1rem;
        justify-content: flex-start; } }
    .v-drive-overview #sector-icons ul li {
      flex: 0 0 30%;
      max-width: 30%;
      margin-bottom: 2rem;
      margin-right: 5%;
      display: flex;
      flex-direction: column;
      text-align: center; }
      .v-drive-overview #sector-icons ul li:nth-child(3n) {
        margin-right: 0; }
      @media (min-width: 48em) {
        .v-drive-overview #sector-icons ul li {
          flex: 0 0 24%;
          max-width: 24%;
          margin-right: 1.33333333%; }
          .v-drive-overview #sector-icons ul li:nth-child(3n) {
            margin-right: 1.33333333%; }
          .v-drive-overview #sector-icons ul li:nth-child(4n) {
            margin-right: 0; } }
      @media (min-width: 62em) {
        .v-drive-overview #sector-icons ul li {
          flex: 0 0 20%;
          max-width: 20%;
          margin-right: 0; }
          .v-drive-overview #sector-icons ul li:nth-child(3n) {
            margin-right: 0; } }
      @media (min-width: 75em) {
        .v-drive-overview #sector-icons ul li {
          flex: 0 0 12%;
          max-width: 12%;
          margin-bottom: 2rem;
          margin-right: 0.57142%; }
          .v-drive-overview #sector-icons ul li:nth-child(8n) {
            margin-right: 0; } }
      .v-drive-overview #sector-icons ul li i {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 4em;
        margin-bottom: 0.125em; }
      .v-drive-overview #sector-icons ul li span {
        padding-top: 1.5rem; }
        @media (min-width: 75em) {
          .v-drive-overview #sector-icons ul li span {
            padding-top: 4rem; } }

.v-drive-overview #single-phase .single-phase-promo {
  padding: 2em;
  border: 0.05em black solid;
  text-align: center; }
  @media (min-width: 48em) {
    .v-drive-overview #single-phase .single-phase-promo {
      text-align: left;
      display: flex;
      justify-content: space-between; } }
  @media (min-width: 48em) {
    .v-drive-overview #single-phase .single-phase-promo > div:first-child {
      flex: 0 0 43%;
      max-width: 43%; }
      .v-drive-overview #single-phase .single-phase-promo > div:first-child h2 {
        font-size: 2.05em; }
      .v-drive-overview #single-phase .single-phase-promo > div:first-child a {
        color: #0060d8; }
      .v-drive-overview #single-phase .single-phase-promo > div:first-child p {
        padding-right: 6em; } }
  .v-drive-overview #single-phase .single-phase-promo > div:last-child {
    display: flex;
    justify-content: center; }
    @media (min-width: 48em) {
      .v-drive-overview #single-phase .single-phase-promo > div:last-child {
        flex: 0 0 20%;
        max-width: 20%;
        margin-left: auto;
        justify-content: flex-start;
        align-items: center; } }
    .v-drive-overview #single-phase .single-phase-promo > div:last-child img {
      margin-top: 1em; }
      @media (min-width: 48em) {
        .v-drive-overview #single-phase .single-phase-promo > div:last-child img {
          margin-top: 0; } }

.v-drive-overview .panels--multiple {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.v-drive-overview .features-highlights {
  padding: 0.9375rem;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-wrap: wrap; }
  .v-drive-overview .features-highlights > div {
    padding-right: 1em;
    padding-top: 11.5em;
    position: relative;
    margin-bottom: 3em;
    flex: 0 0 100%;
    max-width: 100%; }
    @media (min-width: 62em) {
      .v-drive-overview .features-highlights > div {
        margin-bottom: 0; } }
    .v-drive-overview .features-highlights > div h3.highlight {
      font-weight: 400;
      font-size: 2em; }
    .v-drive-overview .features-highlights > div h3 {
      font-size: 1.05em;
      margin-bottom: 1em;
      color: #000; }
    .v-drive-overview .features-highlights > div ul {
      color: #000;
      font-weight: 400; }
      @media (min-width: 62em) {
        .v-drive-overview .features-highlights > div ul {
          columns: 2;
          column-gap: 1rem;
          column-rule: balance;
          margin-bottom: 1.5rem; } }
    @media (min-width: 36em) {
      .v-drive-overview .features-highlights > div {
        flex: 0 0 48%;
        max-width: 48%; } }
    @media (min-width: 62em) {
      .v-drive-overview .features-highlights > div {
        flex: 0 0 23%;
        max-width: 23%; } }

.v-drive-overview .banner-menu li[data-route="overview"] a,
.v-drive-features .banner-menu li[data-route="features"] a,
.v-drive-model-data .banner-menu li[data-route="model-data"] a,
.v-drive-specification .banner-menu li[data-route="specification"] a,
.v-drive-options .banner-menu li[data-route="options"] a,
.v-drive-case-studies .banner-menu li[data-route="case-studies"] a,
.v-drive-downloads .banner-menu li[data-route="downloads"] a,
.v-coolvert-tech .banner-menu li[data-route="technical-data"] a,
.v-compact-case-studies .banner-menu li[data-route="case-studies"] a,
.v-datasheet .banner-menu li[data-route="model-data"] a {
  background: #000; }

.v-drive-features h1 {
  font-size: 2.1em;
  margin-bottom: 0.9em; }

@media (min-width: 75em) {
  .v-drive-features #features-content .feature--fieldbuses {
    margin: 4em 0 3em; } }

.v-drive-features #features-content .feature--fieldbuses img {
  max-height: 4rem; }

.v-drive-features #features-content .features-list {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .v-drive-features #features-content .features-list > li::before {
    content: none; }
  @media (min-width: 48em) {
    .v-drive-features #features-content .features-list {
      justify-content: flex-start; } }
  .v-drive-features #features-content .features-list > li {
    padding: 1em;
    margin-bottom: 1em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background: #fff;
    flex: 0 0 48%;
    max-width: 48%;
    font-size: 0.95em;
    text-align: center; }
    @media (min-width: 48em) {
      .v-drive-features #features-content .features-list > li {
        flex: 0 0 32%;
        max-width: 32%;
        padding: 0;
        padding-right: 1em;
        margin-bottom: 4em;
        background: none;
        box-shadow: none;
        text-align: left;
        font-size: 1.05em; } }
    @media (min-width: 62em) {
      .v-drive-features #features-content .features-list > li {
        flex: 0 0 24%;
        max-width: 24%;
        padding-right: 2em; } }
    .v-drive-features #features-content .features-list > li ul li {
      margin-bottom: 0.125em; }
    @media (min-width: 48em) {
      .v-drive-features #features-content .features-list > li img {
        max-width: 10em; } }
    .v-drive-features #features-content .features-list > li .connectivity-logos {
      display: flex;
      flex-wrap: wrap; }
      .v-drive-features #features-content .features-list > li .connectivity-logos img {
        max-height: 2em;
        margin: 0 auto; }
        @media (min-width: 48em) {
          .v-drive-features #features-content .features-list > li .connectivity-logos img {
            margin: 0;
            margin-right: 1em; } }
  .v-drive-features #features-content .features-list a {
    color: #0060d8; }

.v-drive-features #features-content #overload-rating {
  text-align: right; }
  .v-drive-features #features-content #overload-rating h2 {
    margin-top: 0; }

.v-drive-features .features-highlights {
  padding: 0.9375rem;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-wrap: wrap; }
  .v-drive-features .features-highlights > div {
    padding-right: 1em;
    padding-top: 11.5em;
    position: relative;
    margin-bottom: 3em;
    flex: 0 0 100%;
    max-width: 100%; }
    @media (min-width: 62em) {
      .v-drive-features .features-highlights > div {
        margin-bottom: 0; } }
    .v-drive-features .features-highlights > div::before {
      content: '';
      position: absolute;
      top: -0.9375rem;
      left: -0.9375rem;
      right: -0.9375rem;
      height: 10.5em;
      background-color: #535486;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
    .v-drive-features .features-highlights > div h3.highlight {
      font-weight: 400;
      font-size: 2em; }
    .v-drive-features .features-highlights > div h3 {
      font-size: 1.05em;
      margin-bottom: 1em; }
    @media (min-width: 36em) {
      .v-drive-features .features-highlights > div {
        flex: 0 0 48%;
        max-width: 48%; } }
    @media (min-width: 62em) {
      .v-drive-features .features-highlights > div {
        flex: 0 0 23%;
        max-width: 23%; } }

.v-drive-features .enclosure-options .ip-rating {
  font-size: 1.5em;
  padding: 0.25em 0.5em;
  border: 0.05em solid #000;
  margin-bottom: 4em;
  display: inline-block; }
  @media (min-width: 48em) {
    .v-drive-features .enclosure-options .ip-rating {
      margin-bottom: 1.5em; } }
  .v-drive-features .enclosure-options .ip-rating strong {
    font-weight: 800; }

.v-drive-features .enclosure-options .enclosure-bullets {
  margin-bottom: 2em; }
  .v-drive-features .enclosure-options .enclosure-bullets li {
    margin-bottom: 0.125em; }
  .v-drive-features .enclosure-options .enclosure-bullets li:last-of-type {
    margin-bottom: 1rem; }
  .v-drive-features .enclosure-options .enclosure-bullets img {
    margin: 0 0 0.5rem 0;
    max-height: 2rem; }

.v-drive-features .enclosure-options .enclosure-features {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  flex-wrap: wrap;
  margin-bottom: 2em; }
  .v-drive-features .enclosure-options .enclosure-features > li::before {
    content: none; }
  .v-drive-features .enclosure-options .enclosure-features li {
    flex: 0 0 48%;
    max-width: 48%;
    padding-right: 1em;
    margin-bottom: 2rem;
    text-align: center; }
    @media (min-width: 36em) {
      .v-drive-features .enclosure-options .enclosure-features li {
        text-align: left;
        flex: 0 0 48%;
        max-width: 48%; } }
    @media (min-width: 62em) {
      .v-drive-features .enclosure-options .enclosure-features li {
        flex: 0 0 31%;
        max-width: 31%; } }
    .v-drive-features .enclosure-options .enclosure-features li img {
      margin: 0 auto; }
      @media (min-width: 36em) {
        .v-drive-features .enclosure-options .enclosure-features li img {
          margin: 0; } }
    .v-drive-features .enclosure-options .enclosure-features li:last-child {
      padding-right: 0; }
    .v-drive-features .enclosure-options .enclosure-features li h3 {
      margin-top: 1.25em;
      font-size: 1.05em; }
      .v-drive-features .enclosure-options .enclosure-features li h3 img {
        max-height: 1rem;
        margin: 0; }
    .v-drive-features .enclosure-options .enclosure-features li h4 {
      margin-top: 0; }
      .v-drive-features .enclosure-options .enclosure-features li h4 img {
        max-height: 1rem;
        margin: 0; }

@media (min-width: 62em) {
  .v-drive-features .enclosure-options#ip20-enclosure .enclosure-feature-image {
    margin-top: -8rem; } }

.v-drive-features .enclosure-options#ip66-enclosure > .span::before {
  content: '';
  position: absolute;
  right: 0;
  top: 5rem;
  height: 6.5em;
  width: 6.5em;
  background: url("../img/common/logos/ip66-outdoor-icon.svg") top right/contain no-repeat; }
  @media (min-width: 48em) {
    .v-drive-features .enclosure-options#ip66-enclosure > .span::before {
      top: 1.75rem; } }

@media (min-width: 62em) {
  .v-drive-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images {
    width: 100%; }
    .v-drive-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images > div {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .v-drive-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images > div img {
        flex-shrink: 0;
        margin-top: 3em; } }

@media (min-width: 75em) {
  .v-drive-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images > div img {
    margin-top: 1em; } }

@media (min-width: 90em) {
  .v-drive-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images > div img {
    margin-top: 0; } }

.v-drive-features .enclosure-options#ip66-enclosure > .span .red-numbered.split {
  columns: 2; }
  .v-drive-features .enclosure-options#ip66-enclosure > .span .red-numbered.split li {
    margin-left: 0.5rem; }

.v-drive-features .enclosure-options#ip66-indoor-enclosure > .span::before {
  content: '';
  position: absolute;
  right: 0;
  top: 5rem;
  height: 6.5em;
  width: 6.5em;
  background: url("../img/common/logos/ip66-indoor-icon.svg") top right/contain no-repeat; }
  @media (min-width: 48em) {
    .v-drive-features .enclosure-options#ip66-indoor-enclosure > .span::before {
      top: 1.75rem; } }

.v-drive-features .enclosure-options#ip66-indoor-enclosure .enclosure-features {
  justify-content: flex-start; }

@media (min-width: 62em) {
  .v-drive-features .enclosure-options#ip66-indoor-enclosure .enclosure-feature-image {
    margin-top: 2rem;
    margin-left: auto; } }

.v-drive-downloads .drive-banner {
  position: relative; }
  @media (min-width: 62em) {
    .v-drive-downloads .drive-banner {
      padding: 4em 0 1em; } }
  @media (min-width: 62em) {
    .v-drive-downloads .drive-banner .banner-menu {
      padding-top: 4em; } }
  .v-drive-downloads .drive-banner .drive-rating-summary {
    display: none; }
  @media (min-width: 36em) {
    .v-drive-downloads .drive-banner::before {
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      left: 0;
      bottom: 0;
      background-position: 100% 100%;
      background-repeat: no-repeat;
      background-size: auto 9rem; } }
  @media (min-width: 48em) {
    .v-drive-downloads .drive-banner::before {
      bottom: 1rem;
      background-size: auto 13rem; } }
  @media (min-width: 62em) {
    .v-drive-downloads .drive-banner::before {
      bottom: 5rem;
      background-size: auto 18rem; } }
  @media (min-width: 90em) {
    .v-drive-downloads .drive-banner::before {
      bottom: -8rem;
      background-size: auto 25em; } }
  @media (min-width: 100em) {
    .v-drive-downloads .drive-banner::before {
      right: calc((100vw - 96rem) / 2); } }
  .v-drive-downloads .drive-banner .banner-product-feature {
    display: none; }

.v-drive-downloads #accordion-row h1 {
  margin: 2rem 0 5rem;
  width: 100%;
  text-align: center; }

.v-drive-downloads #accordion-row #downloads-accordion .drop-btn {
  color: #000 !important;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 1em 3em 1em 1em;
  background: #eaeaea;
  position: relative; }
  @media (min-width: 48em) {
    .v-drive-downloads #accordion-row #downloads-accordion .drop-btn {
      padding: 1em; } }

.v-drive-downloads #accordion-row #downloads-accordion .accordion-content {
  padding: 0; }
  @media (min-width: 48em) {
    .v-drive-downloads #accordion-row #downloads-accordion .accordion-content {
      padding: 1.5em 1em; } }
  .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid #downloads-grid-header {
    display: none; }
  .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid .downloads-grid-row {
    display: flex;
    flex-flow: row wrap;
    position: relative; }
    .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid .downloads-grid-row::before, .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid .downloads-grid-row::after {
      content: '';
      width: 100%;
      order: 1; }
    @media (min-width: 48em) {
      .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid .downloads-grid-row {
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4); } }
    .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid .downloads-grid-row:nth-child(odd) {
      background: #eee; }
  .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box] {
    flex: 0 0 100%;
    max-width: 100%; }
  .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="doc-name"] {
    flex: 0 0 calc(100% - 5rem);
    max-width: calc(100% - 5rem);
    font-weight: 800;
    font-size: 1.3em;
    padding: 2rem 0 0.5rem 0.75rem; }
  .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="language"] {
    flex: 0 0 calc(100% - 5rem);
    max-width: calc(100% - 5rem);
    font-size: 1.1em;
    padding: 0.5rem 0 2rem 0.75rem; }
    .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="language"] > select {
      width: 60%; }
  .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="download"] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 5rem; }
    .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="download"] a {
      height: 100%;
      width: 100%;
      display: inline-block; }
      .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="download"] a::before {
        font-family: 'Font Awesome 5 Pro';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 2.5em; }
      .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="download"] a.pdf::before {
        content: '\f1c1';
        color: red; }
      .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="download"] a.zip::before {
        content: '\f1c6'; }
  .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="file-type"] {
    display: none; }
  @media (min-width: 48em) {
    .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="language"] > select {
      width: 10rem; } }
  @media (min-width: 62em) {
    .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid #downloads-grid-header {
      display: flex;
      font-size: 0.9em; }
      .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid #downloads-grid-header > div {
        text-align: center;
        padding: 1.25rem 0.5rem;
        background: #000000;
        color: #fff;
        border: 0.025rem solid #fff;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center; }
        .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid #downloads-grid-header > div.purple {
          background: #535486; }
        .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid #downloads-grid-header > div[data-box="doc-name"] {
          background: #ffffff;
          color: #000;
          border: 0.025rem solid #000; }
    .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid .downloads-grid-row {
      flex-wrap: nowrap;
      margin: 0;
      box-shadow: none;
      border: none !important; }
      .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid .downloads-grid-row:nth-child(1n) {
        background: #ddd; }
      .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid .downloads-grid-row:nth-child(2n) {
        background: #eee; }
      .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid .downloads-grid-row > div {
        background: none;
        padding: 0;
        color: #000;
        padding: 0.75rem 0.5rem;
        margin: 0;
        border-left: 0.025rem solid #fff;
        border-right: 0.025rem solid #fff; }
        .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid .downloads-grid-row > div::before {
          display: none; }
        .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid .downloads-grid-row > div::after {
          display: none; }
    .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box] {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1em; }
    .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="doc-name"] {
      font-weight: 200;
      flex: 0 0 55%;
      max-width: 55%; }
    .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="language"] {
      flex: 0 0 15%;
      max-width: 15%; }
      .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="language"] select {
        text-align: center;
        background: none;
        border: none; }
    .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="download"] {
      position: static;
      flex: 0 0 15%;
      max-width: 15%; }
      .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="download"] a {
        position: relative; }
        .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="download"] a::before {
          font-size: 2em; }
    .v-drive-downloads #accordion-row #downloads-accordion .accordion-content #downloads-grid [data-box="file-type"] {
      flex: 0 0 15%;
      max-width: 15%; } }

@media (min-width: 36em) {
  .v-drive-downloads.v-optidrive-e3-downloads .drive-banner::before {
    background-image: url("../img/content/drives/downloads/optidrive-e3-downloads.png"); } }

@media (min-width: 36em) {
  .v-drive-downloads.v-optidrive-e3-single-phase-downloads .drive-banner::before {
    background-image: url("../img/content/drives/downloads/optidrive-e3-single-phase-downloads.png"); } }

@media (min-width: 36em) {
  .v-drive-downloads.v-optidrive-p2-downloads .drive-banner::before {
    background-image: url("../img/content/drives/downloads/optidrive-p2-downloads.png"); } }

@media (min-width: 36em) {
  .v-drive-downloads.v-optidrive-eco-downloads .drive-banner::before {
    background-image: url("../img/content/drives/downloads/optidrive-eco-downloads.png"); } }

@media (min-width: 36em) {
  .v-drive-downloads.v-optidrive-elevator-downloads .drive-banner::before {
    background-image: url("../img/content/drives/downloads/optidrive-elevator-downloads.png"); } }

@media (min-width: 62em) {
  .v-drive-downloads.v-optidrive-compact-2-downloads .drive-banner .banner-menu {
    padding-top: 0; } }

@media (min-width: 36em) {
  .v-drive-downloads.v-optidrive-compact-2-downloads .drive-banner::before {
    background-image: url("../img/content/drives/downloads/optidrive-compact-2-downloads.png"); } }/**404YHR**/

/* Optidrive E3 Overview */
.v-optidrive-e3-overview .drive-banner {
  background: url("../img/content/drives/optidrive-e3/optidrive-e3-vfd.png") 100% 100%/auto 80% no-repeat; }

.v-optidrive-e3-features #features-content .features-highlights, .v-optidrive-e3-single-phase-features #features-content .features-highlights {
  justify-content: space-between; }
  .v-optidrive-e3-features #features-content .features-highlights > div[data-mode="macros"]::before, .v-optidrive-e3-single-phase-features #features-content .features-highlights > div[data-mode="macros"]::before {
    background-image: url("../img/content/drives/optidrive-e3/application-macros.png"); }
  .v-optidrive-e3-features #features-content .features-highlights > div[data-mode="industrial"]::before, .v-optidrive-e3-single-phase-features #features-content .features-highlights > div[data-mode="industrial"]::before {
    background-image: url("../img/content/drives/optidrive-e3/bottling-conveyor.jpg"); }
  .v-optidrive-e3-features #features-content .features-highlights > div[data-mode="pump"]::before, .v-optidrive-e3-single-phase-features #features-content .features-highlights > div[data-mode="pump"]::before {
    background-image: url("../img/content/drives/optidrive-e3/pumping.jpg"); }
  .v-optidrive-e3-features #features-content .features-highlights > div[data-mode="fan"]::before, .v-optidrive-e3-single-phase-features #features-content .features-highlights > div[data-mode="fan"]::before {
    background-image: url("../img/content/drives/optidrive-e3/fan-mode.jpg"); }

.v-optidrive-e3-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images, .v-optidrive-e3-single-phase-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images {
  margin: 0; }
  @media (min-width: 48em) {
    .v-optidrive-e3-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images, .v-optidrive-e3-single-phase-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images {
      margin-top: -5rem; } }
  @media (min-width: 62em) {
    .v-optidrive-e3-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images, .v-optidrive-e3-single-phase-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images {
      margin-top: -10rem; } }

.v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list, .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list {
  position: absolute;
  right: calc(70% + 0.25rem);
  top: 2em;
  font-size: 2.2vw; }
  @media (min-width: 62em) {
    .v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list, .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list {
      font-size: 1em;
      top: 11vw;
      right: calc(100% - 9em); } }
  @media (min-width: 75em) {
    .v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list, .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list {
      top: 9em;
      right: calc(80% + 0.5em); } }
  @media (min-width: 90em) {
    .v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list, .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list {
      top: 10em; } }
  .v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li, .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li {
    text-align: right; }
    .v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li:nth-child(1), .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li:nth-child(1) {
      margin-bottom: 1.1em; }
    .v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li:nth-child(2), .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li:nth-child(2) {
      margin-bottom: 0.3em; }
    @media (min-width: 48em) {
      .v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li:nth-child(1), .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li:nth-child(1) {
        margin-bottom: 0.8em; }
      .v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li:nth-child(2), .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li:nth-child(2) {
        margin-bottom: 0.2em; } }
    @media (min-width: 62em) {
      .v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li:nth-child(1), .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li:nth-child(1) {
        margin-bottom: 0.25em; }
      .v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li:nth-child(2), .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li:nth-child(2) {
        margin-bottom: 0.25em; } }
    @media (min-width: 100em) {
      .v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li:nth-child(1), .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li:nth-child(1) {
        margin-bottom: 0.5em; }
      .v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li:nth-child(2), .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure #ip66-indoor-switch-list li:nth-child(2) {
        margin-bottom: 0.75em; } }

.v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure .enclosure-feature-image, .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure .enclosure-feature-image {
  max-width: 70%;
  margin-left: auto; }
  @media (min-width: 62em) {
    .v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure .enclosure-feature-image, .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure .enclosure-feature-image {
      max-width: 100%;
      margin-left: 9em !important;
      margin-top: 6em !important; } }
  @media (min-width: 75em) {
    .v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure .enclosure-feature-image, .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure .enclosure-feature-image {
      max-width: 80%;
      margin-left: auto !important;
      margin-top: 8em !important; } }

@media (min-width: 48em) {
  .v-optidrive-e3-features .enclosure-options#ip66-indoor-enclosure ul.enclosure-features li, .v-optidrive-e3-single-phase-features .enclosure-options#ip66-indoor-enclosure ul.enclosure-features li {
    flex: 0 0 33%;
    max-width: 33%; } }

/* Optidrive P2 */
.v-optidrive-p2-overview .drive-banner {
  background: url("../img/content/drives/optidrive-p2/optidrive-p2-vfd.png") 100% 100%/auto 80% no-repeat; }

.v-optidrive-p2-features #features-content .features-family-photo {
  margin-top: -1em; }

@media (min-width: 48em) {
  .v-optidrive-p2-features .enclosure-options#ip20-enclosure ul.enclosure-features {
    justify-content: flex-start; } }

@media (min-width: 48em) {
  .v-optidrive-p2-features .enclosure-options#ip20-enclosure ul.enclosure-features li {
    flex: 0 0 25%;
    max-width: 25%; } }

@media (min-width: 62em) {
  .v-optidrive-p2-features .enclosure-options#ip20-enclosure ul.enclosure-features li {
    flex: 0 0 20%;
    max-width: 20%; } }

@media (min-width: 48em) {
  .v-optidrive-p2-features .enclosure-options#ip55-enclosure ul.enclosure-features li {
    flex: 0 0 33%;
    max-width: 33%; } }

@media (min-width: 62em) {
  .v-optidrive-p2-features .enclosure-options#ip55-enclosure ul.enclosure-features li {
    flex: 0 0 24%;
    max-width: 24%; } }

.v-optidrive-p2-features .enclosure-options#ip55-enclosure .enclosure-feature-image {
  margin-top: 0; }
  @media (min-width: 36em) {
    .v-optidrive-p2-features .enclosure-options#ip55-enclosure .enclosure-feature-image {
      margin-top: -10em; } }
  @media (min-width: 48em) {
    .v-optidrive-p2-features .enclosure-options#ip55-enclosure .enclosure-feature-image {
      margin-top: -2em; } }
  @media (min-width: 62em) {
    .v-optidrive-p2-features .enclosure-options#ip55-enclosure .enclosure-feature-image {
      margin-top: -6em; } }
  @media (min-width: 75em) {
    .v-optidrive-p2-features .enclosure-options#ip55-enclosure .enclosure-feature-image {
      margin-top: -15em; } }

.v-optidrive-p2-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images {
  margin: 0; }
  @media (min-width: 48em) {
    .v-optidrive-p2-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images {
      margin-top: -4rem; } }
  @media (min-width: 62em) {
    .v-optidrive-p2-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images {
      margin-top: -8rem; } }

@media (min-width: 62em) {
  .v-optidrive-p2-features .enclosure-options#ip66-indoor-enclosure .enclosure-feature-image {
    margin-top: 6rem; } }

.v-optidrive-p2-features .features-highlights {
  display: flex;
  justify-content: space-around; }
  .v-optidrive-p2-features .features-highlights > div {
    padding-top: 2em; }
    .v-optidrive-p2-features .features-highlights > div::before {
      display: none; }
    .v-optidrive-p2-features .features-highlights > div[data-highlight] {
      flex: 0 0 100%;
      max-width: 100%; }
      @media (min-width: 36em) {
        .v-optidrive-p2-features .features-highlights > div[data-highlight] {
          flex: 0 0 48%;
          max-width: 48%; } }
      @media (min-width: 62em) {
        .v-optidrive-p2-features .features-highlights > div[data-highlight] {
          flex: 0 0 42%;
          max-width: 42%; } }

/* Optidrive Eco */
.v-eco .drive-banner nav {
  max-width: none; }

ul.eco-buttons {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  max-width: 12em;
  font-size: 0.8em; }
  @media (min-width: 36em) {
    ul.eco-buttons {
      flex-direction: row;
      max-width: 28em; } }
  @media (min-width: 48em) {
    ul.eco-buttons {
      margin-top: 0;
      position: absolute;
      left: 40vw;
      top: 2.5rem;
      max-width: 21em;
      display: block; } }
  @media (min-width: 62em) {
    ul.eco-buttons {
      font-size: 1rem; } }
  @media (min-width: 75em) {
    ul.eco-buttons {
      top: 3em;
      left: 49.65em;
      transform: translateX(-100%); } }
  ul.eco-buttons li {
    flex: 0 0 100%; }
    @media (min-width: 36em) {
      ul.eco-buttons li {
        flex: 0 0 40%;
        max-width: 40%;
        margin-right: 5%; } }
    @media (min-width: 48em) {
      ul.eco-buttons li {
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0; } }
    ul.eco-buttons li a {
      display: block;
      padding: 0.5em;
      color: #000 !important;
      background: #f2f2f2;
      box-shadow: 0 0.05em 0.1em rgba(0, 0, 0, 0.05);
      border-radius: 0.125em;
      font-weight: inherit !important;
      position: relative; }
      ul.eco-buttons li a:hover {
        background: #eee; }
    ul.eco-buttons li[data-route="eco-hvac"] a {
      border-right: #76b82a 0.5rem solid; }
    ul.eco-buttons li[data-route="eco-pump"] a {
      border-right: #0075bf 0.5rem solid; }

.v-optidrive-eco-overview .drive-banner {
  background: url("../img/content/drives/optidrive-eco/optidrive-eco-vfd.png") 100% 100%/auto 80% no-repeat;
  height: auto; }
  @media (min-width: 48em) {
    .v-optidrive-eco-overview .drive-banner ul.eco-buttons {
      top: 4rem; } }
  @media (min-width: 75em) {
    .v-optidrive-eco-overview .drive-banner ul.eco-buttons {
      top: 7.5em; } }

.v-optidrive-eco-overview .features-highlights {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 0; }
  .v-optidrive-eco-overview .features-highlights {
    flex-wrap: wrap; }
  .v-optidrive-eco-overview .features-highlights:not(:first-child) {
    margin-top: 4rem; }
  @media (min-width: 36em) {
    .v-optidrive-eco-overview .features-highlights {
      flex: 0 0 48%;
      max-width: 48%;
      margin-top: 2rem !important; } }
  @media (min-width: 48em) {
    .v-optidrive-eco-overview .features-highlights {
      margin-top: 3rem !important; } }
  @media (min-width: 75em) {
    .v-optidrive-eco-overview .features-highlights {
      margin-top: 5rem !important; } }
  @media (min-width: 90em) {
    .v-optidrive-eco-overview .features-highlights {
      margin-top: 10rem !important; } }
  .v-optidrive-eco-overview .features-highlights > div {
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 10.5em;
    margin-bottom: 0; }
    .v-optidrive-eco-overview .features-highlights > div img {
      position: absolute;
      bottom: calc(100% - 10.5em);
      left: -0.9375rem;
      width: calc(100% + 1.875rem);
      max-width: calc(100% + 1.875rem); }

.v-optidrive-eco-overview .feature--fieldbuses ul {
  display: flex; }
  .v-optidrive-eco-overview .feature--fieldbuses ul li {
    margin-left: 1rem; }

.v-optidrive-eco-features #features-content .features-family-photo {
  margin-top: -3em; }

.v-optidrive-eco-features .features-highlights {
  justify-content: space-between; }
  .v-optidrive-eco-features .features-highlights > div[data-mode="pump-control"]::after {
    content: '';
    position: absolute;
    bottom: calc(100% - 9.55rem);
    left: -0.9375rem;
    right: -0.9375rem;
    height: 11em;
    background-position: center bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url("../img/content/drives/optidrive-eco/pump-control.png"); }
  @media (min-width: 90em) {
    .v-optidrive-eco-features .features-highlights > div[data-mode="pump-control"] ul {
      columns: 2; }
      .v-optidrive-eco-features .features-highlights > div[data-mode="pump-control"] ul li {
        padding-right: 0.5rem; } }
  .v-optidrive-eco-features .features-highlights > div[data-mode="hvac-building-services"]::after {
    content: '';
    position: absolute;
    bottom: calc(100% - 9.55rem);
    left: -0.9375rem;
    right: -0.9375rem;
    height: 11em;
    background-position: center bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url("../img/content/drives/optidrive-eco/hvac-building-services.png"); }
  @media (min-width: 90em) {
    .v-optidrive-eco-features .features-highlights > div[data-mode="hvac-building-services"] ul {
      columns: 2; }
      .v-optidrive-eco-features .features-highlights > div[data-mode="hvac-building-services"] ul li {
        padding-right: 0.5rem; } }
  .v-optidrive-eco-features .features-highlights > div[data-mode="optiflow"] h3 img {
    max-width: 10rem; }
  .v-optidrive-eco-features .features-highlights > div[data-mode="optiflow"]::before {
    background-image: url("../img/content/drives/optidrive-e3/pumping.jpg"); }
  .v-optidrive-eco-features .features-highlights > div[data-mode="building-automation"]::before {
    background-image: url("../img/content/drives/optidrive-e3/fan-mode.jpg"); }

@media (min-width: 48em) {
  .v-optidrive-eco-features .enclosure-options#ip20-enclosure ul.enclosure-features {
    justify-content: flex-start; } }

@media (min-width: 48em) {
  .v-optidrive-eco-features .enclosure-options#ip20-enclosure ul.enclosure-features li {
    flex: 0 0 25%;
    max-width: 25%; } }

@media (min-width: 62em) {
  .v-optidrive-eco-features .enclosure-options#ip20-enclosure ul.enclosure-features li {
    flex: 0 0 20%;
    max-width: 20%; } }

.v-optidrive-eco-features .enclosure-options#ip55-enclosure .enclosure-feature-image {
  margin-top: 0; }
  @media (min-width: 36em) {
    .v-optidrive-eco-features .enclosure-options#ip55-enclosure .enclosure-feature-image {
      margin-top: -10em; } }
  @media (min-width: 48em) {
    .v-optidrive-eco-features .enclosure-options#ip55-enclosure .enclosure-feature-image {
      margin-top: -2em; } }
  @media (min-width: 62em) {
    .v-optidrive-eco-features .enclosure-options#ip55-enclosure .enclosure-feature-image {
      margin-top: -6em; } }
  @media (min-width: 75em) {
    .v-optidrive-eco-features .enclosure-options#ip55-enclosure .enclosure-feature-image {
      margin-top: -15em; } }

.v-optidrive-eco-features .enclosure-feature-images {
  margin-top: -4em; }
  @media (min-width: 48em) {
    .v-optidrive-eco-features .enclosure-feature-images {
      margin-top: -2em; } }
  @media (min-width: 62em) {
    .v-optidrive-eco-features .enclosure-feature-images {
      margin-top: -6em; } }

.v-eco-pump-hvac .drive-banner .drive-logo {
  font-size: 2.1em;
  margin-bottom: 0.9em; }

@media (min-width: 48em) {
  .v-eco-pump-hvac .drive-banner .caption {
    position: absolute;
    right: 0.9375rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.3em; } }

.v-eco-pump-hvac .drive-banner .caption a.btn-video-link {
  display: inline; }
  @media (min-width: 48em) {
    .v-eco-pump-hvac .drive-banner .caption a.btn-video-link {
      position: absolute;
      bottom: -1rem;
      right: 0; } }
  @media (min-width: 75em) {
    .v-eco-pump-hvac .drive-banner .caption a.btn-video-link {
      bottom: -2rem; } }

.v-eco-pump-hvac .drive-banner .banner-menu nav {
  max-width: 100%; }

.v-eco-pump-hvac .drive-banner p {
  color: #fff;
  font-size: 1.3em;
  font-weight: 200; }

.v-eco-pump-hvac .drive-banner p.lead {
  color: #fff;
  font-size: 1.6em;
  font-weight: 200;
  margin-bottom: 0; }

.v-hvac-building-services .drive-banner {
  background: #76b82a; }

@media (min-width: 75em) {
  .v-hvac-building-services #hvac-building > .span > div {
    display: flex;
    justify-content: space-between; } }

.v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  opacity: 0;
  transition: opacity 0.25s ease-in-out; }
  .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram.initialised {
    opacity: 1; }
  @media (min-width: 48em) {
    .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram {
      display: block;
      margin: 5rem auto;
      font-size: 2.25vw;
      max-width: 30em; } }
  @media (min-width: 62em) {
    .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram {
      font-size: 1rem;
      max-width: 32em; } }
  @media (min-width: 75em) {
    .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram {
      flex: 0 0 32em;
      margin: 5rem auto 5rem 1.5rem; } }
  @media (min-width: 90em) {
    .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram {
      margin-left: 5rem; } }
  .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram img {
    margin: 0 auto;
    max-width: 100%; }
    @media (min-width: 48em) {
      .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram img {
        margin: 0;
        max-width: 100%; } }
  .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels {
    display: none; }
    @media (min-width: 48em) {
      .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%; } }
    .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li {
      margin-bottom: 0.5rem;
      max-width: 100%;
      padding: 0.75rem;
      font-size: 0.9em; }
      .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(1) {
        background: #76b82a; }
      .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(2) {
        background: #d2081e; }
      .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(3) {
        background: #3c3c3c; }
      .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(4) {
        background: #0075bf; }
      .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(5) {
        background: #ef7d00; }
      @media (min-width: 48em) {
        .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li {
          position: absolute;
          max-width: none;
          z-index: 2; }
          .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li .line {
            position: absolute;
            border-right: 0.05rem solid #000;
            transform-origin: top;
            z-index: 1; }
            .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li .line::before {
              content: '';
              position: absolute;
              border: 0.05rem solid #000;
              border-radius: 50%;
              background: rgba(0, 0, 0, 0.3);
              width: 2rem;
              height: 2rem; }
          .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(1) {
            top: -2em;
            right: 4em;
            max-width: 8.5em; }
            .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(1) .line {
              height: 10.475em;
              left: 0;
              top: 50%;
              transform: rotate(72.35deg); }
              .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(1) .line::before {
                left: -0.85em;
                top: 10.4em; }
          .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(2) {
            top: 7em;
            right: -2em;
            max-width: 8em; }
            .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(2) .line {
              height: 7.385em;
              left: 50%;
              top: 100%;
              transform: rotate(68.5deg); }
              .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(2) .line::before {
                left: -0.8em;
                top: 7.4em; }
          .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(3) {
            top: 26.5em;
            right: 10em;
            max-width: 8.25em; }
            .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(3) .line {
              height: 7.525em;
              left: 50%;
              top: 0;
              transform: rotate(147deg); }
              .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(3) .line::before {
                left: -0.95em;
                top: 7.5em; }
          .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(4) {
            top: 22em;
            left: -3em;
            max-width: 11em; }
            .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(4) .line {
              height: 10.25em;
              left: 50%;
              top: 0;
              transform: rotate(237.5deg); }
              .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(4) .line::before {
                left: -0.7em;
                top: 10.2em; }
          .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(5) {
            top: -2.5em;
            left: -4em;
            max-width: 7.5em; }
            .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(5) .line {
              height: 5.6em;
              left: 50%;
              top: 100%;
              transform: rotate(-60deg); }
              .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(5) .line::before {
                left: -0.85em;
                top: 5.6em; } }
      @media (min-width: 62em) {
        .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(1) {
          max-width: 10.5em; }
          .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(1) .line {
            height: 10em;
            transform: rotate(76deg); }
            .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(1) .line::before {
              left: -1.05em;
              top: 10em; }
        .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(2) {
          max-width: 9.75em; }
          .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(2) .line {
            height: 8em;
            transform: rotate(62deg); }
            .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(2) .line::before {
              left: -1.05em;
              top: 8em; }
        .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(3) {
          max-width: 10.75em;
          top: 27.5em; }
          .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(3) .line {
            height: 8em;
            transform: rotate(143deg); }
            .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(3) .line::before {
              left: -1.05em;
              top: 8em; }
        .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(4) {
          max-width: 14.5em;
          top: 23em; }
          .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(4) .line {
            height: 9.75em;
            transform: rotate(235deg); }
            .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(4) .line::before {
              left: -1.05em;
              top: 9.75em; }
        .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(5) {
          max-width: 9em; }
          .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(5) .line {
            height: 5em;
            transform: rotate(-60deg); }
            .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li:nth-child(5) .line::before {
              left: -1.05em;
              top: 5em; } }
      .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li a {
        color: #fff !important;
        position: relative;
        width: 100%;
        display: block;
        padding-right: 2.5rem;
        font-weight: 200;
        cursor: pointer; }
        @media (min-width: 48em) {
          .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li a {
            font-size: 0.7em; } }
        @media (min-width: 62em) {
          .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li a {
            font-size: 1em; } }
        @media (min-width: 75em) {
          .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li a {
            font-weight: 400; } }
        .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li a::before {
          content: '\f054';
          font-family: 'Font Awesome 5 Pro';
          width: 1.4rem;
          height: 1.4rem;
          color: #fff;
          border: 0.05rem solid #fff;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          text-align: center;
          display: flex;
          align-items: center;
          justify-content: center; }
        .v-hvac-building-services #hvac-building > .span > div #hvac-building-diagram ul#diagram-labels li a:hover::before {
          background: #fff;
          color: #000; }

@media (min-width: 75em) {
  .v-hvac-building-services #hvac-building > .span > div .accordion {
    flex: 0 0 45%;
    max-width: 45%;
    font-size: 0.9rem; } }

@media (min-width: 90em) {
  .v-hvac-building-services #hvac-building > .span > div .accordion {
    flex: 0 0 50%;
    max-width: 50%; } }

.v-hvac-building-services #hvac-building > .span > div .accordion h2 {
  margin: 4rem 0 2rem; }

.v-hvac-building-services #hvac-building > .span > div .accordion .doc-heading {
  font-size: 1em;
  color: #fff;
  padding: 1.5rem 4rem 1.5rem 1rem; }
  @media (min-width: 75em) {
    .v-hvac-building-services #hvac-building > .span > div .accordion .doc-heading {
      padding: 1rem 1rem; } }
  .v-hvac-building-services #hvac-building > .span > div .accordion .doc-heading.drop-btn::before {
    color: #fff; }
    @media (min-width: 75em) {
      .v-hvac-building-services #hvac-building > .span > div .accordion .doc-heading.drop-btn::before {
        font-size: 1.25rem; } }
  .v-hvac-building-services #hvac-building > .span > div .accordion .doc-heading.drop-btn::after {
    border-color: #fff; }
    @media (min-width: 75em) {
      .v-hvac-building-services #hvac-building > .span > div .accordion .doc-heading.drop-btn::after {
        width: 2rem;
        height: 2rem; } }

.v-hvac-building-services #hvac-building > .span > div .accordion .doc-heading, .v-hvac-building-services #hvac-building > .span > div .accordion .accordion-content {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }

.v-hvac-building-services #hvac-building > .span > div .accordion #building-comfort h2 {
  color: #76b82a; }

.v-hvac-building-services #hvac-building > .span > div .accordion #building-comfort .doc-heading {
  background: #76b82a; }

.v-hvac-building-services #hvac-building > .span > div .accordion #building-safety-systems h2 {
  color: #ef7d00; }

.v-hvac-building-services #hvac-building > .span > div .accordion #building-safety-systems .doc-heading {
  background: #ef7d00; }

.v-hvac-building-services #hvac-building > .span > div .accordion #fume-extraction .doc-heading {
  background: rgba(0, 0, 0, 0.8); }

.v-hvac-building-services #hvac-building > .span > div .accordion #fire-override .doc-heading {
  background: #d2081e; }

.v-hvac-building-services #hvac-building > .span > div .accordion #pump-control h2 {
  color: #0075bf; }

.v-hvac-building-services #hvac-building > .span > div .accordion #pump-control .doc-heading {
  background: #0075bf; }

.v-hvac-building-services .corner-images .span div[class*="col-"] {
  margin-bottom: 4rem; }

.v-hvac-building-services .corner-images .panel {
  padding: 1.5rem;
  position: relative;
  height: 100%; }
  .v-hvac-building-services .corner-images .panel img {
    position: absolute;
    right: 1rem;
    top: 0;
    transform: translateY(-50%);
    max-width: 10rem; }
  .v-hvac-building-services .corner-images .panel h2 {
    margin: 0 0 2rem;
    width: 100%;
    padding-right: 10rem; }
  .v-hvac-building-services .corner-images .panel h4 {
    margin: 0;
    font-weight: 600; }

.v-pump-control .drive-banner {
  background: #0075bf; }

@media (min-width: 48em) {
  .v-pump-control #optiflow-features img {
    float: right;
    max-width: 50%; } }

@media (min-width: 48em) {
  .v-pump-control #pump-downtime #downtime img {
    float: right;
    max-width: 25%;
    margin-left: 10%;
    margin-top: 4rem; } }

@media (min-width: 48em) {
  .v-pump-control #pump-downtime #bypass img {
    float: right;
    max-width: 15%;
    margin-left: 20%;
    margin-top: 4rem; } }

@media (min-width: 62em) {
  .v-pump-control #pump-downtime #bypass img {
    margin-top: 0; } }

.v-pump-control #pipe-burst-protection {
  overflow: hidden; }
  @media (min-width: 48em) {
    .v-pump-control #pipe-burst-protection::after {
      content: '';
      right: 0;
      bottom: -2em;
      position: absolute;
      width: 10rem;
      height: 20rem;
      transform: rotate(10deg);
      background: url("../img/content/drives/optidrive-eco/ip55-size4.png") 98% 100%/contain no-repeat; } }
  @media (min-width: 90em) {
    .v-pump-control #pipe-burst-protection::after {
      right: calc((100vw - 96rem) / 2); } }
  .v-pump-control #pipe-burst-protection::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: url("../img/content/drives/optidrive-eco/burst-pipe-bg.png") 80% 0/30em auto no-repeat;
    opacity: 0.4; }
    @media (min-width: 90em) {
      .v-pump-control #pipe-burst-protection::before {
        background-position: calc(100% - ((100vw - 96rem) / 2)) 0; } }
  .v-pump-control #pipe-burst-protection h1 {
    margin-bottom: 3rem; }

@media (min-width: 62em) {
  .v-pump-control #pump-control ul {
    column-count: 2;
    column-gap: 4rem; } }

@media (min-width: 75em) {
  .v-pump-control #pump-control ul {
    column-count: 3; } }

@media (min-width: 48em) {
  .v-pump-control #pump-control #application-shots {
    position: absolute;
    top: -4rem;
    left: 3rem;
    max-height: 110%; } }

@media (min-width: 62em) {
  .v-pump-control #pump-control #application-shots {
    top: -5rem;
    left: 2rem;
    max-height: 120%;
    max-width: none; } }

@media (min-width: 75em) {
  .v-pump-control #pump-control #application-shots {
    max-height: 150%; } }

/* Optidrive Coolvert */
.v-coolvert .banner-menu {
  overflow: visible; }
  @media (min-width: 75em) {
    .v-coolvert .banner-menu nav {
      padding: 7em 0 2.25em; } }
  @media (min-width: 48em) {
    .v-coolvert .banner-menu nav ul {
      flex-wrap: wrap;
      background: none; } }
  .v-coolvert .banner-menu nav ul li.drop {
    position: relative; }
    .v-coolvert .banner-menu nav ul li.drop a {
      padding-right: 2em;
      padding-left: 2em;
      width: 100%; }
      @media (min-width: 48em) {
        .v-coolvert .banner-menu nav ul li.drop a {
          padding-right: 2.75em;
          padding-left: 3em; } }
    .v-coolvert .banner-menu nav ul li.drop::before {
      content: '\f078';
      font-family: 'Font Awesome 5 Pro';
      position: absolute;
      left: calc(100% - 1.5em);
      top: 50%;
      transform: translateY(-50%); }
    .v-coolvert .banner-menu nav ul li.drop > div {
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      z-index: 1;
      background: #fff;
      box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
      display: none; }
      .v-coolvert .banner-menu nav ul li.drop > div > ul {
        background: none;
        font-size: 1em; }
        .v-coolvert .banner-menu nav ul li.drop > div > ul > li {
          width: 100%;
          flex: 0 0 100%;
          max-width: 100%; }
          .v-coolvert .banner-menu nav ul li.drop > div > ul > li:hover {
            background: rgba(0, 0, 0, 0.2); }
          .v-coolvert .banner-menu nav ul li.drop > div > ul > li:last-child {
            margin-bottom: 0; }
          .v-coolvert .banner-menu nav ul li.drop > div > ul > li a {
            color: #000 !important;
            background: none; }
    .v-coolvert .banner-menu nav ul li.drop:hover > div {
      display: block; }
    .v-coolvert .banner-menu nav ul li.drop ul {
      display: flex;
      flex-direction: column;
      padding: 0; }
  .v-coolvert .banner-menu nav ul li {
    flex: 0 0 33%;
    max-width: 33%; }
    @media (min-width: 48em) {
      .v-coolvert .banner-menu nav ul li {
        padding: 0.1em; }
        .v-coolvert .banner-menu nav ul li a {
          background: rgba(0, 0, 0, 0.3); } }
    @media (min-width: 75em) {
      .v-coolvert .banner-menu nav ul li {
        flex-wrap: nowrap;
        padding: 0;
        flex: 0 1 auto;
        max-width: none;
        width: auto;
        margin-bottom: 0.1em; } }
    .v-coolvert .banner-menu nav ul li[data-route="language"] a::before {
      content: '';
      position: absolute;
      left: 0.5em;
      top: 50%;
      transform: translateY(-50%);
      width: 1.5em;
      height: 1.5em;
      border-radius: 50%; }
      @media (min-width: 36em) {
        .v-coolvert .banner-menu nav ul li[data-route="language"] a::before {
          width: 1.25em;
          height: 1.25em; } }
      @media (min-width: 48em) {
        .v-coolvert .banner-menu nav ul li[data-route="language"] a::before {
          left: 0.65rem;
          width: 1.5em;
          height: 1.5em; } }
    .v-coolvert .banner-menu nav ul li[data-language="cn"] > a::before {
      background: url("../img/common/flags/cn.png") center center/auto 100% no-repeat; }
    .v-coolvert .banner-menu nav ul li[data-language="en"] > a::before {
      background: url("../img/common/flags/gb.png") center center/auto 100% no-repeat; }
    .v-coolvert .banner-menu nav ul li[data-language="fr"] > a::before {
      background: url("../img/common/flags/fr.png") center center/auto 100% no-repeat; }
    .v-coolvert .banner-menu nav ul li[data-language="it"] > a::before {
      background: url("../img/common/flags/it.png") center center/auto 100% no-repeat; }
    .v-coolvert .banner-menu nav ul li[data-language="de"] > a::before {
      background: url("../img/common/flags/de.png") center center/auto 100% no-repeat; }

.v-optidrive-coolvert-overview .drive-banner {
  height: unset;
  background: url("../img/content/drives/optidrive-coolvert/banner.png") 40% 100%/auto 100% no-repeat; }
  @media (min-width: 48em) {
    .v-optidrive-coolvert-overview .drive-banner {
      background: url("../img/content/drives/optidrive-coolvert/banner.png") 100% 100%/auto 100% no-repeat; } }
  @media (min-width: 36em) {
    .v-optidrive-coolvert-overview .drive-banner .span {
      flex-direction: row; } }
  @media (min-width: 48em) {
    .v-optidrive-coolvert-overview .drive-banner .span {
      padding-bottom: 0; }
      .v-optidrive-coolvert-overview .drive-banner .span > div:first-child {
        padding: 0; } }
  @media (min-width: 48em) {
    .v-optidrive-coolvert-overview .drive-banner .drive-logo {
      max-width: none; } }
  .v-optidrive-coolvert-overview .drive-banner .drive-logo img {
    height: 1em; }
    @media (min-width: 48em) {
      .v-optidrive-coolvert-overview .drive-banner .drive-logo img {
        height: 1.15em; } }
    @media (min-width: 75em) {
      .v-optidrive-coolvert-overview .drive-banner .drive-logo img {
        height: 1.25em; } }
  @media (min-width: 90em) {
    .v-optidrive-coolvert-overview .drive-banner {
      background-position: 100% 100% !important; } }
  .v-optidrive-coolvert-overview .drive-banner .banner-product-feature {
    position: relative; }
    @media (min-width: 62em) {
      .v-optidrive-coolvert-overview .drive-banner .banner-product-feature {
        margin-left: auto; } }
    .v-optidrive-coolvert-overview .drive-banner .banner-product-feature::before {
      content: '';
      position: absolute;
      right: 0;
      bottom: -1rem;
      background: url("../img/content/drives/optidrive-coolvert/compressor.png") 100% 100%/contain no-repeat;
      width: 30vw;
      height: 30vw;
      z-index: 1; }
      @media (min-width: 36em) {
        .v-optidrive-coolvert-overview .drive-banner .banner-product-feature::before {
          bottom: -5rem;
          width: 10em;
          height: 10em; } }
      @media (min-width: 48em) {
        .v-optidrive-coolvert-overview .drive-banner .banner-product-feature::before {
          width: 8em;
          height: 8em;
          bottom: -6rem;
          right: -2rem; } }
      @media (min-width: 75em) {
        .v-optidrive-coolvert-overview .drive-banner .banner-product-feature::before {
          width: 12em;
          height: 12em;
          bottom: -10rem;
          right: -4rem; } }
    .v-optidrive-coolvert-overview .drive-banner .banner-product-feature .product-feature {
      max-width: 60%;
      margin: 0 0 0 auto; }
      @media (min-width: 36em) {
        .v-optidrive-coolvert-overview .drive-banner .banner-product-feature .product-feature {
          max-width: 12em;
          margin: 0 -20% -2em auto; }
          .v-optidrive-coolvert-overview .drive-banner .banner-product-feature .product-feature img {
            margin-left: auto;
            max-width: 100%;
            margin-bottom: 0; } }
      @media (min-width: 62em) {
        .v-optidrive-coolvert-overview .drive-banner .banner-product-feature .product-feature {
          margin: -4rem -20% -5rem auto;
          max-width: 20em; } }
      @media (min-width: 75em) {
        .v-optidrive-coolvert-overview .drive-banner .banner-product-feature .product-feature {
          margin: -4rem -20% -5rem auto;
          max-width: 24rem; } }
      @media (min-width: 90em) {
        .v-optidrive-coolvert-overview .drive-banner .banner-product-feature .product-feature {
          margin: -4rem 0 -8rem auto; } }
    .v-optidrive-coolvert-overview .drive-banner .banner-product-feature ul {
      padding: 0;
      list-style: none;
      position: absolute;
      right: 100%;
      bottom: 0;
      width: 18em; }
      @media (min-width: 36em) {
        .v-optidrive-coolvert-overview .drive-banner .banner-product-feature ul {
          top: 10%;
          bottom: unset; } }
      @media (min-width: 62em) {
        .v-optidrive-coolvert-overview .drive-banner .banner-product-feature ul {
          top: 3rem; } }
      @media (min-width: 75em) {
        .v-optidrive-coolvert-overview .drive-banner .banner-product-feature ul {
          bottom: 6rem;
          top: unset;
          right: calc(100% + 2em); } }
      .v-optidrive-coolvert-overview .drive-banner .banner-product-feature ul li {
        font-size: 4vw;
        text-align: right;
        padding-right: 2.25em;
        position: relative;
        margin-bottom: 3em; }
        @media (min-width: 36em) {
          .v-optidrive-coolvert-overview .drive-banner .banner-product-feature ul li {
            font-size: 1em;
            margin-bottom: 1em; } }
        @media (min-width: 48em) {
          .v-optidrive-coolvert-overview .drive-banner .banner-product-feature ul li {
            font-size: 1.15em;
            margin-bottom: 2em; } }
        @media (min-width: 62em) {
          .v-optidrive-coolvert-overview .drive-banner .banner-product-feature ul li {
            margin-bottom: 3em;
            font-size: 1.35em; } }
        .v-optidrive-coolvert-overview .drive-banner .banner-product-feature ul li::before {
          content: '';
          position: absolute;
          top: 50%;
          right: 0.675em;
          left: unset;
          transform: translateY(-50%);
          border-radius: 50%;
          width: 1em;
          height: 1em;
          background: rgba(0, 96, 192, 0.25); }
        .v-optidrive-coolvert-overview .drive-banner .banner-product-feature ul li::after {
          content: '';
          position: absolute;
          top: 50%;
          right: 1em;
          transform: translateY(-50%);
          border-radius: 50%;
          width: 0.4em;
          height: 0.4em;
          background: #0060c0; }
        .v-optidrive-coolvert-overview .drive-banner .banner-product-feature ul li:nth-child(1) {
          margin-right: 0; }
        .v-optidrive-coolvert-overview .drive-banner .banner-product-feature ul li:nth-child(2) {
          margin-right: 0; }
        .v-optidrive-coolvert-overview .drive-banner .banner-product-feature ul li:nth-child(3) {
          margin-right: 0; }

.v-optidrive-coolvert-overview #interactive-drive > .span {
  padding: 4em 0; }
  .v-optidrive-coolvert-overview #interactive-drive > .span > div[class*="col"] h2 {
    font-size: 2.2em;
    text-align: center;
    margin-bottom: 3em; }

.v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive {
  font-size: 3vw;
  position: relative;
  width: 31.0625em;
  margin: 0 auto; }
  .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul {
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%; }
    .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li {
      margin: 0;
      position: absolute;
      display: flex;
      align-items: flex-start; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li::before {
        display: none; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li a {
        position: relative;
        flex: 0 0 2.5em;
        max-width: 2.5em;
        height: 2.5em;
        background: #6dcaf3;
        border-radius: 50%;
        margin-right: 1.65em;
        cursor: pointer;
        transition: transform 0.15s ease-in-out;
        box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.25); }
        .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li a::before {
          content: '\f067';
          font-family: 'Font Awesome 5 Pro';
          font-weight: 200;
          color: #fff;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-size: 1.6em;
          transition: transform 0.1s ease-in-out; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li:not(.active) a {
        background-color: #6dcaf3;
        animation-name: color;
        animation-duration: 1.5s;
        animation-iteration-count: infinite; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li.active a {
        transform: scale(1.3); }
        .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li.active a::before {
          transform: translate(-50%, -50%) rotate(45deg); }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li.feature-popup .info-box {
        display: none; }
        .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li.feature-popup .info-box p {
          margin-bottom: 0.25em; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li.feature-popup.active .info-box {
        margin-top: -1.2em;
        display: block;
        box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.25);
        z-index: 999; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li > div {
        font-size: 1.1em;
        color: #000;
        text-align: center;
        padding: 1em 1em;
        background: white;
        position: relative; }
        .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li > div::before {
          content: '';
          background: white;
          width: 1.5em;
          height: 1.5em;
          position: absolute;
          left: 0;
          top: 1.6em;
          transform: translateX(-50%) rotate(45deg); }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="motor-control"] {
        left: 26.5em;
        top: 10.5em; }
        .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="motor-control"] div {
          flex: 0 0 14em;
          max-width: 14em; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="mounting-options"] {
        left: 20em;
        top: 24em; }
        .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="mounting-options"] div {
          flex: 0 0 14.5em;
          max-width: 14.5em; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="clearance"] {
        left: 4em;
        top: 6.5em; }
        .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="clearance"] div {
          flex: 0 0 14em;
          max-width: 14em; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="compliance"] {
        left: 21em;
        top: 1em; }
        .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="compliance"] div {
          flex: 0 0 14em;
          max-width: 14em; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="temperature"] {
        left: 4em;
        top: 19em; }
        .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="temperature"] div {
          flex: 0 0 16em;
          max-width: 16em; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="optistick-optipad"] {
        left: 11em;
        top: 3em; }
        .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="optistick-optipad"] div {
          flex: 0 0 20em;
          max-width: 20em; }
          .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="optistick-optipad"] div .side-by-side {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap; }
            .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="optistick-optipad"] div .side-by-side > div {
              flex: 0 0 100%;
              max-width: 100%; }
              .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="optistick-optipad"] div .side-by-side > div img {
                margin: 1em auto; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="sto-sil"] {
        left: 11em;
        top: 9.75em; }
        .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="sto-sil"] div {
          flex: 0 0 8.5em;
          max-width: 8.5em; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="modbus"] {
        left: 7em;
        top: 7.5em; }
        .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="modbus"] div {
          flex: 0 0 14em;
          max-width: 14em; }
          .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="modbus"] div img {
            margin-bottom: 0.5em; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="reliability"] {
        left: 21em;
        top: 7em; }
        .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="reliability"] div {
          flex: 0 0 14em;
          max-width: 14em; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="terminals"] {
        left: 9em;
        top: 8.75em; }
        .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="terminals"] div {
          flex: 0 0 14em;
          max-width: 14em; }

@media (max-width: 47.999em) {
  .v-optidrive-coolvert-overview #interactive-drive {
    overflow: hidden; }
    .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive img {
      margin: 0 auto;
      width: 30em; }
    .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li.active {
      z-index: 2; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li.active a.show-box {
        flex: 0 0 2.5rem;
        max-width: unset;
        width: 2.5rem;
        height: 2.5rem;
        position: absolute;
        right: 0;
        top: 0;
        transform: translate(100%, -100%);
        margin: 0; }
    .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li.feature-popup.active {
      flex-direction: column;
      align-items: center;
      left: 50% !important;
      top: 20% !important;
      transform: translate(-50%, -50%) !important;
      width: 50%;
      font-size: 1.2em; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li.feature-popup.active .info-box {
        margin-top: 1em !important;
        flex: unset !important; }
        .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li.feature-popup.active .info-box::before {
          display: none; }
    .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li.feature-popup.active[data-feature="optistick-optipad"] {
      width: 60%; }
    .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive.initiated::after {
      content: '';
      position: absolute;
      bottom: -4rem;
      left: -3rem;
      right: -3rem;
      height: calc(100% + 300vw);
      z-index: 1;
      background: rgba(0, 0, 0, 0.7); } }

@media (min-width: 48em) {
  .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive {
    font-size: 1rem; }
    .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive img {
      margin: 0; }
    .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="optistick-optipad"] > div .side-by-side > div {
      flex: 0 0 48%;
      max-width: 48%; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="optistick-optipad"] > div .side-by-side > div img {
        max-height: 8rem;
        margin: 0.5em auto 0; } }

@media (min-width: 62em) {
  .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul {
    z-index: 1; }
    .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li a {
      flex: 0 0 1.875em;
      max-width: 1.875em;
      height: 1.875em; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li a::before {
        font-size: 1.2em; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li a:hover {
        transform: scale(1.3); }
    .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="clearance"] {
      right: 25em;
      left: unset;
      flex-direction: row-reverse; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="clearance"] a {
        margin-right: 0;
        margin-left: 1.65em; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="clearance"] div::before {
        left: 100%; }
    .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="temperature"] {
      right: 25em;
      left: unset;
      flex-direction: row-reverse; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="temperature"] a {
        margin-right: 0;
        margin-left: 1.65em; }
      .v-optidrive-coolvert-overview #interactive-drive .coolvert-interactive ul li[data-feature="temperature"] div::before {
        left: 100%; } }

.v-optidrive-coolvert-overview #lightbox-features > .span {
  padding: 4em 0; }
  .v-optidrive-coolvert-overview #lightbox-features > .span > div[class*="col"] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .v-optidrive-coolvert-overview #lightbox-features > .span > div[class*="col"] > div {
      flex: 0 0 100%;
      max-width: 100%;
      min-height: 15em;
      padding: 0.35em;
      background: #ffffff;
      margin-bottom: 1.5rem;
      box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.25); }
      @media (min-width: 48em) {
        .v-optidrive-coolvert-overview #lightbox-features > .span > div[class*="col"] > div {
          flex: 0 0 48%;
          max-width: 48%; } }
      @media (min-width: 62em) {
        .v-optidrive-coolvert-overview #lightbox-features > .span > div[class*="col"] > div {
          flex: 0 0 31.75%;
          max-width: 31.75%; } }
      .v-optidrive-coolvert-overview #lightbox-features > .span > div[class*="col"] > div a {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        background: #948cc4;
        background: -moz-radial-gradient(center, ellipse cover, #948cc4 0%, #535486 100%);
        background: -webkit-radial-gradient(center, ellipse cover, #948cc4 0%, #535486 100%);
        background: radial-gradient(ellipse at center, #948cc4 0%, #535486 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#948cc4', endColorstr='#535486',GradientType=1 );
        padding: 3em 1.75em 1.75em 1.75em;
        cursor: pointer; }
        .v-optidrive-coolvert-overview #lightbox-features > .span > div[class*="col"] > div a h3 {
          font-size: 1.825em;
          font-weight: 800;
          color: #fff; }
        .v-optidrive-coolvert-overview #lightbox-features > .span > div[class*="col"] > div a::before {
          font-size: 0.8em;
          content: '\f054';
          font-family: 'Font Awesome 5 Pro';
          position: absolute;
          bottom: 0.9375em;
          right: 0.9375em;
          padding: 0.25em 0.5em;
          border: 0.125em solid #fff;
          color: #fff; }
        .v-optidrive-coolvert-overview #lightbox-features > .span > div[class*="col"] > div a::after {
          content: '';
          position: absolute;
          bottom: 0;
          right: 0;
          left: 0;
          top: 0;
          z-index: 0; }
        .v-optidrive-coolvert-overview #lightbox-features > .span > div[class*="col"] > div a:hover::before {
          background: #fff;
          color: #948cc3; }
        .v-optidrive-coolvert-overview #lightbox-features > .span > div[class*="col"] > div a#through-panel-mounting-lb::after {
          background: url("../img/content/drives/optidrive-coolvert/through-panel-mounting.png") 0 100%/auto 100% no-repeat; }
        .v-optidrive-coolvert-overview #lightbox-features > .span > div[class*="col"] > div a#open-connectivity-lb::after {
          background: url("../img/content/drives/optidrive-coolvert/open-connectivity.png") 0 100%/auto 100% no-repeat; }
        .v-optidrive-coolvert-overview #lightbox-features > .span > div[class*="col"] > div a#motor-control-lb::after {
          background: url("../img/content/drives/optidrive-coolvert/motor-control.png") 0 100%/auto 100% no-repeat; }
        .v-optidrive-coolvert-overview #lightbox-features > .span > div[class*="col"] > div a#global-compliance-lb::after {
          background: url("../img/content/drives/optidrive-coolvert/global-compliance.png") 0 100%/auto 100% no-repeat; }
        .v-optidrive-coolvert-overview #lightbox-features > .span > div[class*="col"] > div a#safe-torque-off-lb::after {
          background: url("../img/content/drives/optidrive-coolvert/safe-torque-off.png") 0 100%/auto 100% no-repeat; }
        .v-optidrive-coolvert-overview #lightbox-features > .span > div[class*="col"] > div a#low-harmonics-lb::after {
          background: url("../img/content/drives/optidrive-coolvert/low-harmonics.png") 0 100%/auto 100% no-repeat; }

.v-optidrive-coolvert-overview .coolvert-lb {
  padding: 2em 1em;
  background: #ffffff;
  font-size: 2vw; }
  .v-optidrive-coolvert-overview .coolvert-lb .purple {
    color: #535486; }
  .v-optidrive-coolvert-overview .coolvert-lb h2 {
    font-size: 2.5em; }
    .v-optidrive-coolvert-overview .coolvert-lb h2 strong {
      display: block; }
  .v-optidrive-coolvert-overview .coolvert-lb h3 {
    margin-top: 0;
    font-size: 2em; }
    .v-optidrive-coolvert-overview .coolvert-lb h3 strong {
      display: block; }
  @media (min-width: 48em) {
    .v-optidrive-coolvert-overview .coolvert-lb {
      padding: 2em 3em;
      font-size: 1rem; }
      .v-optidrive-coolvert-overview .coolvert-lb .row {
        max-width: 40rem; }
        .v-optidrive-coolvert-overview .coolvert-lb .row > div {
          display: flex;
          flex-direction: column;
          justify-content: center; } }
  .v-optidrive-coolvert-overview .coolvert-lb img {
    display: block;
    width: 80%;
    margin: 0 auto; }
  .v-optidrive-coolvert-overview .coolvert-lb table {
    text-align: left; }
    .v-optidrive-coolvert-overview .coolvert-lb table tr td {
      padding-right: 2rem;
      padding-left: 0.5rem;
      padding-top: 0.125rem;
      padding-bottom: 0.125rem;
      outline: #aaa solid 1px; }
    .v-optidrive-coolvert-overview .coolvert-lb table tr:nth-child(odd) td {
      background: #ccc; }
    .v-optidrive-coolvert-overview .coolvert-lb table tr:nth-child(even) td {
      background: #fff; }
  .v-optidrive-coolvert-overview .coolvert-lb ul {
    list-style: none;
    padding: 0; }
    .v-optidrive-coolvert-overview .coolvert-lb ul.unstyled {
      font-size: 1.3em; }
    .v-optidrive-coolvert-overview .coolvert-lb ul li {
      margin-bottom: 1rem; }
    .v-optidrive-coolvert-overview .coolvert-lb ul.ip-ratings {
      list-style: none;
      padding: 0;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .v-optidrive-coolvert-overview .coolvert-lb ul.ip-ratings li {
        flex: 0 0 48%;
        max-width: 48%;
        display: flex;
        justify-content: flex-start;
        border: #ccc solid 1px; }
        .v-optidrive-coolvert-overview .coolvert-lb ul.ip-ratings li div {
          flex: 0 0 50%;
          max-width: 50%;
          padding: 1rem;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 800;
          font-size: 1.3rem; }
          .v-optidrive-coolvert-overview .coolvert-lb ul.ip-ratings li div.rating {
            color: #fff;
            background: #65b32e; }

.v-optidrive-coolvert-overview .motor-control-lb-content {
  padding: 4em 2em;
  text-align: center; }
  @media (min-width: 48em) {
    .v-optidrive-coolvert-overview .motor-control-lb-content {
      padding: 4em 6em; } }
  .v-optidrive-coolvert-overview .motor-control-lb-content ul.motor-control {
    list-style: none;
    margin: 3em auto;
    padding: 0;
    justify-content: center;
    max-width: 40em;
    display: flex;
    flex-wrap: wrap; }
    .v-optidrive-coolvert-overview .motor-control-lb-content ul.motor-control li {
      padding: 0.5em 1em;
      flex: 0 0 30%;
      max-width: 30%;
      margin-right: 1em;
      margin-bottom: 1em;
      display: flex;
      flex-direction: column;
      border: #535486 solid 0.025em;
      border-radius: 0.5em; }
      .v-optidrive-coolvert-overview .motor-control-lb-content ul.motor-control li strong {
        margin-bottom: 0.5em;
        font-size: 2em; }
      .v-optidrive-coolvert-overview .motor-control-lb-content ul.motor-control li::before {
        display: none; }

.v-optidrive-coolvert-overview .through-panel-mounting-lb-content img {
  max-height: 15rem;
  margin-bottom: 2rem; }

@media (min-width: 48em) {
  .v-optidrive-coolvert-overview .through-panel-mounting-lb-content img {
    max-height: 25rem; } }

.v-optidrive-coolvert-overview .open-connectivity-lb-content img {
  height: 15em; }

.v-optidrive-coolvert-overview .open-connectivity-lb-content em {
  font-size: 0.85em; }

.v-optidrive-coolvert-overview .coolvert-lb li::before {
  display: none; }

.v-optidrive-coolvert-overview #downloads > .span {
  padding: 4rem 0 6rem; }
  @media (min-width: 48em) {
    .v-optidrive-coolvert-overview #downloads > .span {
      padding: 4rem 0 15rem; } }
  .v-optidrive-coolvert-overview #downloads > .span > div[class*="col"] h2 {
    font-size: 2.2em;
    text-align: center;
    margin-bottom: 3em; }
  .v-optidrive-coolvert-overview #downloads > .span .download-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0; }
    .v-optidrive-coolvert-overview #downloads > .span .download-list li {
      flex: 0 0 75%;
      max-width: 75%;
      margin-bottom: 6em; }
      @media (min-width: 48em) {
        .v-optidrive-coolvert-overview #downloads > .span .download-list li {
          flex: 0 0 23.5%;
          max-width: 23.5%;
          margin-right: 3em;
          margin-bottom: 0; } }
      .v-optidrive-coolvert-overview #downloads > .span .download-list li::before {
        display: none; }
      .v-optidrive-coolvert-overview #downloads > .span .download-list li:last-child {
        margin-right: 0; }
      .v-optidrive-coolvert-overview #downloads > .span .download-list li a {
        padding: 1.5em 0.75em 0.75em 0.75em;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        background: #181a1a;
        background: -moz-radial-gradient(center bottom, ellipse cover, #515253 0%, #181a1a 100%);
        background: -webkit-radial-gradient(center bottom, ellipse cover, #515253 0%, #181a1a 100%);
        background: radial-gradient(ellipse at center bottom, #515253 0%, #181a1a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(81, 82, 83)', endColorstr='rgb(24, 26, 26)',GradientType=1 ); }
        .v-optidrive-coolvert-overview #downloads > .span .download-list li a h4 {
          font-size: 1.2em;
          font-weight: 800;
          margin-bottom: 0.5em;
          color: #fff !important; }
        .v-optidrive-coolvert-overview #downloads > .span .download-list li a p {
          color: rgba(255, 255, 255, 0.75) !important;
          margin-bottom: 2.5em; }
        .v-optidrive-coolvert-overview #downloads > .span .download-list li a i {
          color: #fff;
          font-size: 1.3em; }
        .v-optidrive-coolvert-overview #downloads > .span .download-list li a div:first-child {
          flex: 0 0 45%;
          max-width: 45%; }
        .v-optidrive-coolvert-overview #downloads > .span .download-list li a div:last-child {
          flex: 0 0 55%;
          max-width: 55%; }
        .v-optidrive-coolvert-overview #downloads > .span .download-list li a img {
          margin-top: 2.75em;
          margin-bottom: -6em; }

.v-optidrive-coolvert-overview #contact > .span {
  padding: 4rem 0; }
  .v-optidrive-coolvert-overview #contact > .span > div[class*="col"] {
    text-align: center; }
    .v-optidrive-coolvert-overview #contact > .span > div[class*="col"] h2 {
      font-size: 2.2em;
      margin-bottom: 1.5em; }
    .v-optidrive-coolvert-overview #contact > .span > div[class*="col"] p.lead {
      margin-bottom: 1.5em;
      font-size: 1.5em; }
      .v-optidrive-coolvert-overview #contact > .span > div[class*="col"] p.lead a {
        display: block;
        font-weight: 800; }
      .v-optidrive-coolvert-overview #contact > .span > div[class*="col"] p.lead:last-child {
        margin-bottom: 0; }

@keyframes color {
  0% {
    background-color: #6dcaf3; }
  50% {
    background-color: #4285f4; }
  100% {
    background-color: #6dcaf3; } }

.v-optidrive-coolvert-overview.v-fr .motor-control-lb-content ul.motor-control {
  max-width: 55em; }
  .v-optidrive-coolvert-overview.v-fr .motor-control-lb-content ul.motor-control li strong {
    font-size: 1.2em; }

.v-optidrive-coolvert-overview.v-fr .coolvert-lb ul.ip-ratings li div {
  font-size: 1.1rem; }

.v-optidrive-coolvert-overview.v-de .coolvert-lb ul.ip-ratings li div {
  font-size: 0.8rem; }

.v-optidrive-coolvert-overview.v-it .coolvert-lb ul.ip-ratings li div {
  font-size: 0.9rem; }

.v-coolvert-tech .drive-banner {
  color: #fff;
  position: relative; }
  .v-coolvert-tech .drive-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 75% 100%, #948cc3 0%, #535486 75%);
    z-index: -1; }
  @media (min-width: 48em) {
    .v-coolvert-tech .drive-banner > .span > div {
      padding: 0; } }
  .v-coolvert-tech .drive-banner img {
    margin-bottom: 1em; }
  .v-coolvert-tech .drive-banner p.lead {
    font-size: 1.55em;
    color: #fff;
    font-weight: 200; }
  .v-coolvert-tech .drive-banner .drive-rating-summary {
    font-size: 3.5vw;
    margin-left: auto;
    margin-top: 2em; }
    @media (min-width: 48em) {
      .v-coolvert-tech .drive-banner .drive-rating-summary {
        font-size: 1em;
        margin-top: 0; } }

.v-coolvert-tech h2 {
  font-size: 2em;
  margin-top: 0.75em;
  margin-bottom: 1.5em; }

.v-coolvert-tech #model-data .model-data-table {
  position: relative;
  padding: 8em 10% 2em 0.9375rem;
  overflow-x: auto;
  overflow-y: visible;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }
  @media (min-width: 62em) {
    .v-coolvert-tech #model-data .model-data-table {
      overflow-x: visible;
      overflow-y: visible;
      padding: 12em 0 0 0;
      margin-left: 0;
      margin-right: 0; }
      .v-coolvert-tech #model-data .model-data-table::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 150%;
        background: -moz-radial-gradient(center, ellipse cover, #cccccc 0%, rgba(246, 246, 246, 0) 75%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-radial-gradient(center, ellipse cover, #cccccc 0%, rgba(246, 246, 246, 0) 75%, rgba(255, 255, 255, 0) 100%);
        background: radial-gradient(ellipse at center, #cccccc 0%, rgba(246, 246, 246, 0) 75%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#00ffffff',GradientType=1 );
        z-index: -999; } }
  .v-coolvert-tech #model-data .model-data-table table {
    width: 50rem;
    margin-top: -4em;
    position: relative; }
    @media (min-width: 62em) {
      .v-coolvert-tech #model-data .model-data-table table {
        width: 100%; } }
    .v-coolvert-tech #model-data .model-data-table table::before {
      content: '';
      position: absolute;
      left: -0.9375rem;
      right: -4rem;
      top: -4rem;
      bottom: -2rem;
      background: #eee;
      z-index: -1; }
      @media (min-width: 62em) {
        .v-coolvert-tech #model-data .model-data-table table::before {
          display: none; } }
    .v-coolvert-tech #model-data .model-data-table table thead {
      margin-bottom: 1em; }
    .v-coolvert-tech #model-data .model-data-table table th {
      position: relative;
      text-align: center;
      min-width: 1em;
      height: 4em;
      font-weight: 400;
      background: rgba(255, 255, 255, 0); }
      .v-coolvert-tech #model-data .model-data-table table th.output-power-kw {
        background: #535486;
        color: #fff;
        padding: 0.75em 0.5em;
        border-right: 2px solid #fff; }
      .v-coolvert-tech #model-data .model-data-table table th.output-power-hp {
        background: #535486;
        color: #fff;
        padding: 0.75em 0.5em;
        border-right: 2px solid #fff; }
      .v-coolvert-tech #model-data .model-data-table table th.output-current {
        background: #535486;
        color: #fff;
        padding: 0.75em 0.125em;
        border-right: 2px solid #fff; }
      .v-coolvert-tech #model-data .model-data-table table th.frame-size {
        background: #535486;
        color: #fff;
        padding: 0.75em 0.25em; }
    .v-coolvert-tech #model-data .model-data-table table tr {
      height: 1.5em;
      font-size: 0.8em; }
      .v-coolvert-tech #model-data .model-data-table table tr td {
        text-align: center;
        background: white;
        padding: 0.25em; }
        .v-coolvert-tech #model-data .model-data-table table tr td.supply-range {
          min-width: 4em; }
        .v-coolvert-tech #model-data .model-data-table table tr td.blank {
          background: rgba(255, 255, 255, 0); }
        .v-coolvert-tech #model-data .model-data-table table tr td.kw-rating {
          border-right: 2px solid #fff; }
        .v-coolvert-tech #model-data .model-data-table table tr td.hp-rating {
          border-right: 2px solid #fff; }
        .v-coolvert-tech #model-data .model-data-table table tr td.output-current {
          border-right: 2px solid #fff; }
        .v-coolvert-tech #model-data .model-data-table table tr td.purple {
          background: #535486;
          padding: 0.25em 0.75em; }
      .v-coolvert-tech #model-data .model-data-table table tr.blank {
        background: rgba(255, 255, 255, 0); }
  .v-coolvert-tech #model-data .model-data-table table tbody .row-group:nth-child(odd) td.kw-rating,
  .v-coolvert-tech #model-data .model-data-table table tbody .row-group:nth-child(odd) td.hp-rating,
  .v-coolvert-tech #model-data .model-data-table table tbody .row-group:nth-child(odd) td.output-current,
  .v-coolvert-tech #model-data .model-data-table table tbody .row-group:nth-child(odd) td.size {
    background: #ddd; }
  .v-coolvert-tech #model-data .model-data-table table thead th.product-family::before,
  .v-coolvert-tech #model-data .model-data-table table thead th.size::before,
  .v-coolvert-tech #model-data .model-data-table table thead th.voltage-code::before,
  .v-coolvert-tech #model-data .model-data-table table thead th.power-rating-code::before,
  .v-coolvert-tech #model-data .model-data-table table thead th.number-of-input-phases::before,
  .v-coolvert-tech #model-data .model-data-table table thead th.emc-filter::before,
  .v-coolvert-tech #model-data .model-data-table table thead th.heatsink-coldplate::before,
  .v-coolvert-tech #model-data .model-data-table table thead th.power-technology::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateY(50%);
    background: url("../img/content/drives/optidrive-coolvert/table-label-line.png") 0 0/contain no-repeat;
    width: 1em;
    height: 2em; }
  .v-coolvert-tech #model-data .model-data-table table thead th.purple::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: #535486;
    width: 100%;
    height: 8em;
    transform-origin: 0 bottom;
    transform: skew(-30deg); }
  .v-coolvert-tech #model-data .model-data-table table thead th .label {
    text-align: left;
    width: 10em;
    position: absolute;
    bottom: 1.5em;
    left: calc(50% + 1.25em);
    transform-origin: 0 center;
    transform: rotate(-60deg);
    font-size: 0.8em; }
  .v-coolvert-tech #model-data .model-data-table table thead th.purple .label {
    bottom: 0.5em;
    left: calc(50% + 0.7em);
    color: #fff;
    font-size: 1.025em;
    font-weight: 800; }

.v-coolvert-tech #model-data > .span .panel {
  background: #fff;
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.25);
  padding: 0 2em 2em; }
  .v-coolvert-tech #model-data > .span .panel h4 {
    font-weight: 800; }
  @media (min-width: 62em) {
    .v-coolvert-tech #model-data > .span .panel img {
      max-height: 8.1875rem; } }
  .v-coolvert-tech #model-data > .span .panel .small {
    font-size: 0.75em; }
  .v-coolvert-tech #model-data > .span .panel > .row > .col-6:first-child {
    border-right: #ccc solid 1px;
    padding-right: 2em; }
  .v-coolvert-tech #model-data > .span .panel > .row > .col-6:last-child {
    padding-left: 3em; }

.v-coolvert-tech #tech-pend-push {
  padding-left: 10.5em; }

.v-coolvert-tech #tech-data .tech-spec-table {
  overflow-x: auto;
  margin-bottom: 0.5em; }
  .v-coolvert-tech #tech-data .tech-spec-table table {
    width: 46em; }
    @media (min-width: 48em) {
      .v-coolvert-tech #tech-data .tech-spec-table table {
        width: 100%; } }
    .v-coolvert-tech #tech-data .tech-spec-table table tr td {
      padding: 0.5em;
      vertical-align: middle;
      border: #ddd solid 0.05em; }
      .v-coolvert-tech #tech-data .tech-spec-table table tr td.tech-heading {
        background: #eee;
        font-weight: 800;
        font-size: 1em;
        vertical-align: top;
        width: 10em; }
        @media (min-width: 62em) {
          .v-coolvert-tech #tech-data .tech-spec-table table tr td.tech-heading {
            width: 10em; } }
      .v-coolvert-tech #tech-data .tech-spec-table table tr td:last-child {
        width: 25em; }
        @media (min-width: 62em) {
          .v-coolvert-tech #tech-data .tech-spec-table table tr td:last-child {
            width: 51.5em; } }

.v-coolvert-tech #diagrams > .span > div {
  background: #fff;
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.25);
  padding: 0 2em 2em;
  margin-bottom: 2em; }
  @media (min-width: 62em) {
    .v-coolvert-tech #diagrams > .span > div {
      margin-right: 4em; } }

@media (min-width: 62em) {
  .v-coolvert-tech.v-de #tech-data .tech-spec-table table tr td.tech-heading {
    width: 14em; } }

/* Optidrive Compact 2 */
.v-optidrive-compact-2 .drive-banner {
  height: unset; }
  @media (min-width: 90em) {
    .v-optidrive-compact-2 .drive-banner {
      background-position: 100% 100% !important; } }
  @media (min-width: 36em) {
    .v-optidrive-compact-2 .drive-banner .span {
      flex-direction: row; } }
  @media (min-width: 48em) {
    .v-optidrive-compact-2 .drive-banner .span {
      padding-bottom: 0; }
      .v-optidrive-compact-2 .drive-banner .span > div:first-child {
        padding: 0; } }
  .v-optidrive-compact-2 .drive-banner .span .drive-rating-summary {
    display: flex;
    position: static;
    width: 22em; }
    .v-optidrive-compact-2 .drive-banner .span .drive-rating-summary .supply-voltage {
      flex: 0 0 14em;
      max-width: 14em; }
  @media (min-width: 75em) {
    .v-optidrive-compact-2 .drive-banner .span .banner-menu nav {
      padding: 4em 0 2.25em; } }
  @media (min-width: 48em) {
    .v-optidrive-compact-2 .drive-banner .span .drive-logo {
      max-width: none; } }
  .v-optidrive-compact-2 .drive-banner .span .drive-logo img {
    height: 1em; }
  .v-optidrive-compact-2 .drive-banner .span .banner-product-feature {
    position: relative;
    z-index: 1; }
    @media (min-width: 62em) {
      .v-optidrive-compact-2 .drive-banner .span .banner-product-feature {
        margin-left: auto; } }
    @media (min-width: 36em) {
      .v-optidrive-compact-2 .drive-banner .span .banner-product-feature .product-feature {
        margin: 0 0 0 auto; }
        .v-optidrive-compact-2 .drive-banner .span .banner-product-feature .product-feature img {
          margin-left: auto;
          max-width: 100%;
          margin-bottom: 0; } }
    @media (min-width: 48em) {
      .v-optidrive-compact-2 .drive-banner .span .banner-product-feature .product-feature {
        margin: -4rem -30% -5rem auto;
        max-width: 28em; } }
    @media (min-width: 62em) {
      .v-optidrive-compact-2 .drive-banner .span .banner-product-feature .product-feature {
        margin: -4rem -20% -5rem auto;
        max-width: 30em; } }
    @media (min-width: 75em) {
      .v-optidrive-compact-2 .drive-banner .span .banner-product-feature .product-feature {
        margin: -4rem -20% -5rem auto;
        max-width: 38rem; } }
    @media (min-width: 90em) {
      .v-optidrive-compact-2 .drive-banner .span .banner-product-feature .product-feature {
        margin: -4rem 0 -8rem auto; } }

@media (min-width: 62em) {
  .v-optidrive-compact-2 .motor-control-summary {
    padding-top: 4rem;
    padding-bottom: 4rem; } }

.v-optidrive-compact-2 #compact-features .span > div {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .v-optidrive-compact-2 #compact-features .span > div h2 {
    font-weight: 400;
    margin-bottom: 2rem;
    font-size: 2.2em; }

.v-optidrive-compact-2 #compact-features .conformance-logos {
  display: flex; }
  .v-optidrive-compact-2 #compact-features .conformance-logos img {
    max-height: 2.5rem;
    margin-right: 1rem; }

@media (min-width: 62em) {
  .v-optidrive-compact-2 #compact-features #coolvert-features-image img {
    margin-left: auto;
    max-width: 80%; } }

.v-optidrive-compact-2 #communication-options {
  text-align: center; }
  .v-optidrive-compact-2 #communication-options h2 {
    margin-bottom: 4rem;
    font-size: 2.2em; }
  .v-optidrive-compact-2 #communication-options ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .v-optidrive-compact-2 #communication-options ul li {
      flex: 0 0 49%;
      max-width: 49%;
      margin-bottom: 3rem; }
      @media (min-width: 62em) {
        .v-optidrive-compact-2 #communication-options ul li {
          flex: 0 0 24%;
          max-width: 24%; } }
      .v-optidrive-compact-2 #communication-options ul li img {
        margin: 0 auto;
        height: 3rem; }

.v-optidrive-compact-2 #specification {
  text-align: center; }
  .v-optidrive-compact-2 #specification h2 {
    margin-bottom: 4rem;
    font-size: 2.2em; }
  .v-optidrive-compact-2 #specification table {
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 1rem 0;
    font-size: 1.4em; }
    .v-optidrive-compact-2 #specification table thead th {
      background: #948cc3;
      color: #fff;
      font-weight: 600; }
      .v-optidrive-compact-2 #specification table thead th:nth-child(1) {
        text-align: right; }
    .v-optidrive-compact-2 #specification table th, .v-optidrive-compact-2 #specification table td {
      padding: 0.125rem 0.75rem; }
    .v-optidrive-compact-2 #specification table tbody tr {
      background: #fff; }
      .v-optidrive-compact-2 #specification table tbody tr:nth-child(even) {
        background: #eee; }
      .v-optidrive-compact-2 #specification table tbody tr td:nth-child(1) {
        display: flex;
        justify-content: space-between;
        min-width: 8em; }
        .v-optidrive-compact-2 #specification table tbody tr td:nth-child(1) > div:last-child {
          font-weight: 600; }

@media (min-width: 62em) {
  .v-compact-case-studies .drive-banner .span {
    padding-top: 6em; } }

/* Optidrive E3 Single Phase */
.v-optidrive-e3-single-phase-overview .drive-banner {
  background: url("../img/content/drives/optidrive-e3/optidrive-e3-single-phase.png") 100% 100%/auto 80% no-repeat; }

@media (min-width: 48em) {
  .v-optidrive-e3-single-phase-overview #product-family img {
    max-width: 45rem; } }

.v-optidrive-e3-single-phase-overview #product-family .btn-text-link {
  max-width: 25rem; }
  @media (min-width: 48em) {
    .v-optidrive-e3-single-phase-overview #product-family .btn-text-link {
      padding-right: 2em;
      padding-left: 4em; } }

@media (min-width: 62em) {
  .v-optidrive-e3-single-phase-features #features-content .features-highlights {
    margin-bottom: 5rem; } }

.v-optidrive-e3-single-phase-features #features-content .features-highlights > div {
  padding-top: 2em; }
  .v-optidrive-e3-single-phase-features #features-content .features-highlights > div::before {
    display: none; }

/* Optidrive Elevator */
.v-optidrive-elevator-overview .drive-banner {
  background: url("../img/content/drives/optidrive-elevator/optidrive-elevator.png") 100% 100%/auto 80% no-repeat; }

.v-optidrive-elevator-overview #product-family img {
  width: 50vw; }

.v-optidrive-elevator-overview #promotions #site-links {
  justify-content: flex-start; }
  @media (min-width: 48em) {
    .v-optidrive-elevator-overview #promotions #site-links li {
      margin-right: 3%; } }
  .v-optidrive-elevator-overview #promotions #site-links li[data-link="save-energy"] {
    display: none; }

.v-optidrive-elevator-overview #drive-accreditation-logos ul li.elevator-only {
  display: block !important; }

.v-optidrive-elevator-features #features-content .features-highlights > div {
  padding-top: 2em;
  padding-bottom: 2em;
  flex: 0 0 100%;
  max-width: 100%; }
  @media (min-width: 36em) {
    .v-optidrive-elevator-features #features-content .features-highlights > div {
      flex: 0 0 100%;
      max-width: 100%; } }
  @media (min-width: 48em) {
    .v-optidrive-elevator-features #features-content .features-highlights > div {
      flex: 0 0 43%;
      max-width: 43%; } }
  @media (min-width: 62em) {
    .v-optidrive-elevator-features #features-content .features-highlights > div {
      flex: 0 0 43%;
      max-width: 43%; } }
  .v-optidrive-elevator-features #features-content .features-highlights > div::before {
    display: none; }

.v-optidrive-elevator-features #features-content .features-highlights img {
  margin-right: -0.9375rem; }
  @media (min-width: 48em) {
    .v-optidrive-elevator-features #features-content .features-highlights img {
      position: absolute;
      right: 0;
      margin-right: 0;
      width: 52%;
      top: 25%; } }
  @media (min-width: 62em) {
    .v-optidrive-elevator-features #features-content .features-highlights img {
      top: 0;
      width: 48%; } }

@media (min-width: 62em) {
  .v-optidrive-elevator-features #features-content .features-list > li {
    flex: 0 0 33%;
    max-width: 33%; } }

.v-optidrive-elevator-features #features-content .features-list #TUV img {
  padding-bottom: 1em; }

.v-optidrive-elevator-features #features-content #features-content .features-family-photo {
  margin-top: -1em; }
  @media (min-width: 62em) {
    .v-optidrive-elevator-features #features-content #features-content .features-family-photo {
      margin-top: -5em; } }

.v-optidrive-elevator-features #features-content .features-family-photo {
  margin-left: auto; }
  @media (min-width: 48em) {
    .v-optidrive-elevator-features #features-content .features-family-photo {
      max-width: 80%; } }
  @media (min-width: 62em) {
    .v-optidrive-elevator-features #features-content .features-family-photo {
      max-width: 70%;
      margin-top: -5rem; } }
  @media (min-width: 75em) {
    .v-optidrive-elevator-features #features-content .features-family-photo {
      max-width: 60%;
      margin-top: -8rem;
      margin-right: 5rem; } }
  @media (min-width: 90em) {
    .v-optidrive-elevator-features #features-content .features-family-photo {
      margin-right: auto;
      margin-left: auto; } }

/* Case studies slideshows */
#drive-in-industry #drive-in-industry-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2.75vw; }
  @media (min-width: 48em) {
    #drive-in-industry #drive-in-industry-header {
      font-size: 1rem; } }
  #drive-in-industry #drive-in-industry-header h2 {
    font-size: 2.1em;
    margin-bottom: 0;
    flex: 0 0 65%;
    max-width: 65%; }
  #drive-in-industry #drive-in-industry-header a {
    color: #0060d8; }

@media (min-width: 75em) {
  #drive-in-industry #industry-slider {
    margin-top: 2em; } }

#drive-in-industry #industry-slider::before {
  content: '';
  background: url("../img/content/drives/industries-slider-bg.jpg") 0 0/auto 100% repeat-x;
  position: absolute;
  left: -0.9375rem;
  right: -0.9375rem;
  top: 0;
  bottom: 0;
  opacity: 0.15;
  z-index: -1; }
  @media (min-width: 48em) {
    #drive-in-industry #industry-slider::before {
      left: calc(-0.9375rem - 2.8125% - 0.25rem);
      right: calc(-0.9375rem - 2.8125% - 0.25rem); } }
  @media (min-width: 101.75em) {
    #drive-in-industry #industry-slider::before {
      left: calc(-1rem - ((100vw - 96rem) / 2));
      right: calc(-1rem - ((100vw - 96rem) / 2)); } }

#drive-in-industry #industry-slider ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0; }
  #drive-in-industry #industry-slider ul > li::before {
    content: none; }
  #drive-in-industry #industry-slider ul li {
    position: relative;
    min-height: 26.25em;
    margin-bottom: 0; }
    #drive-in-industry #industry-slider ul li .story-img {
      position: absolute;
      left: 1em;
      top: 0;
      bottom: 0;
      right: 1em;
      height: 100%;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      background-image: url("../img/content/drives/industry-slider-placeholder.jpg"); }
      @media (min-width: 75em) {
        #drive-in-industry #industry-slider ul li .story-img {
          left: 9%;
          right: calc(35% - 0.9375rem); } }
    #drive-in-industry #industry-slider ul li .story-details {
      position: absolute;
      bottom: 1.875rem;
      right: 1.9375em;
      max-width: 10em;
      padding: 1.5em 0.9em;
      background: #000;
      color: #fff; }
      @media (min-width: 75em) {
        #drive-in-industry #industry-slider ul li .story-details {
          bottom: 1.25rem;
          right: 35%; } }
      #drive-in-industry #industry-slider ul li .story-details .post-industry {
        font-weight: 800;
        font-size: 0.8em; }
      #drive-in-industry #industry-slider ul li .story-details p {
        font-weight: 400;
        font-size: 1.05em;
        margin-top: 0.25em;
        margin-bottom: 0.85em; }

#drive-in-industry #industry-slider .glide__arrows {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  height: 15%; }
  @media (min-width: 48em) {
    #drive-in-industry #industry-slider .glide__arrows {
      height: 20%;
      left: -0.9375rem;
      right: -0.9375rem; } }
  @media (min-width: 75em) {
    #drive-in-industry #industry-slider .glide__arrows {
      left: calc(-0.9375rem - 2.8125% - 0.25rem);
      right: calc(-0.9375rem - 2.8125% - 0.25rem); } }
  @media (min-width: 101.75em) {
    #drive-in-industry #industry-slider .glide__arrows {
      left: calc(-0.5rem - ((100vw - 96rem) / 2));
      right: calc(-0.5rem - ((100vw - 96rem) / 2)); } }
  #drive-in-industry #industry-slider .glide__arrows button {
    padding: 0.5em;
    text-align: center;
    background: #000;
    color: #fff; }
    @media (min-width: 48em) {
      #drive-in-industry #industry-slider .glide__arrows button {
        padding: 0.5em 1em; } }

.v-network #banner h1 a {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5) !important; }

.v-network #banner h1 a strong {
  color: #fff;
  font-weight: inherit;
  display: inline-block;
  margin-right: 0.3em; }

.v-network .referral-control {
  display: none; }

@media (min-width: 62em) {
  .v-network .referral-control {
    /*display:block;*/
    display: none;
    position: relative;
    z-index: 1; }
  .v-network .referral-control .span {
    position: relative;
    padding: 0 !important; }
  .v-network .referral-control .btn-return {
    position: absolute;
    top: 0.9375rem;
    right: 0.9375rem;
    background: #333333;
    color: #fff;
    font-family: 'futura-pt';
    font-size: 1rem;
    padding: 0.5em 0.75em; }
  .v-network .referral-control .btn-return::before {
    content: '\f053';
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    margin-right: 0.5em;
    font-weight: 300; } }

.network-map {
  height: 20em; }

@media (min-width: 48em) {
  .network-map {
    height: calc(30vw + 12em); } }

@media (min-width: 62em) {
  .network-map {
    height: calc(20vw + 12em); } }

.network-results {
  font-family: 'futura-pt'; }

.network-results nav {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.network-results nav #navigation {
  display: flex; }

.network-results nav #navigation > a {
  margin-left: 0.5rem; }

.network-breadcrumbs {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  font-size: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .network-breadcrumbs > li::before {
    content: none; }

.network-breadcrumbs li {
  padding: 0;
  margin: 0;
  background: none;
  color: #999999;
  font-size: 0.875em; }

.network-breadcrumbs li.all a {
  font-weight: 400; }

.network-breadcrumbs li + li + li {
  display: none; }

.network-breadcrumbs .flag {
  width: 2.5em;
  margin-right: 1em; }

.network-breadcrumbs .flag img {
  margin: 0;
  box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.5); }

@media (min-width: 62em) {
  .network-breadcrumbs li {
    font-size: 1em; }
  .network-breadcrumbs li + li + li {
    display: block; }
  .network-breadcrumbs li + li + li::before {
    content: '\f105';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    display: inline-block;
    margin: 0 0.75em;
    position: static; } }

.v-network .btn.btn-contact-hq {
  background: #0060d8;
  color: #fff;
  padding: 0.5em 0.75em; }

.v-network .btn.btn-contact-hq::after {
  content: '\f054';
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  margin-left: 0.5em;
  font-weight: 300; }

@media (min-width: 30em) {
  .v-network .btn.btn-contact-hq {
    font-size: 1rem; } }

.network-results .key {
  background: rgba(0, 0, 0, 0.8);
  color: #fff; }

.network-results .key .title {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 0.5rem; }

.network-results .key .title::after {
  content: '\f078';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  transition: transform 0.2s; }

.network-results .key .title.is-open::after {
  transform: translateY(-50%) rotate(180deg); }

.network-results .key .title + div {
  display: none; }

.network-results .key .category {
  padding: 0 0.5rem 0.5rem; }

.network-results .key .category > span,
.network-results .key.filters .category button {
  display: block;
  padding: 0.25rem;
  background: none;
  border: 0;
  margin: 0;
  width: 100%;
  text-align: left;
  border-radius: 0.25rem;
  color: #fff !important;
  box-shadow: none !important;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit; }

.network-results .key .category > span::before,
.network-results .key.filters .category button::before {
  content: '\200a';
  /*hairline space */
  display: inline-block;
  width: 2rem;
  height: 1rem;
  border-radius: 0.25rem;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1rem;
  font-size: 0.91em;
  margin-right: 0.5rem; }

.network-results .key.filters .category button.is-checked {
  background: #4d4d4d; }

.network-results .key.filters .btn-reset {
  font-size: inherit;
  line-height: inherit;
  margin: 0.25rem 0.75rem 0.75rem;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  padding: 0.5rem 0.75rem; }

.network-results .key.filters .btn-reset:hover {
  background: #0060d8; }

@media (min-width: 62em) {
  .network-results .key {
    display: flex; }
  .network-results .key .title {
    cursor: auto;
    background: #000;
    font-size: 1.125rem;
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem; }
  .network-results .key .title::after {
    content: ''; }
  .network-results .key .title + div {
    height: auto !important;
    display: flex !important;
    flex-grow: 1; }
  .network-results .key .category {
    display: flex;
    padding: 0.25rem 0.5rem; }
  .network-results .key .category + .category {
    border-left: 1px solid rgba(255, 255, 255, 0.2); }
  .network-results .key .category > span,
  .network-results .key.filters .category button {
    text-align: center;
    width: auto;
    margin: 0 0.125rem; }
  .network-results .key .category > span::before,
  .network-results .key.filters .category button::before {
    display: block;
    margin: 0 auto 0.25rem; }
  .network-results .key.filters .btn-reset {
    margin: 0 0.5rem 0 auto;
    align-self: center; } }

.partner-list .grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.9375rem; }

.partner-list ul:last-child {
  margin-bottom: 0; }

.partner-list .card {
  box-shadow: 0 0.1em 0.2em 0.1em rgba(0, 0, 0, 0.2);
  position: relative;
  margin-bottom: 0.9375rem; }

.partner-list .card .attributes {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  background: none;
  padding: 0;
  position: relative; }
  .partner-list .card .attributes > li::before {
    content: none; }

.partner-list .card .attributes li {
  background: none;
  padding: 0;
  font-size: 0.846em;
  padding-left: 3em;
  position: relative; }

.partner-list .card .attributes li::before {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 1rem;
  border-radius: 0.25rem;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1rem;
  font-size: 0.91em;
  position: absolute;
  top: 0.05em;
  left: 0; }

.partner-list .card .attributes li[data-type="industrial"]::before {
  background-color: #535486; }

.partner-list .card .attributes li[data-type="hvac"]::before {
  background-color: #76b82a; }

.partner-list .card .attributes li[data-type="solutions"]::before {
  background-color: #948cc3; }

.partner-list .card .attributes li[data-type="refrigeration"]::before {
  background-color: #40ddff; }

.partner-list .card .attributes li[data-type="elevators"]::before {
  background-color: #ef7d00; }

.partner-list .card .attributes li[data-type="factory-rep"]::before {
  background-color: #db4141; }

.partner-list .card .attributes li[data-type="distributor"]::before {
  background-color: #4163e0; }

.partner-list .card .attributes li[data-type="sumitomo-customer"]::before {
  background-color: #ccffff; }

.partner-list .card .attributes li[data-type="service-centre"]::before {
  background-color: #008d11; }

.partner-list .card .attributes li[data-type="24hr"]::before {
  background-color: #b8cee3; }

.partner-list .card .attributes li[data-type="service-centre"]::before {
  content: '\f013'; }

.partner-list .card .attributes li[data-type="24hr"]::before {
  content: '\f186'; }

.network-results .key .category > span[data-item="industrial"]::before {
  background-color: #535486; }

.network-results .key .category > span[data-item="hvac"]::before {
  background-color: #76b82a; }

.network-results .key .category > span[data-item="solutions"]::before {
  background-color: #948cc3; }

.network-results .key .category > span[data-item="refrigeration"]::before {
  background-color: #40ddff; }

.network-results .key .category > span[data-item="elevators"]::before {
  background-color: #ef7d00; }

.network-results .key .category > span[data-item="factory-rep"]::before {
  background-color: #db4141; }

.network-results .key .category > span[data-item="distributor"]::before {
  background-color: #4163e0; }

.network-results .key .category > span[data-item="sumitomo-customer"]::before {
  background-color: #ccffff; }

.network-results .key .category > span[data-item="service-centre"]::before {
  background-color: #008d11; }

.network-results .key .category > span[data-item="24hr"]::before {
  background-color: #b8cee3; }

.network-results .key .category > span[data-item="service-centre"]::before {
  content: '\f013'; }

.network-results .key .category > span[data-item="24hr"]::before {
  content: '\f186'; }

.network-results .key.filters .category > button[data-filter=".industrial"]::before {
  background-color: #535486; }

.network-results .key.filters .category > button[data-filter=".hvac"]::before {
  background-color: #76b82a; }

.network-results .key.filters .category > button[data-filter=".solutions"]::before {
  background-color: #948cc3; }

.network-results .key.filters .category > button[data-filter=".refrigeration"]::before {
  background-color: #40ddff; }

.network-results .key.filters .category > button[data-filter=".elevators"]::before {
  background-color: #ef7d00; }

.network-results .key.filters .category > button[data-filter=".service-centre"]::before {
  background-color: #008d11; }

.network-results .key.filters .category > button[data-filter=".24hr"]::before {
  background-color: #b8cee3; }

.network-results .key.filters .category > button[data-filter=".service-centre"]::before {
  content: '\f013'; }

.network-results .key.filters .category > button[data-filter=".24hr"]::before {
  content: '\f186'; }

@media (min-width: 48em) {
  .partner-list .card {
    margin-bottom: 1.875rem; } }

.partner-list .partner-summary {
  display: flex;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  padding: 0 0.9375rem; }

.partner-list .partner-summary .card {
  flex: 0 0 100%;
  max-width: 100%;
  transition: box-shadow 0.2s;
  display: flex; }

.partner-list .partner-summary .card:hover {
  box-shadow: 0 0.2em 0.4em 0.2em rgba(0, 0, 0, 0.2); }

.partner-list .partner-summary .card > a {
  position: relative;
  display: block;
  padding: 0.75em 0.75em 4.15em 3.5em;
  color: inherit;
  width: 100%;
  height: 100%; }

.partner-list .partner-summary .card > a::before {
  content: '';
  background: rgba(0, 0, 0, 0.05);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 2.25rem; }

.partner-list .partner-summary .card > a::after {
  content: '\f105';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  top: 0.25em;
  left: 0;
  bottom: 0;
  width: 2.25rem;
  color: #999999;
  text-align: center;
  font-weight: 300;
  font-size: 1.875rem; }

.partner-list .partner-summary .card > a:hover::after {
  color: #535486; }

.partner-list .partner-summary .name {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 0.375em; }

.partner-list .partner-summary .location {
  font-size: 0.875rem;
  font-weight: 400;
  margin: 0 0 0.5em; }

.partner-list .partner-summary .location.multiple {
  color: #0060d8; }

.partner-list .partner-summary .attributes {
  display: flex;
  flex-wrap: wrap;
  margin: 0; }

.partner-list .partner-summary .attributes li {
  width: 2rem;
  height: 0;
  padding: 1rem 0 0;
  overflow: hidden;
  position: relative;
  margin: 0 0.1875rem 0.1875rem 0; }

.partner-list .partner-summary .attributes li::before {
  top: 0;
  left: 0; }

.partner-list .partner-summary .contact-quick-ref {
  font-weight: 400;
  margin-top: 1em; }

.partner-list .partner-summary .contact-quick-ref > div > strong {
  display: inline-block;
  width: 4em; }

.partner-list .partner-summary .actions {
  position: absolute;
  bottom: 0.75em;
  left: 3.5em;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  pointer-events: none; }

.partner-list .partner-summary .actions > a {
  display: flex;
  align-items: center;
  border: 1px solid #f2f2f2;
  color: inherit;
  font-weight: inherit;
  padding: 0.5em;
  transition: border-width 0.2s;
  pointer-events: auto; }

.partner-list .partner-summary .actions > a + a {
  margin-left: 0.5em; }

.partner-list .partner-summary .actions i {
  font-size: 1.5em;
  color: #535486;
  margin-right: 0.25em; }

.partner-list .partner-summary .actions > a:hover {
  border-color: rgba(83, 84, 134, 0.25); }

.partner-list .partner-summary.invertek-office .card {
  box-shadow: 0 0.2em 0.4em 0.1em rgba(83, 84, 134, 0.75);
  border-bottom: 1px solid #535486; }

.partner-list .partner-summary.invertek-office .card:hover {
  box-shadow: 0 0.4em 0.8em 0.2em rgba(83, 84, 134, 0.75); }

.partner-list .partner-summary.invertek-office .card > a::before {
  background: #535486; }

.partner-list .partner-summary.invertek-office .card > a::after {
  content: '';
  background: #fff url(../img/common/logos/invertekdrives-icon.svg) 50% 50%/auto 58% no-repeat;
  border: 0.083em solid #535486;
  left: calc(1.125rem - 0.5em);
  width: 1em;
  height: 1em;
  border-radius: 50%;
  box-shadow: 0 0.083em 0.167em rgba(0, 0, 0, 0.5); }

.partner-list .partner-summary.invertek-office .name {
  color: #535486; }

@media (min-width: 30em) {
  .partner-list .partner-summary .card > a {
    padding: 0.75em 12em 0.75em 3.5em; }
  .partner-list .partner-summary .actions {
    position: absolute;
    top: 0.75em;
    right: 0.75em;
    bottom: 0.75em;
    left: auto;
    margin: 0;
    padding: 0; }
  .partner-list .partner-summary .actions > a {
    width: 3.75rem;
    flex-direction: column;
    justify-content: center; }
  .partner-list .partner-summary .actions i {
    margin: 0 0 0.25em; } }

@media (min-width: 62em) {
  .partner-list .partner-summary:not(.invertek-office) {
    flex: 0 0 50%;
    max-width: 50%; }
  .partner-list .partner-summary .card > a {
    padding: 1em 12em 1em 4em; } }

.partner-list .partner .card {
  font-size: 1rem; }

.partner-list .partner header {
  padding: 1em;
  border-bottom: 1px solid #e6e6e6; }

.partner-list .partner .card > div {
  padding: 1em; }

.partner-list .partner h3 {
  font-family: 'futura-pt', sans-serif;
  font-size: 0.8125em; }

.partner-list .partner header .content {
  margin-bottom: 0.5em; }

.partner-list .partner .badge {
  display: none; }

.partner-list .partner .area-served {
  margin-bottom: 0.5em; }

.partner-list .partner .area-served span {
  display: block; }

.partner-list .partner header .name {
  font-weight: 700;
  color: #000;
  margin-bottom: 0;
  font-size: 1.25em; }

.partner-list .partner .location {
  font-size: 1.125em; }

.partner-list .partner .contact-info {
  margin-bottom: 1em; }

.partner-list .partner .company-info {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5em; }

.partner-list .partner .address {
  margin: 0 2em 1em 0; }

.partner-list .partner .comms strong {
  display: inline-block;
  min-width: 3.75em; }

.partner-list .partner .comms a {
  font-weight: 400;
  color: inherit; }

.partner-list .partner .contact-points > div + div {
  margin-top: 1em; }

.partner-list .partner .contact-points ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0; }
  .partner-list .partner .contact-points ul > li::before {
    content: none; }

.partner-list .partner .contact-point {
  background: #f2f2f2;
  padding: 0.375em;
  margin-bottom: 0.3em; }

.partner-list .partner .attributes {
  display: flex;
  flex-wrap: wrap; }

.partner-list .partner .attributes > div:first-child {
  margin-right: 2em; }

.partner-list .partner .attributes ul {
  padding: 0; }

.partner-list .partner.invertek-office header {
  padding-right: 3.5em;
  position: relative; }

.partner-list .partner.invertek-office header .name {
  color: #535486; }

.partner-list .partner.invertek-office .badge {
  content: '';
  display: block;
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  background: #fff url(../img/common/logos/invertekdrives-icon.svg) 50% 50%/auto 58% no-repeat;
  border: 0.083em solid #535486;
  left: auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  box-shadow: 0 0.083em 0.167em rgba(0, 0, 0, 0.5);
  font-size: 2.5em; }

@media (min-width: 30em) {
  .partner-list .partner .contact-point {
    display: flex;
    justify-content: space-between; }
  .partner-list .partner .contact-point .comms {
    text-align: right; }
  .partner-list .partner.invertek-office .badge {
    top: 1rem;
    right: 1rem;
    font-size: 3em; } }

@media (min-width: 48em) {
  .partner-list .partner header {
    padding: 1.35em 1.5em;
    display: flex;
    justify-content: space-between; }
  .partner-list .partner .card > div {
    padding: 1.5em;
    display: flex;
    justify-content: space-between; }
  .partner-list .partner header .content {
    margin-bottom: 0; }
  .partner-list .partner header .aux {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: right; }
  .partner-list .partner .area-served {
    margin-bottom: 0.25em; }
  .partner-list .partner .area-served span {
    display: inline; }
  .partner-list .partner .contact-info {
    margin-bottom: 0; }
  .partner-list .partner .address {
    width: 15em; }
  .partner-list .partner .contact-points {
    max-width: 26.25em; }
  .partner-list .partner .attributes {
    display: block; }
  .partner-list .partner .attributes > div {
    margin: 0 0 1em 2em !important; }
  .partner-list .partner.invertek-office header {
    padding-left: 6em;
    padding-right: 1.5em; }
  .partner-list .partner.invertek-office .badge {
    top: 1.35rem;
    right: auto;
    left: 1.5rem;
    font-size: 3em; } }

@media (min-width: 62em) {
  .partner-list .partner .attributes {
    display: flex; }
  .partner-list .partner .attributes > div {
    margin-left: 3em !important; } }

/*_______________________________________________________________________________________________ SVG MAPS */
#svg-map {
  padding-top: 1.5em;
  padding-bottom: 0; }

#svg-map > .span,
#svg-map > .span > .col {
  padding-top: 0;
  padding-bottom: 0; }

.svg-map {
  height: 60vw; }

.svg-map svg {
  max-width: 100%;
  max-height: 100%; }

.svg-map #MapZones a:hover > * {
  fill: #0060d8;
  stroke: #fff;
  stroke-width: 5; }

.svg-map #MapStateLabels *,
.svg-map #MapPins_1_ > path {
  pointer-events: none; }

@media (min-width: 48em) {
  .svg-map {
    height: calc(30vw + 12em); } }

@media (min-width: 62em) {
  .svg-map {
    height: calc(20vw + 12em); } }

@media (min-width: 62em) {
  .v-policydocs .banner {
    padding: 3em 0 4em; }
    .v-policydocs .banner::before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: url("../img/content/drives/overview/banner-vfd.png") 100% 100%/auto 90% no-repeat; } }

@media (min-width: 90em) {
  .v-policydocs .banner::before {
    background-position: calc(100% - ((100vw - 96rem) / 2)) 100%; } }

.v-policydocs .documentation {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: -5em; }
  .v-policydocs .documentation .doc {
    margin-bottom: 1rem;
    overflow: visible; }
  .v-policydocs .documentation .doc.pdf {
    padding: 1.5rem 4.5rem 1.5rem 1.5rem;
    margin-right: 1em;
    display: inline-block; }
    .v-policydocs .documentation .doc.pdf::before {
      content: '\f1c1';
      font-family: 'Font Awesome 5 Pro';
      position: absolute;
      right: 1.25rem;
      top: 50%;
      transform: translateY(-50%);
      font-size: 2.5rem;
      color: red;
      font-weight: 200; }
  .v-policydocs .documentation .doc-heading {
    color: #000 !important;
    font-size: 1.5rem;
    font-weight: 400;
    padding: 1em;
    background: #eaeaea;
    position: relative; }
  .v-policydocs .documentation > a.doc {
    flex: 0 0 auto;
    max-width: auto; }
  .v-policydocs .documentation .accordion {
    flex: 0 0 100%;
    max-width: 100%; }
    .v-policydocs .documentation .accordion .accordion-content {
      font-size: 1.375em; }
      .v-policydocs .documentation .accordion .accordion-content h2 {
        font-size: 1.5em; }
        @media (min-width: 62em) {
          .v-policydocs .documentation .accordion .accordion-content h2 {
            font-size: 1.5em; } }
        @media (min-width: 75em) {
          .v-policydocs .documentation .accordion .accordion-content h2 {
            font-size: 1.5em;
            margin-bottom: 1.4em; } }
      .v-policydocs .documentation .accordion .accordion-content table td, .v-policydocs .documentation .accordion .accordion-content table th {
        padding: 0.125em 2em 0.125em 0.125em;
        border: 1px #000 solid; }

.v-about .banner {
  padding: 2em 0; }
  @media screen and (min-width: 48em) {
    .v-about .banner {
      padding: 5em 0 4em; } }
  .v-about .banner img.polaroid {
    position: absolute;
    bottom: -5em;
    right: 100%;
    max-width: 40vw;
    z-index: 1;
    transform: rotate(5deg) translateX(100%); }
    @media screen and (min-width: 48em) {
      .v-about .banner img.polaroid {
        bottom: -5rem;
        max-width: 13rem; } }
    @media screen and (min-width: 62em) {
      .v-about .banner img.polaroid {
        bottom: -8rem;
        max-width: 17rem; } }
    @media screen and (min-width: 90em) {
      .v-about .banner img.polaroid {
        right: 28em;
        transform: rotate(5deg); } }
  @media screen and (min-width: 48em) {
    .v-about .banner img:not(.polaroid) {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: -3em;
      max-width: unset;
      width: 130%; } }
  @media screen and (min-width: 62em) {
    .v-about .banner img:not(.polaroid) {
      left: -2em; } }
  @media screen and (min-width: 75em) {
    .v-about .banner img:not(.polaroid) {
      left: -4em;
      max-width: 48em; } }
  @media screen and (min-width: 90em) {
    .v-about .banner img:not(.polaroid) {
      left: calc(100% + 2em);
      transform: translate(-100%, -50%); } }

.v-about .side--feature {
  padding-top: 3em;
  padding-bottom: 3em;
  padding-right: 45%; }
  @media screen and (min-width: 62em) {
    .v-about .side--feature {
      padding-right: 20%; } }
  .v-about .side--feature h4 {
    margin-bottom: 1em;
    font-size: 1.1em; }
  .v-about .side--feature img {
    position: absolute;
    max-width: 45%;
    right: 0;
    bottom: 50%;
    transform: translateY(50%); }
    @media screen and (min-width: 36em) {
      .v-about .side--feature img {
        max-width: 15rem; } }
    @media screen and (min-width: 62em) {
      .v-about .side--feature img {
        max-width: 42%; } }
  @media screen and (min-width: 62em) {
    .v-about .side--feature[data-feature="globe"] {
      flex: 0 0 47%;
      max-width: 47%; } }
  @media screen and (min-width: 62em) {
    .v-about .side--feature[data-feature="easy-to-use"] {
      flex: 0 0 47%;
      max-width: 47%;
      margin-left: auto; } }
  .v-about .side--feature[data-feature="easy-to-use"] img {
    bottom: -1.5rem;
    transform: none; }
    @media screen and (min-width: 62em) {
      .v-about .side--feature[data-feature="easy-to-use"] img {
        right: -2rem; } }
    @media screen and (min-width: 75em) {
      .v-about .side--feature[data-feature="easy-to-use"] img {
        bottom: -2.5rem;
        max-width: 52%; } }

.v-about p {
  color: #000; }

.v-about #applications {
  text-align: center; }
  @media (min-width: 48em) {
    .v-about #applications p {
      padding: 0 15%; } }
  @media (min-width: 62em) {
    .v-about #applications p {
      padding: 0 18%;
      font-weight: 200;
      font-size: 1.3em; } }
  .v-about #applications ul.applications-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .v-about #applications ul.applications-list li {
      flex: 0 0 49%;
      max-width: 49%; }
      @media (min-width: 36em) {
        .v-about #applications ul.applications-list li {
          flex: 0 0 28%;
          max-width: 28%; } }
      @media (min-width: 62em) {
        .v-about #applications ul.applications-list li {
          flex: 0 0 12%;
          max-width: 12%; } }
      .v-about #applications ul.applications-list li > div {
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        height: 5rem; }
        @media (min-width: 48em) {
          .v-about #applications ul.applications-list li > div {
            height: 5rem; } }
        @media (min-width: 62em) {
          .v-about #applications ul.applications-list li > div {
            font-size: 1.2em;
            font-weight: 200;
            max-width: 9rem;
            margin: 0 auto; } }
      .v-about #applications ul.applications-list li img {
        max-width: 60%;
        margin: 0 auto; }
        @media (min-width: 62em) {
          .v-about #applications ul.applications-list li img {
            max-width: 80%; } }
        @media (min-width: 75em) {
          .v-about #applications ul.applications-list li img {
            max-width: 7em; } }

@media (min-width: 62em) {
  .v-about #operations-overview-video {
    max-width: 75rem; } }

@media (min-width: 75em) {
  .v-about #about-bullets {
    padding-top: 3em; } }

.v-community .banner {
  padding: 3em 0 4em; }
  @media (min-width: 48em) {
    .v-community .banner::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: url("../img/content/about/community-banner.png") 100% 100%/auto 100% no-repeat;
      opacity: 0.5; } }
  @media (min-width: 75em) {
    .v-community .banner::before {
      opacity: 1; } }
  @media (min-width: 90em) {
    .v-community .banner::before {
      right: calc((100vw - 96rem) / 2); } }

.v-community #community-summary {
  padding: 2rem 0; }
  .v-community #community-summary a.btn-purple {
    text-align: center;
    display: inline-block; }
  @media (min-width: 48em) {
    .v-community #community-summary .span > div {
      column-count: 2;
      column-gap: 4rem;
      column-fill: balance; }
      .v-community #community-summary .span > div a.btn-purple {
        font-size: 1.1em;
        font-weight: 400;
        margin-bottom: 4rem; } }

.v-community #supporting-our-community h2 {
  margin-bottom: 2.5rem; }

.v-community #infinite-slider {
  overflow: hidden;
  padding: 0;
  margin: 0 -0.9375rem; }
  .v-community #infinite-slider .sliding-background {
    height: 160px;
    width: 6048px;
    background-image: url("../img/content/about/sliding-banner.jpg");
    background-size: contain;
    background-position: 0 0;
    background-repeat: repeat-x;
    animation: slide 60s linear infinite; }

@keyframes slide {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(-2016px, 0, 0); } }

.v-contact main,
.v-contact main h3 {
  font-family: 'futura-pt', sans-serif; }

.v-contact main {
  font-size: 1rem; }

.v-contact main h2 {
  font-size: 1.5em;
  margin-bottom: 1.5em; }

.v-contact main h3 {
  font-size: 1em; }

.v-contact #general-enquiries {
  background: url(../img/public/content/contact/dot-globe.jpg) -10% 125%/auto 25.5em no-repeat; }/**404YHR**/

.v-contact #company-contact-info .address,
.v-contact #company-contact-info .comms {
  padding: 0 0.9375rem; }

.v-contact #company-contact-info .address {
  margin-bottom: 1em; }

.v-contact #company-contact-info .email a {
  font-weight: 400; }

.v-contact #hq-map {
  min-height: 20em; }

.v-contact #company-info p {
  padding-bottom: 0; }

.v-contact #sales-partners {
  text-align: right;
  padding-right: 3.75rem; }

.v-contact #sales-partners .stat {
  font-size: 2.5em;
  color: #535486; }

.v-contact #sales-partners .btn {
  font-size: 1em;
  background: #0060d8;
  color: #fff;
  box-shadow: 0 0.238em 0.714em rgba(0, 0, 0, 0.25);
  padding: 0.5em 0.75em;
  margin-top: 1.5em; }

@media (min-width: 38.75em) {
  .v-contact #general-enquiries .panel > div {
    padding: 1.875rem; }
  .v-contact #company-contact-info .row {
    display: flex; }
  .v-contact #company-contact-info .address {
    margin-bottom: 0; }
  .v-contact #company-contact-info .comms {
    margin-left: 0.9375rem; } }

@media (min-width: 62em) {
  .v-contact #general-enquiries {
    background: url(../img/public/content/contact/dot-globe.jpg) calc(50vw + 7em) 5em/auto no-repeat; }/**404YHR**/
  .v-contact #sales-partners {
    margin-top: 10em;
    padding-right: 0.9375rem; }
  .v-contact #sales-partners .stat {
    font-size: 3.28em; }
  .v-contact #sales-partners .btn {
    font-size: 1.3125em; } }

.v-contact #offices ul {
  list-style: none;
  margin: 0; }

.v-contact #offices li {
  background: none;
  padding: 0; }

.v-contact #offices img {
  display: inline-block;
  max-width: 2.5rem;
  margin: 0 1em 0 0;
  box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.5); }

.v-contact #offices a {
  color: #000;
  font-weight: 400;
  display: block; }

.v-contact #offices a span {
  white-space: nowrap; }

@media (min-width: 30em) {
  .v-contact #offices ul {
    columns: 2; } }

@media (min-width: 38.75em) {
  .v-contact #offices ul {
    columns: 3; } }

@media (min-width: 48em) {
  .v-contact #offices ul {
    display: flex;
    justify-content: space-between;
    columns: 1; }
  .v-contact #offices li {
    width: 2.5rem; }
  .v-contact #offices a {
    text-align: center;
    position: relative;
    padding-bottom: 2.5em; }
  .v-contact #offices img {
    max-width: 100%;
    margin: 0 auto;
    transition: transform 0.2s; }
  .v-contact #offices a:hover img {
    transform: scale(1.1);
    transition: none; }
  .v-contact #offices span {
    position: absolute;
    top: 2.6em;
    left: 50%;
    transform: translateX(-50%);
    align-items: center; } }

.v-contact #customer-contacts ul {
  margin: 0;
  list-style: none; }

.v-contact #customer-contacts li {
  background: none;
  padding: 0;
  display: flex;
  align-items: center;
  margin-bottom: 1em; }

.v-contact #customer-contacts img {
  margin: 0 1em 0 0;
  border-radius: 50%;
  flex: 0 0 75px; }

.v-contact #customer-contacts li > div {
  font-size: 0.875em; }

.v-contact #customer-contacts .name {
  font-size: 1.286em;
  font-weight: 700; }

.v-contact #customer-contacts .position:not(:last-child) {
  margin-bottom: 0.25em; }

@media (min-width: 38.75em) {
  .v-contact #customer-contacts ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.9375rem; }
  .v-contact #customer-contacts li {
    width: 50%;
    flex: 1 0 auto;
    padding: 0 0.9375rem; } }

@media (min-width: 62em) {
  .v-contact #customer-contacts li {
    width: 33.333%; } }

.v-contact-global .contact-banner {
  padding-top: 4rem;
  padding-bottom: 6rem;
  color: #fff;
  position: relative;
  background: url("../img/common/network/contact-globe.png") 100% 100%/auto 100% no-repeat; }
  .v-contact-global .contact-banner h1 {
    font-size: 3.5em; }
    @media (min-width: 48em) {
      .v-contact-global .contact-banner h1 {
        font-size: 2.5em; } }
  @media (min-width: 48em) {
    .v-contact-global .contact-banner {
      background-position: calc(100% + 10em) 100% !important; } }
  @media (min-width: 90em) {
    .v-contact-global .contact-banner {
      background-position: calc((100% - ((100vw - 96rem) / 2)) + 14em) 100% !important; } }
  .v-contact-global .contact-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 75% 100%, #948cc3 0%, #535486 75%);
    z-index: -1; }
  .v-contact-global .contact-banner #contact-stats {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 0.8rem; }
    @media (min-width: 48em) {
      .v-contact-global .contact-banner #contact-stats {
        font-size: 1rem; } }
    .v-contact-global .contact-banner #contact-stats > span {
      font-size: 3.25em;
      display: block;
      line-height: 1.3; }
    .v-contact-global .contact-banner #contact-stats .region-control {
      margin-top: 1em;
      font-size: 1.25em;
      background: rgba(255, 255, 255, 0.6); }
      @media (min-width: 48em) {
        .v-contact-global .contact-banner #contact-stats .region-control {
          font-size: 1em; } }
      .v-contact-global .contact-banner #contact-stats .region-control i {
        margin-left: 0;
        margin-right: 0.5em; }

.v-contact-global .global-map {
  margin-top: -6em; }
  @media (min-width: 62em) {
    .v-contact-global .global-map {
      margin-top: -8em; } }
  .v-contact-global .global-map .panel {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 1.5em 1em; }
    .v-contact-global .global-map .panel > div:first-child {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 2em;
      font-size: 1.3em; }
      @media (min-width: 48em) {
        .v-contact-global .global-map .panel > div:first-child {
          flex: 0 0 30%;
          max-width: 30%;
          margin-bottom: 0;
          font-size: 0.95em; } }
      @media (min-width: 62em) {
        .v-contact-global .global-map .panel > div:first-child {
          font-size: 1.1em; } }
      @media (min-width: 90em) {
        .v-contact-global .global-map .panel > div:first-child {
          flex: 0 0 25%;
          max-width: 25%; } }
      .v-contact-global .global-map .panel > div:first-child h4 {
        margin: 0 0 0.5em;
        font-weight: 600; }
      .v-contact-global .global-map .panel > div:first-child a {
        font-weight: 400; }
    .v-contact-global .global-map .panel #global-map {
      flex: 0 0 calc(100% + 2em);
      max-width: calc(100% + 2em);
      min-height: 20em;
      margin: 0 -1em -1.5em -1em; }
      @media (min-width: 48em) {
        .v-contact-global .global-map .panel #global-map {
          flex: 0 0 70%;
          max-width: 70%;
          margin: -1.5em -1em; } }
      @media (min-width: 90em) {
        .v-contact-global .global-map .panel #global-map {
          flex: 0 0 75%;
          max-width: 75%; } }

.v-contact-global #worldwide-offices {
  text-align: center; }
  @media (min-width: 48em) {
    .v-contact-global #worldwide-offices {
      padding-bottom: 5rem; } }
  .v-contact-global #worldwide-offices h2 {
    margin-bottom: 2em; }
  .v-contact-global #worldwide-offices ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .v-contact-global #worldwide-offices ul li {
      flex: 0 0 32%;
      max-width: 32%;
      display: flex;
      justify-content: center;
      margin-bottom: 2.5em; }
      @media (min-width: 48em) {
        .v-contact-global #worldwide-offices ul li {
          flex: 0 0 20%;
          max-width: 20%; } }
      @media (min-width: 90em) {
        .v-contact-global #worldwide-offices ul li {
          flex: 0 0 auto;
          max-width: auto;
          margin-bottom: 0; } }
      .v-contact-global #worldwide-offices ul li a {
        color: #000;
        font-weight: 400; }
        .v-contact-global #worldwide-offices ul li a img {
          max-width: 4em;
          margin: 0 auto 1em;
          -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
          -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
          box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); }

.v-contact-global #customer-contacts h2 {
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 4rem; }

.v-contact-global #customer-contacts .accordion .drop-btn {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  padding: 1em;
  font-size: 1.5em;
  margin-bottom: 0;
  background: #fff; }
  .v-contact-global #customer-contacts .accordion .drop-btn::before {
    right: 0.85em; }
  .v-contact-global #customer-contacts .accordion .drop-btn::after {
    right: 1em; }

.v-contact-global #customer-contacts .accordion .accordion-content {
  padding: 2.5em 2em; }
  .v-contact-global #customer-contacts .accordion .accordion-content .customer-contacts-portraits {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    font-size: 3vw; }
    .v-contact-global #customer-contacts .accordion .accordion-content .customer-contacts-portraits > li::before {
      content: none; }
    @media (min-width: 48em) {
      .v-contact-global #customer-contacts .accordion .accordion-content .customer-contacts-portraits {
        font-size: 1rem;
        justify-content: flex-start; } }
    .v-contact-global #customer-contacts .accordion .accordion-content .customer-contacts-portraits li {
      display: flex;
      flex-direction: column;
      flex: 0 0 45%;
      max-width: 45%;
      margin-bottom: 2em; }
      @media (min-width: 48em) {
        .v-contact-global #customer-contacts .accordion .accordion-content .customer-contacts-portraits li {
          flex: 0 0 30%;
          max-width: 30%;
          margin-right: 5%; }
          .v-contact-global #customer-contacts .accordion .accordion-content .customer-contacts-portraits li:nth-child(3n) {
            margin-right: 0; } }
      @media (min-width: 75em) {
        .v-contact-global #customer-contacts .accordion .accordion-content .customer-contacts-portraits li {
          flex: 0 0 24%;
          max-width: 24%;
          margin-right: 1.333333333333%; }
          .v-contact-global #customer-contacts .accordion .accordion-content .customer-contacts-portraits li:nth-child(4n) {
            margin-right: 0; } }
      .v-contact-global #customer-contacts .accordion .accordion-content .customer-contacts-portraits li img {
        margin: 0 auto 0.5em auto;
        max-width: 100%; }
        @media (min-width: 75em) {
          .v-contact-global #customer-contacts .accordion .accordion-content .customer-contacts-portraits li img {
            max-width: 15em; } }
      .v-contact-global #customer-contacts .accordion .accordion-content .customer-contacts-portraits li > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .v-contact-global #customer-contacts .accordion .accordion-content .customer-contacts-portraits li > div .employee-name {
          font-weight: bold;
          text-align: center; }
        .v-contact-global #customer-contacts .accordion .accordion-content .customer-contacts-portraits li > div .job-title {
          font-size: 0.9em;
          text-align: center; }
        .v-contact-global #customer-contacts .accordion .accordion-content .customer-contacts-portraits li > div .tel {
          font-size: 0.9em;
          text-align: center; }
        .v-contact-global #customer-contacts .accordion .accordion-content .customer-contacts-portraits li > div .email {
          color: #0060d8; }
          .v-contact-global #customer-contacts .accordion .accordion-content .customer-contacts-portraits li > div .email a {
            font-size: 0.9em;
            font-weight: 400 !important;
            text-align: center; }

.v-become-a-distributor .banner {
  padding: 2em 0 60vw; }
  @media (min-width: 48em) {
    .v-become-a-distributor .banner {
      padding: 4em 0 5em; } }
  .v-become-a-distributor .banner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../img/content/contact/become-a-distributor/rhyd-and-markus.png") 100% 100%/contain no-repeat; }
    @media (min-width: 48em) {
      .v-become-a-distributor .banner::after {
        top: 2rem;
        left: 60%; } }
    @media (min-width: 101.75em) {
      .v-become-a-distributor .banner::after {
        right: calc((100vw - 96rem) / 2); } }
  @media (min-width: 62em) {
    .v-become-a-distributor .banner::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: -50%;
      bottom: 0;
      background: url("../img/content/contact/become-a-distributor/pixel-bg.png") 100% 100%/auto 100% no-repeat;
      opacity: 0.5; } }
  @media (min-width: 75em) {
    .v-become-a-distributor .banner::before {
      right: -15em; } }

@media (min-width: 75em) {
  .v-become-a-distributor img {
    max-width: 33em; } }

.v-become-a-distributor #get-in-touch {
  display: flex;
  justify-content: flex-end; }
  .v-become-a-distributor #get-in-touch a {
    width: 100%;
    padding: 1.25rem 1.5rem;
    position: relative; }
    @media (min-width: 48em) {
      .v-become-a-distributor #get-in-touch a {
        max-width: 25em; } }
    @media (min-width: 75em) {
      .v-become-a-distributor #get-in-touch a {
        width: calc(100% - 3rem);
        padding-right: 5.5rem; } }
    .v-become-a-distributor #get-in-touch a span {
      display: block; }
      .v-become-a-distributor #get-in-touch a span:nth-child(1) {
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 0.8rem; }
      .v-become-a-distributor #get-in-touch a span:nth-child(2) {
        font-size: 2.6rem;
        font-weight: 800;
        margin-bottom: 1.25rem; }
      .v-become-a-distributor #get-in-touch a span:nth-child(3) {
        font-size: 1.1rem;
        font-weight: 400;
        color: #ccc; }
    .v-become-a-distributor #get-in-touch a::before {
      content: '\f095';
      font-weight: 800;
      font-family: 'Font Awesome 5 Pro';
      position: absolute;
      right: 1.5rem;
      top: 1.25rem;
      font-size: 12vw; }
      @media (min-width: 36em) {
        .v-become-a-distributor #get-in-touch a::before {
          font-size: 3.5rem; } }
      @media (min-width: 62em) {
        .v-become-a-distributor #get-in-touch a::before {
          font-size: 4rem; } }
    .v-become-a-distributor #get-in-touch a::after {
      content: '\f054';
      font-weight: 400;
      font-family: 'Font Awesome 5 Pro';
      position: absolute;
      right: 1.5rem;
      bottom: 1.25rem;
      font-size: 1rem;
      border: 0.05rem solid #fff;
      text-align: center;
      display: flex;
      align-items: center;
      padding: 0.125rem 0.5rem; }
    .v-become-a-distributor #get-in-touch a:hover::after {
      background: #fff;
      color: #535486; }

.v-cs #cs-banner h1, body[class*="case-studies"] #cs-banner h1 {
  margin-bottom: 3rem;
  font-size: 2.8em; }

.v-cs #cs-banner h2, body[class*="case-studies"] #cs-banner h2 {
  font-size: 2.2em; }

.v-cs .cs-filters > div, body[class*="case-studies"] .cs-filters > div {
  min-width: 100%;
  margin-bottom: 1rem; }
  .v-cs .cs-filters > div select, body[class*="case-studies"] .cs-filters > div select {
    font-size: 1.3rem;
    padding: 0.5em;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);
    width: 100%; }
  @media (min-width: 48em) {
    .v-cs .cs-filters > div, body[class*="case-studies"] .cs-filters > div {
      margin-bottom: 0;
      min-width: 32%;
      margin-right: 1.3333333%; } }
  @media (min-width: 62em) {
    .v-cs .cs-filters > div, body[class*="case-studies"] .cs-filters > div {
      min-width: 14rem;
      margin-right: 1.25rem; } }
  .v-cs .cs-filters > div .vs__open-indicator, body[class*="case-studies"] .cs-filters > div .vs__open-indicator {
    font-size: 1.3em;
    padding-right: 0.25em;
    color: #000;
    fill: #000; }
    .v-cs .cs-filters > div .vs__open-indicator::before, body[class*="case-studies"] .cs-filters > div .vs__open-indicator::before {
      color: #000; }
  .v-cs .cs-filters > div .vs__clear, body[class*="case-studies"] .cs-filters > div .vs__clear {
    font-size: 1.6em;
    padding-right: 0.25em;
    color: #000;
    fill: #000; }
    .v-cs .cs-filters > div .vs__clear::before, body[class*="case-studies"] .cs-filters > div .vs__clear::before {
      color: #0060d8; }

@media (min-width: 48em) {
  .v-cs .cs-filters, body[class*="case-studies"] .cs-filters {
    display: flex; } }

.v-cs #cs-related-ctas h3, body[class*="case-studies"] #cs-related-ctas h3 {
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 2.5rem; }

@media (min-width: 48em) {
  .v-cs #cs-related-ctas #cs-related-products, body[class*="case-studies"] #cs-related-ctas #cs-related-products {
    flex: 0 0 60%;
    max-width: 60%; } }

@media (min-width: 75em) {
  .v-cs #cs-related-ctas #cs-related-products, body[class*="case-studies"] #cs-related-ctas #cs-related-products {
    flex: 0 0 35%;
    max-width: 35%; } }

@media (min-width: 48em) {
  .v-cs #cs-related-ctas #cs-related-industries, body[class*="case-studies"] #cs-related-ctas #cs-related-industries {
    flex: 0 0 37.5%;
    max-width: 37.5%;
    border-left: #535486 0.05rem solid;
    margin-left: 2.5%;
    padding-left: 4%; } }

@media (min-width: 75em) {
  .v-cs #cs-related-ctas #cs-related-industries, body[class*="case-studies"] #cs-related-ctas #cs-related-industries {
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 0;
    margin-left: 2rem;
    border-left: none;
    border-right: #535486 0.05rem solid; } }

@media (min-width: 48em) {
  .v-cs #cs-related-ctas #get-in-touch, body[class*="case-studies"] #cs-related-ctas #get-in-touch {
    margin-top: 5rem;
    margin-bottom: 5rem; } }

@media (min-width: 75em) {
  .v-cs #cs-related-ctas #get-in-touch, body[class*="case-studies"] #cs-related-ctas #get-in-touch {
    margin-left: 4rem; } }

.v-cs #cs-related-ctas #get-in-touch button, body[class*="case-studies"] #cs-related-ctas #get-in-touch button {
  width: 100%;
  padding: 1.25rem 1.5rem;
  position: relative; }
  @media (min-width: 75em) {
    .v-cs #cs-related-ctas #get-in-touch button, body[class*="case-studies"] #cs-related-ctas #get-in-touch button {
      width: calc(100% - 3rem);
      padding-right: 5.5rem; } }
  .v-cs #cs-related-ctas #get-in-touch button span, body[class*="case-studies"] #cs-related-ctas #get-in-touch button span {
    display: block; }
    .v-cs #cs-related-ctas #get-in-touch button span:nth-child(1), body[class*="case-studies"] #cs-related-ctas #get-in-touch button span:nth-child(1) {
      font-size: 1.5rem;
      font-weight: 600;
      margin-bottom: 0.8rem; }
    .v-cs #cs-related-ctas #get-in-touch button span:nth-child(2), body[class*="case-studies"] #cs-related-ctas #get-in-touch button span:nth-child(2) {
      font-size: 2.6rem;
      font-weight: 800;
      margin-bottom: 1.25rem; }
    .v-cs #cs-related-ctas #get-in-touch button span:nth-child(3), body[class*="case-studies"] #cs-related-ctas #get-in-touch button span:nth-child(3) {
      font-size: 1.1rem;
      font-weight: 400;
      color: #ccc; }
  .v-cs #cs-related-ctas #get-in-touch button::before, body[class*="case-studies"] #cs-related-ctas #get-in-touch button::before {
    content: '\f57d';
    font-weight: 800;
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 1.5rem;
    top: 1.25rem;
    font-size: 12vw; }
    @media (min-width: 36em) {
      .v-cs #cs-related-ctas #get-in-touch button::before, body[class*="case-studies"] #cs-related-ctas #get-in-touch button::before {
        font-size: 4rem; } }
  .v-cs #cs-related-ctas #get-in-touch button::after, body[class*="case-studies"] #cs-related-ctas #get-in-touch button::after {
    content: '\f054';
    font-weight: 400;
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 1.5rem;
    bottom: 1.25rem;
    font-size: 1rem;
    border: 0.05rem solid #fff;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0.125rem 0.5rem; }
  .v-cs #cs-related-ctas #get-in-touch button:hover::after, body[class*="case-studies"] #cs-related-ctas #get-in-touch button:hover::after {
    background: #fff;
    color: #535486; }

@media (min-width: 48em) {
  .v-case-studies #product-case-studies h1, body[class*="case-studies"] #product-case-studies h1 {
    margin-bottom: 3rem; } }

.v-case-studies #cs-latest, body[class*="case-studies"] #cs-latest {
  padding: 3rem 0; }
  .v-case-studies #cs-latest h2, body[class*="case-studies"] #cs-latest h2 {
    font-size: 2.1em;
    margin-bottom: 2.5rem; }

.v-case-studies #cs-results, body[class*="case-studies"] #cs-results {
  padding: 3rem 0; }
  .v-case-studies #cs-results #result-breadcrumbs, body[class*="case-studies"] #cs-results #result-breadcrumbs {
    font-size: 1.65rem;
    margin-bottom: 2.5rem; }
    @media (min-width: 48em) {
      .v-case-studies #cs-results #result-breadcrumbs, body[class*="case-studies"] #cs-results #result-breadcrumbs {
        display: flex;
        flex-wrap: wrap; } }
    .v-case-studies #cs-results #result-breadcrumbs > div, body[class*="case-studies"] #cs-results #result-breadcrumbs > div {
      padding: 0.5rem 1rem;
      margin-bottom: 0.5rem;
      border-bottom: 1px solid #000; }
      .v-case-studies #cs-results #result-breadcrumbs > div:first-child, body[class*="case-studies"] #cs-results #result-breadcrumbs > div:first-child {
        font-weight: 800; }
      @media (min-width: 48em) {
        .v-case-studies #cs-results #result-breadcrumbs > div, body[class*="case-studies"] #cs-results #result-breadcrumbs > div {
          border-left: 2px solid #000;
          border-bottom: none;
          margin-bottom: 0; }
          .v-case-studies #cs-results #result-breadcrumbs > div:first-child, body[class*="case-studies"] #cs-results #result-breadcrumbs > div:first-child {
            padding-left: 0;
            font-weight: 400;
            border-left: none; }
          .v-case-studies #cs-results #result-breadcrumbs > div:last-child, body[class*="case-studies"] #cs-results #result-breadcrumbs > div:last-child {
            padding-right: 0; } }
      .v-case-studies #cs-results #result-breadcrumbs > div::before, body[class*="case-studies"] #cs-results #result-breadcrumbs > div::before {
        font-family: 'Font Awesome 5 Pro';
        font-size: 1.5rem;
        font-weight: 200;
        color: #000; }
      .v-case-studies #cs-results #result-breadcrumbs > div[data-industry="Food & Beverage"]::before, body[class*="case-studies"] #cs-results #result-breadcrumbs > div[data-industry="Food & Beverage"]::before {
        content: '\f2e7'; }
      .v-case-studies #cs-results #result-breadcrumbs > div[data-industry="Agriculture"]::before, body[class*="case-studies"] #cs-results #result-breadcrumbs > div[data-industry="Agriculture"]::before {
        content: '\f722'; }
      .v-case-studies #cs-results #result-breadcrumbs > div[data-industry="Cranes & Hoists"]::before, body[class*="case-studies"] #cs-results #result-breadcrumbs > div[data-industry="Cranes & Hoists"]::before {
        content: '\f5cd'; }
      .v-case-studies #cs-results #result-breadcrumbs > div[data-industry="General Automation"]::before, body[class*="case-studies"] #cs-results #result-breadcrumbs > div[data-industry="General Automation"]::before {
        content: '\f085'; }
      .v-case-studies #cs-results #result-breadcrumbs > div[data-industry="HVAC"]::before, body[class*="case-studies"] #cs-results #result-breadcrumbs > div[data-industry="HVAC"]::before {
        content: '\f64f'; }
      .v-case-studies #cs-results #result-breadcrumbs > div[data-industry="Leisure"]::before, body[class*="case-studies"] #cs-results #result-breadcrumbs > div[data-industry="Leisure"]::before {
        content: '\f5c4'; }
      .v-case-studies #cs-results #result-breadcrumbs > div[data-industry="Lifts/Elevators"]::before, body[class*="case-studies"] #cs-results #result-breadcrumbs > div[data-industry="Lifts/Elevators"]::before {
        content: '\e030'; }
      .v-case-studies #cs-results #result-breadcrumbs > div[data-industry="Marine"]::before, body[class*="case-studies"] #cs-results #result-breadcrumbs > div[data-industry="Marine"]::before {
        content: '\f21a'; }
      .v-case-studies #cs-results #result-breadcrumbs > div[data-industry="Material Handling"]::before, body[class*="case-studies"] #cs-results #result-breadcrumbs > div[data-industry="Material Handling"]::before {
        content: '\f47a'; }
      .v-case-studies #cs-results #result-breadcrumbs > div[data-industry="Mining"]::before, body[class*="case-studies"] #cs-results #result-breadcrumbs > div[data-industry="Mining"]::before {
        content: '\f807'; }
      .v-case-studies #cs-results #result-breadcrumbs > div[data-industry="Printing"]::before, body[class*="case-studies"] #cs-results #result-breadcrumbs > div[data-industry="Printing"]::before {
        content: '\f0c5'; }
      .v-case-studies #cs-results #result-breadcrumbs > div[data-industry="Refrigeration & Air Con"]::before, body[class*="case-studies"] #cs-results #result-breadcrumbs > div[data-industry="Refrigeration & Air Con"]::before {
        content: '\e03f'; }
      .v-case-studies #cs-results #result-breadcrumbs > div[data-industry="Solar Pumping"]::before, body[class*="case-studies"] #cs-results #result-breadcrumbs > div[data-industry="Solar Pumping"]::before {
        content: '\f5ba'; }
      .v-case-studies #cs-results #result-breadcrumbs > div[data-industry="Textiles & Paper"]::before, body[class*="case-studies"] #cs-results #result-breadcrumbs > div[data-industry="Textiles & Paper"]::before {
        content: '\f71f'; }
      .v-case-studies #cs-results #result-breadcrumbs > div[data-industry="Water & Waste Water"]::before, body[class*="case-studies"] #cs-results #result-breadcrumbs > div[data-industry="Water & Waste Water"]::before {
        content: '\e006'; }
    .v-case-studies #cs-results #result-breadcrumbs #result-industry i, body[class*="case-studies"] #cs-results #result-breadcrumbs #result-industry i {
      margin-right: 0.5rem; }

.v-case-studies .result, body[class*="case-studies"] .result {
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  padding-top: 15rem;
  position: relative;
  height: 100%; }
  .v-case-studies .result .cs-thumb, body[class*="case-studies"] .result .cs-thumb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 15rem;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
  .v-case-studies .result .cs-title, body[class*="case-studies"] .result .cs-title {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem 1.5rem;
    font-size: 1.2rem;
    color: #000 !important;
    font-weight: 400; }

.v-case-studies #results-load, body[class*="case-studies"] #results-load {
  font-size: 1.4rem;
  margin: 3rem auto 2rem;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  max-height: 3rem; }

.v-case-study #cs-banner-links, body[class*="case-studies"] #cs-banner-links {
  display: flex;
  padding-left: 0.9375rem;
  margin-top: 2rem; }
  @media (min-width: 48em) {
    .v-case-study #cs-banner-links, body[class*="case-studies"] #cs-banner-links {
      margin-top: 0;
      padding-left: 0;
      position: absolute;
      right: 0.9375rem;
      top: 0; } }
  .v-case-study #cs-banner-links > div, body[class*="case-studies"] #cs-banner-links > div {
    margin-right: 1.75rem; }
  .v-case-study #cs-banner-links #cs-country, body[class*="case-studies"] #cs-banner-links #cs-country {
    display: flex;
    align-items: center;
    font-size: 1.1em; }
    .v-case-study #cs-banner-links #cs-country img, body[class*="case-studies"] #cs-banner-links #cs-country img {
      max-height: 2.5rem;
      margin-left: 1.3rem;
      box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4); }

@media (min-width: 75em) {
  .v-case-study #cs-problem-solution, body[class*="case-studies"] #cs-problem-solution {
    height: 25rem; } }

.v-case-study #cs-problem-solution #cs-feature, body[class*="case-studies"] #cs-problem-solution #cs-feature {
  position: relative; }
  @media (min-width: 75em) {
    .v-case-study #cs-problem-solution #cs-feature img, body[class*="case-studies"] #cs-problem-solution #cs-feature img {
      position: absolute;
      bottom: 0.9375rem;
      left: 0;
      max-width: calc(100% - 1.875rem);
      height: 100%;
      max-height: 100%; } }

.v-case-study #cs-problem-solution #cs-ps-box, body[class*="case-studies"] #cs-problem-solution #cs-ps-box {
  position: relative; }
  @media (min-width: 75em) {
    .v-case-study #cs-problem-solution #cs-ps-box, body[class*="case-studies"] #cs-problem-solution #cs-ps-box {
      position: absolute;
      right: 0.9375rem;
      bottom: 0.9375rem;
      top: -8rem; } }
  .v-case-study #cs-problem-solution #cs-ps-box > div, body[class*="case-studies"] #cs-problem-solution #cs-ps-box > div {
    padding: 2rem 2.5rem;
    background: #fff;
    border: #535486 0.125rem solid;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
    font-size: 1rem; }
    @media (min-width: 75em) {
      .v-case-study #cs-problem-solution #cs-ps-box > div, body[class*="case-studies"] #cs-problem-solution #cs-ps-box > div {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0.75rem;
        font-size: 0.85rem; } }
    @media (min-width: 90em) {
      .v-case-study #cs-problem-solution #cs-ps-box > div, body[class*="case-studies"] #cs-problem-solution #cs-ps-box > div {
        font-size: 0.9rem; } }
    @media (min-width: 101.75em) {
      .v-case-study #cs-problem-solution #cs-ps-box > div, body[class*="case-studies"] #cs-problem-solution #cs-ps-box > div {
        font-size: 1rem; } }
  .v-case-study #cs-problem-solution #cs-ps-box h3, body[class*="case-studies"] #cs-problem-solution #cs-ps-box h3 {
    font-size: 1.75em;
    font-weight: 400; }
  .v-case-study #cs-problem-solution #cs-ps-box p, body[class*="case-studies"] #cs-problem-solution #cs-ps-box p {
    color: #444444;
    font-size: 1.25em; }

.v-case-study #cs-content h2, body[class*="case-studies"] #cs-content h2 {
  font-size: 1.75rem;
  margin-bottom: 2rem; }

@media (min-width: 48em) {
  .v-case-study #cs-content #cs-text, body[class*="case-studies"] #cs-content #cs-text {
    column-count: 2;
    column-gap: 4rem; } }

.v-case-study #cs-content #cs-text p, body[class*="case-studies"] #cs-content #cs-text p {
  color: #444444;
  font-size: 1.25rem; }

.v-case-study #cs-related-ctas #cs-related-products > div, body[class*="case-studies"] #cs-related-ctas #cs-related-products > div {
  width: 100%;
  min-height: 10rem;
  margin-bottom: 2rem;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4); }
  .v-case-study #cs-related-ctas #cs-related-products > div a, body[class*="case-studies"] #cs-related-ctas #cs-related-products > div a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 1rem 10.25rem 1rem 1rem;
    color: #fff !important; }
    .v-case-study #cs-related-ctas #cs-related-products > div a img, body[class*="case-studies"] #cs-related-ctas #cs-related-products > div a img {
      max-height: 2.2rem;
      margin-bottom: 0.5rem;
      margin-top: 0.25rem;
      font-size: 1.5em; }
    .v-case-study #cs-related-ctas #cs-related-products > div a span, body[class*="case-studies"] #cs-related-ctas #cs-related-products > div a span {
      display: block; }
    .v-case-study #cs-related-ctas #cs-related-products > div a .drive-rating, body[class*="case-studies"] #cs-related-ctas #cs-related-products > div a .drive-rating {
      font-weight: 200; }
    .v-case-study #cs-related-ctas #cs-related-products > div a i, body[class*="case-studies"] #cs-related-ctas #cs-related-products > div a i {
      margin-top: 1rem;
      padding: 0.25rem 0.4rem;
      border: 0.05rem solid #fff; }
    .v-case-study #cs-related-ctas #cs-related-products > div a:hover i, body[class*="case-studies"] #cs-related-ctas #cs-related-products > div a:hover i {
      background: #fff;
      color: #535486; }
    .v-case-study #cs-related-ctas #cs-related-products > div a::before, body[class*="case-studies"] #cs-related-ctas #cs-related-products > div a::before {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-position: 102% 105%;
      background-size: 10rem auto;
      background-repeat: no-repeat; }
    .v-case-study #cs-related-ctas #cs-related-products > div a[data-product="optidrive-p2"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-products > div a[data-product="optidrive-p2"]::before {
      background-image: url("../img/content/drives/optidrive-p2/optidrive-p2-vfd.png"); }
    .v-case-study #cs-related-ctas #cs-related-products > div a[data-product="optidrive-e3"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-products > div a[data-product="optidrive-e3"]::before {
      background-image: url("../img/content/drives/optidrive-e3/optidrive-e3-vfd.png"); }
    .v-case-study #cs-related-ctas #cs-related-products > div a[data-product="optidrive-e3-single-phase"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-products > div a[data-product="optidrive-e3-single-phase"]::before {
      background-image: url("../img/content/drives/optidrive-e3/optidrive-e3-vfd.png"); }
    .v-case-study #cs-related-ctas #cs-related-products > div a[data-product="optidrive-eco"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-products > div a[data-product="optidrive-eco"]::before {
      background-image: url("../img/content/drives/optidrive-eco/optidrive-eco-vfd.png"); }
    .v-case-study #cs-related-ctas #cs-related-products > div a[data-product="optidrive-elevator"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-products > div a[data-product="optidrive-elevator"]::before {
      background-image: url("../img/content/drives/optidrive-elevator/optidrive-elevator.png"); }
    .v-case-study #cs-related-ctas #cs-related-products > div a[data-product="optidrive-compact-2"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-products > div a[data-product="optidrive-compact-2"]::before {
      background-image: url("../img/content/drives/optidrive-compact/feature-image.png"); }

.v-case-study #cs-related-ctas #cs-related-industries > div, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (min-width: 48em) {
    .v-case-study #cs-related-ctas #cs-related-industries > div, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div {
      justify-content: flex-start; } }
  .v-case-study #cs-related-ctas #cs-related-industries > div a, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a {
    margin-bottom: 2rem;
    min-height: 10rem;
    flex: 0 0 48%;
    max-width: 48%;
    padding: 5.5rem 1.25rem 1rem 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    background: #fff;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
    position: relative; }
    @media (min-width: 36em) {
      .v-case-study #cs-related-ctas #cs-related-industries > div a, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a {
        flex: 0 0 30%;
        max-width: 30%; } }
    @media (min-width: 48em) {
      .v-case-study #cs-related-ctas #cs-related-industries > div a, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a {
        flex: 0 0 40%;
        max-width: 40%;
        margin-right: 10%; }
        .v-case-study #cs-related-ctas #cs-related-industries > div a:nth-child(2n), body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a:nth-child(2n) {
          margin-right: 0; } }
    .v-case-study #cs-related-ctas #cs-related-industries > div a span, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a span {
      text-align: center;
      font-weight: 200;
      font-size: 1rem;
      color: #000; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a::before {
      content: '';
      font-family: 'Font Awesome 5 Pro';
      font-size: 3rem;
      font-weight: 200;
      position: absolute;
      top: 1rem;
      left: 50%;
      transform: translateX(-50%);
      color: #000; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a:hover::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a:hover::before {
      color: #0060d8; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry="food-beverage"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a[data-industry="food-beverage"]::before {
      content: '\f2e7'; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry="agriculture"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a[data-industry="agriculture"]::before {
      content: '\f722'; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry="cranes-hoists"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a[data-industry="cranes-hoists"]::before {
      content: '\f5cd'; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry="general-automation"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a[data-industry="general-automation"]::before {
      content: '\f085'; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry="hvac"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a[data-industry="hvac"]::before {
      content: '\f64f'; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry="leisure"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a[data-industry="leisure"]::before {
      content: '\f5c4'; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry="lifts-elevators"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a[data-industry="lifts-elevators"]::before {
      content: '\e030'; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry="marine"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a[data-industry="marine"]::before {
      content: '\f21a'; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry="material-handling"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a[data-industry="material-handling"]::before {
      content: '\f47a'; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry="mining"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a[data-industry="mining"]::before {
      content: '\f807'; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry="printing"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a[data-industry="printing"]::before {
      content: '\f0c5'; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry="refrigeration-air-con"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a[data-industry="refrigeration-air-con"]::before {
      content: '\e03f'; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry="solar-pumping"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a[data-industry="solar-pumping"]::before {
      content: '\f5ba'; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry="textiles-paper"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a[data-industry="textiles-paper"]::before {
      content: '\f71f'; }
    .v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry="water-waste-water"]::before, body[class*="case-studies"] #cs-related-ctas #cs-related-industries > div a[data-industry="water-waste-water"]::before {
      content: '\e006'; }

.v-datasheet h1 {
  font-size: 1.5em; }

.v-datasheet .title-row .span {
  align-items: center; }

.v-datasheet .title-row .datasheet-cta {
  display: none; }

.v-datasheet .datasheet-cta a {
  background: radial-gradient(circle at 75% 100%, #008edf 0%, #0060c0 75%);
  color: #fff !important;
  font-weight: 400;
  padding: 0.6em 2.5em 0.6em 3.375em; }

.v-datasheet .datasheet-cta a::before {
  top: auto;
  left: auto;
  bottom: 1em;
  right: 1em;
  font-size: 0.75em; }

.v-datasheet .datasheet-cta a::after {
  content: '\f57d';
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 2.25em;
  position: absolute;
  top: 0.15em;
  left: 0.25em; }

.v-datasheet .datasheet-cta a h3 {
  margin-bottom: 0.1em;
  font-size: 1em;
  line-height: 1.1; }

.v-datasheet .datasheet-cta a p {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 0.84375em; }

.v-datasheet .drive-data .col {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.v-datasheet .drive-data .col > div,
.v-datasheet .drive-data .col > ul {
  width: 100%; }

.v-datasheet .drive-description {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1em; }

.v-datasheet .drive-description h2 {
  font-size: 1.125em; }

.v-datasheet .drive-description strong {
  display: block; }

.v-datasheet .drive-description .datasheet-actions {
  display: none; }

.v-datasheet .drive-image {
  flex: 0 0 50%;
  width: 100%;
  max-width: 50%;
  padding: 0 0.5em; }

.v-datasheet .drive-image img {
  width: 8em;
  margin: 0 auto; }

.v-datasheet .datasheet-actions {
  flex: 0 0 50%;
  width: 100%;
  max-width: 50%;
  padding: 0 0.5em; }

.v-datasheet .datasheet-actions ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0; }
  .v-datasheet .datasheet-actions ul > li::before {
    content: none; }

.v-datasheet .datasheet-actions button {
  width: 100%;
  font-size: 0.84375em; }

.v-datasheet .drive-data .datasheet-cta {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  margin-top: 1.5em; }

.v-datasheet .datasheet-tables {
  margin-top: 1.5em; }

.v-datasheet .data-table {
  font-size: 0.75em;
  margin: 0 0 1.5em; }

.v-datasheet .data-table table {
  width: 100%;
  border-collapse: collapse; }

.v-datasheet .data-table table td {
  border: 1px solid #e6e6e6;
  width: 50%;
  padding: 0.4em 0.5em; }

.v-datasheet .conformance {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  display: flex;
  margin-top: 1em; }
  .v-datasheet .conformance > li::before {
    content: none; }

.v-datasheet .conformance li + li {
  margin-left: 0.75em; }

.v-datasheet .conformance img {
  height: 1.75em; }

.v-datasheet #datasheet-case-studies h2 {
  margin: 1rem 0 3rem; }

@media (min-width: 36em) {
  .v-datasheet .drive-description {
    flex: 0 0 50%;
    max-width: 50%; }
  .v-datasheet .drive-description h2 {
    margin-bottom: 2em; }
  .v-datasheet .datasheet-actions {
    display: none; }
  .v-datasheet .datasheet-actions button {
    font-size: 1em; }
  .v-datasheet .drive-description .datasheet-actions {
    display: block;
    flex: 0 0 100%;
    max-width: 100%; }
  .v-datasheet .data-table {
    font-size: 1em; }
  .v-datasheet .conformance {
    height: calc(100% - 1.5rem);
    justify-content: flex-end;
    align-items: flex-end;
    margin-left: auto;
    font-size: 1.25em; } }

@media (min-width: 62em) {
  .v-datasheet .datasheet-tables {
    display: flex;
    justify-content: space-between; }
  .v-datasheet .datasheet-tables > div {
    flex: 0 0 49%;
    width: 100%;
    max-width: 49%; } }

@media (min-width: 75em) {
  .v-datasheet h1 {
    font-size: 2.625em; }
  .v-datasheet .title-row .datasheet-cta {
    display: block;
    font-size: 1.125em; }
  .v-datasheet .drive-data .col {
    align-items: flex-start; }
  .v-datasheet .drive-description {
    flex: 0 0 75%;
    max-width: 75%;
    order: 0; }
  .v-datasheet .drive-description h2 {
    font-size: 1.3125em; }
  .v-datasheet .drive-description .datasheet-actions {
    display: none; }
  .v-datasheet .datasheet-actions {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
    order: 1;
    padding: 0; }
  .v-datasheet .datasheet-actions ul {
    display: flex;
    justify-content: flex-end; }
  .v-datasheet .datasheet-actions li {
    flex: 0 1 auto;
    max-width: none; }
  .v-datasheet .datasheet-actions li + li {
    margin-left: 0.5em; }
  .v-datasheet .datasheet-actions button {
    font-size: 1.125em; }
  .v-datasheet .drive-image {
    flex: 0 0 17em;
    max-width: 17em;
    margin-right: 2em;
    margin-top: 1.5em;
    order: 2; }
  .v-datasheet .datasheet-tables {
    flex: 1 0 0%;
    max-width: none;
    order: 3; }
  .v-datasheet .conformance {
    order: 4;
    font-size: 1.75em; }
  .v-datasheet .datasheet-cta {
    display: none; } }

.v-datasheet #external-options ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0; }
  .v-datasheet #external-options ul > li::before {
    content: none; }

@media (min-width: 48em) {
  .v-datasheet #external-options ul {
    columns: 2; } }

.v-options .banner {
  padding: 0;
  background: url("../img/content/options/banner-vfd.png") 100% 100%/auto 50% no-repeat; }
  @media (min-width: 36em) {
    .v-options .banner {
      background-size: auto 70%; } }
  @media (min-width: 48em) {
    .v-options .banner {
      background-size: auto 70%; } }
  @media (min-width: 62em) {
    .v-options .banner {
      background-size: auto 80%; } }
  @media (min-width: 90em) {
    .v-options .banner {
      background-position: calc(100% - ((100vw - 96rem) / 2)) 100%; } }
  .v-options .banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: -20%;
    right: -20%;
    bottom: 0;
    -webkit-box-shadow: inset 0px 5px 8px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: inset 0px 5px 8px 0px rgba(50, 50, 50, 0.25);
    box-shadow: inset 0px 5px 8px 0px rgba(50, 50, 50, 0.25);
    z-index: -1; }
  .v-options .banner .span {
    padding: 1em 0.9375rem 10em; }
    @media (min-width: 36em) {
      .v-options .banner .span {
        padding: 3em 0.9375rem; }
        .v-options .banner .span .drive-logo img {
          height: 2em; }
        .v-options .banner .span .drive-type {
          font-size: 1.25em; } }
    @media (min-width: 48em) {
      .v-options .banner .span {
        padding: 4em 0.9375rem 6em; } }
    .v-options .banner .span h1 {
      color: #535486;
      font-weight: 400;
      font-size: 2.4em; }
      @media (min-width: 36em) {
        .v-options .banner .span h1 {
          max-width: 50%;
          font-size: 2.65em; } }

@media (min-width: 48em) {
  .v-options #options-cat {
    padding: 2.25rem 0; } }

.v-options #options-cat h2 {
  font-size: 2.2em; }

.v-options #options-cat p.lead {
  font-size: 1.425em; }

.v-options #options-cat ul#options-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 4rem; }
  .v-options #options-cat ul#options-list > li {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 2rem; }
    @media (min-width: 48em) {
      .v-options #options-cat ul#options-list > li {
        flex: 0 0 48%;
        max-width: 48%;
        padding-right: 2rem;
        border-right: 1px solid #fff;
        margin-bottom: 4rem; }
        .v-options #options-cat ul#options-list > li:nth-child(2n) {
          padding-right: 0;
          border-right: none; } }
    @media (min-width: 75em) {
      .v-options #options-cat ul#options-list > li {
        margin-bottom: 0;
        padding: 0;
        flex: 0 0 calc(25% - 1.75rem);
        max-width: calc(25% - 1.75rem);
        border-right: none !important; }
        .v-options #options-cat ul#options-list > li:last-child > div::before {
          display: none; } }
    @media (min-width: 90em) {
      .v-options #options-cat ul#options-list > li {
        flex: 0 0 calc(25% - 3rem);
        max-width: calc(25% - 3rem); } }
    .v-options #options-cat ul#options-list > li h3 {
      font-size: 1.75em;
      margin-bottom: 2rem; }
      @media (min-width: 75em) {
        .v-options #options-cat ul#options-list > li h3 {
          font-size: 1.5em; } }
    .v-options #options-cat ul#options-list > li > div {
      background: #fff;
      padding: 1.8rem 1rem;
      position: relative; }
      @media (min-width: 75em) {
        .v-options #options-cat ul#options-list > li > div::before {
          content: '';
          position: absolute;
          top: -4rem;
          bottom: -0.5rem;
          right: -1.25rem;
          border-right: 1px solid #fff; } }
      @media (min-width: 90em) {
        .v-options #options-cat ul#options-list > li > div::before {
          right: -2rem; } }
      .v-options #options-cat ul#options-list > li > div > ul {
        width: 100%;
        margin: 0; }
        .v-options #options-cat ul#options-list > li > div > ul li {
          max-width: 100%;
          margin-bottom: 2rem; }
          .v-options #options-cat ul#options-list > li > div > ul li:last-child {
            margin-bottom: 0; }
          .v-options #options-cat ul#options-list > li > div > ul li a {
            font-weight: 400;
            color: #535486 !important;
            position: relative;
            display: inline-block;
            width: 100%; }
            .v-options #options-cat ul#options-list > li > div > ul li a:hover::before {
              color: #fff;
              background: #535486; }
            .v-options #options-cat ul#options-list > li > div > ul li a::before {
              content: '\f054';
              font-family: 'Font Awesome 5 Pro';
              font-weight: 400;
              font-size: 1rem;
              border: 1px solid;
              color: #535486;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 0;
              padding: 0.125rem 0.5rem; }

.v-option .banner {
  padding: 3em 0;
  margin-bottom: 5rem; }
  @media (min-width: 48em) {
    .v-option .banner {
      margin-bottom: 0; } }
  .v-option .banner::before {
    content: '';
    position: absolute;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: 100% auto;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    opacity: 0.4; }
    @media (min-width: 62em) {
      .v-option .banner::before {
        left: 0;
        background-size: auto 90%; } }
    @media (min-width: 90em) {
      .v-option .banner::before {
        background-position: calc(100% - ((100vw - 96rem) / 2)) 100%; } }
  .v-option .banner[data-product="optidrive-e3"]::before, .v-option .banner[data-product="optidrive-e3-single-phase"]::before {
    background-image: url("../img/content/drives/optidrive-e3/optidrive-e3-vfd.png"); }
  .v-option .banner[data-product="optidrive-p2"]::before {
    background-image: url("../img/content/drives/optidrive-p2/optidrive-p2-vfd.png"); }
  .v-option .banner[data-product="optidrive-eco"]::before {
    background-image: url("../img/content/drives/optidrive-eco/optidrive-eco-vfd.png"); }
  .v-option .banner[data-product="optidrive-elevator"]::before {
    background-image: url("../img/content/drives/optidrive-elevator/optidrive-elevator.png"); }
  .v-option .banner h1 {
    font-weight: 400;
    margin-bottom: 3rem; }
  .v-option .banner #option-summary {
    font-size: 1.3em; }
  .v-option .banner #option-feature img {
    margin-bottom: -10rem; }
    @media (min-width: 62em) {
      .v-option .banner #option-feature img {
        position: absolute;
        top: 50%;
        right: 0; } }

.v-option .drop-subnav {
  position: absolute;
  top: -1.5em;
  left: 0.9375rem;
  right: 0.9375rem; }
  @media (min-width: 48em) {
    .v-option .drop-subnav {
      left: auto;
      min-width: 16em; } }

.v-option #user-guide-pdf {
  margin-top: 3em; }
  .v-option #user-guide-pdf .btn-pdf {
    font-size: 1.1em; }

.v-option #options-specification #options-grid #options-grid-header {
  display: none; }

.v-option #options-specification #options-grid .options-grid-row {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4); }
  .v-option #options-specification #options-grid .options-grid-row::before, .v-option #options-specification #options-grid .options-grid-row::after {
    content: '';
    width: 100%;
    order: 1; }

.v-option #options-specification #options-grid .options-grid-row + .options-grid-row {
  margin-top: 1em; }
  @media (min-width: 62em) {
    .v-option #options-specification #options-grid .options-grid-row + .options-grid-row {
      margin-top: 0; } }

.v-option #options-specification #options-grid [data-box] {
  flex: 0 0 100%;
  max-width: 100%; }
  .v-option #options-specification #options-grid [data-box].first-pc::before {
    content: 'Compatible with:  '; }
    @media (min-width: 62em) {
      .v-option #options-specification #options-grid [data-box].first-pc::before {
        display: none; } }

.v-option #options-specification #options-grid [data-box="product-code"] {
  flex: 0 0 100%;
  max-width: 100%;
  font-weight: 800;
  font-size: 1.3em;
  padding: 0.75rem 0.75rem 0;
  background: #fff; }

.v-option #options-specification #options-grid [data-box="description"] {
  flex: 0 0 100%;
  max-width: 100%;
  font-size: 0.85em;
  padding: 0.75rem 3.5rem 0.75rem 0.75rem;
  background: #fff; }

.v-option #options-specification #options-grid [data-box="mm"] {
  flex: 0 0 100%;
  max-width: 100%;
  font-size: 0.75em; }

.v-option #options-specification #options-grid .product-specification {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #000;
  color: #fff;
  padding: 1rem 0.75rem;
  font-weight: 800; }

.v-option #options-specification #options-grid [data-box="width"] {
  flex: 0 0 auto;
  max-width: auto;
  margin-right: 0.25rem; }
  .v-option #options-specification #options-grid [data-box="width"]::before {
    content: 'W '; }
  .v-option #options-specification #options-grid [data-box="width"]::after {
    content: ','; }

.v-option #options-specification #options-grid [data-box="height"] {
  flex: 0 0 auto;
  max-width: auto;
  margin-right: 0.25rem; }
  .v-option #options-specification #options-grid [data-box="height"]::before {
    content: 'H '; }
  .v-option #options-specification #options-grid [data-box="height"]::after {
    content: ','; }

.v-option #options-specification #options-grid [data-box="depth"] {
  flex: 0 0 auto;
  max-width: auto;
  margin-right: 0.25rem; }
  .v-option #options-specification #options-grid [data-box="depth"]::before {
    content: 'D '; }
  .v-option #options-specification #options-grid [data-box="depth"]::after {
    content: ','; }

.v-option #options-specification #options-grid [data-box="weight"] {
  flex: 1 0 auto;
  max-width: auto;
  margin-right: 0.25rem; }
  .v-option #options-specification #options-grid [data-box="weight"]::before {
    content: 'Weight: '; }
  .v-option #options-specification #options-grid [data-box="weight"]::after {
    content: 'kg'; }

.v-option #options-specification #options-grid .product-compatibility-table {
  flex: 1 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #535486;
  color: #fff;
  padding: 1rem 0.75rem; }

.v-option #options-specification #options-grid [data-box="p2"] {
  flex: 0 1 auto;
  max-width: auto;
  margin-right: 0.25rem; }
  .v-option #options-specification #options-grid [data-box="p2"] i {
    display: none; }
  .v-option #options-specification #options-grid [data-box="p2"] span {
    font-weight: 800; }

.v-option #options-specification #options-grid [data-box="eco"] {
  flex: 0 0 auto;
  max-width: auto;
  margin-right: 0.25rem; }
  .v-option #options-specification #options-grid [data-box="eco"] i {
    display: none; }
  .v-option #options-specification #options-grid [data-box="eco"] span {
    font-weight: 800; }

.v-option #options-specification #options-grid [data-box="e3"] {
  flex: 0 0 auto;
  max-width: auto;
  margin-right: 0.25rem; }
  .v-option #options-specification #options-grid [data-box="e3"] i {
    display: none; }
  .v-option #options-specification #options-grid [data-box="e3"] span {
    font-weight: 800; }

.v-option #options-specification #options-grid [data-box="elevator"] {
  flex: 1 0 auto;
  max-width: auto;
  margin-right: 0.25rem; }
  .v-option #options-specification #options-grid [data-box="elevator"] i {
    display: none; }
  .v-option #options-specification #options-grid [data-box="elevator"] span {
    font-weight: 800; }

.v-option #options-specification #options-grid [data-box="user-guide"] {
  flex: 0 0 100%;
  max-width: 100%;
  position: absolute;
  top: 1rem;
  right: 1rem; }
  .v-option #options-specification #options-grid [data-box="user-guide"] i {
    font-weight: 400;
    color: #d2081e;
    font-size: 2em; }
  .v-option #options-specification #options-grid [data-box="user-guide"] .no-download {
    display: none; }

@media (min-width: 62em) {
  .v-option #options-specification #options-grid #options-grid-header {
    display: flex;
    font-size: 0.9em; }
    .v-option #options-specification #options-grid #options-grid-header > div {
      text-align: center;
      padding: 1.25rem 0.5rem;
      background: #000000;
      color: #fff;
      border: 0.025rem solid #fff;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center; }
      .v-option #options-specification #options-grid #options-grid-header > div.purple {
        background: #535486; }
  .v-option #options-specification #options-grid .options-grid-row {
    flex-wrap: nowrap;
    margin: 0;
    box-shadow: none; }
    .v-option #options-specification #options-grid .options-grid-row .product-box i {
      font-size: 1.2em;
      color: #535486; }
    .v-option #options-specification #options-grid .options-grid-row:nth-child(1n) {
      background: #ddd; }
    .v-option #options-specification #options-grid .options-grid-row:nth-child(2n) {
      background: #eee; }
    .v-option #options-specification #options-grid .options-grid-row > div {
      background: none;
      padding: 0;
      color: #000;
      padding: 0.75rem 0.5rem;
      margin: 0;
      border-left: 0.025rem solid #fff;
      border-right: 0.025rem solid #fff; }
      .v-option #options-specification #options-grid .options-grid-row > div::before {
        display: none; }
      .v-option #options-specification #options-grid .options-grid-row > div::after {
        display: none; }
  .v-option #options-specification #options-grid [data-box] {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
  .v-option #options-specification #options-grid [data-box="description"] {
    flex: 1 0 62.75%;
    max-width: 62.75%;
    font-size: 1em; }
  .v-option #options-specification #options-grid.inc-product-compatibility [data-box="description"] {
    flex: 1 0 40.75%;
    max-width: 40.75%; }
  .v-option #options-specification #options-grid.inc-product-compatibility.inc-user-guide [data-box="description"] {
    flex: 1 0 29.75%;
    max-width: 29.75%; }
  .v-option #options-specification #options-grid.inc-user-guide [data-box="description"] {
    flex: 1 0 51.75%;
    max-width: 51.75%; }
  .v-option #options-specification #options-grid [data-box="product-code"] {
    font-weight: 200;
    font-size: 1em;
    flex: 1 0 12%;
    max-width: 12%; }
  .v-option #options-specification #options-grid .product-specification {
    flex: 1 0 25.25%;
    max-width: 25.25%;
    padding: 0 !important;
    background: none;
    font-weight: 400; }
    .v-option #options-specification #options-grid .product-specification > div {
      height: 100%;
      border-right: 0.15rem solid #fff;
      padding: 0.2em; }
      .v-option #options-specification #options-grid .product-specification > div:last-child {
        border-right: none; }
  .v-option #options-specification #options-grid [data-box="mm"] {
    display: none !important; }
  .v-option #options-specification #options-grid [data-box="width"] {
    flex: 0 0 23%;
    max-width: 23%;
    margin-right: 0; }
    .v-option #options-specification #options-grid [data-box="width"]::before {
      display: none; }
    .v-option #options-specification #options-grid [data-box="width"]::after {
      display: none; }
  .v-option #options-specification #options-grid [data-box="height"] {
    flex: 0 0 23%;
    max-width: 23%;
    margin-right: 0; }
    .v-option #options-specification #options-grid [data-box="height"]::before {
      display: none; }
    .v-option #options-specification #options-grid [data-box="height"]::after {
      display: none; }
  .v-option #options-specification #options-grid [data-box="depth"] {
    flex: 0 0 23%;
    max-width: 23%;
    margin-right: 0; }
    .v-option #options-specification #options-grid [data-box="depth"]::before {
      display: none; }
    .v-option #options-specification #options-grid [data-box="depth"]::after {
      display: none; }
  .v-option #options-specification #options-grid [data-box="weight"] {
    flex: 0 0 31%;
    max-width: 31%;
    margin-right: 0;
    padding: 0 0.5rem; }
    .v-option #options-specification #options-grid [data-box="weight"]::before {
      display: none; }
    .v-option #options-specification #options-grid [data-box="weight"]::after {
      display: none; }
  .v-option #options-specification #options-grid .product-box span::after {
    display: none; }
  .v-option #options-specification #options-grid .product-compatibility-table {
    padding: 0 !important;
    flex: 1 0 22%;
    max-width: 22%;
    background: none; }
    .v-option #options-specification #options-grid .product-compatibility-table > div {
      height: 100%;
      border-right: 0.15rem solid #fff; }
      .v-option #options-specification #options-grid .product-compatibility-table > div:last-child {
        border-right: none; }
  .v-option #options-specification #options-grid [data-box="p2"] {
    flex: 1 0 21%;
    max-width: 21%;
    margin-right: 0; }
    .v-option #options-specification #options-grid [data-box="p2"] i {
      display: block; }
    .v-option #options-specification #options-grid [data-box="p2"] span {
      display: none; }
  .v-option #options-specification #options-grid [data-box="eco"] {
    flex: 1 0 21%;
    max-width: 21%;
    margin-right: 0; }
    .v-option #options-specification #options-grid [data-box="eco"] i {
      display: block; }
    .v-option #options-specification #options-grid [data-box="eco"] span {
      display: none; }
  .v-option #options-specification #options-grid [data-box="e3"] {
    flex: 1 0 21%;
    max-width: 21%;
    margin-right: 0; }
    .v-option #options-specification #options-grid [data-box="e3"] i {
      display: block; }
    .v-option #options-specification #options-grid [data-box="e3"] span {
      display: none; }
  .v-option #options-specification #options-grid [data-box="elevator"] {
    flex: 1 0 37%;
    max-width: 37%;
    margin-right: 0; }
    .v-option #options-specification #options-grid [data-box="elevator"] i {
      display: block; }
    .v-option #options-specification #options-grid [data-box="elevator"] span {
      display: none; }
  .v-option #options-specification #options-grid [data-box="user-guide"] {
    position: static;
    flex: 1 0 11%;
    max-width: 11%; }
    .v-option #options-specification #options-grid [data-box="user-guide"] .no-download {
      display: inline; } }

@media (min-width: 75em) {
  .v-option #options-specification #options-grid #options-grid-header {
    font-size: 1em; } }

.v-optistick-smart #optistick-header-app-download {
  display: none; }

.v-optistick-smart #kit-photo {
  margin: 2em 0; }

.v-optistick-smart #user-guide {
  display: inline-block !important;
  margin: 1em 0 2em; }

.v-optistick-smart #compatibility-notes .device-compatibility-note {
  margin-bottom: 1em; }

.v-optistick-smart .optistick-products .table-headings {
  display: none; }

.v-optistick-smart .optistick-products .optistick-products__product {
  background: #fff;
  color: #000;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
  font-size: 0.85em; }
  .v-optistick-smart .optistick-products .optistick-products__product .part-no {
    font-size: 1.529em;
    font-weight: 600;
    padding: 0.75rem 0.75rem 0; }
  .v-optistick-smart .optistick-products .optistick-products__product .name {
    padding: 0.125em 0.75rem; }
  .v-optistick-smart .optistick-products .optistick-products__product .desc {
    padding: 0.125em 0.75rem; }
  .v-optistick-smart .optistick-products .optistick-products__product .contents {
    padding: 0.5em 0.75rem; }
    .v-optistick-smart .optistick-products .optistick-products__product .contents span {
      font-weight: 600; }
  .v-optistick-smart .optistick-products .optistick-products__product .compatibility {
    background: #535486;
    color: #fff;
    padding: 0.5em 0.75rem; }
    .v-optistick-smart .optistick-products .optistick-products__product .compatibility h4 {
      font-size: 0.85em;
      font-weight: 400; }
    .v-optistick-smart .optistick-products .optistick-products__product .compatibility ul {
      list-style: none;
      padding: 0;
      margin-bottom: 0;
      display: flex; }
      .v-optistick-smart .optistick-products .optistick-products__product .compatibility ul > li::before {
        content: none; }
    .v-optistick-smart .optistick-products .optistick-products__product .compatibility li {
      font-size: 1.176em;
      margin-bottom: 0; }
    .v-optistick-smart .optistick-products .optistick-products__product .compatibility li:not([data-compatible]) {
      display: none; }
    .v-optistick-smart .optistick-products .optistick-products__product .compatibility li span {
      font-weight: 600; }
    .v-optistick-smart .optistick-products .optistick-products__product .compatibility li i {
      display: none; }
    .v-optistick-smart .optistick-products .optistick-products__product .compatibility li + li {
      margin-left: 0.5em; }

.v-optistick-smart .optistick-products .software-cta a {
  display: inline-block;
  padding-top: 0.75rem;
  padding-right: 2.5rem;
  padding-left: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 400; }
  .v-optistick-smart .optistick-products .software-cta a::before {
    left: calc(100% - 0.5rem);
    top: 50%;
    transform: translate(-100%, -50%); }

@media (min-width: 36em) {
  .v-optistick-smart #optistick-static-content {
    padding-top: 3em; }
    .v-optistick-smart #optistick-static-content .optistick-smart-features {
      position: relative; }
    .v-optistick-smart #optistick-static-content #kit-photo {
      margin: 0 0 0 auto;
      max-height: 13rem; } }

@media (min-width: 48em) {
  .v-optistick-smart #optistick-static-content .optistick-smart-features .video-thumb-links li {
    flex: 0 0 33.333%;
    max-width: 33.333%; } }

@media (min-width: 62em) {
  .v-optistick-smart .banner #option-feature img {
    top: 20%; }
  .v-optistick-smart #optistick-device-compatibility > h2 {
    margin: 2rem 0 3rem; }
  .v-optistick-smart #optistick-device-compatibility .optistick-products {
    position: relative; }
    .v-optistick-smart #optistick-device-compatibility .optistick-products > div:not(.software-cta) {
      display: flex !important; }
      .v-optistick-smart #optistick-device-compatibility .optistick-products > div:not(.software-cta) > div {
        flex: 1 0 0%;
        width: 100%;
        padding: 0.75rem 0.5rem;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        font-size: inherit !important;
        font-weight: inherit !important; }
      .v-optistick-smart #optistick-device-compatibility .optistick-products > div:not(.software-cta) > div + div {
        border-left: 2px solid #fff; }
    .v-optistick-smart #optistick-device-compatibility .optistick-products .software-cta {
      position: absolute;
      top: 100%;
      right: calc(22rem / 3);
      width: calc((22rem / 3) * 2);
      z-index: 1; }
      .v-optistick-smart #optistick-device-compatibility .optistick-products .software-cta a {
        display: block; }
        .v-optistick-smart #optistick-device-compatibility .optistick-products .software-cta a span {
          display: none; }
    .v-optistick-smart #optistick-device-compatibility .optistick-products .table-headings {
      background: #000;
      color: #fff;
      font-weight: 600; }
      .v-optistick-smart #optistick-device-compatibility .optistick-products .table-headings .compatibility {
        background: #0060d8 !important;
        color: #fff !important; }
    .v-optistick-smart #optistick-device-compatibility .optistick-products .optistick-products__product {
      box-shadow: none;
      margin: 0;
      background: #ddd;
      font-size: inherit; }
      .v-optistick-smart #optistick-device-compatibility .optistick-products .optistick-products__product sup.mobile {
        display: none; }
      .v-optistick-smart #optistick-device-compatibility .optistick-products .optistick-products__product:nth-child(2n) {
        background: #eee; }
      .v-optistick-smart #optistick-device-compatibility .optistick-products .optistick-products__product .contents span {
        display: none; }
    .v-optistick-smart #optistick-device-compatibility .optistick-products .part-no {
      flex: 0 0 8em !important;
      max-width: 8em; }
    .v-optistick-smart #optistick-device-compatibility .optistick-products .compatibility {
      flex: 0 0 22em !important;
      max-width: 22em;
      padding: 0 !important;
      align-items: stretch;
      justify-content: stretch;
      background: none !important;
      color: #0060d8 !important; }
      .v-optistick-smart #optistick-device-compatibility .optistick-products .compatibility h4 {
        display: none; }
      .v-optistick-smart #optistick-device-compatibility .optistick-products .compatibility ul {
        list-style: none;
        padding: 0;
        margin-bottom: 0;
        display: flex;
        width: 100%;
        flex: 1 0 0%;
        height: 100%; }
        .v-optistick-smart #optistick-device-compatibility .optistick-products .compatibility ul > li::before {
          content: none; }
      .v-optistick-smart #optistick-device-compatibility .optistick-products .compatibility li {
        flex: 1 0 0%;
        width: 100%;
        margin: 0 !important;
        display: flex !important;
        font-size: inherit !important;
        align-items: center;
        justify-content: center;
        padding: 0.5rem 0.25rem; }
        .v-optistick-smart #optistick-device-compatibility .optistick-products .compatibility li span {
          display: none; }
        .v-optistick-smart #optistick-device-compatibility .optistick-products .compatibility li i {
          display: inline !important; }
      .v-optistick-smart #optistick-device-compatibility .optistick-products .compatibility li + li {
        border-left: 2px solid #fff; } }

.v-iknow .banner {
  padding: 3em 0 5em; }
  .v-iknow .banner .span {
    z-index: 1; }
  .v-iknow .banner:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.5;
    background-image: url("../img/iknow/pixel-pattern.png");
    background-position: 90% 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    pointer-events: none; }
    @media (min-width: 48em) {
      .v-iknow .banner:before {
        background-position: 100% 100%;
        right: 20%; } }
    @media (min-width: 62em) {
      .v-iknow .banner:before {
        right: 60%;
        opacity: 0.35; } }
  @media (min-width: 48em) {
    .v-iknow .banner::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0.5;
      background-image: url("../img/content/drives/overview/optidrive-family.png");
      background-position: 100% 100%;
      background-size: auto 80%;
      background-repeat: no-repeat; } }
  @media (min-width: 48em) and (min-width: 90em) {
    .v-iknow .banner::after {
      right: calc((100vw - 96rem) / 2); } }

.v-iknow .article {
  background: #fff;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4); }
  .v-iknow .article header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 2rem 3rem 0; }
    .v-iknow .article header .article-number {
      padding: 0.5rem 1rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border: 0.05rem solid rgba(0, 0, 0, 0.3);
      font-size: 0.8rem;
      margin-left: 2rem; }
      .v-iknow .article header .article-number em {
        font-size: 1.5em;
        font-style: normal; }
  .v-iknow .article .feature {
    position: relative; }
    .v-iknow .article .feature img {
      margin: 2rem 0 0;
      width: 100%; }
    .v-iknow .article .feature .overlay-caption {
      position: absolute;
      left: 2rem;
      bottom: 2rem;
      color: #fff;
      padding: 0.5rem 1rem;
      background: rgba(0, 0, 0, 0.7); }
  .v-iknow .article > div:not(.feature) {
    padding: 3rem 3rem; }
  .v-iknow .article h2 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #535486 !important;
    margin-bottom: 1rem; }
    .v-iknow .article h2 > a {
      color: #535486 !important; }
  .v-iknow .article figure figcaption {
    display: table;
    background: #dfdfdf;
    padding: 0.9em 1em 0.9em 5.5em;
    position: relative;
    margin-top: 2em; }
    .v-iknow .article figure figcaption strong {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      height: 100%;
      display: inline-block;
      background: #4aade0;
      padding: 0.9em 1em;
      color: #fff; }
      .v-iknow .article figure figcaption strong::before {
        content: '';
        position: absolute;
        top: -0.3rem;
        left: 1rem;
        display: inline-block;
        background: #4aade0;
        width: 0.8rem;
        height: 0.8rem;
        transform: rotate(45deg); }
  .v-iknow .article .biao {
    display: table;
    background: #dfdfdf;
    padding: 0.9em 1em 0.9em 5.5em;
    position: relative;
    margin-top: 2em; }
    .v-iknow .article .biao strong {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      height: 100%;
      display: inline-block;
      background: #4aade0;
      padding: 0.9em 1em;
      color: #fff; }
      .v-iknow .article .biao strong::before {
        content: '';
        position: absolute;
        top: -0.3rem;
        left: 1rem;
        display: inline-block;
        background: #4aade0;
        width: 0.8rem;
        height: 0.8rem;
        transform: rotate(45deg); }
  .v-iknow .article .iknow-article {
    border-bottom: 0.05rem solid #ccc; }
    .v-iknow .article .iknow-article:first-child {
      padding-top: 0 !important; }
    .v-iknow .article .iknow-article .iknow-full-article {
      position: relative;
      background: #4aade0;
      color: #fff;
      margin-bottom: 1em;
      padding-right: 3rem;
      border-radius: 0; }
      .v-iknow .article .iknow-article .iknow-full-article::before {
        content: '\f105';
        font-family: 'Font Awesome 5 Pro';
        font-weight: 200;
        position: absolute;
        top: 50%;
        transform: translate(50%, -50%);
        right: 1.5rem;
        color: #fff;
        font-size: 2rem; }
  .v-iknow .article .iknow-answers-slider {
    background: #fff;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
    padding: 0 !important;
    width: calc(100% - 6rem);
    margin: 0 auto; }
    .v-iknow .article .iknow-answers-slider header {
      padding-left: 4rem;
      padding-bottom: 1rem;
      padding-top: 1rem;
      background: #535486;
      color: #fff;
      position: relative;
      font-size: 1.2em; }
      .v-iknow .article .iknow-answers-slider header::before {
        content: '\f086';
        font-family: 'Font Awesome 5 Pro';
        position: absolute;
        left: 2rem;
        top: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 1.5em; }
    .v-iknow .article .iknow-answers-slider .trending {
      padding: 2rem 4rem; }
      .v-iknow .article .iknow-answers-slider .trending h3 {
        padding-bottom: 0.5rem;
        color: #535486;
        font-weight: 200;
        font-size: 1.3em;
        border-bottom: rgba(83, 84, 134, 0.5) 1px solid; }
    .v-iknow .article .iknow-answers-slider #iknow-slider {
      padding: 0 4rem;
      overflow: hidden; }
      .v-iknow .article .iknow-answers-slider #iknow-slider .glide__arrows {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        display: flex;
        justify-content: space-between;
        margin-right: -3rem;
        margin-left: -3rem; }
        .v-iknow .article .iknow-answers-slider #iknow-slider .glide__arrows button {
          background: #ddd;
          text-align: center;
          display: flex;
          align-items: center;
          width: 6rem;
          height: 6rem;
          border-radius: 50%; }
          .v-iknow .article .iknow-answers-slider #iknow-slider .glide__arrows button i {
            color: #bbb;
            font-size: 2rem;
            pointer-events: none; }
          .v-iknow .article .iknow-answers-slider #iknow-slider .glide__arrows button:hover i {
            color: #0060d8; }
        .v-iknow .article .iknow-answers-slider #iknow-slider .glide__arrows .glide__arrow--left i {
          margin-left: 3.75rem; }
        .v-iknow .article .iknow-answers-slider #iknow-slider .glide__arrows .glide__arrow--right i {
          margin-left: 0.7em; }
      .v-iknow .article .iknow-answers-slider #iknow-slider .glide__slides {
        transform: none !important;
        width: auto !important;
        display: grid;
        grid-template-areas: 'slide';
        position: relative;
        min-height: 13rem; }
      .v-iknow .article .iknow-answers-slider #iknow-slider .glide__slide {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        transition: opacity 0.5s ease;
        grid-area: slide;
        width: 100% !important; }
      .v-iknow .article .iknow-answers-slider #iknow-slider .glide__slide--active {
        z-index: 1;
        opacity: 1; }
      .v-iknow .article .iknow-answers-slider #iknow-slider .answer {
        height: 10rem;
        overflow: hidden;
        margin-bottom: 2rem;
        position: relative; }
        .v-iknow .article .iknow-answers-slider #iknow-slider .answer p {
          margin-bottom: 0.5rem; }
        .v-iknow .article .iknow-answers-slider #iknow-slider .answer::before {
          content: '';
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          background: rgba(255, 255, 255, 0.4);
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
      .v-iknow .article .iknow-answers-slider #iknow-slider .read-more {
        position: absolute;
        right: 0;
        bottom: 0; }
        .v-iknow .article .iknow-answers-slider #iknow-slider .read-more a {
          padding: 1rem; }
      .v-iknow .article .iknow-answers-slider #iknow-slider h3 {
        font-size: 1.2rem; }
    .v-iknow .article .iknow-answers-slider #visit-indepth {
      padding: 1rem 4rem 4rem 4rem; }
      .v-iknow .article .iknow-answers-slider #visit-indepth a {
        background: #535486;
        padding: 0.5rem 1.5rem;
        text-align: center;
        color: #fff;
        position: relative;
        display: block; }
        @media (min-width: 48em) {
          .v-iknow .article .iknow-answers-slider #visit-indepth a {
            display: inline; } }
        .v-iknow .article .iknow-answers-slider #visit-indepth a::before {
          content: '';
          position: absolute;
          top: 0;
          left: 2rem;
          transform: translateY(-50%) rotate(45deg);
          background: #535486;
          width: 1rem;
          height: 1rem; }
        .v-iknow .article .iknow-answers-slider #visit-indepth a:hover {
          background: #948cc3; }
          .v-iknow .article .iknow-answers-slider #visit-indepth a:hover::before {
            background: #948cc3; }

.v-iknow .article-nav {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem; }
  .v-iknow .article-nav > a {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column; }
    .v-iknow .article-nav > a span {
      color: #000 !important;
      font-style: 1.2em;
      padding: 1rem 0; }
    .v-iknow .article-nav > a button {
      padding: 1rem;
      background: #4aade0;
      border-radius: 0;
      color: #fff;
      font-weight: 600;
      position: relative; }
      .v-iknow .article-nav > a button::before {
        font-family: 'Font Awesome 5 Pro';
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 2em;
        font-weight: 400; }
    .v-iknow .article-nav > a.prev-article {
      align-items: flex-start; }
      .v-iknow .article-nav > a.prev-article button {
        padding-left: 3rem; }
        .v-iknow .article-nav > a.prev-article button::before {
          content: '\f104';
          left: 1.5rem;
          transform: translate(-50%, -50%); }
    .v-iknow .article-nav > a.next-article {
      align-items: flex-end; }
      .v-iknow .article-nav > a.next-article button {
        padding-right: 3rem; }
        .v-iknow .article-nav > a.next-article button::before {
          content: '\f105';
          right: 1.5rem;
          transform: translate(50%, -50%); }

@media (min-width: 48em) {
  .v-iknow .sidebar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
    .v-iknow .sidebar > div {
      flex: 0 0 48%;
      max-width: 48%; } }

@media (min-width: 62em) {
  .v-iknow .sidebar {
    display: block; }
    .v-iknow .sidebar > div {
      flex: 0 0 100%;
      max-width: 100%; } }

.v-iknow .sidebar .panel.iknow-categories header::before, .v-iknow .sidebar .panel.iknow-articles header::before {
  content: '\f15c'; }

.v-iknow .sidebar .panel.iknow-videos header::before {
  content: '\f144'; }

.v-iknow .sidebar .panel.iknow-videos ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .v-iknow .sidebar .panel.iknow-videos ul li {
    position: relative;
    flex: 0 0 calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem); }
    .v-iknow .sidebar .panel.iknow-videos ul li:nth-child(1), .v-iknow .sidebar .panel.iknow-videos ul li:nth-child(2) {
      margin-bottom: 1rem; }
    .v-iknow .sidebar .panel.iknow-videos ul li a {
      width: 100%;
      height: 100%; }
      .v-iknow .sidebar .panel.iknow-videos ul li a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.7); }
      .v-iknow .sidebar .panel.iknow-videos ul li a img {
        margin-bottom: 0;
        margin-right: 0;
        width: 100%;
        min-width: 100%;
        max-width: 100%; }
      .v-iknow .sidebar .panel.iknow-videos ul li a span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        font-size: 0.8em;
        z-index: 1;
        color: #fff;
        width: 100%;
        padding: 0 0.5rem; }
        .v-iknow .sidebar .panel.iknow-videos ul li a span::before {
          content: '\f144';
          font-family: 'Font Awesome 5 Pro';
          display: block;
          font-weight: 400;
          font-size: 1.4rem;
          margin-bottom: 0.5rem; }

.v-iknow .sidebar .panel.iknow-categories ul {
  margin-bottom: 0; }
  .v-iknow .sidebar .panel.iknow-categories ul li {
    padding-bottom: 1rem;
    padding-top: 1rem;
    margin: 0;
    border-top: 1px solid #cccccc; }
    .v-iknow .sidebar .panel.iknow-categories ul li:first-child {
      border-top: none;
      padding-top: 0; }
    .v-iknow .sidebar .panel.iknow-categories ul li:last-child {
      padding-bottom: 0; }
    .v-iknow .sidebar .panel.iknow-categories ul li a {
      position: relative;
      display: flex;
      align-items: center;
      color: #000;
      font-weight: normal;
      font-family: 'futura-pt', sans-serif;
      font-size: 1em; }
      .v-iknow .sidebar .panel.iknow-categories ul li a::after {
        content: '\f105';
        font-family: 'Font Awesome 5 Pro';
        font-size: 2rem;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        color: #dbdbdb; }
      .v-iknow .sidebar .panel.iknow-categories ul li a:hover::after {
        color: #adadad; }
      .v-iknow .sidebar .panel.iknow-categories ul li a img {
        margin-bottom: 0;
        margin-right: 1rem;
        width: 7rem;
        min-width: 7rem;
        max-width: 7rem; }
      @media (min-width: 48em) {
        .v-iknow .sidebar .panel.iknow-categories ul li a span {
          padding-right: 3rem; } }

.v-iknow .sidebar .panel.iknow-categories header, .v-iknow .sidebar .panel.iknow-videos header, .v-iknow .sidebar .panel.iknow-articles header {
  padding: 1rem;
  position: relative;
  overflow: hidden;
  font-family: 'futura-pt', sans-serif;
  font-size: 1.2rem;
  background: #4aade0;
  color: #fff; }
  .v-iknow .sidebar .panel.iknow-categories header::before, .v-iknow .sidebar .panel.iknow-videos header::before, .v-iknow .sidebar .panel.iknow-articles header::before {
    font-family: 'Font Awesome 5 Pro';
    margin-right: 1rem;
    font-size: 1.2em; }

.v-iknow .sidebar .panel.iknow-faq-ad a {
  background: url(../img/iknow/faq-ad-icon.png) 24px 24px/auto 55px no-repeat, url(../img/iknow/faq-ad.jpg) 100% 100%/cover no-repeat;
  padding: 6rem 2rem 2rem;
  font-weight: normal;
  font-family: 'futura-pt', sans-serif;
  font-size: 1.5rem;
  color: #fff;
  display: block;
  min-height: 5rem; }

#iknow-promo {
  background: #111111;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #111111 0%, #555555 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #111111 0%, #555555 100%);
  /* Chrome10-25,Safari5.1-6 */
  background-image: url(../img/content/drives/overview/iknow/banner-pixels.png) 100% 100%/75% no-repeat;
  background: url(../img/content/drives/overview/iknow/banner-pixels.png) 100% 100%/75% no-repeat, linear-gradient(45deg, #111111 0%, #555555 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#555555',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  color: #fff !important; }
  #iknow-promo .row {
    padding: 0; }
  #iknow-promo #iknow-articles > .row div[class*="col-md"] {
    padding-top: 0;
    padding-bottom: 0; }
    @media (min-width: 48em) {
      #iknow-promo #iknow-articles > .row div[class*="col-md"] {
        display: flex;
        flex-direction: column;
        justify-content: space-between; } }
  #iknow-promo #iknow-articles #heading {
    position: relative;
    margin-bottom: 2.5rem;
    text-align: right; }
    @media (min-width: 48em) {
      #iknow-promo #iknow-articles #heading {
        margin-bottom: 0;
        max-height: 10rem; } }
    #iknow-promo #iknow-articles #heading span {
      font-family: 'futura-pt', Arial, sans-serif;
      font-weight: 400;
      font-size: 1.25rem;
      color: white; }
    #iknow-promo #iknow-articles #heading img {
      max-width: 10em; }
      @media (min-width: 48em) {
        #iknow-promo #iknow-articles #heading img {
          max-width: 75%; } }
  #iknow-promo #iknow-articles .article-link {
    color: #000 !important;
    background: white;
    padding: 1rem;
    position: relative;
    display: flex;
    justify-content: space-between; }
    #iknow-promo #iknow-articles .article-link p {
      margin-bottom: 0;
      padding-right: 2.5rem;
      font-weight: 700;
      font-family: 'futura-pt', Arial, sans-serif;
      font-size: 1rem; }
      @media (min-width: 48em) {
        #iknow-promo #iknow-articles .article-link p {
          font-size: 0.75rem; } }
      @media (min-width: 62em) {
        #iknow-promo #iknow-articles .article-link p {
          font-size: 1rem; } }
    #iknow-promo #iknow-articles .article-link .article-no {
      text-align: center;
      font-family: 'futura-pt', Arial, sans-serif;
      font-weight: 400;
      color: white;
      background: #4aade0;
      padding: 0.4em 0.6em;
      max-height: 4em;
      align-self: flex-end;
      font-size: 0.8rem; }
      @media (min-width: 48em) {
        #iknow-promo #iknow-articles .article-link .article-no {
          position: absolute;
          bottom: 0.375rem;
          right: 0.375rem; } }
      @media (min-width: 75em) {
        #iknow-promo #iknow-articles .article-link .article-no {
          font-size: 1rem; } }
      #iknow-promo #iknow-articles .article-link .article-no span:first-child {
        font-size: 0.9em; }
      #iknow-promo #iknow-articles .article-link .article-no span:last-child {
        font-size: 1.1em; }
  #iknow-promo #expand-your-knowledge {
    background: rgba(0, 0, 0, 0.2);
    padding: 1rem 2rem 1rem 0.75rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 1rem; }
    @media (min-width: 48em) {
      #iknow-promo #expand-your-knowledge {
        margin-bottom: 0; } }
    @media (min-width: 90em) {
      #iknow-promo #expand-your-knowledge {
        padding-right: 5rem; } }
    #iknow-promo #expand-your-knowledge h2 {
      font-family: 'futura-pt', Arial, sans-serif;
      font-weight: 700;
      font-size: 1.5rem;
      color: white;
      margin-bottom: 0.5rem; }
      @media (min-width: 90em) {
        #iknow-promo #expand-your-knowledge h2 {
          margin-bottom: 1.5rem; } }
    #iknow-promo #expand-your-knowledge p {
      font-family: 'futura-pt', Arial, sans-serif;
      font-weight: 400;
      font-size: 1.125rem;
      color: #fff; }
    @media (min-width: 48em) {
      #iknow-promo #expand-your-knowledge a {
        margin-top: auto; } }
    #iknow-promo #expand-your-knowledge #iknow-button {
      width: 7.232125rem;
      height: 2.625rem;
      background: #4aade0;
      position: relative; }
      @media (min-width: 62em) {
        #iknow-promo #expand-your-knowledge #iknow-button {
          margin-top: 3vw; } }
      @media (min-width: 75em) {
        #iknow-promo #expand-your-knowledge #iknow-button {
          margin-top: 4vw; } }
      @media (min-width: 90em) {
        #iknow-promo #expand-your-knowledge #iknow-button {
          margin-top: 2.5rem; } }
      #iknow-promo #expand-your-knowledge #iknow-button::before {
        content: '\f105';
        font-family: 'Font Awesome 5 Pro';
        position: absolute;
        top: 50%;
        left: 0.75rem;
        transform: translateY(-50%);
        font-size: 2.5em;
        font-weight: 400;
        color: #fff; }
      #iknow-promo #expand-your-knowledge #iknow-button img {
        position: absolute;
        right: 1.18125rem;
        top: 50%;
        transform: translateY(-50%);
        max-width: 3.7rem; }
  #iknow-promo .page-link, #iknow-promo .article-link, #iknow-promo .video-link {
    min-height: 7em;
    margin-bottom: 1rem; }
    @media (min-width: 48em) {
      #iknow-promo .page-link, #iknow-promo .article-link, #iknow-promo .video-link {
        margin-bottom: 0;
        min-height: 8em; } }
    @media (min-width: 62em) {
      #iknow-promo .page-link, #iknow-promo .article-link, #iknow-promo .video-link {
        min-height: 7em; } }
    @media (min-width: 90em) {
      #iknow-promo .page-link, #iknow-promo .article-link, #iknow-promo .video-link {
        min-height: 8em; } }
  #iknow-promo .video-link[data-video="multiple-motor-control"] {
    background: url(../img/content/drives/overview/iknow/multiple-motor-control-thumbnail.jpg) center center/cover no-repeat; }
  #iknow-promo .video-link[data-video="standard-parameters"] {
    background: url(../img/content/drives/overview/iknow/standard-parameters-thumbnail.jpg) center center/cover no-repeat; }
  #iknow-promo .video-link[data-video="optistick-smart"] {
    background: url(../img/content/drives/overview/iknow/optistick-thumb.jpg) center center/cover no-repeat; }
  #iknow-promo .video-link > div {
    color: #fff !important;
    background: rgba(0, 0, 0, 0.6);
    padding: 1rem;
    position: relative; }
  #iknow-promo .video-caption {
    text-align: center;
    padding: 0.75rem 0.5rem;
    font-family: 'futura-pt', Arial, sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #fff; }
    #iknow-promo .video-caption i {
      font-size: 2.5rem;
      margin-bottom: 1rem; }
  #iknow-promo div[data-feature] div {
    position: relative;
    border: none; }
    #iknow-promo div[data-feature] div span {
      color: #fff !important;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0.5rem;
      background: rgba(0, 0, 0, 0.6);
      font-family: 'futura-pt', Arial, sans-serif;
      font-weight: 400;
      font-size: 0.875rem; }
  #iknow-promo div[data-feature="energy-saving"] div {
    background: url(../img/content/drives/overview/iknow/features/energy-saving.jpg) 0 0/101% no-repeat; }
  #iknow-promo div[data-feature="selection-and-installation"] div {
    background: url(../img/content/drives/overview/iknow/features/selection-and-installation.jpg) 0 0/101% no-repeat; }
  #iknow-promo div[data-feature="commissioning-and-troubleshooting"] div {
    background: url(../img/content/drives/overview/iknow/features/commissioning-and-troubleshooting.jpg) 0 0/101% no-repeat; }
  #iknow-promo div[data-feature="vfd-fundamentals"] div {
    background: url(../img/content/drives/overview/iknow/features/vfd-fundamentals.jpg) 0 0/101% no-repeat; }

.led-text {
  font-family: '7 Segment' !important; }

@font-face {
  font-family: '7 Segment';
  src: url("7Segment.eot");
  src: url("7Segment.eot?#iefix") format("embedded-opentype"), url("7Segment.woff2") format("woff2"), url("7Segment.woff") format("woff"), url("7Segment.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.using-closed-loop-control .article-nav {
  justify-content: flex-start; }

.v-iknow-faq #faq-accordion .drop-btn {
  color: #000 !important;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 1em 3em 1em 1em;
  background: #eaeaea;
  position: relative; }
  .v-iknow-faq #faq-accordion .drop-btn em {
    display: block;
    font-size: 1rem; }

.v-drive-options .option-type {
  position: relative; }
  .v-drive-options .option-type a:not(.link) {
    color: inherit !important;
    font-weight: 400; }
  .v-drive-options .option-type .option-image {
    display: none; }
    @media (min-width: 48em) {
      .v-drive-options .option-type .option-image {
        display: block;
        position: absolute;
        right: 0.9375rem;
        top: 50%;
        transform: translateY(-50%);
        max-width: 10rem; } }
    @media (min-width: 75em) {
      .v-drive-options .option-type .option-image {
        max-width: 15rem;
        max-height: 90%; } }

.v-drive-options .option-list {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  margin-bottom: 1.5em; }
  .v-drive-options .option-list > li::before {
    content: none; }
  .v-drive-options .option-list a:hover {
    color: #0060d8; }
  .v-drive-options .option-list .option__code {
    font-size: 0.75em;
    font-weight: 600;
    color: #0060d8; }

@media (min-width: 30em) {
  .v-drive-options .option-list li a {
    display: flex; }
    .v-drive-options .option-list li a .option__code {
      font-size: 1em;
      flex: 0 0 10em;
      width: 100%;
      max-width: 10em; } }

@media (min-width: 30em) and (max-width: 61.9375em) {
  .v-drive-options .software-promo {
    padding-bottom: 1.5em; } }

@media (min-width: 62em) {
  .v-drive-options .software-promo img {
    height: 7em; } }

@media (min-width: 75em) {
  .v-drive-options .software-promo img {
    height: 8em; } }



.v-save-energy .banner {
  padding: 1.75em 0 2em; }
  .v-save-energy .banner p.lead {
    padding-right: 25%; }
    @media (min-width: 48em) {
      .v-save-energy .banner p.lead {
        padding-right: 0; } }
  .v-save-energy .banner #save-energy-images {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .v-save-energy .banner #save-energy-images #download-app img:nth-child(1) {
      margin-bottom: 0.5rem; }
    .v-save-energy .banner #save-energy-images > div {
      position: relative;
      margin-left: 6%; }
    .v-save-energy .banner #save-energy-images > div:nth-child(1) {
      flex: 0 0 35%;
      max-width: 35%; }
    .v-save-energy .banner #save-energy-images > div:nth-child(2) {
      flex: 0 0 30%;
      max-width: 30%; }
      .v-save-energy .banner #save-energy-images > div:nth-child(2) img {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%); }
    @media (min-width: 48em) {
      .v-save-energy .banner #save-energy-images > div:nth-child(1) {
        flex: 0 0 45%;
        max-width: 45%; }
      .v-save-energy .banner #save-energy-images > div:nth-child(2) {
        flex: 0 0 35%;
        max-width: 35%; } }
    @media (min-width: 75em) {
      .v-save-energy .banner #save-energy-images > div:nth-child(1) {
        flex: 0 0 14rem;
        max-width: 14rem; }
      .v-save-energy .banner #save-energy-images > div:nth-child(2) {
        flex: 0 0 10rem;
        max-width: 10rem; } }

.v-save-energy #saving-energy {
  text-align: right;
  color: #535486;
  padding-top: 8rem;
  position: relative;
  margin-left: auto; }
  .v-save-energy #saving-energy img {
    position: absolute;
    right: 0;
    width: 5rem;
    bottom: calc(100% - 7rem); }
    @media (min-width: 48em) {
      .v-save-energy #saving-energy img {
        bottom: calc(100% - 6rem);
        width: 7rem; } }

.v-support .banner {
  padding: 3em 0 4em;
  overflow: hidden; }
  .v-support .banner::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -50%;
    top: -20%;
    background: url("../img/content/network/white-globe.png") 100% center/auto 100% no-repeat;
    opacity: 0.25; }
    @media (min-width: 90em) {
      .v-support .banner::before {
        right: calc((100vw - 96rem) / 2); } }

.v-support #support-icons #support-icon-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  position: relative; }
  .v-support #support-icons #support-icon-list::before {
    content: '';
    position: absolute;
    left: calc(((100vw - 94.375%) / 2) * -1);
    right: calc(((100vw - 94.375%) / 2) * -1);
    top: 3rem;
    bottom: 3.5rem;
    background-image: url("../img/content/about/circuit-board.svg");
    background-size: auto 3rem;
    background-position: top center;
    background-repeat: repeat-x;
    opacity: 0.25;
    z-index: -1; }
  @media (min-width: 48em) {
    .v-support #support-icons #support-icon-list {
      margin-left: -2.5rem;
      margin-right: -2.5rem; } }
  @media (min-width: 62em) {
    .v-support #support-icons #support-icon-list {
      margin-left: 0;
      margin-right: 0; } }
  .v-support #support-icons #support-icon-list li {
    flex: 0 0 50%;
    max-width: 50%;
    text-align: center; }
    @media (min-width: 36em) {
      .v-support #support-icons #support-icon-list li {
        flex: 0 0 33.3333333%;
        max-width: 33.3333333%; } }
    @media (min-width: 48em) {
      .v-support #support-icons #support-icon-list li {
        flex: 0 0 20%;
        max-width: 20%; } }
    @media (min-width: 62em) {
      .v-support #support-icons #support-icon-list li {
        flex: 0 0 calc(10% + 0.05rem);
        max-width: calc(10% + 0.05rem);
        margin: 0 -0.03rem; } }
    .v-support #support-icons #support-icon-list li a img {
      margin: 0;
      width: 100%; }
    .v-support #support-icons #support-icon-list li a > div {
      text-align: center;
      padding: 0 12.5%; }

.v-support #icon-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -0.9375rem; }
  @media (min-width: 62em) {
    .v-support #icon-content {
      margin: 0; } }
  .v-support #icon-content > li {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 2rem;
    padding: 2em 1.25rem 1.75rem 6rem;
    position: relative; }
    @media (min-width: 62em) {
      .v-support #icon-content > li {
        flex: 0 0 48%;
        max-width: 48%;
        margin-bottom: 5rem; } }
    .v-support #icon-content > li::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      z-index: -1; }
    .v-support #icon-content > li:nth-child(1) {
      color: #fff; }
      .v-support #icon-content > li:nth-child(1) * {
        color: #fff !important; }
      .v-support #icon-content > li:nth-child(1)::before {
        background: #a9005d; }
        @media (min-width: 62em) {
          .v-support #icon-content > li:nth-child(1)::before {
            left: calc(-0.9375rem - ((100vw - 94.375%) / 2)); } }
    .v-support #icon-content > li:nth-child(4) {
      color: #fff; }
      .v-support #icon-content > li:nth-child(4) * {
        color: #fff !important; }
      .v-support #icon-content > li:nth-child(4)::before {
        background: #535486; }
        @media (min-width: 62em) {
          .v-support #icon-content > li:nth-child(4)::before {
            right: calc(-0.9375rem - ((100vw - 94.375%) / 2)); } }
    .v-support #icon-content > li:nth-child(9) {
      color: #fff; }
      .v-support #icon-content > li:nth-child(9) * {
        color: #fff !important; }
      .v-support #icon-content > li:nth-child(9)::before {
        background: #cd1719; }
        @media (min-width: 62em) {
          .v-support #icon-content > li:nth-child(9)::before {
            left: calc(-0.9375rem - ((100vw - 94.375%) / 2)); } }
    .v-support #icon-content > li::after {
      content: '';
      position: absolute;
      left: 0;
      top: 2em;
      transform: translateY(-25%);
      width: 5rem;
      height: 5rem;
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat; }
    .v-support #icon-content > li#online-support::after {
      background-image: url("../img/content/support/online-support-white.svg"); }
    .v-support #icon-content > li#presales-support::after {
      background-image: url("../img/content/support/presales-support.svg"); }
    .v-support #icon-content > li#customer-service::after {
      background-image: url("../img/content/support/customer-service.svg"); }
    .v-support #icon-content > li#technical-support::after {
      background-image: url("../img/content/support/technical-support-white.svg"); }
    .v-support #icon-content > li#field-service::after {
      background-image: url("../img/content/support/field-service.svg"); }
    .v-support #icon-content > li#knowledge-management::after {
      background-image: url("../img/content/support/knowledge-management.svg"); }
    .v-support #icon-content > li#logistics-and-distribution::after {
      background-image: url("../img/content/support/logistics-and-distribution.svg"); }
    .v-support #icon-content > li#service-contracts::after {
      background-image: url("../img/content/support/service-contracts.svg"); }
    .v-support #icon-content > li#spare-parts-and-repair::after {
      background-image: url("../img/content/support/spare-parts-and-repair-white.svg"); }
    .v-support #icon-content > li#international-support::after {
      background-image: url("../img/content/support/international-support.svg"); }

.v-support-video-library .banner {
  padding: 2em 0 3em;
  overflow: hidden; }
  .v-support-video-library .banner::before {
    content: '';
    position: absolute;
    right: -7rem;
    top: -7rem;
    width: 25rem;
    height: 30rem;
    background-image: url("../img/content/news-and-media/film-reel.png");
    background-size: auto 100%;
    background-position: 100% 0;
    background-repeat: no-repeat;
    transform: rotate(-45deg); }
    @media (min-width: 48em) {
      .v-support-video-library .banner::before {
        width: calc(19.9489rem * 0.9);
        height: calc(37rem * 0.9); } }
    @media (min-width: 62em) {
      .v-support-video-library .banner::before {
        width: calc(19.9489rem * 1.5);
        height: calc(37rem * 1.5);
        transform: rotate(20deg) translateY(-50%);
        bottom: 0;
        top: 50%;
        right: 4em;
        background-size: contain;
        background-position: center center; } }
    @media (min-width: 101.75em) {
      .v-support-video-library .banner::before {
        right: calc(((100vw - 96rem) / 2) - 10rem);
        background-size: 40rem auto; } }
  .v-support-video-library .banner header {
    width: 100%; }
    .v-support-video-library .banner header > a {
      background: #c4302b;
      padding: 0.5em;
      max-width: 4rem;
      display: block; }
    .v-support-video-library .banner header h1 {
      font-weight: 200;
      font-size: 2.2em;
      margin: 1rem 0 1.5rem; }
      .v-support-video-library .banner header h1 a {
        font-weight: 200; }
  .v-support-video-library .banner .banner-menu nav {
    padding-bottom: 0;
    max-width: none; }
  .v-support-video-library .banner .banner-menu ul {
    font-size: 0.9em; }
    @media (min-width: 36em) {
      .v-support-video-library .banner .banner-menu ul {
        font-size: 0.75em; } }
    @media (min-width: 48em) {
      .v-support-video-library .banner .banner-menu ul {
        font-size: 0.875em; } }
    @media (min-width: 62em) {
      .v-support-video-library .banner .banner-menu ul {
        font-size: 1em;
        min-width: 40em; } }
    @media (min-width: 75em) {
      .v-support-video-library .banner .banner-menu ul {
        font-size: 1.125em; } }
    .v-support-video-library .banner .banner-menu ul li {
      flex: 0 0 50%;
      max-width: 50%; }
      @media (min-width: 36em) {
        .v-support-video-library .banner .banner-menu ul li {
          flex: 0 0 25%;
          max-width: 25%; } }

@media (min-width: 48em) {
  .v-support-video-library #latest-videos {
    padding: 3em 0; }
    .v-support-video-library #latest-videos h1 {
      margin-bottom: 3rem; } }

@media (min-width: 36em) {
  .v-support-video-library #latest-videos .latest-videos-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }

@media (min-width: 62em) {
  .v-support-video-library #latest-videos .latest-videos-list {
    width: 100%;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 33.3333% 33.3333% calc(33.3333% - 0.9375rem);
    -ms-grid-columns: 33.3333% 33.3333% 33.3333%; } }

@media (min-width: 90em) {
  .v-support-video-library #latest-videos .latest-videos-list {
    grid-template-columns: 33.3333% 33.3333% calc(33.3333% - 1.875rem);
    -ms-grid-columns: 33.3333% 33.3333% 33.3333%; } }

@media (min-width: 36em) {
  .v-support-video-library #latest-videos .latest-videos-list > li {
    flex: 1 0 calc(50% - 0.4875rem);
    max-width: calc(50% - 0.4875rem);
    margin-bottom: 0.9375rem; } }

@media (min-width: 62em) {
  .v-support-video-library #latest-videos .latest-videos-list > li {
    max-width: none !important; }
    .v-support-video-library #latest-videos .latest-videos-list > li:nth-child(1) {
      grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / span 2;
      grid-row: 1;
      -ms-grid-row-span: 2;
      grid-row: 1 / span 2;
      margin-right: 0.9375rem; }
      .v-support-video-library #latest-videos .latest-videos-list > li:nth-child(1) .support-video {
        height: 100%;
        padding-top: 0; }
        .v-support-video-library #latest-videos .latest-videos-list > li:nth-child(1) .support-video .thumb {
          height: 100% !important; }
    .v-support-video-library #latest-videos .latest-videos-list > li:nth-child(2) {
      grid-column: 3;
      -ms-grid-column: 3;
      grid-row: 1;
      -ms-grid-row: 1; }
    .v-support-video-library #latest-videos .latest-videos-list > li:nth-child(3) {
      grid-column: 3;
      -ms-grid-column: 3;
      grid-row: 2;
      -ms-grid-row: 2; } }

@media (min-width: 36em) {
  .v-support-video-library #latest-videos .latest-videos-list > li:first-child {
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 36em) {
  .v-support-video-library #latest-videos .latest-videos-list > li:first-child .support-video {
    padding-top: 20em; } }

@media (min-width: 36em) {
  .v-support-video-library #latest-videos .latest-videos-list > li:first-child .support-video .thumb {
    height: 20em; } }

@media (min-width: 48em) {
  .v-support-video-library #result-videos {
    padding: 3em 0; }
    .v-support-video-library #result-videos h1 {
      margin-bottom: 3rem; } }

@media (min-width: 36em) {
  .v-support-video-library #result-videos .result-video-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }

@media (min-width: 48em) {
  .v-support-video-library #result-videos .result-video-list {
    justify-content: flex-start; } }

@media (min-width: 36em) {
  .v-support-video-library #result-videos .result-video-list > li {
    margin-bottom: 1rem;
    flex: 0 0 calc(50% - 0.4875rem);
    max-width: calc(50% - 0.4875rem); } }

@media (min-width: 48em) {
  .v-support-video-library #result-videos .result-video-list > li {
    margin-right: 2%;
    margin-bottom: 1.5rem;
    flex: 0 0 32%;
    max-width: 32%; }
    .v-support-video-library #result-videos .result-video-list > li:nth-child(3n) {
      margin-right: 0; } }

@media (min-width: 90em) {
  .v-support-video-library #result-videos .result-video-list > li {
    margin-right: calc(8% / 3);
    margin-bottom: 2.5rem;
    flex: 0 0 23%;
    max-width: 23%; }
    .v-support-video-library #result-videos .result-video-list > li:nth-child(3n) {
      margin-right: calc(8% / 3); }
    .v-support-video-library #result-videos .result-video-list > li:nth-child(4n) {
      margin-right: 0; } }

.v-support-video-library .support-video {
  display: block;
  margin-bottom: 2em;
  padding-top: 12em;
  position: relative;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4); }
  @media (min-width: 36em) {
    .v-support-video-library .support-video {
      margin-bottom: 0; } }
  @media (min-width: 90em) {
    .v-support-video-library .support-video {
      padding-top: 15em; } }
  .v-support-video-library .support-video:hover .thumb::before {
    opacity: 0.45;
    z-index: 2; }
  .v-support-video-library .support-video:hover .thumb::after {
    content: '\f144';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.25em;
    color: #fff;
    z-index: 3; }
  .v-support-video-library .support-video .thumb {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 12em; }
    @media (min-width: 90em) {
      .v-support-video-library .support-video .thumb {
        height: 15em; } }
    .v-support-video-library .support-video .thumb::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #000;
      opacity: 0.15; }
  .v-support-video-library .support-video .title {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: 1em;
    font-weight: 400;
    padding: 0.75em 1em;
    background: rgba(0, 0, 0, 0.65);
    color: #fff; }

@media (min-width: 48em) {
  .v-support-video-library.section-nav-open .section-nav {
    margin-bottom: 11em;
    transition: margin-bottom 0.2s ease; } }

.v-software .banner {
  padding: 1.5em 0;
  box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.4); }
  .v-software .banner img {
    margin: 0 0 0 auto; }

.v-software #optitools > .span {
  flex-direction: column-reverse; }
  @media (min-width: 62em) {
    .v-software #optitools > .span {
      flex-direction: row; } }
  @media (min-width: 62em) {
    .v-software #optitools > .span > div:first-child {
      padding-right: 2rem;
      border-right: #fff solid 0.05rem; } }
  .v-software #optitools > .span > div:last-child {
    border-bottom: #fff solid 0.05rem; }
    @media (min-width: 62em) {
      .v-software #optitools > .span > div:last-child {
        padding-left: 4rem;
        border-bottom: none; } }
  .v-software #optitools > .span > div#optitools-studio #optitools-download {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .v-software #optitools > .span > div#optitools-studio #optitools-download a {
      margin: 0.9em 0 0.65em 0; }
  .v-software #optitools > .span > div#optitools-mobile #download-app {
    display: flex;
    margin-top: 1rem; }
    .v-software #optitools > .span > div#optitools-mobile #download-app a {
      margin-right: 0.25rem; }
    .v-software #optitools > .span > div#optitools-mobile #download-app img {
      height: 2.5rem; }
  .v-software #optitools > .span > div#optitools-mobile .software-feature {
    max-height: 10rem;
    margin-left: auto; }

.v-software #optitools p.lead {
  color: #fff; }

.v-software #drivers-and-config-files .panel {
  padding: 1.5em;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4); }
  .v-software #drivers-and-config-files .panel p.lead {
    color: #000;
    margin-bottom: 1rem; }
  .v-software #drivers-and-config-files .panel ul {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: solid #0060d8 0.05rem; }
    .v-software #drivers-and-config-files .panel ul li span {
      display: block;
      font-weight: 200; }
  .v-software #drivers-and-config-files .panel ul.config-downloads {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .v-software #drivers-and-config-files .panel ul.config-downloads li {
      flex: 0 0 100%;
      max-width: 100%; }
      @media (min-width: 48em) {
        .v-software #drivers-and-config-files .panel ul.config-downloads li {
          flex: 0 0 48%;
          max-width: 48%;
          min-height: 2.5rem; } }
      @media (min-width: 75em) {
        .v-software #drivers-and-config-files .panel ul.config-downloads li {
          flex: 0 0 30%;
          max-width: 30%; } }
  .v-software #drivers-and-config-files .panel .download-all {
    margin-bottom: 0.5rem; }

.v-software #save-energy-row {
  background: #f7f7f7; }

.v-industry .banner {
  color: #fff;
  background: #005ca9 url("../img/content/industries/agriculture/banner.jpg") 50% 50%/cover no-repeat;
  padding-bottom: 15em; }
  @media (min-width: 150em) {
    .v-industry .banner {
      background-size: calc(96rem + 20rem - 1.875rem) auto; } }
  .v-industry .banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: -moz-linear-gradient(left, #005ca9 0%, rgba(0, 92, 169, 0) 100%);
    background: -webkit-linear-gradient(left, #005ca9 0%, rgba(0, 92, 169, 0) 100%);
    background: linear-gradient(to right, #005ca9 0%, rgba(0, 92, 169, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ca9', endColorstr='#00005ca9',GradientType=1 );
    opacity: 1; }
    @media (min-width: 62em) {
      .v-industry .banner::before {
        opacity: 0.63;
        right: 50%; } }
    @media (min-width: 150em) {
      .v-industry .banner::before {
        opacity: 1;
        left: calc(((100vw - 96rem) / 2) - 10rem);
        background: -moz-linear-gradient(left, #005ca9 0%, #005ca9 10%, rgba(0, 92, 169, 0.75) 25%, rgba(0, 92, 169, 0) 100%);
        background: -webkit-linear-gradient(left, #005ca9 0%, #005ca9 10%, rgba(0, 92, 169, 0.75) 25%, rgba(0, 92, 169, 0) 100%);
        background: linear-gradient(to right, #005ca9 0%, #005ca9 10%, rgba(0, 92, 169, 0.75) 25%, rgba(0, 92, 169, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ca9', endColorstr='#00005ca9',GradientType=1 ); } }
  @media (min-width: 150em) {
    .v-industry .banner::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      background: -moz-linear-gradient(left, #005ca9 0%, rgba(0, 92, 169, 0) 50%);
      background: -webkit-linear-gradient(left, #005ca9 0%, rgba(0, 92, 169, 0) 50%);
      background: linear-gradient(to right, #005ca9 0%, rgba(0, 92, 169, 0) 50%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ca9', endColorstr='#00005ca9',GradientType=1 );
      right: calc(((100vw - 96rem) / 2) - 10rem);
      transform: rotate(180deg); } }
  .v-industry .banner i {
    position: absolute;
    margin: 0;
    bottom: -16rem;
    left: 0.9375rem;
    font-size: 15rem; }

.v-industry .industry-summary {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  @media (min-width: 75em) {
    .v-industry .industry-summary {
      padding-top: 3rem;
      padding-bottom: 3rem; } }

.v-industry .industry-highlights .panel {
  margin-bottom: -20em; }
  @media (min-width: 48em) {
    .v-industry .industry-highlights .panel {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; } }
  @media (min-width: 75em) {
    .v-industry .industry-highlights .panel {
      margin: 0 auto -20em;
      max-width: 90%; } }
  .v-industry .industry-highlights .panel > div {
    margin-bottom: 2rem;
    padding-top: 12em;
    position: relative; }
    .v-industry .industry-highlights .panel > div::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 10em;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
    @media (min-width: 48em) {
      .v-industry .industry-highlights .panel > div {
        flex: 0 0 48%;
        max-width: 48%; } }
    @media (min-width: 62em) {
      .v-industry .industry-highlights .panel > div {
        flex: 0 0 20%;
        max-width: 20%; }
        .v-industry .industry-highlights .panel > div:first-child {
          flex: 0 0 30%;
          max-width: 30%; } }
    .v-industry .industry-highlights .panel > div img {
      margin: -0.9375rem -0.9375rem 1.5rem -0.9375rem;
      max-width: calc(100% + 1.875rem); }
    .v-industry .industry-highlights .panel > div h1, .v-industry .industry-highlights .panel > div h2 {
      font-weight: 600; }
      @media (min-width: 75em) {
        .v-industry .industry-highlights .panel > div h1, .v-industry .industry-highlights .panel > div h2 {
          min-height: 5rem; } }
    .v-industry .industry-highlights .panel > div h2 {
      margin-top: 0; }
      @media (min-width: 75em) {
        .v-industry .industry-highlights .panel > div h2 {
          font-size: 1.75em; } }

.v-industry .application-spotlight {
  padding-top: 20em;
  text-align: center; }
  .v-industry .application-spotlight::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0.25;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1; }
  .v-industry .application-spotlight .application-feature-list {
    margin-top: 2rem;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-bottom: 3rem; }
    @media (min-width: 62em) {
      .v-industry .application-spotlight .application-feature-list {
        justify-content: space-between; } }
    .v-industry .application-spotlight .application-feature-list li {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 2rem; }
      @media (min-width: 25em) {
        .v-industry .application-spotlight .application-feature-list li {
          flex: 0 0 50%;
          max-width: 50%; } }
      @media (min-width: 48em) {
        .v-industry .application-spotlight .application-feature-list li {
          flex: 0 0 33%;
          max-width: 33%; } }
      @media (min-width: 62em) {
        .v-industry .application-spotlight .application-feature-list li {
          margin-bottom: 0;
          flex: 0 0 20%;
          max-width: 20%; } }
      .v-industry .application-spotlight .application-feature-list li .application-feature-image {
        width: 10rem;
        height: 10rem;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        margin-bottom: 2rem;
        border: solid #fff 0.125rem; }
        .v-industry .application-spotlight .application-feature-list li .application-feature-image img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
      .v-industry .application-spotlight .application-feature-list li .application-feature-caption {
        background: rgba(0, 0, 0, 0.5);
        padding: 0.5rem 1.25rem;
        color: #fff;
        max-width: 11rem; }
  .v-industry .application-spotlight .panel {
    text-align: left;
    padding: 1.25rem;
    height: 100%; }
    .v-industry .application-spotlight .panel.brochure h2 {
      margin-bottom: 2rem; }
    .v-industry .application-spotlight .panel.brochure img {
      position: absolute;
      right: 0.9375rem;
      top: 50%;
      transform: translateY(-50%);
      height: 25vw; }
      @media (min-width: 36em) {
        .v-industry .application-spotlight .panel.brochure img {
          height: 90%; } }
      @media (min-width: 48em) {
        .v-industry .application-spotlight .panel.brochure img {
          transform: none;
          position: static;
          height: auto;
          margin-top: 2rem; } }
      @media (min-width: 62em) {
        .v-industry .application-spotlight .panel.brochure img {
          position: absolute;
          margin-top: 0;
          top: calc(100% + 2rem);
          transform: translateY(-100%);
          right: -2rem;
          height: calc(100% - 6rem); } }
      @media (min-width: 75em) {
        .v-industry .application-spotlight .panel.brochure img {
          height: calc(100% - 4rem); } }
    .v-industry .application-spotlight .panel.brochure a.download {
      color: #fff; }

@media (min-width: 62em) {
  .v-industry #drive-in-industry #industry-slider ul li .story-details {
    max-width: 20em; } }

.v-industry #drive-in-industry #industry-slider ul li .story-details .post-product {
  display: block; }

.v-industry #ind-related-ctas h3 {
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 2.5rem; }

@media (min-width: 48em) {
  .v-industry #ind-related-ctas #ind-related-products {
    flex: 0 0 60%;
    max-width: 60%; } }

@media (min-width: 75em) {
  .v-industry #ind-related-ctas #ind-related-products {
    flex: 0 0 32%;
    max-width: 32%; } }

.v-industry #ind-related-ctas #ind-related-products > div {
  width: 100%;
  min-height: 10rem;
  margin-bottom: 2rem;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4); }
  .v-industry #ind-related-ctas #ind-related-products > div a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 1rem 10.25rem 1rem 1rem;
    color: #fff !important; }
    .v-industry #ind-related-ctas #ind-related-products > div a img {
      max-height: 2.2rem;
      margin-bottom: 0.5rem;
      margin-top: 0.25rem;
      font-size: 1.5em; }
    .v-industry #ind-related-ctas #ind-related-products > div a span {
      display: block; }
    .v-industry #ind-related-ctas #ind-related-products > div a .drive-rating {
      font-weight: 200; }
    .v-industry #ind-related-ctas #ind-related-products > div a i {
      margin-top: 1rem;
      padding: 0.25rem 0.4rem;
      border: 0.05rem solid #fff; }
    .v-industry #ind-related-ctas #ind-related-products > div a:hover i {
      background: #fff;
      color: #535486; }
    .v-industry #ind-related-ctas #ind-related-products > div a::before {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-position: 102% 105%;
      background-size: 10rem auto;
      background-repeat: no-repeat; }
    .v-industry #ind-related-ctas #ind-related-products > div a[data-product="optidrive-p2"]::before {
      background-image: url("../img/content/drives/optidrive-p2/optidrive-p2-vfd.png"); }
    .v-industry #ind-related-ctas #ind-related-products > div a[data-product="optidrive-e3"]::before {
      background-image: url("../img/content/drives/optidrive-e3/optidrive-e3-vfd.png"); }
    .v-industry #ind-related-ctas #ind-related-products > div a[data-product="optidrive-e3-single-phase"]::before {
      background-image: url("../img/content/drives/optidrive-e3/optidrive-e3-vfd.png"); }
    .v-industry #ind-related-ctas #ind-related-products > div a[data-product="optidrive-eco"]::before {
      background-image: url("../img/content/drives/optidrive-eco/optidrive-eco-vfd.png"); }
    .v-industry #ind-related-ctas #ind-related-products > div a[data-product="optidrive-elevator"]::before {
      background-image: url("../img/content/drives/optidrive-elevator/optidrive-elevator.png"); }
    .v-industry #ind-related-ctas #ind-related-products > div a[data-product="optidrive-compact-2"]::before {
      background-image: url("../img/content/drives/optidrive-compact/feature-image.png"); }

@media (min-width: 48em) {
  .v-industry #ind-related-ctas #ind-related-applications {
    flex: 0 0 37.5%;
    max-width: 37.5%;
    border-left: #535486 0.05rem solid;
    margin-left: 2.5%;
    padding-left: 4%; } }

@media (min-width: 75em) {
  .v-industry #ind-related-ctas #ind-related-applications {
    flex: 0 0 27%;
    max-width: 27%;
    padding-left: 0;
    margin-left: 2rem;
    padding-right: 2.9375rem;
    border-left: none;
    border-right: #535486 0.05rem solid; } }

.v-industry #ind-related-ctas #ind-related-applications > div {
  padding: 1rem 1.5rem; }
  .v-industry #ind-related-ctas #ind-related-applications > div ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 1.25em;
    font-weight: 600; }
    .v-industry #ind-related-ctas #ind-related-applications > div ul li {
      flex: 0 0 100%;
      max-width: 100%; }
      @media (min-width: 48em) {
        .v-industry #ind-related-ctas #ind-related-applications > div ul li {
          flex: 0 0 48%;
          max-width: 48%; } }

@media (min-width: 48em) {
  .v-industry #ind-related-ctas #get-in-touch {
    margin-top: 5rem;
    margin-bottom: 5rem; } }

@media (min-width: 75em) {
  .v-industry #ind-related-ctas #get-in-touch {
    margin-left: 2rem; } }

.v-industry #ind-related-ctas #get-in-touch button {
  width: 100%;
  padding: 1.25rem 1.5rem;
  padding-right: 6.5rem;
  position: relative; }
  @media (min-width: 75em) {
    .v-industry #ind-related-ctas #get-in-touch button {
      width: calc(100% - 3rem); } }
  .v-industry #ind-related-ctas #get-in-touch button span {
    display: block; }
    .v-industry #ind-related-ctas #get-in-touch button span:nth-child(1) {
      font-size: 1.5rem;
      font-weight: 600;
      margin-bottom: 0.8rem; }
    .v-industry #ind-related-ctas #get-in-touch button span:nth-child(2) {
      font-size: 2.6rem;
      font-weight: 800;
      margin-bottom: 1.25rem; }
    .v-industry #ind-related-ctas #get-in-touch button span:nth-child(3) {
      font-size: 1.1rem;
      font-weight: 400;
      color: #ccc; }
  .v-industry #ind-related-ctas #get-in-touch button::before {
    content: '\f57d';
    font-weight: 200;
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 1.5rem;
    top: 1.25rem;
    font-size: 12vw; }
    @media (min-width: 36em) {
      .v-industry #ind-related-ctas #get-in-touch button::before {
        font-size: 4rem; } }
  .v-industry #ind-related-ctas #get-in-touch button[data-industry="agriculture"]::before {
    content: '\f722'; }
  .v-industry #ind-related-ctas #get-in-touch button[data-industry="[ind-slug]"]::before {
    content: '\f722'; }
  .v-industry #ind-related-ctas #get-in-touch button::after {
    content: '\f054';
    font-weight: 400;
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 1.5rem;
    bottom: 1.25rem;
    font-size: 1rem;
    border: 0.05rem solid #fff;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0.125rem 0.5rem; }
  .v-industry #ind-related-ctas #get-in-touch button:hover::after {
    background: #fff;
    color: #535486; }

.v-agriculture .industry-highlights .panel > div:nth-child(1)::before {
  background-image: url("../img/content/industries/agriculture/irrigation-systems.jpg"); }

.v-agriculture .industry-highlights .panel > div:nth-child(2)::before {
  background-image: url("../img/content/industries/agriculture/energy-savings.jpg"); }

.v-agriculture .industry-highlights .panel > div:nth-child(3)::before {
  background-image: url("../img/content/industries/agriculture/industrial-sprinkler-system.jpg"); }

.v-agriculture .industry-highlights .panel > div:nth-child(4)::before {
  background-image: url("../img/content/industries/agriculture/vfd-shot.jpg"); }

.v-agriculture .application-spotlight::before {
  background-image: url("../img/content/industries/agriculture/application-spotlight-banner.jpg"); }

.v-news-and-media .banner {
  padding: 1em 0 9em;
  background: url("../img/content/drives/overview/banner-vfd.png") 100% 100%/auto 50% no-repeat; }
  @media (min-width: 48em) {
    .v-news-and-media .banner {
      padding: 5em 0 7em;
      background-size: auto 40%;
      overflow: hidden; }
      .v-news-and-media .banner::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: url("../img/content/drives/overview/iknow/purple-banner-pixels.png") 100% 100%/auto 15em no-repeat;
        z-index: -2;
        opacity: 0.5; }
      .v-news-and-media .banner::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: url("../img/content/about/globe-purple.png") 110% center/auto 140% no-repeat;
        z-index: -1; } }
  @media (min-width: 62em) {
    .v-news-and-media .banner {
      background-size: auto 50%; } }
  @media (min-width: 101.75em) {
    .v-news-and-media .banner {
      background-position: calc(100% - ((100vw - 96rem) / 2)) 100%; }
      .v-news-and-media .banner::before {
        background-position: calc(150% - ((100vw - 96rem) / 2)) 100%; }
      .v-news-and-media .banner::after {
        background-position: calc(105% - ((100vw - 96rem) / 2)) center; } }
  .v-news-and-media .banner h1 {
    color: #535486; }

.v-news-and-media #news-and-media-feeds {
  padding: 3em 0; }
  .v-news-and-media #news-and-media-feeds::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: radial-gradient(circle at 75% 100%, #948cc3 0%, #535486 75%) !important;
    z-index: -1; }
  .v-news-and-media #news-and-media-feeds h1 {
    font-weight: 200;
    margin: 0; }
  .v-news-and-media #news-and-media-feeds header {
    margin-bottom: 3em; }
  @media (min-width: 62em) {
    .v-news-and-media #news-and-media-feeds #latest-news {
      border-right: 1px solid #fff;
      padding-right: 2.5em; } }
  .v-news-and-media #news-and-media-feeds #latest-news header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    .v-news-and-media #news-and-media-feeds #latest-news header a {
      color: #fff;
      font-weight: 200; }
    .v-news-and-media #news-and-media-feeds #latest-news header > a {
      text-decoration: underline;
      font-size: 1.2em; }
  .v-news-and-media #news-and-media-feeds #invertek-tv header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    .v-news-and-media #news-and-media-feeds #invertek-tv header a {
      color: #fff;
      font-weight: 200; }
    .v-news-and-media #news-and-media-feeds #invertek-tv header > a {
      text-decoration: underline;
      font-size: 1.2em; }
  @media (min-width: 62em) {
    .v-news-and-media #news-and-media-feeds #invertek-tv {
      padding-left: 2.5em; } }
  @media (min-width: 36em) and (max-width: 62em) {
    .v-news-and-media #news-and-media-feeds #invertek-tv {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .v-news-and-media #news-and-media-feeds #invertek-tv header {
        flex: 0 0 100%;
        max-width: 100%; }
      .v-news-and-media #news-and-media-feeds #invertek-tv .tv-video {
        flex: 0 0 calc(50% - 0.475rem);
        max-width: calc(50% - 0.475rem); }
        .v-news-and-media #news-and-media-feeds #invertek-tv .tv-video#video-1-trigger, .v-news-and-media #news-and-media-feeds #invertek-tv .tv-video#video-3-trigger {
          margin-left: auto; } }
  .v-news-and-media #news-and-media-feeds #invertek-tv .tv-video {
    display: block;
    margin-bottom: 2em;
    padding-top: 12em;
    position: relative;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4); }
    .v-news-and-media #news-and-media-feeds #invertek-tv .tv-video:hover .thumb::before {
      opacity: 0.45;
      z-index: 2; }
    .v-news-and-media #news-and-media-feeds #invertek-tv .tv-video:hover .thumb::after {
      content: '\f144';
      font-family: 'Font Awesome 5 Pro';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 2.25em;
      color: #fff;
      z-index: 3; }
    .v-news-and-media #news-and-media-feeds #invertek-tv .tv-video .thumb {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 12em; }
      .v-news-and-media #news-and-media-feeds #invertek-tv .tv-video .thumb::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000;
        opacity: 0.15; }
    .v-news-and-media #news-and-media-feeds #invertek-tv .tv-video .title {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      font-size: 1em;
      font-weight: 400;
      padding: 0.75em 1em;
      background: rgba(0, 0, 0, 0.65);
      color: #fff; }
  .v-news-and-media #news-and-media-feeds #lead-story {
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
    margin-bottom: 1rem; }
    @media (min-width: 48em) {
      .v-news-and-media #news-and-media-feeds #lead-story {
        margin-bottom: 2rem; } }
    .v-news-and-media #news-and-media-feeds #lead-story > a {
      display: flex; }
      .v-news-and-media #news-and-media-feeds #lead-story > a .story-img {
        flex: 0 0 30%;
        max-width: 30%;
        background-size: cover;
        background-position: center center;
        position: relative; }
        @media (min-width: 48em) {
          .v-news-and-media #news-and-media-feeds #lead-story > a .story-img::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.25); } }
      .v-news-and-media #news-and-media-feeds #lead-story > a .story-txt {
        padding: 1em;
        background: #fff;
        color: #000;
        flex: 0 0 70%;
        max-width: 70%; }
        @media (min-width: 62em) {
          .v-news-and-media #news-and-media-feeds #lead-story > a .story-txt {
            padding: 2.5em 1.75em; } }
        .v-news-and-media #news-and-media-feeds #lead-story > a .story-txt .story-title {
          display: block;
          font-weight: 600;
          margin-bottom: 0.5rem; }
          @media (min-width: 48em) {
            .v-news-and-media #news-and-media-feeds #lead-story > a .story-txt .story-title {
              font-size: 1.1em; } }
          @media (min-width: 62em) {
            .v-news-and-media #news-and-media-feeds #lead-story > a .story-txt .story-title {
              font-size: 1.3em; } }
        .v-news-and-media #news-and-media-feeds #lead-story > a .story-txt .story-date {
          display: block;
          font-size: 0.8em;
          font-weight: 400;
          margin-bottom: 1rem; }
        .v-news-and-media #news-and-media-feeds #lead-story > a .story-txt .story-desc {
          font-size: 0.8em;
          font-weight: 400; }
          @media (min-width: 62em) {
            .v-news-and-media #news-and-media-feeds #lead-story > a .story-txt .story-desc {
              font-size: 1em; } }
        .v-news-and-media #news-and-media-feeds #lead-story > a .story-txt .story-link {
          display: inline-block;
          margin-top: 1.5rem;
          padding: 0.25rem 0.5rem;
          font-size: 0.8em;
          font-weight: 400;
          background: #535486;
          color: #fff; }
          @media (min-width: 62em) {
            .v-news-and-media #news-and-media-feeds #lead-story > a .story-txt .story-link {
              font-size: 0.9em; } }
  .v-news-and-media #news-and-media-feeds #news-feed {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .v-news-and-media #news-and-media-feeds #news-feed li {
      flex: 0 0 100%;
      max-width: 100%;
      box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
      margin-bottom: 1rem;
      position: relative; }
      .v-news-and-media #news-and-media-feeds #news-feed li:nth-child(2n) {
        margin-left: auto; }
      @media (min-width: 25em) {
        .v-news-and-media #news-and-media-feeds #news-feed li {
          flex: 0 0 calc(50% - 0.4875rem);
          max-width: calc(50% - 0.4875rem); } }
      @media (min-width: 48em) {
        .v-news-and-media #news-and-media-feeds #news-feed li {
          margin-bottom: 2rem; }
          .v-news-and-media #news-and-media-feeds #news-feed li:nth-child(2n) {
            margin-left: 0; } }
      .v-news-and-media #news-and-media-feeds #news-feed li > a .story-img {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-size: cover;
        background-position: center center;
        z-index: -1; }
        .v-news-and-media #news-and-media-feeds #news-feed li > a .story-img::before {
          content: '';
          background: rgba(0, 0, 0, 0.75);
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0; }
      .v-news-and-media #news-and-media-feeds #news-feed li > a .story-txt {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        height: 100%;
        text-align: center;
        padding: 2rem; }
        .v-news-and-media #news-and-media-feeds #news-feed li > a .story-txt .story-title {
          color: #fff;
          font-weight: 600;
          font-size: 0.9em; }
        .v-news-and-media #news-and-media-feeds #news-feed li > a .story-txt .story-link {
          display: inline-block;
          margin-top: 1.5rem;
          padding: 0.125rem 0.5rem;
          font-size: 0.8em;
          font-weight: 400;
          background: #535486;
          color: #fff; }
    @media (min-width: 48em) {
      .v-news-and-media #news-and-media-feeds #news-feed {
        justify-content: space-between; }
        .v-news-and-media #news-and-media-feeds #news-feed li {
          flex: 0 0 calc(33.3333% - 0.4875rem);
          max-width: calc(33.3333% - 0.4875rem);
          background: #fff;
          margin-bottom: 0.9375rem; }
          .v-news-and-media #news-and-media-feeds #news-feed li:nth-child(4) {
            flex: 0 0 calc(66.6666% - 0.24375rem);
            max-width: calc(66.6666% - 0.24375rem);
            background: none; }
            .v-news-and-media #news-and-media-feeds #news-feed li:nth-child(4) > a {
              display: block;
              height: 100%; }
              .v-news-and-media #news-and-media-feeds #news-feed li:nth-child(4) > a .story-img {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                top: 0;
                background-size: cover;
                background-position: center center;
                z-index: -1;
                height: 100%; }
                .v-news-and-media #news-and-media-feeds #news-feed li:nth-child(4) > a .story-img::before {
                  display: block;
                  content: '';
                  background: rgba(0, 0, 0, 0.75);
                  position: absolute;
                  top: 0;
                  bottom: 0;
                  left: 0;
                  right: 0; }
              .v-news-and-media #news-and-media-feeds #news-feed li:nth-child(4) > a .story-txt {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                width: 100%;
                height: 100%;
                text-align: center;
                padding: 2rem; }
                .v-news-and-media #news-and-media-feeds #news-feed li:nth-child(4) > a .story-txt .story-title {
                  color: #fff;
                  font-weight: 600;
                  font-size: 1em; }
                .v-news-and-media #news-and-media-feeds #news-feed li:nth-child(4) > a .story-txt .story-link {
                  display: inline-block;
                  margin-top: 1.5rem;
                  padding: 0.25rem 0.5rem;
                  font-size: 0.8em;
                  font-weight: 400;
                  background: #535486;
                  color: #fff; }
          .v-news-and-media #news-and-media-feeds #news-feed li > a {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            height: auto; }
            .v-news-and-media #news-and-media-feeds #news-feed li > a .story-img {
              position: relative;
              flex: 0 0 100%;
              max-width: 100%;
              height: 10em;
              z-index: 0; }
              .v-news-and-media #news-and-media-feeds #news-feed li > a .story-img::before {
                display: none; }
              .v-news-and-media #news-and-media-feeds #news-feed li > a .story-img::after {
                content: '';
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                background: rgba(0, 0, 0, 0.25); }
            .v-news-and-media #news-and-media-feeds #news-feed li > a .story-txt {
              flex: 0 0 100%;
              max-width: 100%;
              align-items: flex-start;
              justify-content: space-between;
              height: auto;
              text-align: left;
              padding: 1rem; }
              .v-news-and-media #news-and-media-feeds #news-feed li > a .story-txt .story-title {
                color: #000; }
              .v-news-and-media #news-and-media-feeds #news-feed li > a .story-txt .story-link {
                padding: 0.25rem 0.5rem; } }
    @media (min-width: 62em) {
      .v-news-and-media #news-and-media-feeds #news-feed li {
        flex: 0 0 calc(33.3333% - 0.9375rem);
        max-width: calc(33.3333% - 0.9375rem);
        margin-bottom: 1.875rem; }
        .v-news-and-media #news-and-media-feeds #news-feed li:nth-child(4) {
          flex: 0 0 calc(66.6666% - 0.4875rem);
          max-width: calc(66.6666% - 0.4875rem); }
          .v-news-and-media #news-and-media-feeds #news-feed li:nth-child(4) > a .story-txt {
            padding: 2rem 15%; }
        .v-news-and-media #news-and-media-feeds #news-feed li > a .story-txt {
          font-size: 1.1em; } }

@media (min-width: 48em) {
  .v-news-and-media #social-media-links {
    padding: 5em 0; } }

.v-news-and-media #social-media-links > .span {
  display: block; }

@media (min-width: 48em) {
  .v-news-and-media #social-media-links .col {
    width: 60%;
    max-width: 55rem;
    margin: 0 auto; } }

.v-news-and-media #social-media-links .col ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .v-news-and-media #social-media-links .col ul li {
    padding: 2rem;
    flex: 0 0 calc(50% - 0.4875rem);
    max-width: calc(50% - 0.4875rem); }
    .v-news-and-media #social-media-links .col ul li img {
      max-width: 7rem;
      margin: 0 auto; }
    @media (min-width: 36em) {
      .v-news-and-media #social-media-links .col ul li {
        padding: 1rem;
        flex: 0 0 calc(25% - 2rem);
        max-width: calc(25% - 2rem); } }
    .v-news-and-media #social-media-links .col ul li[data-sm="facebook"] {
      background: #3b5998; }
    .v-news-and-media #social-media-links .col ul li[data-sm="twitter"] {
      background: #00acee; }
    .v-news-and-media #social-media-links .col ul li[data-sm="linkedin"] {
      background: #0e76a8; }
    .v-news-and-media #social-media-links .col ul li[data-sm="youtube"] {
      background: #c4302b; }

.v-news-and-media #case-studies-search #cs-banner {
  display: none; }

.v-news-and-media #case-studies-search #cs-latest {
  background: radial-gradient(circle, #525252 0%, #191919 75%);
  padding: 3rem 0; }
  @media (min-width: 48em) {
    .v-news-and-media #case-studies-search #cs-latest {
      padding: 5em 0; } }
  .v-news-and-media #case-studies-search #cs-latest h2 {
    font-size: 2.1em;
    font-weight: 200;
    margin-bottom: 2.5rem;
    color: #fff; }
  .v-news-and-media #case-studies-search #cs-latest #latest-cs-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 2em; }
    .v-news-and-media #case-studies-search #cs-latest #latest-cs-heading h2 {
      margin-bottom: 0; }
    .v-news-and-media #case-studies-search #cs-latest #latest-cs-heading a {
      color: #fff;
      font-weight: 200;
      text-decoration: underline;
      font-size: 1.2em; }

.v-news-and-media #case-studies-search .result {
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  padding-top: 15rem;
  position: relative;
  height: 100%; }
  .v-news-and-media #case-studies-search .result .cs-thumb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 15rem;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
  .v-news-and-media #case-studies-search .result .cs-title {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem 1.5rem;
    font-size: 1.2rem;
    color: #000 !important;
    font-weight: 400; }

.v-news-and-media #support-video-library {
  padding: 2.5rem 0;
  overflow: hidden; }
  @media (min-width: 48em) {
    .v-news-and-media #support-video-library {
      padding: 4em 0; } }
  .v-news-and-media #support-video-library::before {
    content: '';
    position: absolute;
    right: -7rem;
    top: -7rem;
    width: 25rem;
    height: 30rem;
    background-image: url("../img/content/news-and-media/film-reel.png");
    background-size: auto 100%;
    background-position: 100% 0;
    background-repeat: no-repeat;
    transform: rotate(-45deg); }
    @media (min-width: 48em) {
      .v-news-and-media #support-video-library::before {
        width: 32rem;
        height: 37rem; } }
    @media (min-width: 62em) {
      .v-news-and-media #support-video-library::before {
        transform: none;
        width: auto;
        height: auto;
        bottom: 0;
        top: 0;
        left: 0;
        background-size: 28rem auto;
        background-position: 100% center; } }
    @media (min-width: 101.75em) {
      .v-news-and-media #support-video-library::before {
        right: calc(((100vw - 96rem) / 2) - 10rem);
        background-size: 30rem auto; } }
  .v-news-and-media #support-video-library header {
    width: 100%; }
    .v-news-and-media #support-video-library header > a {
      background: #c4302b;
      padding: 0.5em;
      max-width: 4rem;
      display: block; }
    .v-news-and-media #support-video-library header h1 {
      font-weight: 200;
      color: #535486;
      margin: 1rem 0 1.5rem; }
      .v-news-and-media #support-video-library header h1 a {
        font-weight: 400; }
  .v-news-and-media #support-video-library .parent-categories {
    padding: 0; }
    @media (min-width: 48em) {
      .v-news-and-media #support-video-library .parent-categories {
        display: flex;
        justify-content: space-between; } }
    .v-news-and-media #support-video-library .parent-categories span {
      font-weight: 400; }
    .v-news-and-media #support-video-library .parent-categories > li {
      margin-bottom: 2rem; }
      @media (min-width: 48em) {
        .v-news-and-media #support-video-library .parent-categories > li {
          margin-bottom: 0;
          flex: 0 0 28%;
          max-width: 28%; } }
      @media (min-width: 90em) {
        .v-news-and-media #support-video-library .parent-categories > li {
          flex: 0 0 32%;
          max-width: 32%; } }
      .v-news-and-media #support-video-library .parent-categories > li > span {
        font-size: 1.5em;
        color: #0060d8; }
    .v-news-and-media #support-video-library .parent-categories .child-category {
      margin-top: 2rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .v-news-and-media #support-video-library .parent-categories .child-category > li {
        flex: 0 0 50%;
        max-width: 50%; }

.v-sitemap .banner {
  padding: 1.5em 0; }

.v-sitemap .sitemap-links {
  font-size: 1em; }
  .v-sitemap .sitemap-links h2 {
    font-size: 1.5em;
    margin-bottom: 1rem;
    text-decoration: underline; }
  .v-sitemap .sitemap-links a {
    color: #535486; }
  .v-sitemap .sitemap-links a.inactive-link {
    pointer-events: none; }
  .v-sitemap .sitemap-links li.nested::before {
    display: none; }
  @media (min-width: 48em) {
    .v-sitemap .sitemap-links .parent-list {
      display: flex;
      flex-wrap: wrap; } }
  .v-sitemap .sitemap-links .parent-list > li {
    margin-bottom: 2rem; }
    @media (min-width: 48em) {
      .v-sitemap .sitemap-links .parent-list > li {
        flex: 0 0 50%;
        max-width: 50%; }
        .v-sitemap .sitemap-links .parent-list > li:nth-child(1n) {
          padding-right: 2rem; }
        .v-sitemap .sitemap-links .parent-list > li.four {
          padding-right: 0;
          flex: 0 0 100%;
          max-width: 100%; }
          .v-sitemap .sitemap-links .parent-list > li.four .child-list {
            display: flex;
            flex-wrap: wrap; }
            .v-sitemap .sitemap-links .parent-list > li.four .child-list li {
              padding-right: 2rem;
              flex: 0 0 50%;
              max-width: 50%; } }
    @media (min-width: 62em) {
      .v-sitemap .sitemap-links .parent-list > li {
        flex: 0 0 25%;
        max-width: 25%;
        padding-right: 2rem; }
        .v-sitemap .sitemap-links .parent-list > li:nth-child(4n) {
          padding-right: 0; }
        .v-sitemap .sitemap-links .parent-list > li.four .child-list li {
          padding-right: 3rem;
          flex: 0 0 25%;
          max-width: 25%; } }
    .v-sitemap .sitemap-links .parent-list > li > a {
      display: block;
      margin-bottom: 1rem;
      font-size: 1.1em; }
    .v-sitemap .sitemap-links .parent-list > li::before {
      display: none; }

.virtal-expo .container-fluid {
  background-color: black; }

.virtal-expo {
  background-color: black; }

.virtal-expo #logo {
  display: flex;
  justify-content: center; }

.virtal-expo #logo img {
  width: 60%; }

.virtal-expo #shout {
  color: #fff;
  text-align: center; }

.virtal-expo .push {
  display: none; }

.virtal-expo #shout h1 {
  font-size: 1.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.virtal-expo #shout p {
  font-size: 1em; }

.virtal-expo .rip {
  height: 8em; }

.virtal-expo #clockdiv {
  width: 100%;
  font-family: "futura-pt", sans-serif;
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 42px; }

.virtal-expo #clockdiv > div {
  padding: 0;
  border-radius: 3px;
  display: inline-block; }

.virtal-expo #clockdiv div > span {
  padding: 15px;
  border-radius: 3px;
  display: inline-block; }

.virtal-expo .smalltext {
  padding-top: 5px;
  font-size: 12px; }

.virtal-expo .rip {
  position: relative;
  width: 100%; }

.virtal-expo .rip img {
  position: absolute;
  right: -1em;
  top: -1em;
  height: auto;
  max-width: 30em; }

.virtal-expo .event-actions a {
  text-align: center;
  color: #fff;
  display: inline-block;
  font-weight: 300;
  border: 1px solid #fff;
  width: 100%;
  font-size: 0.95em !important; }

.virtal-expo .event-actions a p {
  height: 13em; }

.virtal-expo .event-actions .email p {
  padding: 2em 0.75em; }

.virtal-expo .event-actions .cal p {
  padding: 2em 0.75em; }

.virtal-expo .event-actions .email p .fal {
  font-size: 3em;
  padding-bottom: 0.5em; }

.virtal-expo .event-actions .cal p .fal {
  font-size: 3em;
  padding-bottom: 0.5em; }

.virtal-expo .innovat {
  color: rgba(255, 255, 255, 0.479);
  text-align: center;
  padding-bottom: 2em; }

.virtal-expo .fade-in img {
  animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  -moz-animation: fadeIn ease 5s;
  -o-animation: fadeIn ease 5s;
  -ms-animation: fadeIn ease 5s; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.virtal-expo .fade-in-slow {
  animation: fadeIn ease 15s;
  -webkit-animation: fadeIn ease 15s;
  -moz-animation: fadeIn ease 15s;
  -o-animation: fadeIn ease 15s;
  -ms-animation: fadeIn ease 15s; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@media (min-width: 48em) {
  .virtal-expo #clockdiv {
    display: flex;
    margin-left: -20px;
    font-size: 5em; }
  .virtal-expo #clockdiv div > span {
    padding: 10px 20px; }
  .virtal-expo #shout {
    padding-left: 1em; }
  .virtal-expo #shout h1 {
    font-size: 4em;
    padding-top: 0; }
  .virtal-expo #shout p {
    font-size: 1.5em;
    width: 20em; }
  .virtal-expo #shout .innovat {
    text-align: right; }
  .virtal-expo .smalltext {
    font-size: 14px; }
  .virtal-expo .rip img {
    position: absolute;
    right: -4rem;
    height: auto;
    max-width: 100%;
    top: -4em; }
  .virtal-expo #logo img {
    width: 340px; }
  .virtal-expo #logo {
    display: inline-block;
    padding-top: 1em; }
  .virtal-expo #shout {
    text-align: left; }
  .virtal-expo .rip {
    height: 22em; }
  .virtal-expo .event-actions a {
    display: block; }
  .virtal-expo .innovat {
    text-align: right; }
  .virtal-expo .push {
    display: inline-block; }
  .virtal-expo .event-actions a p {
    font-size: 1.25em; }
  .virtal-expo .innovat {
    font-size: 1.4em;
    position: relative; }
  .virtal-expo .innovat p {
    position: absolute;
    bottom: 0;
    right: 0.45em; } }

.v-sg-soft-starter--overview .banner-menu li[data-route="overview"] a,
.v-sg-soft-starter--specification .banner-menu li[data-route="specification"] a,
.v-sg-soft-starter--downloads .banner-menu li[data-route="downloads"] a,
.v-sg-motors--overview .banner-menu li[data-route="overview"] a,
.v-sg-motors--specification .banner-menu li[data-route="specification"] a,
.v-sg-motors--downloads .banner-menu li[data-route="downloads"] a {
  background: #000; }

.v-sg-soft-starter .banner h1 {
  margin: 0; }

.v-sg-soft-starter .banner h1 + span {
  font-size: 1.5em;
  font-weight: 300;
  display: block;
  margin-bottom: 1em; }

.v-sg-soft-starter .soft-starter-ratings-summary {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.2em;
  padding: 1em;
  font-size: 0.857em; }

.v-sg-soft-starter .page-content section + section,
.v-sg-wpt-drag-brake .page-content section + section,
.v-sg-marine-drive-systems .page-content section + section,
.v-sg-automation-and-control-panel-gallery .page-content section + section {
  margin-top: 2em; }

@media (min-width: 48em) {
  .v-sg-soft-starter .soft-starter-ratings-summary {
    position: absolute;
    top: 2.5em;
    right: 0.9375rem; } }

.v-sg-motors .banner h1 a {
  font-weight: 300; }

.v-sg-automation-and-control-panel-gallery .photo-gallery .photo-gallery-thumbnail-images {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  display: flex;
  margin: 0 -0.5em;
  flex-wrap: wrap; }
  .v-sg-automation-and-control-panel-gallery .photo-gallery .photo-gallery-thumbnail-images > li::before {
    content: none; }

.v-sg-automation-and-control-panel-gallery .photo-gallery .photo-gallery-thumbnail-images li {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  width: 100%;
  padding: 0 0.5em;
  margin-bottom: 0.5em; }

.v-sg-automation-and-control-panel-gallery #photo-gallery-slider {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10; }

.v-invertek-tv .banner {
  padding: 2em 0 4em; }
  @media screen and (min-width: 48em) {
    .v-invertek-tv .banner {
      padding: 5em 0 7em; }
      .v-invertek-tv .banner::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        transform: rotate(180deg) scaleX(-1);
        background: url(../img/content/drives/overview/iknow/banner-pixels.png) 100% 100%/80em auto no-repeat; } }
  .v-invertek-tv .banner h1 {
    margin-bottom: 3rem; }
    .v-invertek-tv .banner h1 img {
      width: 90%;
      max-width: 90%; }
  .v-invertek-tv .banner p.lead {
    font-size: 1.6em;
    font-weight: 300; }
  .v-invertek-tv .banner #support-library-ad {
    margin-top: 4rem;
    padding: 2.5rem;
    position: relative; }
    @media screen and (min-width: 62em) {
      .v-invertek-tv .banner #support-library-ad {
        padding: 2.5rem 7rem 4rem 2.5rem; } }
    @media screen and (min-width: 75em) {
      .v-invertek-tv .banner #support-library-ad {
        padding: 2.5rem 10rem 3.5rem 2.5rem; } }
    .v-invertek-tv .banner #support-library-ad::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: url("../img/content/news-and-media/film-reel.png") calc(100% + 4rem) center/auto 150% no-repeat; }
      @media screen and (min-width: 75em) {
        .v-invertek-tv .banner #support-library-ad::before {
          background-position: calc(100% + 1rem) center; } }
    .v-invertek-tv .banner #support-library-ad .roundal {
      text-align: center;
      position: absolute;
      right: -1.5rem;
      top: 0;
      background: #000;
      color: #fff;
      width: 7em;
      height: 7em;
      border-radius: 50%;
      font-size: 1.1rem;
      font-weight: 400;
      display: flex;
      align-items: center;
      padding: 1.5em;
      transform: translateY(-50%) rotate(15deg);
      z-index: 1; }
    .v-invertek-tv .banner #support-library-ad > a {
      font-size: 1.5em;
      padding-right: 1.5rem;
      color: #535486;
      position: relative;
      font-weight: 400; }
      @media screen and (min-width: 62em) {
        .v-invertek-tv .banner #support-library-ad > a {
          font-size: 1.75em; } }
      @media screen and (min-width: 75em) {
        .v-invertek-tv .banner #support-library-ad > a {
          font-size: 2em;
          padding-right: 1.75rem; } }
      .v-invertek-tv .banner #support-library-ad > a::before {
        content: '\f054';
        font-family: 'Font Awesome 5 Pro';
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        font-size: 0.55em; }
    .v-invertek-tv .banner #support-library-ad > ul {
      margin-top: 2.5rem;
      display: flex;
      flex-direction: column;
      list-style: none;
      padding: 0; }
      @media screen and (min-width: 62em) {
        .v-invertek-tv .banner #support-library-ad > ul {
          flex-direction: row; } }
      .v-invertek-tv .banner #support-library-ad > ul li {
        padding: 0;
        margin: 0 0.25rem 0.25rem 0; }
        .v-invertek-tv .banner #support-library-ad > ul li::before {
          display: none; }
        .v-invertek-tv .banner #support-library-ad > ul li a {
          display: inline-block;
          background: rgba(83, 84, 134, 0.6);
          text-align: center;
          padding: 0.75rem 1rem;
          color: #fff;
          font-weight: 400; }
          .v-invertek-tv .banner #support-library-ad > ul li a:hover {
            background: rgba(83, 84, 134, 0.8); }

.v-invertek-tv #news-row {
  padding: 3em 0; }
  .v-invertek-tv #news-row::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: radial-gradient(circle at 75% 100%, #948cc3 0%, #535486 75%) !important;
    z-index: -1; }
  .v-invertek-tv #news-row h1 {
    font-weight: 200;
    margin: 0; }
  .v-invertek-tv #news-row header {
    margin-bottom: 3em; }
  @media (min-width: 75em) {
    .v-invertek-tv #news-row #latest-news {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; } }
  .v-invertek-tv #news-row #latest-news header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    @media (min-width: 75em) {
      .v-invertek-tv #news-row #latest-news header {
        flex: 0 0 100%;
        max-width: 100%; } }
    .v-invertek-tv #news-row #latest-news header a {
      color: #fff;
      font-weight: 200; }
    .v-invertek-tv #news-row #latest-news header > a {
      text-decoration: underline;
      font-size: 1.2em; }
  .v-invertek-tv #news-row #latest-news #lead-story {
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
    margin-bottom: 1rem; }
    @media (min-width: 48em) {
      .v-invertek-tv #news-row #latest-news #lead-story {
        margin-bottom: 2rem; } }
    @media (min-width: 75em) {
      .v-invertek-tv #news-row #latest-news #lead-story {
        flex: 0 0 45%;
        max-width: 45%; } }
    .v-invertek-tv #news-row #latest-news #lead-story > a {
      display: flex; }
      @media (min-width: 75em) {
        .v-invertek-tv #news-row #latest-news #lead-story > a {
          height: 100%; } }
      .v-invertek-tv #news-row #latest-news #lead-story > a .story-img {
        flex: 0 0 30%;
        max-width: 30%;
        background-size: cover;
        background-position: center center;
        position: relative; }
        @media (min-width: 48em) {
          .v-invertek-tv #news-row #latest-news #lead-story > a .story-img::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.25); } }
        @media (min-width: 75em) {
          .v-invertek-tv #news-row #latest-news #lead-story > a .story-img {
            flex: 0 0 40%;
            max-width: 40%; } }
      .v-invertek-tv #news-row #latest-news #lead-story > a .story-txt {
        padding: 1em;
        background: #fff;
        color: #000;
        flex: 0 0 70%;
        max-width: 70%; }
        @media (min-width: 62em) {
          .v-invertek-tv #news-row #latest-news #lead-story > a .story-txt {
            padding: 2.5em 1.75em; } }
        @media (min-width: 75em) {
          .v-invertek-tv #news-row #latest-news #lead-story > a .story-txt {
            flex: 0 0 60%;
            max-width: 60%; } }
        .v-invertek-tv #news-row #latest-news #lead-story > a .story-txt .story-title {
          display: block;
          font-weight: 600;
          margin-bottom: 0.5rem; }
          @media (min-width: 48em) {
            .v-invertek-tv #news-row #latest-news #lead-story > a .story-txt .story-title {
              font-size: 1.1em; } }
          @media (min-width: 62em) {
            .v-invertek-tv #news-row #latest-news #lead-story > a .story-txt .story-title {
              font-size: 1.3em; } }
        .v-invertek-tv #news-row #latest-news #lead-story > a .story-txt .story-date {
          display: block;
          font-size: 0.8em;
          font-weight: 400;
          margin-bottom: 1rem; }
        .v-invertek-tv #news-row #latest-news #lead-story > a .story-txt .story-desc {
          font-size: 0.8em;
          font-weight: 400; }
          @media (min-width: 62em) {
            .v-invertek-tv #news-row #latest-news #lead-story > a .story-txt .story-desc {
              font-size: 1em; } }
        .v-invertek-tv #news-row #latest-news #lead-story > a .story-txt .story-link {
          display: inline-block;
          margin-top: 1.5rem;
          padding: 0.25rem 0.5rem;
          font-size: 0.8em;
          font-weight: 400;
          background: #535486;
          color: #fff; }
          @media (min-width: 62em) {
            .v-invertek-tv #news-row #latest-news #lead-story > a .story-txt .story-link {
              font-size: 0.9em; } }
  .v-invertek-tv #news-row #latest-news #news-feed {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .v-invertek-tv #news-row #latest-news #news-feed li {
      flex: 0 0 100%;
      max-width: 100%;
      box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
      margin-bottom: 1rem;
      position: relative; }
      .v-invertek-tv #news-row #latest-news #news-feed li:nth-child(2n) {
        margin-left: auto; }
      @media (min-width: 25em) {
        .v-invertek-tv #news-row #latest-news #news-feed li {
          flex: 0 0 calc(50% - 0.4875rem);
          max-width: calc(50% - 0.4875rem); } }
      @media (min-width: 48em) {
        .v-invertek-tv #news-row #latest-news #news-feed li {
          margin-bottom: 2rem; }
          .v-invertek-tv #news-row #latest-news #news-feed li:nth-child(2n) {
            margin-left: 0; } }
      .v-invertek-tv #news-row #latest-news #news-feed li > a .story-img {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-size: cover;
        background-position: center center;
        z-index: -1; }
        .v-invertek-tv #news-row #latest-news #news-feed li > a .story-img::before {
          content: '';
          background: rgba(0, 0, 0, 0.75);
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0; }
      .v-invertek-tv #news-row #latest-news #news-feed li > a .story-txt {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        height: 100%;
        text-align: center;
        padding: 2rem; }
        .v-invertek-tv #news-row #latest-news #news-feed li > a .story-txt .story-title {
          color: #fff;
          font-weight: 600;
          font-size: 0.9em; }
        .v-invertek-tv #news-row #latest-news #news-feed li > a .story-txt .story-link {
          display: inline-block;
          margin-top: 1.5rem;
          padding: 0.125rem 0.5rem;
          font-size: 0.8em;
          font-weight: 400;
          background: #535486;
          color: #fff; }
    @media (min-width: 48em) {
      .v-invertek-tv #news-row #latest-news #news-feed {
        justify-content: space-between; }
        .v-invertek-tv #news-row #latest-news #news-feed li {
          flex: 0 0 calc(50% - 0.4875rem);
          max-width: calc(50% - 0.4875rem);
          background: #fff;
          margin-bottom: 0.9375rem; }
          .v-invertek-tv #news-row #latest-news #news-feed li > a {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            height: auto; }
            .v-invertek-tv #news-row #latest-news #news-feed li > a .story-img {
              position: relative;
              flex: 0 0 100%;
              max-width: 100%;
              height: 10em;
              z-index: 0; }
              .v-invertek-tv #news-row #latest-news #news-feed li > a .story-img::before {
                display: none; }
              .v-invertek-tv #news-row #latest-news #news-feed li > a .story-img::after {
                content: '';
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                background: rgba(0, 0, 0, 0.25); }
            .v-invertek-tv #news-row #latest-news #news-feed li > a .story-txt {
              flex: 0 0 100%;
              max-width: 100%;
              align-items: flex-start;
              justify-content: space-between;
              height: auto;
              text-align: left;
              padding: 1rem; }
              .v-invertek-tv #news-row #latest-news #news-feed li > a .story-txt .story-title {
                color: #000; }
              .v-invertek-tv #news-row #latest-news #news-feed li > a .story-txt .story-link {
                padding: 0.25rem 0.5rem; } }
    @media (min-width: 62em) {
      .v-invertek-tv #news-row #latest-news #news-feed li {
        flex: 0 0 calc(25% - 0.9375rem);
        max-width: calc(25% - 0.9375rem);
        margin-bottom: 1.875rem; }
        .v-invertek-tv #news-row #latest-news #news-feed li > a .story-txt {
          font-size: 1.1em; } }
    @media (min-width: 75em) {
      .v-invertek-tv #news-row #latest-news #news-feed {
        flex: 0 0 calc(55% - 2rem);
        max-width: calc(55% - 2rem); }
        .v-invertek-tv #news-row #latest-news #news-feed li {
          flex: 0 0 calc(50% - 0.9375rem);
          max-width: calc(50% - 0.9375rem); }
          .v-invertek-tv #news-row #latest-news #news-feed li > a .story-txt .story-link {
            display: none; } }

.v-invertek-tv #case-studies-search #cs-banner {
  display: none; }

.v-invertek-tv #case-studies-search #cs-latest {
  background: radial-gradient(circle, #525252 0%, #191919 75%);
  padding: 3rem 0; }
  @media (min-width: 48em) {
    .v-invertek-tv #case-studies-search #cs-latest {
      padding: 5em 0; } }
  .v-invertek-tv #case-studies-search #cs-latest h2 {
    font-size: 2.1em;
    font-weight: 200;
    margin-bottom: 2.5rem;
    color: #fff; }

  .v-invertek-tv #case-studies-search #cs-latest #latest-cs-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 2em; }
    .v-invertek-tv #case-studies-search #cs-latest #latest-cs-heading h2 {
      margin-bottom: 0; }
    .v-invertek-tv #case-studies-search #cs-latest #latest-cs-heading a {
      color: #fff;
      font-weight: 200;
      text-decoration: underline;
      font-size: 1.2em; }

.v-invertek-tv #case-studies-search .result {
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  padding-top: 15rem;
  position: relative;
  height: 100%; }
  .v-invertek-tv #case-studies-search .result .cs-thumb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 15rem;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
  .v-invertek-tv #case-studies-search .result .cs-title {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem 1.5rem;
    font-size: 1.2rem;
    color: #000 !important;
    font-weight: 400; }

.v-invertek-tv #tv-videos {
  padding: 4em 0; }
  .v-invertek-tv #tv-videos #tv-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
    .v-invertek-tv #tv-videos #tv-categories.open {
      justify-content: space-between; }
      @media (min-width: 62em) {
        .v-invertek-tv #tv-videos #tv-categories.open > div {
          flex: 0 0 calc(50% - 1rem);
          max-width: calc(50% - 1rem);
          margin-right: 0; }
          .v-invertek-tv #tv-videos #tv-categories.open > div.expanded .video-wrapper .video {
            display: block !important;
            flex: 0 0 calc(16.666% - 1rem);
            max-width: calc(16.666% - 1rem);
            margin-right: calc(6rem / 5); }
            .v-invertek-tv #tv-videos #tv-categories.open > div.expanded .video-wrapper .video:nth-child(6n) {
              margin-right: 0; }
          .v-invertek-tv #tv-videos #tv-categories.open > div:not(.expanded) .video-wrapper .video {
            flex: 0 0 32%;
            max-width: 32%;
            margin-right: calc(4% / 3); }
            .v-invertek-tv #tv-videos #tv-categories.open > div:not(.expanded) .video-wrapper .video:nth-child(-n+6) {
              display: block !important; }
            .v-invertek-tv #tv-videos #tv-categories.open > div:not(.expanded) .video-wrapper .video:nth-child(3n) {
              margin-right: 0; } }
    .v-invertek-tv #tv-videos #tv-categories > div {
      padding: 2.5rem 1.5rem 3rem 1.5rem;
      flex: 0 0 100%;
      max-width: 100%;
      border: #535486 1px solid;
      position: relative;
      margin-bottom: 5rem; }
      .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start; }
        .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video {
          display: none;
          flex: 0 0 100%;
          max-width: 100%;
          margin-bottom: 1rem; }
          .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video:nth-child(-n+2) {
            display: block; }
          @media (min-width: 25em) {
            .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video {
              flex: 0 0 calc(50% - 0.5rem);
              max-width: calc(50% - 0.5rem);
              margin-right: 1rem; }
              .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video:nth-child(-n+4) {
                display: block; }
              .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video:nth-child(even) {
                margin-right: 0; } }
          @media (min-width: 40em) {
            .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video {
              flex: 0 0 calc(33.333% - 0.5rem);
              max-width: calc(33.333% - 0.5rem);
              margin-right: calc(1.5rem / 2); }
              .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video:nth-child(-n+6) {
                display: block; }
              .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video:nth-child(even) {
                margin-right: calc(1.5rem / 2); }
              .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video:nth-child(3n) {
                margin-right: 0; } }
          @media (min-width: 62em) {
            .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video {
              flex: 0 0 48%;
              max-width: 48%;
              margin-right: 4%; }
              .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video:nth-child(-n+6) {
                display: none; }
              .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video:nth-child(-n+4) {
                display: block; }
              .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video:nth-child(3n) {
                margin-right: 4%; }
              .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video:nth-child(even) {
                margin-right: 0; } }
          .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video a:hover .thumb::before {
            opacity: 0.5; }
          .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video a:hover .thumb::after {
            content: '\f144';
            font-family: 'Font Awesome 5 Pro';
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            color: #fff;
            font-size: 2rem; }
          .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video .thumb {
            height: 7rem;
            width: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            position: relative; }
            .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video .thumb::before {
              content: '';
              position: absolute;
              left: 0;
              right: 0;
              top: 0;
              bottom: 0;
              background: #000;
              opacity: 0; }
          .v-invertek-tv #tv-videos #tv-categories > div .video-wrapper .video .title {
            padding: 0.5rem;
            text-align: center;
            color: #000 !important; }
      .v-invertek-tv #tv-videos #tv-categories > div.expanded .video {
        display: block !important; }
      .v-invertek-tv #tv-videos #tv-categories > div.expanded button::before {
        content: '\f00d'; }
      @media (min-width: 62em) {
        .v-invertek-tv #tv-videos #tv-categories > div {
          flex: 0 0 calc(33.3333% - 1rem);
          max-width: calc(33.3333% - 1rem);
          margin-right: calc(3rem / 2); }
          .v-invertek-tv #tv-videos #tv-categories > div:nth-child(3n) {
            margin-right: 0; }
          .v-invertek-tv #tv-videos #tv-categories > div.expanded {
            flex: 0 0 100%;
            max-width: 100%; } }
    @media (min-width: 62em) and (min-width: 62em) {
      .v-invertek-tv #tv-videos #tv-categories > div.expanded .video {
        flex: 0 0 15%;
        max-width: 15%;
        margin-right: 4%; }
        .v-invertek-tv #tv-videos #tv-categories > div.expanded .video:nth-child(odd) {
          margin-right: 0; } }
      @media (min-width: 62em) {
            .v-invertek-tv #tv-videos #tv-categories > div.expanded button::before {
              content: '\f00d'; }
          .v-invertek-tv #tv-videos #tv-categories > div.expanded[data-catcount="0"] {
            order: 0; }
          .v-invertek-tv #tv-videos #tv-categories > div.expanded[data-catcount="1"] {
            order: -1; }
          .v-invertek-tv #tv-videos #tv-categories > div.expanded[data-catcount="2"] {
            order: -2; } }
      .v-invertek-tv #tv-videos #tv-categories > div .category-name {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -60%);
        background: #fff;
        padding: 0.25rem 1.5rem;
        font-size: 2.5rem;
        font-weight: 200;
        color: #535486; }
      .v-invertek-tv #tv-videos #tv-categories > div button {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 50%);
        width: 3.5rem;
        height: 3.5rem;
        border-radius: 50%;
        background: #eee; }
        .v-invertek-tv #tv-videos #tv-categories > div button::before {
          content: '\f078';
          font-family: 'Font Awesome 5 Pro';
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: #000;
          font-size: 1.5rem; }
        .v-invertek-tv #tv-videos #tv-categories > div button:hover {
          background: #ddd; }

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

/*招聘*/
.v-careers .banner {
  padding: 2em 0;
  background-image: url("../img/content/about/career-opportunities-banner-bg.webp");
  background-size: cover;
  background-position: center 80%; }
  .v-careers .banner > div {
    z-index: 1; }
  @media (min-width: 48em) {
    .v-careers .banner {
      padding: 3em 0; } }
  @media (min-width: 75em) {
    .v-careers .banner {
      padding: 5em 0; } }
  .v-careers .banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.8;
    z-index: 1; }
  .v-careers .banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, #535486 0%, rgba(83, 84, 134, 0) 100%);
    opacity: 0.8; }
  .v-careers .banner h1 {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 0.6em 0.8em; }
    @media (min-width: 48em) {
      .v-careers .banner h1 {
        font-size: 2em;
        display: inline-block;
        margin-bottom: 0; } }
    @media (min-width: 62em) {
      .v-careers .banner h1 {
        font-size: 2.75em; } }
    @media (min-width: 85em) {
      .v-careers .banner h1 {
        font-size: 3em; } }

.v-careers #more-than-career {
  position: relative;
  width: fit-content;
  margin: 0 0 0 auto; }
  @media (min-width: 48em) {
    .v-careers #more-than-career {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      margin: 0; } }
  @media (min-width: 48em) and (min-width: 75em) {
    .v-careers #more-than-career {
      right: 5em; } }
  .v-careers #more-than-career .video {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .v-careers #more-than-career .play-circle-purple {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: #535486;
    border: 6px solid #fff;
    margin: auto;
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0.5rem; }
    .v-careers #more-than-career .play-circle-purple i {
      font-size: 2.5em;
      color: #fff; }
  .v-careers #more-than-career h2 {
    margin: 0;
    margin-bottom: 0;
    color: #fff;
    text-align: center;
    font-weight: 200; }

.v-careers #employee-videos {
  position: relative; }
  .v-careers #employee-videos h2 {
    margin-bottom: 0.8em; }
  .v-careers #employee-videos header {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1.5em; }
    .v-careers #employee-videos header img {
      margin-top: 0.4em;
      height: 3.125rem; }
    .v-careers #employee-videos header a {
      align-self: center;
      text-decoration: underline;
      color: #000;
      font-size: 1.1875rem;
      font-weight: 400; }
  .v-careers #employee-videos .video-wrapper .video {
    position: relative;
    margin-bottom: 3.125rem; }
    .v-careers #employee-videos .video-wrapper .video a {
      background-color: rgba(0, 0, 0, 0); }
      .v-careers #employee-videos .video-wrapper .video a:hover .thumb {
        width: 100%;
        height: 13.4em;
        z-index: 0; }
        .v-careers #employee-videos .video-wrapper .video a:hover .thumb::before {
          content: "";
          position: absolute;
          left: 50%;
          top: 50%;
          z-index: 1;
          opacity: 1;
          transform: translate(-50%, -50%);
          background: rgba(0, 0, 0, 0.6);
          width: 100%;
          height: 100%; }
        .v-careers #employee-videos .video-wrapper .video a:hover .thumb::after {
          content: "";
          position: absolute;
          left: 50%;
          top: 50%;
          z-index: 2;
          transform: translate(-50%, -50%);
          width: 3rem;
          height: 3rem;
          background-image: url("../img/content/about/play-circle-purple-bg.svg"); }
    .v-careers #employee-videos .video-wrapper .video .thumb {
      height: 13.4em;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      position: relative;
      box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.48);
      -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.48);
      -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.48); }
    .v-careers #employee-videos .video-wrapper .video .thumb-lg {
      height: 30em;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      position: relative;
      box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.48);
      -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.48);
      -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.48); }
      .v-careers #employee-videos .video-wrapper .video .thumb-lg:hover {
        width: 100%;
        height: 30em;
        z-index: 0; }
        .v-careers #employee-videos .video-wrapper .video .thumb-lg:hover::before {
          content: "";
          position: absolute;
          left: 50%;
          top: 50%;
          z-index: 1;
          opacity: 1;
          transform: translate(-50%, -50%);
          background: rgba(0, 0, 0, 0.6);
          width: 100%;
          height: 30em; }
        .v-careers #employee-videos .video-wrapper .video .thumb-lg:hover::after {
          content: "";
          position: absolute;
          left: 50%;
          top: 50%;
          z-index: 2;
          transform: translate(-50%, -50%);
          width: 7rem;
          height: 7rem;
          background-image: url("../img/content/about/play-circle-purple-bg.svg"); }
      .v-careers #employee-videos .video-wrapper .video .thumb-lg .title {
        font-size: 1.75rem; }
    .v-careers #employee-videos .video-wrapper .video .title {
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0.75em;
      background-color: rgba(0, 0, 0, 0.6);
      color: #eaeaea;
      font-size: 0.9375rem;
      font-weight: 400; }

.v-careers #infinite-slider {
  overflow: hidden;
  padding: 0;
  margin: 0 -0.9375rem; }
  .v-careers #infinite-slider .sliding-background {
    height: 160px;
    width: 6048px;
    background-image: url("../img/content/about/sliding-banner.jpg");
    background-size: contain;
    background-position: 0 0;
    background-repeat: repeat-x;
    animation: slide 60s linear infinite; }

@keyframes slide {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(-2016px, 0, 0); } }

.v-careers #people-text {
  font-size: 1.5rem;
  text-align: center; }
  .v-careers #people-text .col-7 {
    margin: auto; }
    @media (min-width: 48em) {
      .v-careers #people-text .col-7 {
        margin: 2rem auto; } }
        


.v-careers-inner .banner {
  padding: 1em 0 10em;
  background: url("../img/content/about/graduates-banner.webp") 50% center/cover no-repeat; }
  @media (min-width: 75em) {
    .v-careers-inner .banner {
      padding: 1em 0 6em; } }
  @media (min-width: 90em) {
    .v-careers-inner .banner {
      padding: 1em 0;
      min-height: 22em; } }
  @media (min-width: 75em) {
    .v-careers-inner .banner {
      background-position: 25% center; } }
  @media (min-width: 90em) {
    .v-careers-inner .banner {
      background-position: 35% center; } }
  .v-careers-inner .banner::before {
    content: "";
    background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0; }
  .v-careers-inner .banner h1 {
    padding: 0.25em 0.5em;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    font-size: 1.5em;
    transform: rotate(-3deg);
    position: relative;
    z-index: 1; }
    .v-careers-inner .banner h1::before {
      content: "";
      background: #535486;
      position: absolute;
      width: 100%;
      height: 100%;
      right: 0;
      bottom: 0;
      left: 0;
      top: 0;
      z-index: -1; }
    .v-careers-inner .banner h1::after {
      content: "";
      background: #f0f38c;
      position: absolute;
      width: 100%;
      height: 100%;
      right: -0.25em;
      bottom: -0.25em;
      z-index: -2; }

.v-careers-inner .why_choose .header-wrapper {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  height: 2em;
  padding: 0 0.9375rem; }
  @media (min-width: 75em) {
    .v-careers-inner .why_choose .header-wrapper {
      height: 3em; } }

.v-careers-inner .why_choose h2 {
  font-weight: 700;
  color: #fff;
  display: inline-block;
  font-size: 1.1em;
  transform: rotate(-3deg) translateY(-2em);
  margin-bottom: -2em; }
  @media (min-width: 22.5em) {
    .v-careers-inner .why_choose h2 {
      font-size: 1.25em; } }
  @media (min-width: 30em) {
    .v-careers-inner .why_choose h2 {
      font-size: 1.75em; } }
  @media (min-width: 35em) {
    .v-careers-inner .why_choose h2 {
      font-size: 2em; } }
  @media (min-width: 75em) {
    .v-careers-inner .why_choose h2 {
      font-size: 2.25em;
      transform: rotate(-3deg) translateY(-2.25em);
      margin-bottom: -4em; } }
  .v-careers-inner .why_choose h2 span {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em; }
    .v-careers-inner .why_choose h2 span:not(:first-child) {
      transform: translate(0, -5px);
      padding-top: 0; }
    .v-careers-inner .why_choose h2 span::before {
      content: "";
      background: #535486;
      position: absolute;
      width: 100%;
      height: 100%;
      right: 0;
      bottom: 0;
      left: 0;
      top: 0;
      z-index: -1; }
    .v-careers-inner .why_choose h2 span::after {
      content: "";
      background: #f0f38c;
      position: absolute;
      width: 100%;
      height: 100%;
      right: -0.25em;
      bottom: -0.25em;
      z-index: -2; }

.v-careers-inner .why_choose h3 {
  color: #535486;
  font-size: 1.25em;
  margin-top: 2rem; }

.v-careers-inner .interested_box {
  margin-top: 5em;
  background: url("../img/common/textures/trapezium.svg") center center/100% 100% no-repeat;
  padding: 5.5em 2.5em 3em 2.5em;
  color: #fff;
  max-width: 27em; }
  .v-careers-inner .interested_box a {
    color: #fff !important; }
  .v-careers-inner .interested_box h3 {
    margin-top: 0;
    color: #535486 !important;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-3deg);
    z-index: 1;
    font-size: 2em; }
    .v-careers-inner .interested_box h3::before {
      content: "";
      position: absolute;
      top: -0.5em;
      left: -0.5em;
      right: -0.5em;
      bottom: -0.5em;
      background: #f0f38c;
      z-index: -1; }
    .v-careers-inner .interested_box h3::after {
      content: "";
      position: absolute;
      top: calc(100% + 0.5em - 1px);
      left: -0.5em;
      right: -0.5em;
      z-index: 0;
      height: 0.5rem;
      width: 100%;
      background-image: url("../img/common/textures/triangle.svg");
      background-size: 100% 100%;
      background-position: 0 0;
      background-repeat: no-repeat; }
      
.no-webp .v-careers-inner .banner {
  background-image: url("../img/content/about/graduates-banner.jpg"); }
  
  
  
#explore-career-opportunities h2 {
  font-size: 2em; }

#explore-career-opportunities h3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 1em;
  font-weight: 400;
  font-size: 1.25em; }

#explore-career-opportunities .all-opportunities {
  display: block;
  position: relative;
  padding: 1rem 5rem 1rem 1rem;
  background: #0060d8;
  color: #fff;
  font-weight: 200;
  font-size: 1.5em;
  margin-left: 0;
  max-width: 20rem; }
  #explore-career-opportunities .all-opportunities::before {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    width: 1.5rem;
    height: 2rem;
    border: 1px solid #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 200;
    font-size: 0.6em;
    color: #fff; }
  #explore-career-opportunities .all-opportunities:hover::before {
    background: #fff;
    color: #0060d8; }
  @media (min-width: 48em) {
    #explore-career-opportunities .all-opportunities {
      font-size: 1.25em;
      max-width: 18rem; } }
  @media (min-width: 75em) {
    #explore-career-opportunities .all-opportunities {
      margin-left: auto;
      margin-top: 2em;
      font-size: 1.75em;
      max-width: 22rem; } }
      
      
.graduates_row [data-link] {
  margin-bottom: 1em; }
  @media (min-width: 48em) {
    .graduates_row [data-link] {
      margin-bottom: 0; } }
  .graduates_row [data-link]:first-child {
    margin-top: 2em; }
    @media (min-width: 48em) {
      .graduates_row [data-link]:first-child {
        margin-top: 0; } }
  .graduates_row [data-link]:last-child {
    margin-bottom: 0; }
  .graduates_row [data-link] > a {
    display: block;
    background: #fff;
    padding: 11.5em 1em 3.5em 1em;
    height: 100%;
    position: relative;
    font-weight: 400;
    color: #000 !important; }
    @media (min-width: 75em) {
      .graduates_row [data-link] > a {
        padding: 15.5em 1em 3.5em 1em; } }
    .graduates_row [data-link] > a::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 10em;
      background: #fff;
      background-size: cover;
      background-position: center center; }
      @media (min-width: 75em) {
        .graduates_row [data-link] > a::after {
          height: 14em; } }
    .graduates_row [data-link] > a:hover::before {
      background: #535486;
      color: #fff;
      border: 1px solid #fff; }
    .graduates_row [data-link] > a::before {
      content: "\f054";
      font-family: "Font Awesome 5 Pro";
      position: absolute;
      right: 1rem;
      bottom: 1rem;
      width: 1.5rem;
      height: 2rem;
      border: 1px solid #000;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 200;
      font-size: 1em;
      color: #000; }
    .graduates_row [data-link] > a h3 {
      color: #535486 !important;
      position: absolute;
      top: 0;
      left: 0;
      transform: rotate(-3deg);
      z-index: 1;
      font-size: 1.5em; }
      .graduates_row [data-link] > a h3::before {
        content: "";
        position: absolute;
        top: -0.5em;
        left: -0.5em;
        right: -0.5em;
        bottom: -0.5em;
        background: #f0f38c;
        z-index: -1; }
      .graduates_row [data-link] > a h3::after {
        content: "";
        position: absolute;
        top: calc(100% + 0.5em - 1px);
        left: -0.5em;
        right: -0.5em;
        z-index: 0;
        height: 0.5rem;
        width: 100%;
        background-image: url("../img/common/textures/triangle.svg");
        background-size: 100% 100%;
        background-position: 0 0;
        background-repeat: no-repeat; }

.graduates_row [data-link="graduates"] > a::after {
  background-image: url("../img/content/about/graduates.webp");
  background-position: center 35%; }

.graduates_row [data-link="placements"] > a::after {
  background-image: url("../img/content/about/placements.webp");
  background-position: center 10%; }

.graduates_row [data-link="apprenticeships"] > a::after {
  background-image: url("../img/content/about/apprenticeships.webp"); }
  
[data-bg="purple"] {
background: #535486 !important;
color: #fff !important; }
[data-bg="purple"] .lead {
color: #fff !important; }




.v-home #home_warranty_banner, .v-warranty #home_warranty_banner {
  background: #535486;
  padding: 2em 0;
  overflow: hidden; }
  .v-home #home_warranty_banner .col-lg-12::before, .v-warranty #home_warranty_banner .col-lg-12::before {
    content: 'NEW';
    letter-spacing: 1px;
    position: absolute;
    top: calc(-1rem - 2em);
    left: 0.9375rem;
    background: #d2081e;
    color: #fff;
    font-size: 1.5em;
    display: block;
    padding: 0.5em .75em;
    font-weight: 900;
    font-size: 1em; }
    @media (min-width: 75em) {
      .v-home #home_warranty_banner .col-lg-12::before, .v-warranty #home_warranty_banner .col-lg-12::before {
        top: calc(-1rem - 3em); } }
  @media (min-width: 48em) {
    .v-home #home_warranty_banner, .v-warranty #home_warranty_banner {
      padding: 2em 0 4em; } }
  @media (min-width: 75em) {
    .v-home #home_warranty_banner, .v-warranty #home_warranty_banner {
      padding: 3em 0 6em; } }
  @media (min-width: 90em) {
    .v-home #home_warranty_banner, .v-warranty #home_warranty_banner {
      padding: 3em 0 5em; } }
  .v-home #home_warranty_banner::before, .v-warranty #home_warranty_banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 75%;
    background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none; }
    @media (min-width: 90em) {
      .v-home #home_warranty_banner::before, .v-warranty #home_warranty_banner::before {
        height: 85%; } }
  .v-home #home_warranty_banner h1, .v-warranty #home_warranty_banner h1 {
    font-weight: 900;
    color: #fff;
    letter-spacing: 3px;
    font-size: 4.5vw;
    line-height: .9; }
    @media (min-width: 35em) {
      .v-home #home_warranty_banner h1, .v-warranty #home_warranty_banner h1 {
        font-size: 1.25em; } }
    @media (min-width: 48em) {
      .v-home #home_warranty_banner h1, .v-warranty #home_warranty_banner h1 {
        font-size: 1em; } }
    @media (min-width: 62em) {
      .v-home #home_warranty_banner h1, .v-warranty #home_warranty_banner h1 {
        font-size: 1.25em; } }
    @media (min-width: 90em) {
      .v-home #home_warranty_banner h1, .v-warranty #home_warranty_banner h1 {
        font-size: 1.5em; } }
    .v-home #home_warranty_banner h1 span, .v-warranty #home_warranty_banner h1 span {
      display: block;
      font-size: 1.5em; }
      .v-home #home_warranty_banner h1 span:nth-child(2), .v-warranty #home_warranty_banner h1 span:nth-child(2) {
        margin-bottom: .5em; }
      .v-home #home_warranty_banner h1 span:nth-child(3), .v-warranty #home_warranty_banner h1 span:nth-child(3) {
        margin-bottom: .125em; }
      .v-home #home_warranty_banner h1 span.purple, .v-warranty #home_warranty_banner h1 span.purple {
        color: #948cc3;
        font-size: 3.35em; }
      .v-home #home_warranty_banner h1 span.large, .v-warranty #home_warranty_banner h1 span.large {
        font-size: 1.9em; }
  .v-home #home_warranty_banner .btn-purple, .v-warranty #home_warranty_banner .btn-purple {
    background: #948cc3;
    font-weight: 200;
    padding-left: 1em;
    padding-right: 2.75em;
    margin-top: 2em; }
    @media (min-width: 35em) {
      .v-home #home_warranty_banner .btn-purple, .v-warranty #home_warranty_banner .btn-purple {
        font-size: .9em; } }
  .v-home #home_warranty_banner #warranty_showcase, .v-warranty #home_warranty_banner #warranty_showcase {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%; }
    @media (max-width: 47.99em) {
      .v-home #home_warranty_banner #warranty_showcase, .v-warranty #home_warranty_banner #warranty_showcase {
        display: none; } }
    .v-home #home_warranty_banner #warranty_showcase .glide__track, .v-warranty #home_warranty_banner #warranty_showcase .glide__track {
      height: 100%; }
    .v-home #home_warranty_banner #warranty_showcase .glide__slides, .v-warranty #home_warranty_banner #warranty_showcase .glide__slides {
      transform: translate3d(0, 0, 0) !important;
      width: 100vw !important;
      height: 100%; }
    .v-home #home_warranty_banner #warranty_showcase .glide__slide, .v-warranty #home_warranty_banner #warranty_showcase .glide__slide {
      opacity: 0;
      z-index: 0;
      position: absolute;
      top: 0;
      left: 0;
      transition: opacity 2s ease;
      height: 100%; }
      .v-home #home_warranty_banner #warranty_showcase .glide__slide > div, .v-warranty #home_warranty_banner #warranty_showcase .glide__slide > div {
        height: 100%; }
        .v-home #home_warranty_banner #warranty_showcase .glide__slide > div img, .v-warranty #home_warranty_banner #warranty_showcase .glide__slide > div img {
          height: 100%; }
    .v-home #home_warranty_banner #warranty_showcase .glide__slide.glide__slide--active, .v-warranty #home_warranty_banner #warranty_showcase .glide__slide.glide__slide--active {
      opacity: 1;
      z-index: 1; }
      
.v-warranty #home_warranty_banner {
  padding: 2em 0 1em; }
  @media (min-width: 48em) {
    .v-warranty #home_warranty_banner {
      padding: 2em 0; } }
  @media (min-width: 75em) {
    .v-warranty #home_warranty_banner {
      padding: 3em 0 2em; } }
  @media (min-width: 90em) {
    .v-warranty #home_warranty_banner {
      padding: 3em 0 2em; } }
  .v-warranty #home_warranty_banner #warranty_showcase img {
    height: 100%; }
  @media (min-width: 101.75em) {
    .v-warranty #home_warranty_banner #warranty_showcase {
      left: 60%; } }

.v-warranty .plus_panel {
  background: #535486;
  color: #fff;
  padding: 1.25em 1em; }
  .v-warranty .plus_panel h2 strong {
    display: block;
    font-weight: 800; }
  .v-warranty .plus_panel h2 img {
    max-width: 18em; }
  .v-warranty .plus_panel .circle {
    font-size: 3em;
    width: 4em;
    height: 4em;
    border-radius: 50%;
    background: #e8e8e8;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    margin-left: 0;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
    position: relative; }
    @media (min-width: 36em) {
      .v-warranty .plus_panel .circle {
        margin-left: auto; } }
    .v-warranty .plus_panel .circle::before {
      content: '';
      position: absolute;
      top: 0.125rem;
      left: 50%;
      transform: translateX(-50%);
      width: 3.5em;
      height: 3em;
      border-radius: 50%;
      background: #fff;
      z-index: 0;
      opacity: 0.5; }
    .v-warranty .plus_panel .circle img {
      max-width: 80%;
      margin: 0;
      z-index: 1; }
    @media (min-width: 48em) {
      .v-warranty .plus_panel .circle {
        width: 5em;
        height: 5em; } }
        
.v-current-opportunities .banner {
  padding: 3em 0 4em; }
  @media (min-width: 48em) {
    .v-current-opportunities .banner::before {
      content: '';
      position: absolute;
      right: -50rem;
      left: 0;
      bottom: 0;
      top: 0;
      height: 100%;
      opacity: 0.25;
      background: url("../img/content/about/people-shots.png") 100% center/auto 100% no-repeat; } }
  @media (min-width: 75em) {
    .v-current-opportunities .banner::before {
      opacity: 1; } }
  @media (min-width: 90em) {
    .v-current-opportunities .banner::before {
      right: calc(-50rem + (100vw - 96rem) / 2); } }
  .v-current-opportunities .banner p.lead {
    font-weight: 200; }

.v-current-opportunities #careers-accordion > div h2 {
  margin-bottom: 1.5rem;
  margin-top: 3rem; }

.v-current-opportunities #careers-accordion .drop-btn {
  color: #000 !important;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 1em 3em 1em 1em;
  background: #eaeaea;
  position: relative; }
  @media (min-width: 48em) {
    .v-current-opportunities #careers-accordion .drop-btn {
      padding: 1em; } }
  .v-current-opportunities #careers-accordion .drop-btn em {
    display: block;
    font-size: 1rem; }

.v-current-opportunities #employee-videos {
  position: relative; }
  @media (min-width: 62em) {
    .v-current-opportunities #employee-videos::before {
      content: '';
      height: 95%;
      width: 1px;
      position: absolute;
      top: 3.5%;
      left: 0%;
      background-color: #808080; } }
  @media (min-width: 75em) {
    .v-current-opportunities #employee-videos::before {
      left: -7%; } }
  .v-current-opportunities #employee-videos header {
    margin-top: 2.5rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5em; }
    .v-current-opportunities #employee-videos header img {
      margin-top: 0.4em;
      height: 3.125rem; }
    .v-current-opportunities #employee-videos header a {
      align-self: center;
      text-decoration: underline;
      color: #000;
      font-size: 1.1875rem;
      font-weight: 400; }
  .v-current-opportunities #employee-videos .video-wrapper .video {
    position: relative;
    margin-bottom: 3.125rem; }
    .v-current-opportunities #employee-videos .video-wrapper .video a:hover .thumb::before {
      z-index: 1;
      opacity: 0.5; }
    .v-current-opportunities #employee-videos .video-wrapper .video a:hover .thumb::after {
      content: '\f144';
      font-family: 'Font Awesome 5 Pro';
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 2;
      transform: translate(-50%, -50%);
      color: #fff;
      font-size: 2rem; }
    .v-current-opportunities #employee-videos .video-wrapper .video .thumb {
      height: 11em;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      position: relative; }
      .v-current-opportunities #employee-videos .video-wrapper .video .thumb::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: #000;
        opacity: 0; }
    .v-current-opportunities #employee-videos .video-wrapper .video .title {
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0.75em;
      background-color: rgba(0, 0, 0, 0.6);
      color: #eaeaea;
      font-size: 0.9375rem;
      font-weight: 400; }