@charset "UTF-8";
/* 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: 2.5em;
  transform: translateY(-50%);
  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 {
  position: fixed;
}

.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 rgb(204, 204, 204);
}

@media (min-width: 48em) {
  .span {
    width: 94.375%;
    max-width: 96rem;
    margin: 0 auto;
  }
  .span.narrow {
    max-width: 72rem;
  }
}
.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 rgb(230, 230, 230);
}

.row--border-bottom {
  border-bottom: 1px solid rgb(230, 230, 230);
}

@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;
}

blockquote {
  font-size: 2em;
}

.centered {
  width: 100%;
  padding: 3rem 0.9375rem;
  text-align: center;
}
@media (min-width: 62em) {
  .centered {
    padding: 3rem 25%;
  }
}

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

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

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

[data-bg=cooler-planet] {
  background: #009cb3;
  color: #fff;
}
[data-bg=cooler-planet] h1, [data-bg=cooler-planet] h2, [data-bg=cooler-planet] p {
  color: #fff;
}

[data-bg=cooler-grad] {
  position: relative;
}
[data-bg=cooler-grad]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: -moz-linear-gradient(top, rgb(194, 235, 240) 0%, rgba(194, 235, 240, 0.2) 100%);
  background: -webkit-linear-gradient(top, rgb(194, 235, 240) 0%, rgba(194, 235, 240, 0.2) 100%);
  background: linear-gradient(to bottom, rgb(194, 235, 240) 0%, rgba(194, 235, 240, 0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#c2ebf0", endColorstr="#33c2ebf0",GradientType=0 );
}

[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, rgb(82, 82, 82) 0%, rgb(25, 25, 25) 75%);
}

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

[data-bg=dark-radial-grad-br] {
  background: radial-gradient(circle at 75% 100%, rgb(82, 82, 82) 0%, rgb(25, 25, 25) 75%);
}

[data-bg=default-radial-grad-br] {
  background: radial-gradient(circle at 75% 100%, rgb(148, 140, 195) 0%, rgb(83, 84, 134) 75%);
}

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

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

[data-bg=off-black] {
  background: rgb(4, 13, 18);
}

[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=purple] {
  background: rgb(83, 84, 134) !important;
  color: #fff !important;
}
[data-bg=purple] .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%, rgb(0, 142, 223) 0%, rgb(0, 96, 192) 75%);
}

[data-bg=purple-grid] {
  background: linear-gradient(150deg, #1a1b2b 0%, #535486 50%, #1a1b2b 100%);
  position: relative;
  color: #fff;
}
[data-bg=purple-grid]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("/img/common/textures/grid.svg") top left/100rem auto repeat;
  opacity: 0.1;
}

[data-bg=black],
[data-bg=black] a,
[data-bg=off-black],
[data-bg=off-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: rgb(247, 247, 247);
}

@media (min-width: 48em) {
  html[lang=pl] .ecodesign-product-ad {
    margin-right: 0;
  }
}
@media (min-width: 48em) {
  html[lang=pl] .ecodesign-product-ad > div {
    max-width: 26rem;
    margin-right: 0;
  }
}
@media (min-width: 62em) {
  html[lang=pl] .ecodesign-product-ad > div a {
    padding-right: 0.5rem;
  }
}

/*_____________________________________________________________ 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;
  font-weight: 400;
}

h2 {
  font-size: 1.4em;
  font-weight: 400;
}

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: rgb(102, 102, 102);
  font-weight: 400;
}

.lead.black {
  color: rgb(0, 0, 0);
}

.red-txt {
  color: red;
}

@media (min-width: 62em) {
  .lead {
    font-size: 1.3125em;
  }
  .widthLead {
    max-width: 33.33rem;
  }
}
.thin {
  font-weight: 400;
}

.branded-text {
  color: rgb(83, 84, 134) !important;
}

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

.montserrat {
  font-family: "Montserrat", sans-serif;
}

.red-block {
  background: rgb(210, 8, 30);
  color: #fff;
  padding: 0.5em 0.75em;
  text-transform: uppercase;
  font-weight: 800;
  display: inline-block;
  font-size: 1.1rem;
}

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

li {
  position: relative;
}

li::before {
  content: "•";
  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: rgb(210, 8, 30);
  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.list-numbered {
  list-style: none;
  margin-left: 0;
}
ul.list-numbered li {
  counter-increment: custom;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 2rem;
  padding-left: 2.5rem;
  margin-bottom: 0.75rem;
  break-inside: avoid-column;
  page-break-inside: avoid;
}
ul.list-numbered li::before {
  content: counter(custom) " ";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  color: #000000;
  font-weight: 400;
}
ul.list-numbered li:first-child {
  counter-reset: custom;
}

ul.list-unnumbered {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
ul.list-unnumbered li {
  counter-increment: custom;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0rem;
  padding-right: 0rem;
  margin-bottom: 0.75rem;
  break-inside: avoid-column;
  page-break-inside: avoid;
  list-style: none;
}
ul.list-unnumbered li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0rem;
  height: 0rem;
  color: #000000;
  font-weight: 400;
}
ul.list-unnumbered 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;
}

.white-link {
  color: #fff;
}
.white-link:hover {
  color: rgba(255, 255, 255, 0.8);
}

.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: rgb(83, 84, 134) !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: rgb(83, 84, 134);
  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;
}

.cp-roundal {
  border-radius: 50%;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  transition: transform 0.1s ease-in-out;
  position: relative;
  z-index: 1;
}
.cp-roundal:hover {
  transform: scale(1.03);
}
.cp-roundal:hover::before {
  transform: scale(0.97);
}
.cp-roundal::before {
  content: "";
  position: absolute;
  left: -25%;
  top: -25%;
  bottom: -25%;
  right: -25%;
  width: 150%;
  height: 150%;
  background: url("/img/content/promotional/cooler-planet-vines-white.png") center center/100% 100% no-repeat;
  z-index: -1;
  transition: transform 0.1s ease-in-out;
}

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-outline-white {
  border: solid 1px #fff;
}

.btn-purple {
  background: rgb(83, 84, 134);
  color: #fff;
  display: block;
  border-radius: 0;
}
.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple:visited {
  color: #fff !important;
}

.btn-purple-light {
  background: #948cc3;
  color: #fff;
  display: block;
  border-radius: 0;
}
.btn-purple-light:hover, .btn-purple-light:focus, .btn-purple-light:active, .btn-purple-light:visited {
  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-arrow {
  padding: 0.5em;
  padding-right: 2.5em;
  color: #fff;
  display: inline-block;
  position: relative;
}
.btn-arrow.black {
  background: #000;
  color: #fff;
}
.btn-arrow.black::before {
  color: #fff;
  border-color: #fff;
}
.btn-arrow.no-outline::before {
  border: none;
}
.btn-arrow:hover {
  color: #fff;
}
.btn-arrow:hover::before {
  background: #fff;
  color: #000;
}
.btn-arrow::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 #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 0;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none !important;
  position: absolute;
  right: 0.5em;
  top: 51%;
  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-text-link.white {
  color: #fff;
}
.btn-text-link.white::before {
  color: #fff;
  border-color: #fff;
}
.btn-text-link.white:hover::before {
  color: #000;
  background: #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-back {
  padding: 0 0 0 1em !important;
  position: relative;
}
.btn-back.white {
  color: #fff;
}
.btn-back.white::before {
  color: #fff;
}
.btn-back::before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #0060d8;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%) rotate(180deg);
}

.btn-box-arrow {
  padding: 0.85em 2.5em 0.85em 0.85em;
  border-radius: 0;
  position: relative;
}
.btn-box-arrow::before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #0060d8;
  position: absolute;
  top: 50%;
  right: 1.25em;
  transform: translate(50%, -50%);
  border: 1px solid #fff;
  width: 1.5em;
  text-align: center;
}
.btn-box-arrow:hover {
  background: #0060d8;
  border-color: #fff;
}
.btn-box-arrow:hover::before {
  color: #fff;
}
.btn-box-arrow.white {
  border-color: #fff;
}
.btn-box-arrow.white::before {
  color: #fff;
}
.btn-box-arrow.white:hover {
  background: none;
}
.btn-box-arrow.white:hover::before {
  background: #fff;
  color: #009cb3;
}
.btn-box-arrow.filled::before {
  color: rgb(83, 84, 134);
  background: #fff;
}
.btn-box-arrow.bottom::before {
  top: calc(100% - 0.5rem);
  transform: translate(50%, -100%);
}

.btn.video {
  background: rgb(83, 84, 134);
  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;
}

.video.thumb > div {
  position: relative;
}
.video.thumb > div::before {
  content: "\f144";
  font-weight: 400;
  font-size: 3em;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  opacity: 0.75;
}
.video.thumb > div img {
  margin: 0;
}

.link.download::before {
  content: "\f33d";
}
.link.download.right {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  padding-left: 0.9375em;
  padding-right: 4em;
  display: inline-block;
}
.link.download.right::before {
  left: calc(100% - 0.5rem);
  top: 50%;
  transform: translate(-100%, -50%);
}
.link.download.blue {
  background: #0075bf;
  color: #fff;
}
.link.download.blue::before {
  color: #fff;
}
.link.download.purple {
  background: none;
  color: rgb(83, 84, 134);
}
.link.download.purple::before {
  color: rgb(83, 84, 134);
}

.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: rgb(83, 84, 134) !important;
}
.btn.video.white::before {
  color: rgb(83, 84, 134);
}

.btn.video.white.inverted {
  background: none;
  color: #fff !important;
  border: 1px solid #fff;
}
.btn.video.white.inverted::before {
  font-weight: 800;
  color: #fff;
}

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

a.btn-orange {
  background: #ef7d00;
  color: #fff;
  border-radius: 0;
}

a.btn-coolvert {
  background: rgb(109, 202, 243);
  color: #000;
  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, button.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, button.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, button.btn-pdf:hover {
  color: #0060d8 !important;
}

a.btn-download, button.btn-download {
  padding-right: 2.25em;
  position: relative;
}
a.btn-download::before, button.btn-download::before {
  content: "\f33d";
  font-weight: 400;
  font-size: 1.2em;
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  position: absolute;
  right: 0.75rem;
  top: 47%;
  transform: translateY(-50%);
}
a.btn-download:hover, button.btn-download:hover {
  color: #fff !important;
}

a.btn-external, button.btn-external {
  padding-right: 2.65em;
  position: relative;
}
a.btn-external::before, button.btn-external::before {
  content: "\f08e";
  font-weight: 400;
  font-size: 1em;
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  position: absolute;
  right: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
}
a.btn-external:hover, button.btn-external:hover {
  color: #fff !important;
}

a.btn-youtube, button.btn-youtube {
  padding-right: 2.65em;
  position: relative;
}
a.btn-youtube::before, button.btn-youtube::before {
  content: "\f167";
  font-weight: 200;
  font-size: 1em;
  font-family: "Font Awesome 5 Brands";
  color: #fff;
  position: absolute;
  right: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
}
a.btn-youtube:hover, button.btn-youtube:hover {
  color: #fff !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";
}

.btn-related-industry {
  background-color: #0060d8;
  height: 4em;
  color: #fff;
  font-size: 1.2em;
  width: auto;
  display: flex !important;
  position: relative;
  padding: 0.9em 2.5em 0.9em 0.9em;
}
.btn-related-industry i {
  position: absolute;
  right: 0.7em;
  top: 0;
  opacity: 0.3;
  font-size: 4em;
}
.btn-related-industry span {
  align-self: center;
  font-weight: 600 !important;
}
.btn-related-industry::before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 50%;
  right: 1.25em;
  transform: translate(50%, -50%);
  border: 1px solid #fff;
  width: 1.5em;
  text-align: center;
}
.btn-related-industry:hover, .btn-related-industry:focus {
  color: #fff;
}

.btn-box-play-video-white {
  display: flex;
  background: #fff;
  color: #000;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  padding: 0.85em 2.5em 0.85em 0.85em;
  margin-bottom: 2em;
  position: relative;
}
.btn-box-play-video-white::before {
  content: "\f144";
  font-family: "Font Awesome 5 Pro";
  font-size: 3em;
  font-weight: 400;
  color: rgb(83, 84, 134);
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  border: 1px solid #fff;
  color: #fff;
  width: 1.5em;
  text-align: center;
}

.form-group {
  position: relative;
}

.form-control {
  border-radius: 0;
  border-color: rgb(240, 240, 240);
  background-color: rgb(240, 240, 240);
}

.select-wrapper {
  position: relative;
  display: inline-block;
  min-width: 13.75rem;
  margin-bottom: 1rem;
  user-select: none;
  color: #000;
}
.select-wrapper img {
  box-shadow: none !important;
}
.select-wrapper__selected {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 0.875rem;
  background: rgb(240, 240, 240);
  cursor: pointer;
}
.select-wrapper__selected img {
  width: 1.375rem;
  height: auto;
  flex-shrink: 0;
}
.select-wrapper__selected span {
  flex: 1;
}
.select-wrapper__selected::after {
  content: "▾";
  font-size: 1rem;
  transition: transform 0.2s;
}
.select-wrapper.open .select-wrapper__selected::after {
  transform: rotate(180deg);
}
.select-wrapper__options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid rgb(220, 220, 220);
  border-top: none;
  z-index: 100;
  list-style: none;
  margin: 0;
  padding: 0;
}
.select-wrapper.open .select-wrapper__options {
  display: block;
}
.select-wrapper__option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
  cursor: pointer;
}
.select-wrapper__option img {
  width: 1.375rem;
  height: auto;
  flex-shrink: 0;
}
.select-wrapper__option:hover {
  background: rgb(240, 240, 240);
}

.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: rgb(210, 8, 30);
  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-start;
  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;
}

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

@media (min-width: 62em) {
  #header .menu-bar {
    font-size: 0.8em;
  }
  #header {
    height: 8rem;
  }
  #header .logo {
    width: 13.934rem;
  }
  #header .header-utilities {
    display: flex;
    align-items: center;
    margin-top: 0.9375rem;
    margin-bottom: 1.25rem;
    z-index: 1;
  }
  #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;
  }
  #header .header-utilities .language-switch {
    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-top-color: rgb(230, 230, 230);
    border-right-color: rgb(230, 230, 230);
    border-bottom-color: rgb(230, 230, 230);
    border-left-color: rgb(230, 230, 230);
    border-radius: 1.125em;
    margin-right: 1em;
    padding-right: 2em;
    position: relative;
    z-index: unset;
    background: #fff;
    min-width: 7em;
  }
  #header .header-utilities .language-switch:hover {
    border-color: #f2f2f2;
    background: #f2f2f2;
  }
  #header .header-utilities .language-switch:hover > div {
    display: block;
  }
  #header .header-utilities .language-switch::before {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-size: 0.875em;
    font-weight: 400;
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%);
    width: 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.4);
  }
  #header .header-utilities .language-switch > div {
    display: none;
    position: absolute;
    width: 100%;
    top: calc(100% + 1px);
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    background: #fff;
    z-index: 1;
    border-radius: 0.375rem;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    z-index: -1;
  }
  #header .header-utilities .language-switch > div a {
    padding: 1em;
    color: #000;
    border-radius: 0.375rem;
  }
  #header .header-utilities .language-switch > div a:hover {
    background: #ddd;
  }
}
@media (min-width: 75em) {
  #header .menu-bar {
    font-size: 0.95em;
  }
}
@media (min-width: 90em) {
  #header .menu-bar {
    font-size: 1em;
  }
}
#newsletter-request {
  text-align: center;
}
#newsletter-request h3 {
  font-size: 2em;
  font-weight: 400;
  margin-bottom: 1em;
}
#newsletter-request .btn-purple {
  border-radius: 0;
  font-size: 1.1em;
  padding: 0.5em 0.75em;
}

.register-lightbox {
  padding: 2em 0;
}
.register-lightbox > div {
  padding: 0 1rem;
  background: #fff;
  max-height: 90vh;
  max-width: 48.3125rem;
}
@media (min-width: 33.8125em) {
  .register-lightbox > div {
    max-height: 35rem;
  }
}
@media (min-width: 75em) {
  .register-lightbox > div {
    max-height: 33rem;
  }
}

#footer-utilities {
  padding: 0 0.9375rem;
  margin: 0 -0.9375rem;
}
#footer-utilities .span {
  padding: 2rem 0 1rem;
  display: block;
}
@media (min-width: 48em) {
  #footer-utilities .span {
    padding: 8rem 0 2rem;
  }
}
@media (min-width: 75em) {
  #footer-utilities .span {
    padding: 3rem 0 2rem;
  }
}
#footer-utilities .span .col-right {
  display: flex;
  flex-direction: column;
}
@media (min-width: 48em) {
  #footer-utilities .span .col-right {
    position: absolute;
    top: 3rem;
    right: 0;
    flex-direction: row;
  }
}
#footer-utilities .span .col-right div:nth-child(2) {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 48em) {
  #footer-utilities .span .col-right div:nth-child(2) {
    flex-direction: column;
  }
}
#footer-utilities .span .invertek-2025-kings-award {
  display: flex;
  flex-direction: column;
  text-align: center;
  border-bottom: 1px solid #fff;
  align-items: center;
  max-width: 100%;
  margin-bottom: 3rem;
}
#footer-utilities .span .invertek-2025-kings-award img {
  width: 12rem;
  margin-top: 3rem;
}
#footer-utilities .span .invertek-2025-kings-award p {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  margin: 3rem 0;
  max-width: 16em;
}
@media (min-width: 48em) {
  #footer-utilities .span .invertek-2025-kings-award {
    flex-direction: row;
    text-align: left;
    border-right: 1px solid #fff;
    border-bottom: none;
    margin-bottom: 0;
    margin-right: 3rem;
  }
  #footer-utilities .span .invertek-2025-kings-award img {
    width: 4.375rem;
    margin: 0;
    margin-right: 1rem;
  }
  #footer-utilities .span .invertek-2025-kings-award p {
    font-size: 0.75rem;
    margin: 0;
    margin-right: 3rem;
    max-width: 9rem;
  }
}
#footer-utilities .isource-link {
  width: fit-content;
}
#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;
}
@media (min-width: 48em) {
  #footer-utilities .isource-link {
    align-self: flex-end;
  }
}
@media (min-width: 75em) {
  #footer-utilities .isource-link {
    margin-right: -0.2em;
    margin-top: 1em;
  }
}
#footer-utilities .region-control {
  margin-top: 1.5em;
  margin-bottom: 0.75em;
  color: #fff;
  border-color: rgb(102, 102, 102);
}
#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);
}
@media (min-width: 48em) {
  #footer-utilities .region-control {
    margin-top: 0;
  }
}
#footer-utilities .language-switch span {
  display: none;
}
#footer-utilities .language-switch > div {
  display: block;
}
#footer-utilities .language-switch > div ul {
  font-size: 3.5vw;
  display: flex;
  justify-content: space-between;
  color: rgb(156, 156, 156);
  align-self: stretch;
  padding-left: 0;
}
@media (min-width: 28.625em) {
  #footer-utilities .language-switch > div ul {
    font-size: 1em;
    justify-content: flex-start;
  }
}
#footer-utilities .language-switch > div ul a {
  color: #fff;
}
@media (min-width: 28.625em) {
  #footer-utilities .language-switch > div ul a {
    display: block;
    padding: 0.75em;
  }
}
@media (min-width: 48em) {
  #footer-utilities .social-links {
    font-size: 2.25em;
  }
}

#company-footer {
  padding: 0 0.9375rem;
  margin: 0 -0.9375rem;
}
#company-footer .span {
  padding: 2.5rem 0;
  display: block;
}
@media (min-width: 48em) {
  #company-footer .span {
    display: flex;
    justify-content: space-between;
  }
}
#company-footer .span > div:not(.sumitomo-logos) {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}
#company-footer .span .sumitomo-logos {
  margin-bottom: 1.5em;
  position: relative;
}
@media (min-width: 48em) {
  #company-footer .span .sumitomo-logos {
    margin-bottom: 0;
  }
}
#company-footer .span .sumitomo-logos .sdt-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 45%;
}
#company-footer .span .sumitomo-logos .shi-link {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60%;
  height: 40%;
}
#company-footer .span .sumitomo-logos img {
  width: 23em;
  margin-bottom: 0.875em;
}
@media (min-width: 48em) {
  #company-footer .span .sumitomo-logos img {
    width: 15em;
  }
}
@media (min-width: 62em) {
  #company-footer .span .sumitomo-logos img {
    width: 20em;
  }
}
@media (min-width: 75em) {
  #company-footer .span .sumitomo-logos img {
    width: 23em;
  }
}
#company-footer .logo {
  display: none;
}
@media (min-width: 48em) {
  #company-footer .logo {
    display: block;
    position: absolute;
    top: 1.75em;
    left: 0;
    width: 16rem;
  }
  #company-footer .logo img {
    width: 100%;
  }
}
@media (min-width: 60.5em) {
  #company-footer .logo {
    width: 25rem;
  }
}
#company-footer .footer-links {
  font-size: 0.75em;
}
@media (min-width: 48em) {
  #company-footer .footer-links {
    font-size: 0.875em;
  }
}
#company-footer .footer-links ul {
  display: flex;
  margin: 0 -0.5em 1em;
}
#company-footer .footer-links ul li {
  padding: 0 0.5em;
  margin: 0;
}
#company-footer .footer-links ul li a {
  font-weight: 400;
}
#company-footer .company-info {
  font-size: 0.75em;
  color: rgb(102, 102, 102);
  flex-basis: 100%;
}
#company-footer .company-info span {
  display: block;
}
@media (min-width: 48em) {
  #company-footer .company-info {
    font-size: 0.875em;
  }
}

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

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

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

.menu-bar .drop:not(.megamenu) > div {
  margin-top: -0.75em;
}

@media (max-width: 47.9875em) {
  .btn-i18n {
    padding: 0.6em 1.875rem;
  }
}
@media (min-width: 75em) {
  .menu-bar {
    margin-top: 0;
    margin-bottom: 1em;
  }
  .menu-bar .drop > div {
    font-size: 1em;
  }
  .menu-bar .drop:not(.megamenu) > div {
    margin-top: 0;
  }
}
.menu-bar .drop > div {
  padding-top: calc(1rem + 1.5em);
  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;
  white-space: nowrap;
}

.menu-bar > ul > li i {
  margin-right: 0.25em;
  font-size: 1.1em;
}

@media (min-width: 75em) {
  .menu-bar > ul > li {
    margin-right: 0.75em;
  }
}
.menu-bar .drop.megamenu > div {
  margin-top: -1.55rem;
  left: 0.9375rem;
  right: 0.9375rem;
}

@media (min-width: 75em) {
  .menu-bar .drop.megamenu > div {
    margin-top: -1.4rem;
  }
}
.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;
  left: 50%;
  top: calc(100% + 2em);
  transform: translate(-50%, -100%);
  border-top: 0;
  border-right: 0.625em solid transparent;
  border-bottom: 0.75em solid rgb(83, 84, 134);
  border-left: 0.625em solid transparent;
}
@media (min-width: 75em) {
  .menu-bar .drop:hover > a::before,
  .menu-bar .drop:hover > span::before {
    top: calc(100% + 2.75em);
  }
}
@media (min-width: 90em) {
  .menu-bar .drop:hover > a::before,
  .menu-bar .drop:hover > span::before {
    top: calc(100% + 2.5em);
  }
}

.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: rgb(83, 84, 134);
  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%, rgb(148, 140, 195) 0%, rgb(83, 84, 134) 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 .warranty-ad {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  background: rgb(83, 84, 134);
  background: -moz-radial-gradient(bottom right, ellipse cover, #948cc3 0%, rgb(83, 84, 134) 100%);
  background: -webkit-radial-gradient(bottom right, ellipse cover, #948cc3 0%, rgb(83, 84, 134) 100%);
  background: radial-gradient(ellipse at bottom right, #948cc3 0%, rgb(83, 84, 134) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#948cc3", endColorstr="rgb(83,84,134)", GradientType=1);
  box-shadow: 0 1em 2em rgba(0, 0, 0, 0.16);
}
.menu-bar .warranty-ad a {
  padding: 1em;
  height: 100%;
  color: #fff;
  font-size: 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (min-width: 75em) {
  .menu-bar .warranty-ad a {
    padding-right: 5rem;
  }
}
@media (min-width: 90em) {
  .menu-bar .warranty-ad a {
    padding-right: 7rem;
  }
}
.menu-bar .warranty-ad a img {
  margin-bottom: 0.5rem;
}
.menu-bar .warranty-ad a span {
  font-size: 0.9rem;
}
@media (min-width: 75em) {
  .menu-bar .warranty-ad a span {
    font-size: 0.95rem;
  }
}
@media (min-width: 90em) {
  .menu-bar .warranty-ad a span {
    font-size: 0.9rem;
  }
}
@media (min-width: 120em) {
  .menu-bar .warranty-ad a span {
    font-size: 1rem;
  }
}
.menu-bar .warranty-ad a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (min-width: 75em) {
  .menu-bar .warranty-ad a::after {
    background: url("/img/common/menu/warranty.png") 125% 100%/auto 75% no-repeat;
  }
}
@media (min-width: 90em) {
  .menu-bar .warranty-ad a::after {
    background: url("/img/common/menu/warranty.png") 110% 100%/auto 80% no-repeat;
  }
}
@media (min-width: 120em) {
  .menu-bar .warranty-ad a::after {
    background: url("/img/common/menu/warranty.png") 100% 100%/auto 70% no-repeat;
  }
}

.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;
  padding-right: 6rem;
  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 75% no-repeat;
  }
}
@media (min-width: 90em) {
  .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;
}

.menu-bar .service-centre-ad {
  display: flex;
  width: 100%;
  background: linear-gradient(0deg, #1a1b2b 0%, #535486 50%, #1a1b2b 100%);
  box-shadow: 0 1em 2em rgba(0, 0, 0, 0.16);
}

.menu-bar .service-centre-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: rgb(242, 242, 242);
  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: rgb(236, 236, 236);
}

#drives-menu .drop-features section ul li a span {
  display: block;
  color: rgb(83, 84, 134) !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.warranty-section {
  flex: 0 0 25%;
  max-width: 25%;
  display: flex;
}

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

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

#industries-menu {
  position: relative;
}
#industries-menu > a::before {
  border-bottom-color: #fff;
}
#industries-menu > div {
  min-width: 40em;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 1rem);
}
@media (min-width: 75em) {
  #industries-menu > div {
    top: calc(100% + 1.25rem);
  }
}
#industries-menu > div > div .drop-features {
  padding: 1.75em 1.5em;
}
#industries-menu > div > div .drop-features .industries-menu-grid {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#industries-menu > div > div .drop-features .industries-menu-grid .grid-item {
  flex: 0 0 25%;
  max-width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-content: space-between;
  align-content: center;
  color: #000 !important;
}
#industries-menu > div > div .drop-features ul li a {
  display: block;
  text-align: center;
  color: #000 !important;
  font-weight: 800;
  word-wrap: break-word;
  white-space: normal;
}
#industries-menu > div > div .drop-features ul li a span {
  position: relative;
  display: block;
  padding: 0.3em;
  color: inherit !important;
  font-weight: inherit;
}
#industries-menu > div > div .drop-features ul li a i {
  display: block;
  font-size: 4em;
  margin: 0 auto !important;
}
#industries-menu > div > div .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 .drop-features section:nth-child(3) > div.service-centre-ad::after {
  opacity: 0.9;
}
#support-menu .drop-features section:nth-child(3) > div.service-centre-ad::before {
  background: url("/img/content/network/service-centre-map-1.1.svg") top center/cover no-repeat;
}
#support-menu .drop-features section:nth-child(3) > div.service-centre-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.service-centre-ad > a ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
#support-menu .drop-features section:nth-child(3) > div.service-centre-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.service-centre-ad > a ul li {
    flex: 0 0 29%;
    max-width: 29%;
  }
}
@media (min-width: 75em) {
  #support-menu .drop-features section:nth-child(3) > div.service-centre-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.service-centre-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-open .menu-drawer {
  z-index: 1;
}

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

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

.menu-drawer .menu > ul > li i {
  margin-right: 0.25em;
  font-size: 1.1em;
}

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

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

html[lang^=en] .menu-drawer .language-switch li[data-lang=en] a,
html[lang^=de] .menu-drawer .language-switch li[data-lang=de] a,
html[lang^=es] .menu-drawer .language-switch li[data-lang=es] a,
html[lang^=it] .menu-drawer .language-switch li[data-lang=it] a,
html[lang^=pl] .menu-drawer .language-switch li[data-lang=pl] a,
html[lang^=fr] .menu-drawer .language-switch li[data-lang=fr] a,
html[lang^=pt] .menu-drawer .language-switch li[data-lang=pt] a {
  color: #a2a2a2 !important;
}

html[lang^=en] #support-menu .drop-features section:nth-child(3) > div.save-energy-ad > a {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
html[lang^=en] #support-menu .drop-features section:nth-child(3) > div > a {
  min-height: 6em;
}
@media (min-width: 75em) {
  html[lang^=en] #support-menu .drop-features section:nth-child(3) > div.save-energy-ad > a img {
    max-width: 5em;
  }
}

.menu-drawer .language-switch {
  margin: 0 0 1em calc(1.875rem - 0.5em);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.menu-drawer .language-switch.open > div {
  display: block;
}
.menu-drawer .language-switch > span {
  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-top-color: rgb(230, 230, 230);
  border-right-color: rgb(230, 230, 230);
  border-bottom-color: rgb(230, 230, 230);
  border-left-color: rgb(230, 230, 230);
  border-radius: 1.125em;
  padding-right: 2em;
  position: relative;
  z-index: unset;
  background: #fff;
  min-width: 7em;
}
.menu-drawer .language-switch > span::before {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  font-size: 0.875em;
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  width: 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
}
.menu-drawer .language-switch > div {
  margin-top: 1em;
  display: none;
}
.menu-drawer .language-switch > div ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.menu-drawer .language-switch > div ul > li {
  flex: 0 0 7em;
  max-width: 7em;
  margin-bottom: 0.5em;
  margin-right: 1em;
}
.menu-drawer .language-switch > div ul > li a {
  border: 1px solid #e6e6e6;
  border-top-color: rgb(230, 230, 230);
  border-right-color: rgb(230, 230, 230);
  border-bottom-color: rgb(230, 230, 230);
  border-left-color: rgb(230, 230, 230);
  border-radius: 1.125em;
  padding: 0.125em 0.625em 0.125em 0.75em;
  color: #000;
}

.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 {
  background: rgba(0, 0, 0, 0.9);
}

.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: 32em;
  height: 18em;
}
@media (min-width: 62em) {
  .lightbox-video iframe {
    width: 48em;
    height: 27em;
  }
}
@media (min-width: 75em) {
  .lightbox-video iframe {
    width: 64em;
    height: 36em;
  }
}

.lightbox-video-btn iframe {
  width: 32em;
  height: 18em;
}
@media (min-width: 62em) {
  .lightbox-video-btn iframe {
    width: 48em;
    height: 27em;
  }
}
@media (min-width: 75em) {
  .lightbox-video-btn iframe {
    width: 64em;
    height: 36em;
  }
}
.lightbox-video-btn > div {
  flex-wrap: wrap;
}
.lightbox-video-btn > div > div {
  flex: 0 0 100%;
  max-width: 100%;
  padding-top: 1rem;
  display: flex;
  justify-content: center;
}

.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 li::before {
  display: none;
}

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

.i18n-lightbox h2 {
  font-size: 1.25rem;
  color: rgb(153, 153, 153);
  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: rgb(153, 153, 153);
  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: 3em;
  }
}
.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.46875em);
    max-width: calc(50% - 0.46875em);
    width: calc(50% - 0.46875em);
  }
}
@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.5em;
  color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 48em) {
  .row#invertek-tv #tv-featured-videos .featured-video .video-thumb::before {
    font-size: 5em;
  }
}
.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: 11.5625em;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -2em;
  }
}

.row#cooler_planet_row {
  padding: 2.5em 0;
  margin-bottom: 5em;
  font-size: 1.5em;
}
@media (min-width: 48em) {
  .row#cooler_planet_row::before {
    content: "";
    position: absolute;
    bottom: -2.5em;
    right: -20em;
    width: 40em;
    height: 15.0115656779em;
    background: url("/img/content/home/vines.svg") center center/contain no-repeat;
    z-index: 0;
  }
}
@media (min-width: 48em) and (min-width: 62em) {
  .row#cooler_planet_row::before {
    bottom: -5em;
    right: -28em;
    width: 55em;
    height: 20.6409028072em;
  }
}
@media (min-width: 48em) and (min-width: 90em) {
  .row#cooler_planet_row::before {
    right: -25em;
  }
}
@media (min-width: 35em) {
  .row#cooler_planet_row > .span > div {
    display: flex;
    align-items: flex-end;
  }
}
.row#cooler_planet_row > .span > div h2 {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  line-height: 0.9;
  font-size: 2.5em;
  position: relative;
  z-index: 1;
}
@media (min-width: 35em) {
  .row#cooler_planet_row > .span > div h2 {
    margin-bottom: 0;
    margin-right: 1.25em;
  }
}
.row#cooler_planet_row > .span > div > a {
  display: block;
  background: #a3d8e3;
  font-weight: 400;
  color: #000;
  font-size: 0.9em;
  margin-bottom: 0.5em;
  padding: 1em 2.75em 1em 0.75em;
  position: relative;
  transition: background 0.1s ease;
}
@media (min-width: 35em) {
  .row#cooler_planet_row > .span > div > a {
    max-width: 11em;
    margin-right: 0.5em;
    margin-bottom: 0;
  }
}
.row#cooler_planet_row > .span > div > a:hover {
  background: #daf7fd;
}
.row#cooler_planet_row > .span > div > a:hover::before {
  background: #009cb3;
  border-color: #fff;
  color: #fff;
}
.row#cooler_planet_row > .span > div > a::before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 0.75em;
  color: #000;
  border-radius: 3px;
  text-align: center;
  width: 1.75em;
  height: 1.75em;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 35em) {
  .row#cooler_planet_row > .span > div > a::before {
    top: calc(100% - 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;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 3em;
  height: fit-content;
}
#drive-accreditations ul > li::before {
  content: none;
}
@media (min-width: 75em) {
  #drive-accreditations ul {
    flex-direction: row;
    flex: 0 0 47%;
    max-width: 47%;
  }
}
#drive-accreditations ul li {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 75em) {
  #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.coolvert-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;
  }
}
#mobile-search-toggle {
  margin-left: auto;
  margin-right: 0;
  padding: 1.125rem 1rem;
  color: rgb(83, 84, 134);
  font-size: 1.65em;
}
@media (min-width: 35em) {
  #mobile-search-toggle {
    margin-right: 2em;
  }
}
@media (min-width: 62em) {
  #mobile-search-toggle {
    display: none;
  }
}

.globalSearch {
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid #e6e6e6;
  border-top-color: #e6e6e6;
  border-right-color: #e6e6e6;
  border-bottom-color: #e6e6e6;
  border-left-color: #e6e6e6;
  border-radius: 1.125em;
  height: 2.25em;
  font-size: 0.875em;
  position: relative;
}
@media (min-width: 62em) {
  .globalSearch {
    overflow: hidden;
    margin-right: 1em;
  }
}
@media (max-width: 61.99em) {
  .globalSearch {
    display: flex !important;
    justify-content: space-between;
    margin: 0 0 1em calc(1.875rem - 0.5em);
    max-width: calc(100% - (1.875rem - 0.5em) - 1em);
  }
}
.globalSearch #searchBox {
  padding: 5px 1rem 5px 10px !important;
  width: 10em;
  border: none !important;
}
@media (max-width: 61.99em) {
  .globalSearch #searchBox {
    width: 100%;
  }
}
@media (min-width: 75em) {
  .globalSearch #searchBox {
    width: 15em;
  }
}
.globalSearch #ss360SearchButton {
  min-width: 30px !important;
  border-radius: 50% !important;
  height: 30px !important;
  font-size: 0.875em !important;
  margin-right: 2px;
  border: none !important;
  background-position: 60% 60% !important;
}
.globalSearch #mobile-search-close {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(calc(100% + 1rem), -50%);
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.5em;
}
@media (min-width: 62em) {
  .globalSearch #mobile-search-close {
    display: none;
  }
}

#ss360-layer ul li::before {
  display: none;
}
#ss360-layer .ss360-top-nav ul {
  margin-left: 0;
  margin-bottom: 1em;
}
#ss360-layer .ss360-nav ul {
  padding-left: 0;
  list-style: none;
  margin-top: 5px;
}

#ss360-layer.ss360-overlay {
  background-color: #fff;
  border-radius: 1rem;
}

.cky-box-bottom-left {
  bottom: 50% !important;
  left: 50% !important;
  transform: translate(-50%, 50%) !important;
}

.cky-box-bottom-left::before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 50%;
  width: 100vw;
  left: 50%;
  right: 0;
  height: 100vh;
  z-index: -1;
  transform: translate(-50%, 50%);
  pointer-events: auto;
}

.cky-box-bottom-left.cky-hide::before {
  display: none;
}

.cky-btn {
  border-color: rgb(83, 84, 134) !important;
}
.cky-btn.cky-btn-accept, .cky-btn.cky-btn-preferences {
  background: rgb(83, 84, 134) !important;
}
.cky-btn.cky-btn-customize {
  color: rgb(83, 84, 134) !important;
}

@media (min-width: 48em) {
  .cky-box-bottom-left {
    bottom: 0.9375rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .cky-box-bottom-left::before {
    bottom: -0.9375rem;
    transform: translateX(-50%);
  }
}
@media (max-width: 440px) {
  .cky-notice-btn-wrapper {
    flex-wrap: nowrap;
  }
  .cky-notice-btn-wrapper button {
    width: calc(100% - 24px);
  }
}
.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;
  margin: 0;
  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%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
}

.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 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.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;
  -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;
}

.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:not(.current) {
  pointer-events: none;
}

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

.gslide-image img {
  max-height: 100vh;
  display: block;
  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 {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none;
}

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

.gslide-video::before {
  content: "";
  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%;
  margin: auto;
}

.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: -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;
}

.glightbox-button-hidden {
  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%;
  position: absolute;
  bottom: 0;
  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 0.3s linear;
  transition: opacity 0.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 .desc-more {
  color: #fff;
  opacity: 0.4;
}

.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4;
}

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

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

.greset {
  -webkit-transition: all 0.3s ease;
  transition: all 0.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 0.8s infinite linear;
  animation: lightboxLoader 0.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: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity;
}

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

.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}

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

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

.gbtn.focused {
  outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
  opacity: 0;
}

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

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

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

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

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

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

.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

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

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

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

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}

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

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

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

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

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

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

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

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

.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.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: 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 {
    -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 {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gprev,
  .glightbox-clean .gnext,
  .glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gprev:hover,
  .glightbox-clean .gnext:hover,
  .glightbox-clean .gclose:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}
@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    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, .accordion .drop-btn_inactive {
  position: relative;
}
.accordion .drop-btn::before, .accordion .drop-btn_inactive::before {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.75rem;
  color: rgb(83, 84, 134);
  padding: 0.125rem 0.5rem;
  transition: transform 0.5s ease-in-out;
}
.accordion .drop-btn::after, .accordion .drop-btn_inactive::after {
  content: "";
  width: 2.5rem;
  height: 2.8rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  border: rgb(83, 84, 134) 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 rgb(230, 230, 230);
  border-radius: 1.125em;
}
.region-control.blue {
  border: none;
  background: #0060d8;
  color: #fff;
}
.region-control.blue:hover {
  background: #0060d8;
}

.region-control:hover {
  border-color: rgb(242, 242, 242);
  background: rgb(242, 242, 242);
}

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

.region-control i.alt {
  margin-left: 0;
  margin-right: 0.5em;
}

.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^=fr] .language-switch li[data-lang=fr] 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;
}
.software-promo #bro-dn-w {
  margin-top: 1em;
  margin-bottom: 1em;
}

.drive-banner {
  margin: 0 -0.9375rem;
  background: radial-gradient(circle at 75% 100%, rgb(148, 140, 195) 0%, rgb(83, 84, 134) 75%);
  color: #fff;
  display: flex;
}

.five_year_badge {
  display: none;
}

.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-logo .drive-logo-pl {
    height: 2.5em;
  }
  .drive-banner .drive-type {
    font-size: 1.5em;
  }
}
.drive-banner .drive-rating-summary {
  margin-bottom: 1em;
}

@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: rgb(25, 25, 25);
  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: rgb(83, 84, 134);
}

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

@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: rgb(247, 247, 247);
}
.model-search .model-search-results .table-row {
  display: none;
  background: rgb(247, 247, 247);
  color: #000 !important;
}
.model-search .model-search-results .result--even .table-row {
  background: rgb(240, 240, 240);
}
.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 rgb(230, 230, 230);
  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: 0.3105em;
  }
  .v-optidrive-e3-specification [data-enclosure-option=IP20] [data-frame-size="2"] .drive-image > div {
    height: 0.393em;
  }
  .v-optidrive-e3-specification [data-enclosure-option=IP20] [data-frame-size="3"] .drive-image > div {
    height: 0.4575em;
  }
  .v-optidrive-e3-specification [data-enclosure-option=IP20] [data-frame-size="4"] .drive-image > div {
    height: 0.7635em;
  }
  .v-optidrive-e3-specification [data-enclosure-option=IP20] [data-frame-size="5"] .drive-image > div {
    height: 0.87em;
  }
  .v-optidrive-e3-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="1"] .drive-image > div {
    height: 0.482em;
  }
  .v-optidrive-e3-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="2"] .drive-image > div {
    height: 0.504em;
  }
  .v-optidrive-e3-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="3"] .drive-image > div {
    height: 0.626em;
  }
  .v-optidrive-e3-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="4"] .drive-image > div {
    height: 0.744em;
  }
  .v-optidrive-e3-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="1"] .drive-image > div {
    height: 0.504em;
  }
  .v-optidrive-e3-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="2"] .drive-image > div {
    height: 0.572em;
  }
  .v-optidrive-e3-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="3"] .drive-image > div {
    height: 0.706em;
  }
  .v-optidrive-e3-single-phase-specification [data-enclosure-option=IP20] [data-frame-size="1"] .drive-image > div {
    height: 0.3105em;
  }
  .v-optidrive-e3-single-phase-specification [data-enclosure-option=IP20] [data-frame-size="2"] .drive-image > div {
    height: 0.393em;
  }
  .v-optidrive-e3-single-phase-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="1"] .drive-image > div {
    height: 0.482em;
  }
  .v-optidrive-e3-single-phase-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="2"] .drive-image > div {
    height: 0.504em;
  }
  .v-optidrive-e3-single-phase-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="1"] .drive-image > div {
    height: 0.504em;
  }
  .v-optidrive-e3-single-phase-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="2"] .drive-image > div {
    height: 0.572em;
  }
  .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.39em;
  }
  .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=IP55] [data-frame-size="8"] .drive-image > div {
    height: 0.998em;
  }
  .v-optidrive-p2-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="2"] .drive-image > div {
    height: 0.46em;
  }
  .v-optidrive-p2-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="3"] .drive-image > div {
    height: 0.566em;
  }
  .v-optidrive-p2-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="4"] .drive-image > div {
    height: 0.65em;
  }
  .v-optidrive-p2-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="2"] .drive-image > div {
    height: 0.412em;
  }
  .v-optidrive-p2-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="3"] .drive-image > div {
    height: 0.49em;
  }
  .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.39em;
  }
  .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=IP55] [data-frame-size="8"] .drive-image > div {
    height: 0.998em;
  }
  .v-optidrive-eco-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="2A"] .drive-image > div {
    height: 0.46em;
  }
  .v-optidrive-eco-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="2"] .drive-image > div {
    height: 0.46em;
  }
  .v-optidrive-eco-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="3"] .drive-image > div {
    height: 0.566em;
  }
  .v-optidrive-eco-specification [data-enclosure-option="IP66 Outdoor"] [data-frame-size="4"] .drive-image > div {
    height: 0.65em;
  }
  .v-optidrive-eco-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="2"] .drive-image > div {
    height: 0.412em;
  }
  .v-optidrive-eco-specification [data-enclosure-option="IP66 Indoor"] [data-frame-size="3"] .drive-image > div {
    height: 0.49em;
  }
  .v-optidrive-elevator-specification [data-enclosure-option=IP20] [data-frame-size="2"] .drive-image > div {
    height: 0.344em;
  }
  .v-optidrive-elevator-specification [data-enclosure-option=IP20] [data-frame-size="3"] .drive-image > div {
    height: 0.39em;
  }
  .v-optidrive-elevator-specification [data-enclosure-option=IP20] [data-frame-size="4"] .drive-image > div {
    height: 0.69em;
  }
  .v-optidrive-elevator-specification [data-enclosure-option=IP20] [data-frame-size="5"] .drive-image > div {
    height: 0.78em;
  }
  .v-optidrive-elevator-specification [data-enclosure-option=IP55] [data-frame-size="4"] .drive-image > div {
    height: 0.5025em;
  }
  .v-optidrive-elevator-specification [data-enclosure-option=IP55] [data-frame-size="5"] .drive-image > div {
    height: 0.624em;
  }
  .v-optidrive-elevator-specification [data-enclosure-option=IP55] [data-frame-size="6"] .drive-image > div {
    height: 0.9615em;
  }
  .v-optidrive-e4-specification [data-enclosure-option=IP20] [data-frame-size="1"] .drive-image > div {
    height: 0.44em;
  }
  .v-optidrive-e4-specification [data-enclosure-option=IP20] [data-frame-size="2"] .drive-image > div {
    height: 0.555em;
  }
}
.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 rgb(230, 230, 230);
}
.tech-spec-table [data-level] [data-level] + [data-level] {
  border-top: 1px solid rgb(230, 230, 230);
}
.tech-spec-table [data-level] [data-level] > header {
  border-right: 1px solid rgb(230, 230, 230);
}
@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: rgb(242, 242, 242);
    padding: 0.25em;
  }
  .tech-spec-table [data-level="1"] {
    border: 1px solid rgb(230, 230, 230);
  }
  .tech-spec-table [data-level="1"] > div {
    border: 0;
  }
  .tech-spec-table [data-level] + [data-level] {
    border-top: 1px solid rgb(230, 230, 230);
  }
  .tech-spec-table [data-level] > header {
    border-right: 1px solid rgb(230, 230, 230);
  }
}
@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;
  }
}
.efficiency-data-search {
  margin-top: 3.5rem;
  min-height: 5.125em;
}

/**
    Support for SASS is deprecated as of v3.18.

    The files remain here if your build is dependent on them
    but they will not receive updates in future releases. All
    SASS variables have been translated into CSS variables, so
    migration should be quite simple if you'd like to move over.

    In v4, these files will be removed.
 */
.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: rgb(248, 248, 248);
}

/*
 *  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;
  cursor: pointer;
}

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

.vs__dropdown-option--deselect {
  background: #fb5858;
  color: #fff;
}

.vs__dropdown-option--disabled {
  background: inherit;
  color: rgba(60, 60, 60, 0.5);
  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, .vs--single.vs--loading .vs__selected {
  position: absolute;
  opacity: 0.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 {
  cursor: pointer;
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
  opacity: 0.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 0.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 {
  transition: height 0.25s ease-out;
}
.v-home #banner #home-slider[data-state] {
  height: 100vw;
}
@media (min-width: 35em) {
  .v-home #banner #home-slider[data-state] {
    height: 90vw;
  }
}
@media (min-width: 48em) {
  .v-home #banner #home-slider[data-state] {
    height: 35em;
    overflow: hidden;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider[data-state] {
    height: 42rem;
  }
}
@media (min-width: 101.75em) {
  .v-home #banner #home-slider[data-state] {
    height: 44.5rem;
  }
}
.v-home #banner #home-slider[data-state=world-class-innovation] {
  height: 45em;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider[data-state=world-class-innovation] {
    height: 37rem;
    overflow: hidden;
  }
}
@media (min-width: 101.75em) {
  .v-home #banner #home-slider[data-state=world-class-innovation] {
    height: 44.5rem;
  }
}
.v-home #banner #home-slider[data-state=energy-drives] {
  height: 35em;
}
@media (min-width: 62em) {
  .v-home #banner #home-slider[data-state=energy-drives] {
    overflow: hidden;
    height: 42rem;
  }
}
@media (min-width: 101.75em) {
  .v-home #banner #home-slider[data-state=energy-drives] {
    height: 44.5rem;
  }
}
.v-home #banner #home-slider[data-state=size-8] {
  height: auto;
}
.v-home #banner #home-slider[data-state=save-energy-slide] {
  height: 172.9166666667vw;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider[data-state=save-energy-slide] {
    height: 53vw;
  }
}
@media (min-width: 101.75em) {
  .v-home #banner #home-slider[data-state=save-energy-slide] {
    height: 47.5939330161rem;
  }
}
.v-home #banner #home-slider[data-state=save-energy-slide] [data-slide][data-slide-content=save-energy-slide].glide__slide--active {
  opacity: 1;
  height: 172.9166666667vw;
  margin-bottom: 0;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider[data-state=save-energy-slide] [data-slide][data-slide-content=save-energy-slide].glide__slide--active {
    height: 53vw;
  }
}
@media (min-width: 101.75em) {
  .v-home #banner #home-slider[data-state=save-energy-slide] [data-slide][data-slide-content=save-energy-slide].glide__slide--active {
    height: 47.5939330161rem;
  }
}
@media (min-width: 48em) {
  .v-home #banner #home-slider[data-state=size-8] {
    height: 35rem;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider[data-state=size-8] {
    height: 42.5rem;
  }
}
@media (min-width: 101.75em) {
  .v-home #banner #home-slider[data-state=size-8] {
    height: 44.5rem;
  }
}
.v-home #banner #home-slider[data-state=ip66-drives] {
  height: 100vw;
}
@media (min-width: 35em) {
  .v-home #banner #home-slider[data-state=ip66-drives] {
    height: 90vw;
  }
}
@media (min-width: 48em) {
  .v-home #banner #home-slider[data-state=ip66-drives] {
    height: 35em;
    overflow: hidden;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider[data-state=ip66-drives] {
    height: 42rem;
  }
}
@media (min-width: 101.75em) {
  .v-home #banner #home-slider[data-state=ip66-drives] {
    height: 44.5rem;
  }
}
.v-home #banner #home-slider[data-state=cooler-planet] {
  height: 41em;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider[data-state=cooler-planet] {
    height: 39em;
    overflow: hidden;
  }
}
.v-home #banner #home-slider[data-state=fair-and-better-world] {
  height: 27em;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider[data-state=fair-and-better-world] {
    height: 35em;
    overflow: hidden;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider[data-state=fair-and-better-world] {
    height: 40rem;
  }
}
@media (min-width: 81.25em) {
  .v-home #banner #home-slider[data-state=fair-and-better-world] {
    height: 43rem;
  }
}
@media (min-width: 110.625em) {
  .v-home #banner #home-slider[data-state=fair-and-better-world] {
    height: 50rem;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] {
  background: #009cb3;
  padding-bottom: 15rem;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] {
    padding-bottom: 5rem;
    height: 39rem;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div {
    height: auto;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--text a.btn-box-arrow {
  padding-left: 0;
  z-index: 999;
}
@media (min-width: 75em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--text h1 {
    margin-bottom: 1em;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--text h1 img {
  width: 4.5em;
  margin-bottom: 1.5rem;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--text h1 img {
    width: 15rem;
    max-width: 38.9375rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--text h1 img {
    width: 20rem;
    z-index: 1;
    position: relative;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--text > img {
  margin-bottom: 1.5rem;
  width: 100%;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--text > img {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--text > img {
    max-width: 28rem;
  }
}
@media (min-width: 75em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--text > img {
    max-width: 66.625rem;
    z-index: 1;
    position: relative;
    margin-bottom: 3rem;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--feature > div {
  position: relative;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--feature > div {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100%;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--feature > div::before {
  content: "";
  position: absolute;
  top: -2.5rem;
  right: -8rem;
  width: 43rem;
  height: 18.7644570975rem;
  background: url("/img/content/home/vines.svg") center center/contain no-repeat;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--feature > div::before {
    width: 50rem;
    top: 9rem;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--feature > div::before {
    top: -3rem;
  }
}
@media (min-width: 75em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--feature > div::before {
    top: -6rem;
    width: 65rem;
    height: 24.3937942267rem;
    right: -9rem;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--feature img {
  margin-left: auto;
  margin-bottom: -15.75rem;
  max-width: 20rem;
  z-index: 1;
  position: relative;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--feature img {
    margin-top: auto;
    margin-bottom: -6rem;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--feature img {
    width: 100%;
    max-width: 25rem;
    margin-bottom: -13.5rem;
  }
}
@media (min-width: 75em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=cooler-planet] > div .slide--feature img {
    max-width: 25.5rem;
    margin-top: -0.4rem;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=size-8] {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-bottom: 1rem;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] {
    padding-left: 0;
    padding-right: 0;
    padding-top: 5rem;
    padding-bottom: 5rem;
    background: #211f2a url("/img/content/home/power-precision-control.png") 60% 0/100% auto no-repeat;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] {
    padding-bottom: 5rem;
  }
}
@media (min-width: 101.75em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] {
    background: none;
  }
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8]::before {
    content: "";
    position: absolute;
    left: calc((100vw - 96rem) / 2 + 10rem);
    right: calc((100vw - 96rem) / 2 + 10rem);
    top: 0;
    height: 44.5rem;
    background: url("/img/content/home/power-precision-control.png") 60% 0/100% auto no-repeat;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=size-8] h1.promo-title {
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 13vw;
  line-height: 0.9;
  margin-bottom: 1.25rem;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] h1.promo-title {
    font-size: 3.5em;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] h1.promo-title {
    font-size: 6em;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=size-8] h2 {
  font-size: 8vw;
  font-weight: 200;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] h2 {
    font-size: 1.75em;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] h2 {
    font-size: 2.6em;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=size-8] .product-links {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
  list-style: none;
  padding: 0;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] .product-links {
    flex-direction: column;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] .product-links {
    flex-direction: row;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=size-8] .product-links > li {
  flex: 0 0 calc(50% - 0.9375rem);
  max-width: calc(50% - 0.9375rem);
  margin: 0;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] .product-links > li {
    margin-bottom: 0.5rem;
    flex: 0 0 calc(60% - 0.9375rem);
    max-width: calc(60% - 0.9375rem);
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] .product-links > li {
    margin-bottom: 0;
    flex: 0 0 calc(50% - 0.9375rem);
    max-width: calc(50% - 0.9375rem);
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=size-8] .product-links > li a {
  display: block;
  border: 1px solid #fff;
  padding: 0.25rem 1rem 0.35rem;
}
.v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature > div {
  position: relative;
}
.v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature > div > img {
  width: 30em;
  margin: auto;
  margin-left: auto;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature > div > img {
    width: 15rem;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature > div > img {
    width: 20.25rem;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature > div .ip-rating {
  padding: 0.5rem 0.75rem;
  background: #76b82a;
  color: #fff;
  font-weight: 800;
  font-size: 1.5em;
  position: absolute;
}
.v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature > div .ip-rating#ip20-badge {
  top: 13.5rem;
  right: 65vw;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature > div .ip-rating#ip20-badge {
    top: 10rem;
    right: 12rem;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature > div .ip-rating#ip20-badge {
    top: 14rem;
    right: 18.5rem;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature > div .ip-rating#ip55-badge {
  top: 20rem;
  right: 30vw;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature > div .ip-rating#ip55-badge {
    top: 15.5rem;
    right: 6rem;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature > div .ip-rating#ip55-badge {
    top: 21.5rem;
    right: 9rem;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature .size-8-ratings {
  margin-top: 2rem;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature .size-8-ratings {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    right: 12.125rem;
    width: 17rem;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature .size-8-ratings {
    right: 17.125rem;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature .size-8-ratings span {
  display: flex;
  font-size: 1.5rem;
  font-weight: 800;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature .size-8-ratings span {
    font-size: 1.25rem;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature .size-8-ratings span {
    font-size: 1.65rem;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=size-8] .slide--feature .size-8-ratings span img {
  margin-right: 0.5rem;
}
.v-home #banner #home-slider [data-slide][data-slide-content=world-class-innovation] {
  background: radial-gradient(circle at 75% 100%, #948cc3 0%, #535486 75%);
  text-align: left;
  padding-bottom: 20rem;
  position: relative;
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=world-class-innovation] {
    padding: 8rem 0 12rem;
  }
}
@media (min-width: 101.75em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=world-class-innovation] {
    padding: 7rem 0 14rem;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=world-class-innovation]::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  background: url("/img/content/home/film-reel.png") 100% 100%/auto 38% no-repeat;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=world-class-innovation]::before {
    background-size: 100% auto;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=world-class-innovation]::before {
    background-size: 80% auto;
  }
}
@media (min-width: 75em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=world-class-innovation]::before {
    background-size: 70% auto;
    right: -5rem;
  }
}
@media (min-width: 101.75em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=world-class-innovation]::before {
    right: calc((100vw - 96rem) / 2 - 15rem);
    background-size: auto 100%;
  }
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=world-class-innovation] h1 {
    font-size: 2em;
    text-align: left;
    margin-bottom: 2rem;
  }
}
@media (min-width: 101.75em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=world-class-innovation] h1 {
    font-size: 2.75em;
    margin-bottom: 3rem;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=world-class-innovation] .slide--feature > div {
  text-align: center;
  padding: 0 1rem;
}
.v-home #banner #home-slider [data-slide][data-slide-content=world-class-innovation] .slide--feature > div .video-btns {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=world-class-innovation] .slide--feature > div .video-btns {
    align-items: flex-start;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=world-class-innovation] .slide--feature > div .video-btns a.btn {
  margin-bottom: 1rem;
}
@media (min-width: 101.75em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=world-class-innovation] .slide--feature > div .video-btns a.btn {
    font-size: 1.3em;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .slide--feature > div {
  padding: 0 0.5em;
  padding-bottom: 7em;
  margin-bottom: 4em;
}
.v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .slide--feature .promo-title span {
  background-color: #535486 !important;
  padding: 0.1em 0.3em;
  display: inline-block;
  margin-top: 0.5em;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .slide--feature .promo-title span {
    padding: 0.1em 0.2em;
    margin-left: 0.25em;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] h1 {
  font-size: 2.5em;
  text-align: center;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] h1 {
    font-size: 2.25em;
    text-align: center;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] h1 {
    font-size: 2.5em;
    text-align: left;
  }
}
@media (min-width: 107.875em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] h1 {
    font-size: 3em;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] #here-me-now {
  text-align: center;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] #here-me-now {
    font-size: 1.25em;
    margin-top: 0;
    text-align: center;
  }
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] #here-me-now strong {
    font-size: 1.5em;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] #here-me-now {
    font-size: 1.5em;
    width: 85%;
    text-align: left;
    padding-top: 1em;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .slide-image {
  margin-top: 4em;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .slide-image {
    margin-top: 0;
  }
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .slide-image img {
    position: absolute;
    right: 0;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .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;
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .big-purple-button {
    margin: 3em 0 0 0;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .save-and-point {
  text-align: center;
  padding-top: 4em;
  position: relative;
}
@media (min-width: 64em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .save-and-point {
    text-align: center;
    padding-top: 0;
    position: absolute;
    left: 20em;
    bottom: -2em;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .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;
}
@media (min-width: 64em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .save-and-point::before {
    width: 90px;
    height: 95px;
    background-image: url(/img/content/promotional/point-and-save.png);
    display: block;
    left: 0;
    bottom: 3em;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .tour-cal {
  text-align: center;
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .tour-cal {
    padding-top: 0;
  }
}
@media (min-width: 64em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .tour-cal {
    padding-top: 10%;
  }
}
@media (min-width: 107.875em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .tour-cal {
    padding-top: 35%;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .tour-cal > div {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .event-actions .date-icon {
  border: 1px solid white;
  border-radius: 6px;
  padding: 0.75em 0.75em 0 0.75em;
  margin: 0.5em;
}
.v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .event-actions .date-icon .day-word {
  font-size: 0.75em;
}
.v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .event-actions .date-icon .day-number {
  font-size: 3em;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .event-actions {
    justify-content: right;
    padding-top: 12em;
  }
}
@media (min-width: 64em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .event-actions {
    padding-top: 10em;
    justify-content: right;
  }
}
@media (min-width: 162.5em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] .event-actions {
    padding-top: 35%;
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] {
    background: url(/img/content/home/virtual-expo.png);
    background-position: calc(100% + 25em) 0;
    background-size: auto 42rem;
    background-repeat: no-repeat;
  }
}
@media (min-width: 101.75em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=energy-drives] {
    background: url(/img/content/home/virtual-expo.png);
    background-position: 100% 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=save-energy-slide] {
  position: relative;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
.v-home #banner #home-slider [data-slide][data-slide-content=save-energy-slide] a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.v-home #banner #home-slider [data-slide][data-slide-content=save-energy-slide]::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 #home-slider [data-slide][data-slide-content=save-energy-slide]::after {
    background-image: url("/img/content/home/save-energy.jpg");
  }
}
@media (min-width: 101.75em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=save-energy-slide]::after {
    left: calc((100vw - 96rem) / 2 + 3rem);
    right: calc((100vw - 96rem) / 2 + 3rem);
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=save-energy-slide]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #87cc3e;
}
.v-home #banner #home-slider [data-slide][data-slide-content=fair-and-better-world] {
  background: #7cb834 url("/img/content/about/green-landscape-bg.webp?v=0400622") no-repeat top center;
  background-size: 100%;
  height: 30em;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=fair-and-better-world] {
    height: 100vh;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=fair-and-better-world] .slide--feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  right: -50%;
  top: 0em;
  transform: translate(-50%, 0%);
}
@media (min-width: 31.25em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=fair-and-better-world] .slide--feature {
    transform: translate(-50%, 15%);
  }
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=fair-and-better-world] .slide--feature {
    transform: translate(-50%, 50%);
  }
}
@media (min-width: 62em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=fair-and-better-world] .slide--feature {
    transform: translate(-50%, 60%);
  }
}
@media (min-width: 81.25em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=fair-and-better-world] .slide--feature {
    transform: translate(-50%, 75%);
  }
}
@media (min-width: 110em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=fair-and-better-world] .slide--feature {
    padding-top: 2em;
    transform: translate(-50%, 100%);
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=fair-and-better-world] .slide--feature h1 {
  padding-top: 0.5em;
  font-size: 3.5em;
  text-align: center;
}
@media (min-width: 48em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=fair-and-better-world] .slide--feature h1 {
    font-size: 4em;
    text-align: center;
  }
}
@media (min-width: 110em) {
  .v-home #banner #home-slider [data-slide][data-slide-content=fair-and-better-world] .slide--feature h1 {
    font-size: 4.6em;
    text-align: center;
  }
}
.v-home #banner #home-slider [data-slide][data-slide-content=fair-and-better-world] .slide--feature p {
  text-align: center;
  font-size: 1.5em;
}
.v-home #banner #home-slider [data-slide][data-slide-content=fair-and-better-world] .slide--feature a {
  border: 0.125em solid #fff;
  border-radius: 5em;
  padding: 0.5em;
  font-size: 1.2em;
}
.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][data-slide-content=ip66-drives-old] {
  position: relative;
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] > .row {
  margin: 0;
}
@media (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] > .row > .span {
    flex-direction: column-reverse;
  }
}
@media (min-width: 62em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] > .row > .span {
    flex-direction: row;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old]::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][data-slide-content=ip66-drives-old] .slide--feature {
  display: flex;
  align-items: center;
}
@media (min-width: 62em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] .slide--feature {
    padding-right: 0;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] .slide--feature img {
  max-width: 80%;
  margin: 0 auto 3rem;
}
@media (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] .slide--feature img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 0;
  }
}
@media (min-width: 62em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] .slide--feature img {
    margin-left: -5rem;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] .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][data-slide-content=ip66-drives-old] .slide--text {
    padding-right: 3rem;
  }
}
@media (min-width: 90em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] .slide--text {
    align-items: flex-end;
  }
}
@media (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] .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][data-slide-content=ip66-drives-old] .slide--text > div {
    display: block;
    width: auto;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] .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][data-slide-content=ip66-drives-old] .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][data-slide-content=ip66-drives-old] .slide--text > div ul.associated-products {
    max-width: none;
    margin: 0 auto;
  }
}
@media (min-width: 90em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] .slide--text > div ul.associated-products {
    max-width: 100%;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] .slide--text > div ul.associated-products li {
  flex: 0 0 32%;
  max-width: 32%;
  background: radial-gradient(circle at 75% 100%, rgb(148, 140, 195) 0%, rgb(83, 84, 134) 75%);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] .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][data-slide-content=ip66-drives-old] .slide--text > div ul.associated-products li a span {
  width: 100%;
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] .slide--text > div ul.associated-products li img {
  width: 5em;
  margin-bottom: 0.5em;
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] .slide--caption {
  position: absolute;
  right: 0.9375rem;
  bottom: -4rem;
}
@media (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] .slide--caption {
    bottom: -2rem;
  }
}
@media (min-width: 62em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] .slide--caption {
    bottom: -4rem;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives-old] .slide--caption h3 {
  margin-bottom: 0;
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] {
  position: relative;
  background: #000;
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives]::before {
  content: "";
  position: absolute;
  width: 60%;
  top: 0;
  left: 0;
  right: 40%;
  background: url("/img/content/home/rain-overlay.png") 100% center/auto 100% no-repeat;
  opacity: 0.5;
  z-index: 1;
  pointer-events: none;
  display: none;
  height: 100%;
}
@media (min-width: 62em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives]::before {
    display: block;
  }
}
@media (max-width: 61.9em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--feature {
    position: absolute;
    top: -6.5rem;
    width: 150%;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
  }
}
@media (max-width: 61.9em) and (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--feature {
    top: calc(50% - 0.25rem);
    height: calc(100% + 6.5rem);
    transform: translate(-50%, -50%);
    padding: 0;
    overflow: hidden;
  }
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--feature img {
    margin: 0 auto;
  }
}
@media (min-width: 62em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--feature img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 13rem);
    max-width: none;
  }
}
@media (min-width: 75em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--feature img {
    height: 42rem;
  }
}
@media (min-width: 101.75em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--feature img {
    height: 44.5rem;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--feature::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 90%, rgb(0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 90%, rgb(0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 90%, rgb(0, 0, 0) 100%);
  height: 5rem;
}
@media (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--feature::before {
    display: none;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text {
  font-size: 3vw;
  z-index: 1;
}
@media (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text {
    font-size: 1rem;
  }
}
@media (min-width: 101.75em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text {
    font-size: 1.15rem;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 20em;
}
@media (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div {
    height: 27.5em;
  }
}
@media (min-width: 101.75em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div {
    height: 25em;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div h1 {
  text-align: center;
  width: 90%;
  margin: 0 auto 0.5em;
}
@media (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div h1 {
    font-size: 3em;
  }
}
@media (min-width: 62em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div h1 {
    font-size: 3.5em;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div h1 img {
  margin: 0.25rem auto 0;
  width: 8.5em;
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div .associated-products {
  display: flex;
  justify-content: space-between;
  width: 20em;
  margin: 0 auto 2em;
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div .associated-products > li {
  flex: 0 0 6em;
  max-width: 6em;
  display: flex;
  align-items: center;
}
@media (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div .associated-products > li {
    flex: 0 0 6em;
    max-width: 6em;
  }
}
@media (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div .associated-products > li[data-icon=e3] a {
    padding: 0.5em 0.25em;
  }
}
@media (min-width: 62em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div .associated-products > li[data-icon=e3] a {
    padding: 0.25em 0.25em;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div .associated-products > li a {
  padding: 0.125em 1em;
  background: rgb(83, 84, 134);
}
@media (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div .associated-products > li a {
    height: 100%;
    display: flex;
    align-items: center;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div .icon {
  text-align: center;
  position: relative;
}
@media (min-width: 62em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div .icon {
    width: 20em;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div .icon h3 {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 1.75em;
  margin: 0.5em auto 0;
  color: #fff;
}
@media (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div .icon h3 {
    font-size: 1.25em;
  }
}
@media (min-width: 62em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div .icon h3 {
    margin: 0;
    font-size: 1.5em;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div .icon::before {
  content: "";
  background: url("/img/content/home/ip66-icon.svg") 0 0/contain no-repeat;
  position: absolute;
  opacity: 0.2;
  left: 100%;
  transform: translate(-50%, -50%);
  top: 50%;
  width: 20em;
  height: 14.0740740741em;
  z-index: -1;
}
@media (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div .icon::before {
    width: 12em;
    height: 8.4444444444em;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=ip66-drives] .slide--text > div > a {
  display: inline-block;
  margin: 1em auto 0;
  text-transform: uppercase;
  background: rgb(83, 84, 134);
  padding: 0.5em 0.75em;
}
.v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide] {
  height: auto;
  margin: 0;
}
@media (min-width: 75em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide] {
    padding: 4rem 0;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide]::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][data-slide-content=e3-drive-slide]::before {
    background-size: 40% auto;
    background-position: 0 50%;
    transform: none;
    left: 0;
  }
}
@media (min-width: 62em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide]::before {
    background-position: 0 calc(100% + 10rem);
  }
}
@media (min-width: 75em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide]::before {
    background-size: 25rem auto;
    background-position: 0 50%;
    left: 5%;
  }
}
@media (min-width: 101.75em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide]::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][data-slide-content=e3-drive-slide] .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][data-slide-content=e3-drive-slide] .slide--text .motor-types {
  width: 100%;
  font-size: 3.5vw;
}
@media (min-width: 36em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide] .slide--text .motor-types {
    font-size: 1rem;
  }
}
@media (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide] .slide--text .motor-types {
    justify-content: flex-start;
  }
}
@media (min-width: 62em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide] .slide--text .motor-types {
    font-size: 0.9em;
  }
}
@media (min-width: 90em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide] .slide--text .motor-types {
    font-size: 1rem;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide] .slide--text .motor-types li {
  flex: 0 0 32%;
  max-width: 32%;
}
@media (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide] .slide--text .motor-types li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide] .slide--text .motor-types li > div {
  border-color: #fff;
}
.v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide] .slide--text .motor-types li abbr {
  color: #fff;
}
.v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide] .slide--text h2 {
  padding-bottom: 0.75em;
}
@media (min-width: 62em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide] .slide--text h2 {
    font-size: 1.5em;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide] .slide--text h3 {
  font-size: 1.5em;
  padding-top: 0.75em;
}
.v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide] .slide--text > div > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 48em) {
  .v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide] .slide--text > div > div {
    align-items: flex-start;
  }
}
.v-home #banner .glide__slides [data-slide][data-slide-content=e3-drive-slide] .slide--text img {
  display: inline-block;
}
.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: 6em;
    height: 1em;
  }
}
@media (min-width: 62em) {
  .v-home #banner .glide__bullets button {
    width: 10em;
  }
}
.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 30%;
    max-width: 30%;
  }
}
@media (min-width: 62em) {
  .v-home #promotions .exhibitions-feed {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.v-home #promotions .exhibitions-feed .panel {
  text-align: center;
  padding-bottom: 2.5em;
  padding-top: 2em;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 18em;
}
@media (min-width: 48em) {
  .v-home #promotions .exhibitions-feed .panel {
    margin-left: 0;
    max-width: 20em;
    position: absolute;
    top: -4rem;
    left: 0.9375rem;
    right: 0;
    width: 100%;
    min-height: 27rem;
    z-index: 1;
    font-size: 0.8em;
  }
}
@media (min-width: 62em) {
  .v-home #promotions .exhibitions-feed .panel {
    font-size: 1em;
  }
}
@media (min-width: 100em) {
  .v-home #promotions .exhibitions-feed .panel {
    top: -3.5rem;
  }
}
.v-home #promotions .exhibitions-feed .panel img {
  margin: 0 auto;
  width: 80%;
  max-width: 13rem;
}
.v-home #promotions .exhibitions-feed .panel p.lead {
  margin: 1em 0 0.75em;
  color: #000;
  font-weight: 400;
}
.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 .exhibitions-feed[data-lang] {
    flex: 0 0 30%;
    max-width: 30%;
  }
}
@media (min-width: 62em) {
  .v-home #promotions .exhibitions-feed[data-lang] {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.v-home #promotions .exhibitions-feed[data-lang] .panel {
  padding: 0;
  min-height: unset;
}
.v-home #promotions .exhibitions-feed[data-lang] .panel #expo-slideshow {
  padding: 0;
  position: relative;
}
.v-home #promotions .exhibitions-feed[data-lang] .panel #expo-slideshow img {
  width: 100%;
  max-width: 100%;
}
.v-home #promotions .exhibitions-feed[data-lang] .panel #expo-slideshow .glide__slides {
  height: 100%;
}
.v-home #promotions .exhibitions-feed[data-lang] .panel #expo-slideshow .glide__slides .glide__slide {
  padding: 0;
  height: auto;
  margin-bottom: 0;
}
.v-home #promotions .exhibitions-feed[data-lang] .panel #expo-slideshow .glide__slides .glide__slide > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}
.v-home #promotions .exhibitions-feed[data-lang] .panel #expo-slideshow.no-arrows .glide__arrows {
  display: none;
}
.v-home #promotions .exhibitions-feed[data-lang] .panel #expo-slideshow .glide__arrows .glide__arrow {
  position: absolute;
  top: 50%;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  padding: 0.5em;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.v-home #promotions .exhibitions-feed[data-lang] .panel #expo-slideshow .glide__arrows .glide__arrow.glide__arrow--left {
  left: 0.5em;
  transform: translate(-50%, -50%);
}
@media (min-width: 48em) {
  .v-home #promotions .exhibitions-feed[data-lang] .panel #expo-slideshow .glide__arrows .glide__arrow.glide__arrow--left {
    left: 0.9375em;
    transform: translate(0, -50%);
  }
}
.v-home #promotions .exhibitions-feed[data-lang] .panel #expo-slideshow .glide__arrows .glide__arrow.glide__arrow--right {
  right: 0.5em;
  transform: translate(50%, -50%);
}
@media (min-width: 48em) {
  .v-home #promotions .exhibitions-feed[data-lang] .panel #expo-slideshow .glide__arrows .glide__arrow.glide__arrow--right {
    right: 0.9375em;
    transform: translate(0, -50%);
  }
}
@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[data-link=save-energy] > a img {
    bottom: -4rem;
  }
}
@media (min-width: 75em) {
  .v-home #promotions .site-links #site-links li[data-link=save-energy] > a img {
    bottom: unset;
    top: 0;
  }
}
@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 {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  text-align: left;
  margin-bottom: 1.75rem;
}
.v-home #promotions .site-links-info > div {
  align-self: center;
}
.v-home #promotions .site-links-info > div h2 {
  font-weight: 200;
  font-size: 2.5rem;
}
@media (min-width: 48em) {
  .v-home #promotions .site-links-info > div h2 {
    font-size: 2rem;
  }
}
@media (min-width: 62em) {
  .v-home #promotions .site-links-info > div h2 {
    font-size: 2.5rem;
  }
}
@media (min-width: 100em) {
  .v-home #promotions .site-links-info > div h2 {
    margin-left: 0.5rem;
  }
}
.v-home #promotions .site-links-info > div a {
  padding-left: 0;
}
@media (min-width: 100em) {
  .v-home #promotions .site-links-info > div a {
    margin-left: 0.5rem;
  }
}
.v-home #promotions .site-links-info img {
  max-width: 9em;
  margin: 1.2em auto 0 auto;
}
@media (min-width: 48em) {
  .v-home #promotions .site-links-info img {
    width: 9rem;
    margin: 0;
  }
}
.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%, rgb(148, 140, 195) 0%, rgb(83, 84, 134) 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 > a {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  display: block;
}
.v-home #latest-updates .main-story .story-img {
  width: 100%;
  min-height: 23rem;
}
.v-home #latest-updates .main-story .story-txt {
  padding: 1.5rem 2rem;
  width: 100%;
}
.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%;
  margin-bottom: 1em;
}
.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: 0 0 10px rgba(0, 0, 0, 0.25);
}
@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 #home_video_banner {
  background: linear-gradient(to bottom, rgb(26, 27, 43) 0%, rgb(83, 84, 134) 100%);
  padding: 0;
  overflow: hidden;
}
.v-home #home_video_banner .video_wrapper {
  margin: 0 auto;
  position: relative;
}
@media (min-width: 48em) {
  .v-home #home_video_banner .video_wrapper::before {
    content: "";
    height: 100%;
    width: 10rem;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000 100%);
    z-index: 1;
  }
  .v-home #home_video_banner .video_wrapper::after {
    content: "";
    height: 100%;
    width: 10rem;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #000 100%);
    z-index: 1;
  }
}
@media (min-width: 48em) {
  .v-home #home_video_banner {
    background: #000 !important;
  }
  .v-home #home_video_banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.25);
    z-index: 1;
    pointer-events: none;
  }
}
@media (min-width: 75em) {
  .v-home #home_video_banner::before {
    background: rgba(0, 0, 0, 0.15);
  }
}
.v-home #home_video_banner > .span {
  padding: 0;
}
.v-home #home_video_banner > .span #home_video_banner_bg {
  padding: 2em 0.9375rem;
  font-size: 1.2em;
  position: relative;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 48em) {
  .v-home #home_video_banner > .span #home_video_banner_bg {
    padding: 2em 0.9375rem 1em;
    z-index: 1;
  }
}
@media (min-width: 62em) {
  .v-home #home_video_banner > .span #home_video_banner_bg {
    padding: 3.5em 0.9375rem 2em;
  }
}
@media (min-width: 75em) {
  .v-home #home_video_banner > .span #home_video_banner_bg {
    padding: 3.5em 0.9375rem;
  }
}
.v-home #home_video_banner > .span #home_video_banner_bg h1 {
  font-weight: 800;
  font-size: 2.5em;
  margin-bottom: 0;
  display: inline-block;
}
.v-home #home_video_banner > .span #home_video_banner_bg h2 {
  margin-top: 0.5em;
  margin-bottom: 2em;
  font-weight: 200;
  font-size: 1.875em;
  display: inline-block;
}
.v-home #home_video_banner > .span #home_video_banner_bg #watch_25_video {
  font-weight: 800;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 1.5em;
  display: flex;
  align-items: center;
  transition: transform 0.25s ease-in-out;
}
@media (min-width: 48em) {
  .v-home #home_video_banner > .span #home_video_banner_bg #watch_25_video {
    position: absolute;
    right: 0.9375rem;
    top: 50%;
    transform: translateY(-50%);
  }
  .v-home #home_video_banner > .span #home_video_banner_bg #watch_25_video:hover {
    cursor: pointer;
    transform: scale(1.05) translateY(-50%);
  }
}
.v-home #home_video_banner > .span #home_video_banner_bg #watch_25_video i {
  font-size: 2.5em;
  margin-left: 0.25em;
}
.v-home #home_video_banner .home_video_banner_video {
  display: none;
  opacity: 0.5;
}
@media (min-width: 48em) {
  .v-home #home_video_banner .home_video_banner_video {
    display: block !important;
    margin: 0 auto;
    width: 75rem;
    max-width: 100%;
  }
}
@media (min-width: 75em) {
  .v-home #home_video_banner .home_video_banner_video {
    height: 30em;
  }
}
.v-home #home_video_banner .home_video_banner_video_link {
  width: 100%;
  height: 100%;
}
@media (min-width: 48em) {
  .v-home #home_video_banner .home_video_banner_video_link {
    margin: 0 auto;
    width: 75rem;
    max-width: 100%;
  }
}
.v-home #home_video_banner .home_video_banner-text-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #fff;
  padding: 3em 0.9375rem;
  z-index: 1;
  width: 100%;
  height: calc(100% - 6rem);
  display: flex;
}
@media (min-width: 48em) {
  .v-home #home_video_banner .home_video_banner-text-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 0.9375rem;
    height: calc(100% - 3rem);
    justify-content: space-between;
  }
}
@media (min-width: 62em) {
  .v-home #home_video_banner .home_video_banner-text-overlay {
    height: calc(100% - 6rem);
  }
}
.v-home #home_video_banner .home_video_banner-text-overlay .product-logo {
  width: 51rem;
}

.v-home #home_slideshow .glide__slide, .v-warranty #home_slideshow .glide__slide {
  height: auto !important;
}
.v-home #home_slideshow [data-slide="0"], .v-warranty #home_slideshow [data-slide="0"] {
  background: rgb(83, 84, 134);
  overflow: hidden;
}
.v-home #home_slideshow [data-slide="0"] > div, .v-warranty #home_slideshow [data-slide="0"] > div {
  height: 100%;
  position: relative;
  z-index: 1;
}
.v-home #home_slideshow [data-slide="0"] > div > .span, .v-warranty #home_slideshow [data-slide="0"] > div > .span {
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.v-home #home_slideshow [data-slide="0"] .col-lg-12, .v-warranty #home_slideshow [data-slide="0"] .col-lg-12 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 4rem;
  padding-bottom: 2rem;
  flex: 1;
}
.v-home #home_slideshow [data-slide="0"] .col-lg-12 > div, .v-warranty #home_slideshow [data-slide="0"] .col-lg-12 > div {
  width: 100%;
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="0"] .col-lg-12 > div, .v-warranty #home_slideshow [data-slide="0"] .col-lg-12 > div {
    width: auto;
    position: static;
  }
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="0"] .col-lg-12, .v-warranty #home_slideshow [data-slide="0"] .col-lg-12 {
    font-size: 1.2em;
    padding-top: 3.6em;
    padding-bottom: 3rem;
  }
}
@media (min-width: 62em) {
  .v-home #home_slideshow [data-slide="0"] .col-lg-12, .v-warranty #home_slideshow [data-slide="0"] .col-lg-12 {
    margin-top: 0em;
  }
}
@media (min-width: 72em) {
  .v-home #home_slideshow [data-slide="0"] .col-lg-12, .v-warranty #home_slideshow [data-slide="0"] .col-lg-12 {
    margin-top: 0em;
  }
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="0"] .col-lg-12, .v-warranty #home_slideshow [data-slide="0"] .col-lg-12 {
    padding-bottom: 4rem;
    margin-top: 0em;
  }
}
.v-home #home_slideshow [data-slide="0"]::before, .v-warranty #home_slideshow [data-slide="0"]::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: url("/img/content/home/e4/exceptional-e4-background.webp") 0 50%/cover no-repeat;
  pointer-events: none;
  z-index: 0;
  opacity: 1;
  top: unset;
}
.v-home #home_slideshow [data-slide="0"] h1, .v-warranty #home_slideshow [data-slide="0"] h1 {
  font-weight: 900;
  color: #fff;
  letter-spacing: 3px;
  font-size: 6vw;
  line-height: 1;
  margin-bottom: -0.7rem;
  text-align: center;
}
@media (min-width: 35em) {
  .v-home #home_slideshow [data-slide="0"] h1, .v-warranty #home_slideshow [data-slide="0"] h1 {
    font-size: 1.5em;
  }
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="0"] h1, .v-warranty #home_slideshow [data-slide="0"] h1 {
    font-size: 1.25em;
    text-align: left;
  }
}
@media (min-width: 62em) {
  .v-home #home_slideshow [data-slide="0"] h1, .v-warranty #home_slideshow [data-slide="0"] h1 {
    font-size: 1.45em;
  }
}
@media (min-width: 72em) {
  .v-home #home_slideshow [data-slide="0"] h1, .v-warranty #home_slideshow [data-slide="0"] h1 {
    font-size: 2em;
  }
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="0"] h1, .v-warranty #home_slideshow [data-slide="0"] h1 {
    font-size: 2em;
  }
}
.v-home #home_slideshow [data-slide="0"] h2, .v-warranty #home_slideshow [data-slide="0"] h2 {
  font-weight: 600;
  color: #fff;
  letter-spacing: 3px;
  font-size: 5vw;
  line-height: 1;
  text-align: center;
}
.v-home #home_slideshow [data-slide="0"] h2 .purple, .v-warranty #home_slideshow [data-slide="0"] h2 .purple {
  display: block;
  margin-top: 1rem;
  color: #4f5586;
}
@media (min-width: 35em) {
  .v-home #home_slideshow [data-slide="0"] h2, .v-warranty #home_slideshow [data-slide="0"] h2 {
    font-size: 1.5em;
  }
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="0"] h2, .v-warranty #home_slideshow [data-slide="0"] h2 {
    font-size: 1.25em;
    text-align: left;
  }
}
@media (min-width: 62em) {
  .v-home #home_slideshow [data-slide="0"] h2, .v-warranty #home_slideshow [data-slide="0"] h2 {
    font-size: 1.25em;
  }
}
@media (min-width: 72em) {
  .v-home #home_slideshow [data-slide="0"] h2, .v-warranty #home_slideshow [data-slide="0"] h2 {
    font-size: 1.7em;
  }
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="0"] h2, .v-warranty #home_slideshow [data-slide="0"] h2 {
    font-size: 1.7em;
    margin-top: 4rem;
  }
  .v-home #home_slideshow [data-slide="0"] h2 .purple, .v-warranty #home_slideshow [data-slide="0"] h2 .purple {
    margin-top: 1.2em;
  }
}
.v-home #home_slideshow [data-slide="0"] .btn-purple, .v-warranty #home_slideshow [data-slide="0"] .btn-purple {
  background: rgb(83, 84, 134);
  font-weight: 200;
  padding-left: 1em;
  padding-right: 2.75em;
  font-size: 4vw;
  display: block;
}
@media (min-width: 35em) {
  .v-home #home_slideshow [data-slide="0"] .btn-purple, .v-warranty #home_slideshow [data-slide="0"] .btn-purple {
    font-size: 0.9em;
  }
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="0"] .btn-purple, .v-warranty #home_slideshow [data-slide="0"] .btn-purple {
    margin-top: 0.5em;
    font-size: 0.8em;
  }
}
.v-home #home_slideshow [data-slide="0"] .product_group, .v-warranty #home_slideshow [data-slide="0"] .product_group {
  width: 80%;
  max-width: 30em;
  margin: 2em auto -2rem auto;
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="0"] .product_group, .v-warranty #home_slideshow [data-slide="0"] .product_group {
    position: absolute;
    bottom: 0em;
    right: -2em;
    width: 50vw;
    display: flex;
    align-items: flex-end;
    margin-bottom: 0;
  }
}
@media (min-width: 62em) {
  .v-home #home_slideshow [data-slide="0"] .product_group, .v-warranty #home_slideshow [data-slide="0"] .product_group {
    width: 26em;
    bottom: 0em;
    right: -2.5em;
  }
}
@media (min-width: 75em) {
  .v-home #home_slideshow [data-slide="0"] .product_group, .v-warranty #home_slideshow [data-slide="0"] .product_group {
    width: 30em;
    right: -1em;
  }
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="0"] .product_group, .v-warranty #home_slideshow [data-slide="0"] .product_group {
    right: -2em;
    margin-top: 0em;
    max-width: 100%;
    width: 37em;
  }
}
.v-home #home_slideshow [data-slide="0"] img.product-logo, .v-warranty #home_slideshow [data-slide="0"] img.product-logo {
  margin-bottom: 2em;
  margin-top: 0.5rem;
  width: 100%;
}
@media (min-width: 35em) {
  .v-home #home_slideshow [data-slide="0"] img.product-logo, .v-warranty #home_slideshow [data-slide="0"] img.product-logo {
    max-width: 25em;
  }
}
@media (min-width: 75em) {
  .v-home #home_slideshow [data-slide="0"] img.product-logo, .v-warranty #home_slideshow [data-slide="0"] img.product-logo {
    max-width: 28em;
    margin-bottom: 1em;
  }
}
.v-home #home_slideshow [data-slide="1"], .v-warranty #home_slideshow [data-slide="1"] {
  background: rgb(83, 84, 134);
  overflow: hidden;
}
.v-home #home_slideshow [data-slide="1"] > div, .v-warranty #home_slideshow [data-slide="1"] > div {
  height: 100%;
  position: relative;
  z-index: 1;
}
.v-home #home_slideshow [data-slide="1"] > div::before, .v-warranty #home_slideshow [data-slide="1"] > div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  height: 75%;
  background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  z-index: 0;
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="1"] > div::before, .v-warranty #home_slideshow [data-slide="1"] > div::before {
    height: 85%;
  }
}
.v-home #home_slideshow [data-slide="1"] > div > .span, .v-warranty #home_slideshow [data-slide="1"] > div > .span {
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.v-home #home_slideshow [data-slide="1"] .col-lg-12, .v-warranty #home_slideshow [data-slide="1"] .col-lg-12 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="1"] .col-lg-12, .v-warranty #home_slideshow [data-slide="1"] .col-lg-12 {
    font-size: 1.2em;
    padding-top: 2.25em;
    padding-bottom: 3rem;
  }
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="1"] .col-lg-12, .v-warranty #home_slideshow [data-slide="1"] .col-lg-12 {
    padding-bottom: 4rem;
  }
}
.v-home #home_slideshow [data-slide="1"]::after, .v-warranty #home_slideshow [data-slide="1"]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80%;
  background: linear-gradient(to bottom, #535486 0%, rgba(83, 84, 134, 0) 50%);
  pointer-events: none;
  z-index: 0;
  top: unset;
}
.v-home #home_slideshow [data-slide="1"]::before, .v-warranty #home_slideshow [data-slide="1"]::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80%;
  background: url("/img/content/home/e3/pixels.svg") 0 50%/cover no-repeat;
  pointer-events: none;
  z-index: 0;
  opacity: 0.16;
  top: unset;
}
.v-home #home_slideshow [data-slide="1"] img.product-logo, .v-warranty #home_slideshow [data-slide="1"] img.product-logo {
  margin-bottom: 2em;
  margin-top: 2.5em;
  width: 100%;
}
@media (min-width: 35em) {
  .v-home #home_slideshow [data-slide="1"] img.product-logo, .v-warranty #home_slideshow [data-slide="1"] img.product-logo {
    max-width: 25em;
  }
}
@media (min-width: 75em) {
  .v-home #home_slideshow [data-slide="1"] img.product-logo, .v-warranty #home_slideshow [data-slide="1"] img.product-logo {
    max-width: 28em;
    margin-bottom: 1em;
    margin-top: 2em;
  }
}
.v-home #home_slideshow [data-slide="1"] h1, .v-warranty #home_slideshow [data-slide="1"] h1 {
  font-weight: 900;
  color: #fff;
  letter-spacing: 3px;
  font-size: 6vw;
  line-height: 1;
}
@media (min-width: 35em) {
  .v-home #home_slideshow [data-slide="1"] h1, .v-warranty #home_slideshow [data-slide="1"] h1 {
    font-size: 1.5em;
  }
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="1"] h1, .v-warranty #home_slideshow [data-slide="1"] h1 {
    font-size: 1.25em;
  }
}
@media (min-width: 62em) {
  .v-home #home_slideshow [data-slide="1"] h1, .v-warranty #home_slideshow [data-slide="1"] h1 {
    font-size: 1.45em;
  }
}
.v-home #home_slideshow [data-slide="1"] h1 span, .v-warranty #home_slideshow [data-slide="1"] h1 span {
  display: block;
  font-size: 1.5em;
}
.v-home #home_slideshow [data-slide="1"] h1 span.purple, .v-warranty #home_slideshow [data-slide="1"] h1 span.purple {
  color: #948cc3;
}
.v-home #home_slideshow [data-slide="1"] .btn-purple, .v-warranty #home_slideshow [data-slide="1"] .btn-purple {
  background: #948cc3;
  font-weight: 200;
  padding-left: 1em;
  padding-right: 2.75em;
  margin-top: 1rem;
  font-size: 4vw;
}
@media (min-width: 35em) {
  .v-home #home_slideshow [data-slide="1"] .btn-purple, .v-warranty #home_slideshow [data-slide="1"] .btn-purple {
    font-size: 0.9em;
    margin-top: 2em;
  }
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="1"] .btn-purple, .v-warranty #home_slideshow [data-slide="1"] .btn-purple {
    margin-top: 1.5em;
    font-size: 0.8em;
  }
}
.v-home #home_slideshow [data-slide="1"] .product_group, .v-warranty #home_slideshow [data-slide="1"] .product_group {
  position: absolute;
  bottom: -2em;
  right: 0;
  width: 14em;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 47.99em) {
  .v-home #home_slideshow [data-slide="1"] .product_group, .v-warranty #home_slideshow [data-slide="1"] .product_group {
    display: none;
  }
}
@media (min-width: 62em) {
  .v-home #home_slideshow [data-slide="1"] .product_group, .v-warranty #home_slideshow [data-slide="1"] .product_group {
    width: 19em;
    bottom: 2em;
  }
}
@media (min-width: 75em) {
  .v-home #home_slideshow [data-slide="1"] .product_group, .v-warranty #home_slideshow [data-slide="1"] .product_group {
    width: 21em;
  }
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="1"] .product_group, .v-warranty #home_slideshow [data-slide="1"] .product_group {
    width: 24em;
  }
}
.v-home #home_slideshow [data-slide="2"], .v-warranty #home_slideshow [data-slide="2"] {
  background: rgb(83, 84, 134);
  overflow: hidden;
}
.v-home #home_slideshow [data-slide="2"] > div, .v-warranty #home_slideshow [data-slide="2"] > div {
  height: 100%;
  position: relative;
  z-index: 1;
}
.v-home #home_slideshow [data-slide="2"] > div::before, .v-warranty #home_slideshow [data-slide="2"] > div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  height: 75%;
  background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  z-index: 0;
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="2"] > div::before, .v-warranty #home_slideshow [data-slide="2"] > div::before {
    height: 85%;
  }
}
.v-home #home_slideshow [data-slide="2"] > div > .span, .v-warranty #home_slideshow [data-slide="2"] > div > .span {
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.v-home #home_slideshow [data-slide="2"] .col-lg-12, .v-warranty #home_slideshow [data-slide="2"] .col-lg-12 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="2"] .col-lg-12, .v-warranty #home_slideshow [data-slide="2"] .col-lg-12 {
    font-size: 1.2em;
    padding-top: 2.25em;
    padding-bottom: 3rem;
  }
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="2"] .col-lg-12, .v-warranty #home_slideshow [data-slide="2"] .col-lg-12 {
    padding-bottom: 4rem;
  }
}
.v-home #home_slideshow [data-slide="2"]::after, .v-warranty #home_slideshow [data-slide="2"]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80%;
  background: linear-gradient(to bottom, #535486 0%, rgba(83, 84, 134, 0) 50%);
  pointer-events: none;
  z-index: 0;
  top: unset;
}
.v-home #home_slideshow [data-slide="2"]::before, .v-warranty #home_slideshow [data-slide="2"]::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80%;
  background: url("/img/content/home/kings-award/grid.svg") 0 0/cover no-repeat;
  pointer-events: none;
  z-index: 0;
  opacity: 0.16;
  top: unset;
}
.v-home #home_slideshow [data-slide="2"] img.kings-award-logo, .v-warranty #home_slideshow [data-slide="2"] img.kings-award-logo {
  width: 10.625rem;
  max-width: 75%;
  margin-bottom: 1em;
}
@media (min-width: 35em) {
  .v-home #home_slideshow [data-slide="2"] img.kings-award-logo, .v-warranty #home_slideshow [data-slide="2"] img.kings-award-logo {
    max-width: 100%;
  }
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="2"] img.kings-award-logo, .v-warranty #home_slideshow [data-slide="2"] img.kings-award-logo {
    width: 8.5rem;
  }
}
@media (min-width: 62em) {
  .v-home #home_slideshow [data-slide="2"] img.kings-award-logo, .v-warranty #home_slideshow [data-slide="2"] img.kings-award-logo {
    width: 10.625rem;
  }
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="2"] img.kings-award-logo, .v-warranty #home_slideshow [data-slide="2"] img.kings-award-logo {
    margin-bottom: 1.5em;
  }
}
.v-home #home_slideshow [data-slide="2"] h1, .v-warranty #home_slideshow [data-slide="2"] h1 {
  font-weight: 900;
  color: #fff;
  letter-spacing: 3px;
  font-size: 4.75vw;
  line-height: 1;
}
@media (min-width: 35em) {
  .v-home #home_slideshow [data-slide="2"] h1, .v-warranty #home_slideshow [data-slide="2"] h1 {
    font-size: 1.25em;
  }
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="2"] h1, .v-warranty #home_slideshow [data-slide="2"] h1 {
    max-width: 52%;
    font-size: 1em;
  }
}
@media (min-width: 62em) {
  .v-home #home_slideshow [data-slide="2"] h1, .v-warranty #home_slideshow [data-slide="2"] h1 {
    font-size: 1.35em;
    max-width: 100%;
  }
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="2"] h1, .v-warranty #home_slideshow [data-slide="2"] h1 {
    font-size: 1.5em;
  }
}
.v-home #home_slideshow [data-slide="2"] h1 span, .v-warranty #home_slideshow [data-slide="2"] h1 span {
  display: block;
  font-size: 1.5em;
}
.v-home #home_slideshow [data-slide="2"] h1 span.purple, .v-warranty #home_slideshow [data-slide="2"] h1 span.purple {
  color: #948cc3;
}
.v-home #home_slideshow [data-slide="2"] h2, .v-warranty #home_slideshow [data-slide="2"] h2 {
  font-weight: 900;
  color: #fff;
  letter-spacing: 3px;
  font-size: 3.5vw;
  line-height: 1.2;
  margin-top: 1rem;
}
@media (min-width: 35em) {
  .v-home #home_slideshow [data-slide="2"] h2, .v-warranty #home_slideshow [data-slide="2"] h2 {
    font-size: 1em;
  }
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="2"] h2, .v-warranty #home_slideshow [data-slide="2"] h2 {
    max-width: 52%;
    font-size: 0.5em;
  }
}
@media (min-width: 62em) {
  .v-home #home_slideshow [data-slide="2"] h2, .v-warranty #home_slideshow [data-slide="2"] h2 {
    font-size: 0.7em;
    max-width: 45em;
  }
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="2"] h2, .v-warranty #home_slideshow [data-slide="2"] h2 {
    font-size: 0.65em;
  }
}
.v-home #home_slideshow [data-slide="2"] h2 span, .v-warranty #home_slideshow [data-slide="2"] h2 span {
  display: block;
  font-size: 1.5em;
}
.v-home #home_slideshow [data-slide="2"] h2 span.purple, .v-warranty #home_slideshow [data-slide="2"] h2 span.purple {
  color: #948cc3;
}
.v-home #home_slideshow [data-slide="2"] .btn-purple, .v-warranty #home_slideshow [data-slide="2"] .btn-purple {
  background: #948cc3;
  font-weight: 200;
  padding-left: 1em;
  padding-right: 2.75em;
  margin-top: 1rem;
  font-size: 4vw;
}
@media (min-width: 35em) {
  .v-home #home_slideshow [data-slide="2"] .btn-purple, .v-warranty #home_slideshow [data-slide="2"] .btn-purple {
    font-size: 0.9em;
    margin-top: 2em;
  }
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="2"] .btn-purple, .v-warranty #home_slideshow [data-slide="2"] .btn-purple {
    margin-top: 1.5em;
    font-size: 0.8em;
  }
}
.v-home #home_slideshow [data-slide="2"] .product_group, .v-warranty #home_slideshow [data-slide="2"] .product_group {
  position: absolute;
  bottom: -2em;
  right: -30%;
  width: 30em;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 47.99em) {
  .v-home #home_slideshow [data-slide="2"] .product_group, .v-warranty #home_slideshow [data-slide="2"] .product_group {
    display: none;
  }
}
@media (min-width: 75em) {
  .v-home #home_slideshow [data-slide="2"] .product_group, .v-warranty #home_slideshow [data-slide="2"] .product_group {
    right: calc((100vw - 75rem) / 2 - 15vw);
  }
}
@media (min-width: 62em) {
  .v-home #home_slideshow [data-slide="2"] .product_group, .v-warranty #home_slideshow [data-slide="2"] .product_group {
    right: -13em;
  }
}
@media (min-width: 75em) {
  .v-home #home_slideshow [data-slide="2"] .product_group, .v-warranty #home_slideshow [data-slide="2"] .product_group {
    right: -5em;
  }
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="2"] .product_group, .v-warranty #home_slideshow [data-slide="2"] .product_group {
    right: -3em;
    width: 36em;
    bottom: -2.5em;
  }
}
.v-home #home_slideshow [data-slide="3"], .v-warranty #home_slideshow [data-slide="3"] {
  background: rgb(83, 84, 134);
  overflow: hidden;
}
.v-home #home_slideshow [data-slide="3"] > div, .v-warranty #home_slideshow [data-slide="3"] > div {
  height: 100%;
}
.v-home #home_slideshow [data-slide="3"] > div > .span, .v-warranty #home_slideshow [data-slide="3"] > div > .span {
  padding: 0 0 2rem 0;
  height: 100%;
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="3"] > div > .span, .v-warranty #home_slideshow [data-slide="3"] > div > .span {
    padding-bottom: 0;
  }
}
.v-home #home_slideshow [data-slide="3"] .col-lg-12, .v-warranty #home_slideshow [data-slide="3"] .col-lg-12 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 3rem;
  padding-bottom: 0;
}
@media (min-width: 35em) {
  .v-home #home_slideshow [data-slide="3"] .col-lg-12, .v-warranty #home_slideshow [data-slide="3"] .col-lg-12 {
    padding-top: 5em;
  }
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="3"] .col-lg-12, .v-warranty #home_slideshow [data-slide="3"] .col-lg-12 {
    font-size: 1.2em;
    padding-bottom: 3rem;
  }
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="3"] .col-lg-12, .v-warranty #home_slideshow [data-slide="3"] .col-lg-12 {
    padding-bottom: 4rem;
  }
}
.v-home #home_slideshow [data-slide="3"] .col-lg-12::before, .v-warranty #home_slideshow [data-slide="3"] .col-lg-12::before {
  content: "NEW";
  letter-spacing: 1px;
  position: absolute;
  top: 0;
  left: 0.9375rem;
  background: rgb(210, 8, 30);
  color: #fff;
  font-size: 1.5em;
  display: block;
  padding: 0.5em 0.75em;
  font-weight: 900;
  font-size: 1em;
}
@media (max-width: 47.99em) {
  .v-home #home_slideshow [data-slide="3"] .col-lg-12::before, .v-warranty #home_slideshow [data-slide="3"] .col-lg-12::before {
    font-size: 3.5vw;
  }
}
.v-home #home_slideshow [data-slide="3"]::before, .v-warranty #home_slideshow [data-slide="3"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 75%;
  background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="3"]::before, .v-warranty #home_slideshow [data-slide="3"]::before {
    height: 85%;
  }
}
.v-home #home_slideshow [data-slide="3"] h1, .v-warranty #home_slideshow [data-slide="3"] h1 {
  font-weight: 900;
  color: #fff;
  letter-spacing: 3px;
  font-size: 4.5vw;
  line-height: 0.9;
  margin-top: 4em;
}
@media (min-width: 35em) {
  .v-home #home_slideshow [data-slide="3"] h1, .v-warranty #home_slideshow [data-slide="3"] h1 {
    font-size: 1.25em;
  }
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="3"] h1, .v-warranty #home_slideshow [data-slide="3"] h1 {
    font-size: 1em;
    margin-top: 0;
  }
}
@media (min-width: 62em) {
  .v-home #home_slideshow [data-slide="3"] h1, .v-warranty #home_slideshow [data-slide="3"] h1 {
    font-size: 1.25em;
  }
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="3"] h1, .v-warranty #home_slideshow [data-slide="3"] h1 {
    font-size: 1.5em;
  }
}
.v-home #home_slideshow [data-slide="3"] h1 span, .v-warranty #home_slideshow [data-slide="3"] h1 span {
  display: block;
  font-size: 1.5em;
}
.v-home #home_slideshow [data-slide="3"] h1 span:nth-child(2), .v-warranty #home_slideshow [data-slide="3"] h1 span:nth-child(2) {
  margin-bottom: 0.5em;
}
.v-home #home_slideshow [data-slide="3"] h1 span:nth-child(3), .v-warranty #home_slideshow [data-slide="3"] h1 span:nth-child(3) {
  margin-bottom: 0.125em;
}
.v-home #home_slideshow [data-slide="3"] h1 span.purple, .v-warranty #home_slideshow [data-slide="3"] h1 span.purple {
  color: #948cc3;
  font-size: 3.35em;
}
.v-home #home_slideshow [data-slide="3"] h1 span.large, .v-warranty #home_slideshow [data-slide="3"] h1 span.large {
  font-size: 1.9em;
}
.v-home #home_slideshow [data-slide="3"] .btn-purple, .v-warranty #home_slideshow [data-slide="3"] .btn-purple {
  background: #948cc3;
  font-weight: 200;
  padding-left: 1em;
  padding-right: 2.75em;
  margin-top: 1rem;
  font-size: 4vw;
}
@media (min-width: 35em) {
  .v-home #home_slideshow [data-slide="3"] .btn-purple, .v-warranty #home_slideshow [data-slide="3"] .btn-purple {
    font-size: 0.9em;
    margin-top: 2em;
  }
}
@media (min-width: 48em) {
  .v-home #home_slideshow [data-slide="3"] .btn-purple, .v-warranty #home_slideshow [data-slide="3"] .btn-purple {
    font-size: 0.8em;
  }
}
.v-home #home_slideshow [data-slide="3"] .warranty_showcase, .v-warranty #home_slideshow [data-slide="3"] .warranty_showcase {
  position: absolute;
  bottom: 0;
  left: 44%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 47.99em) {
  .v-home #home_slideshow [data-slide="3"] .warranty_showcase, .v-warranty #home_slideshow [data-slide="3"] .warranty_showcase {
    display: none;
  }
}
.v-home #home_slideshow [data-slide="3"] .warranty_showcase img, .v-warranty #home_slideshow [data-slide="3"] .warranty_showcase img {
  max-width: 150%;
}
@media (min-width: 62em) {
  .v-home #home_slideshow [data-slide="3"] .warranty_showcase img, .v-warranty #home_slideshow [data-slide="3"] .warranty_showcase img {
    max-width: 125%;
  }
}
@media (min-width: 90em) {
  .v-home #home_slideshow [data-slide="3"] .warranty_showcase img, .v-warranty #home_slideshow [data-slide="3"] .warranty_showcase img {
    max-width: 100%;
  }
}
.v-home #home_slideshow .glide__bullets, .v-warranty #home_slideshow .glide__bullets {
  position: absolute;
  top: 0.75em;
  right: 1em;
}
.v-home #home_slideshow .glide__bullets .glide__bullet, .v-warranty #home_slideshow .glide__bullets .glide__bullet {
  width: 3rem;
  height: 0.4rem;
  background: rgba(255, 255, 255, 0.35);
  transition: background 0.25s ease-in-out;
}
.v-home #home_slideshow .glide__bullets .glide__bullet.glide__bullet--active, .v-warranty #home_slideshow .glide__bullets .glide__bullet.glide__bullet--active {
  background: rgba(255, 255, 255, 0.9);
}
.v-home #home_warranty_banner, .v-warranty #home_warranty_banner {
  background: rgb(83, 84, 134);
  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: rgb(210, 8, 30);
  color: #fff;
  font-size: 1.5em;
  display: block;
  padding: 0.5em 0.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, rgb(0, 0, 0) 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: 0.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: 0.5em;
}
.v-home #home_warranty_banner h1 span:nth-child(3), .v-warranty #home_warranty_banner h1 span:nth-child(3) {
  margin-bottom: 0.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: 0.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-warranty #home_warranty_banner .warranty_showcase {
  left: unset;
  right: 0;
}
@media (min-width: 101.75em) {
  .v-warranty #home_warranty_banner .warranty_showcase {
    right: calc((100vw - 96rem) / 2 - 6.5em);
  }
}
.v-warranty #home_warranty_banner .warranty_showcase img {
  max-height: 100%;
}

@media (min-width: 100em) {
  .pt-desk-0 {
    padding-top: 0;
  }
}

.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: rgb(255, 255, 255);
  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: rgb(255, 255, 255);
}
@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:not(.btn) {
  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: rgb(83, 84, 134) !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-logos {
  display: flex;
  justify-content: space-between;
}
.v-variable-frequency-drives #product-options .product-option-head .product-option-logo {
  margin: 0 auto;
  height: 2.875rem;
}
.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], .v-variable-frequency-drives #product-options .product-option-content a[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 a[data-bg-color] + a[data-bg-color] {
  transform: translate(-50%, calc(-100% - 0.5rem));
}
.v-variable-frequency-drives #product-options .product-option-content div[data-bg-color=purple], .v-variable-frequency-drives #product-options .product-option-content a[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: rgb(255, 255, 255) !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;
  flex-direction: column;
  justify-content: flex-start;
  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: rgb(83, 84, 134);
}
.v-variable-frequency-drives #product-options [data-font-color=green] {
  color: rgb(118, 184, 42);
}
.v-variable-frequency-drives #product-options [data-font-color=blue] {
  color: rgb(0, 117, 191);
}
.v-variable-frequency-drives #product-options [data-font-color=orange] {
  color: rgb(239, 125, 0);
}
.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: rgb(83, 84, 134);
  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: rgb(255, 255, 255) !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: rgb(255, 255, 255);
  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: rgb(83, 84, 134);
  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: 1rem;
  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: 90em) {
  #promotions #site-links li[data-link=invertek-tv] > a ul li {
    flex: 0 0 29%;
    max-width: 29%;
  }
  #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: 7rem;
  margin: 0 auto;
}
@media (min-width: 90em) {
  #promotions #site-links li[data-link=invertek-tv] > a img {
    max-width: 6rem;
  }
}
#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 .five_year_badge {
  z-index: 1;
  width: 8em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8em;
  height: 100%;
}
@media (min-width: 48em) {
  .v-drive-overview .five_year_badge {
    font-size: 1.125em;
  }
}
@media (min-width: 62em) {
  .v-drive-overview .five_year_badge {
    font-size: 1.35em;
  }
}
.v-drive-overview .five_year_badge img {
  margin: 0;
  width: 100%;
}
.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%, rgb(148, 140, 195) 0%, rgb(83, 84, 134) 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: 8.15738vw;
}
@media (min-width: 101.75em) {
  .v-drive-overview #product-family {
    margin-top: 8.300399em;
  }
}
.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 - 8.15738vw) auto 1em;
}
@media (min-width: 75em) {
  .v-drive-overview #product-family img {
    margin-top: calc(-3.25rem - 8.15738vw);
    margin-bottom: 2em;
  }
}
@media (min-width: 101.75em) {
  .v-drive-overview #product-family img {
    width: 78.35em;
    margin: calc(-3.25rem - 8.300399em) 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 a {
  font-weight: 400;
  color: #000;
}
.v-drive-overview #sector-icons ul li a:hover {
  color: #0060d8;
}
.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%;
  }
}

.ecodesign-product-ad {
  display: flex;
  align-items: center;
}
.ecodesign-product-ad > div {
  width: 100%;
  background: url("/img/content/save-energy/trees-bg.jpg") 0 0/cover no-repeat;
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.25);
}
@media (min-width: 48em) {
  .ecodesign-product-ad > div {
    max-width: 20rem;
  }
}
.ecodesign-product-ad > div a {
  display: block;
  height: 100%;
  padding: 0.65rem 5.5rem 0.65rem 1rem;
  background: url("/img/content/save-energy/world-2.png") 100% 100%/auto 100% no-repeat;
  color: #fff !important;
  font-size: 1.3em;
  font-weight: 400;
}
@media (min-width: 48em) {
  .ecodesign-product-ad > div a {
    padding-right: 6rem;
  }
}
@media (min-width: 62em) {
  .ecodesign-product-ad > div a {
    padding-right: 5.5rem;
  }
}
.ecodesign-product-ad > div a i {
  padding: 0.25em 0.5em;
  border: 1px solid #fff;
  font-size: 0.7em;
  margin-left: 0.25rem;
}
.ecodesign-product-ad > div a:hover i {
  background: #fff;
  color: #76b82a;
}

.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;
}

@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 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 .connectivity-logos {
  display: flex;
  flex-wrap: wrap;
}
.v-drive-features .connectivity-logos img {
  max-height: 2em;
  margin: 0 auto;
}
@media (min-width: 48em) {
  .v-drive-features .connectivity-logos img {
    margin: 0;
    margin-right: 1em;
  }
}
.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: rgb(83, 84, 134);
  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: 1em;
  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 a.ip66-link {
  margin-bottom: 1rem;
}
@media (min-width: 48em) {
  .v-drive-features .enclosure-options#ip66-enclosure > .span a.ip66-link {
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 2rem;
  }
}
@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-features .drive-banner .drive-nav-wrapper {
  flex: 0 0 100%;
  max-width: 100%;
}

.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;
  }
}
@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: -4rem;
    background-size: auto 25em;
  }
}
@media (min-width: 100em) {
  .v-drive-downloads .drive-banner::before {
    right: calc((100vw - 96rem) / 2);
  }
}
.v-drive-downloads #assist h1, .v-drive-downloads #accordion-row h1 {
  margin: 2rem 0;
  width: 100%;
  text-align: center;
}
.v-drive-downloads #assist .accordion .drop-btn, .v-drive-downloads #assist .accordion .drop-btn_inactive, .v-drive-downloads #accordion-row .accordion .drop-btn, .v-drive-downloads #accordion-row .accordion .drop-btn_inactive {
  color: #000 !important;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 1em 3em 1em 1em;
  background: #eaeaea;
  position: relative;
  transition: background 0.1s ease;
}
.v-drive-downloads #assist .accordion .drop-btn:hover, .v-drive-downloads #assist .accordion .drop-btn_inactive:hover, .v-drive-downloads #accordion-row .accordion .drop-btn:hover, .v-drive-downloads #accordion-row .accordion .drop-btn_inactive:hover {
  background: #dedede;
}
@media (min-width: 48em) {
  .v-drive-downloads #assist .accordion .drop-btn, .v-drive-downloads #assist .accordion .drop-btn_inactive, .v-drive-downloads #accordion-row .accordion .drop-btn, .v-drive-downloads #accordion-row .accordion .drop-btn_inactive {
    padding: 1em;
  }
}
.v-drive-downloads #assist .accordion .drop-btn::after, .v-drive-downloads #assist .accordion .drop-btn_inactive::after, .v-drive-downloads #accordion-row .accordion .drop-btn::after, .v-drive-downloads #accordion-row .accordion .drop-btn_inactive::after {
  display: none;
}
.v-drive-downloads #assist .accordion .accordion-content, .v-drive-downloads #accordion-row .accordion .accordion-content {
  padding: 0;
}
@media (min-width: 48em) {
  .v-drive-downloads #assist .accordion .accordion-content, .v-drive-downloads #accordion-row .accordion .accordion-content {
    padding: 1.5em 1em;
  }
}
.v-drive-downloads #assist .accordion .accordion-content #downloads-grid #downloads-grid-header, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid #downloads-grid-header {
  display: none;
}
.v-drive-downloads #assist .accordion .accordion-content #downloads-grid .downloads-grid-row, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid .downloads-grid-row {
  display: flex;
  flex-flow: row wrap;
  position: relative;
}
.v-drive-downloads #assist .accordion .accordion-content #downloads-grid .downloads-grid-row::before, .v-drive-downloads #assist .accordion .accordion-content #downloads-grid .downloads-grid-row::after, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid .downloads-grid-row::before, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid .downloads-grid-row::after {
  content: "";
  width: 100%;
  order: 1;
}
@media (min-width: 48em) {
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid .downloads-grid-row, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid .downloads-grid-row {
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  }
}
.v-drive-downloads #assist .accordion .accordion-content #downloads-grid .downloads-grid-row:nth-child(odd), .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid .downloads-grid-row:nth-child(odd) {
  background: #eee;
}
.v-drive-downloads #assist .accordion .accordion-content #downloads-grid [data-box], .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid [data-box] {
  flex: 0 0 100%;
  max-width: 100%;
}
.v-drive-downloads #assist .accordion .accordion-content #downloads-grid [data-box=doc-name], .v-drive-downloads #accordion-row .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 #assist .accordion .accordion-content #downloads-grid [data-box=language], .v-drive-downloads #accordion-row .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 #assist .accordion .accordion-content #downloads-grid [data-box=language] > select, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid [data-box=language] > select {
  width: 60%;
}
.v-drive-downloads #assist .accordion .accordion-content #downloads-grid [data-box=download], .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid [data-box=download] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 5rem;
}
.v-drive-downloads #assist .accordion .accordion-content #downloads-grid [data-box=download] a, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid [data-box=download] a {
  height: 100%;
  width: 100%;
  display: inline-block;
}
.v-drive-downloads #assist .accordion .accordion-content #downloads-grid [data-box=download] a::before, .v-drive-downloads #accordion-row .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 #assist .accordion .accordion-content #downloads-grid [data-box=download] a.pdf::before, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid [data-box=download] a.pdf::before {
  content: "\f1c1";
  color: red;
}
.v-drive-downloads #assist .accordion .accordion-content #downloads-grid [data-box=download] a.zip::before, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid [data-box=download] a.zip::before {
  content: "\f1c6";
}
.v-drive-downloads #assist .accordion .accordion-content #downloads-grid [data-box=file-type], .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid [data-box=file-type] {
  display: none;
}
@media (min-width: 48em) {
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid [data-box=language] > select, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid [data-box=language] > select {
    width: 10rem;
  }
}
@media (min-width: 62em) {
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid #downloads-grid-header, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid #downloads-grid-header {
    display: flex;
    font-size: 0.9em;
  }
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid #downloads-grid-header > div, .v-drive-downloads #accordion-row .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 #assist .accordion .accordion-content #downloads-grid #downloads-grid-header > div.purple, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid #downloads-grid-header > div.purple {
    background: rgb(83, 84, 134);
  }
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid #downloads-grid-header > div[data-box=doc-name], .v-drive-downloads #accordion-row .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 #assist .accordion .accordion-content #downloads-grid .downloads-grid-row, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid .downloads-grid-row {
    flex-wrap: nowrap;
    margin: 0;
    box-shadow: none;
    border: none !important;
  }
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid .downloads-grid-row:nth-child(1n), .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid .downloads-grid-row:nth-child(1n) {
    background: #ddd;
  }
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid .downloads-grid-row:nth-child(2n), .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid .downloads-grid-row:nth-child(2n) {
    background: #eee;
  }
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid .downloads-grid-row > div, .v-drive-downloads #accordion-row .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 #assist .accordion .accordion-content #downloads-grid .downloads-grid-row > div::before, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid .downloads-grid-row > div::before {
    display: none;
  }
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid .downloads-grid-row > div::after, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid .downloads-grid-row > div::after {
    display: none;
  }
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid [data-box], .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid [data-box] {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
  }
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid [data-box=doc-name], .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid [data-box=doc-name] {
    font-weight: 200;
    flex: 0 0 55%;
    max-width: 55%;
  }
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid [data-box=language], .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid [data-box=language] {
    flex: 0 0 15%;
    max-width: 15%;
  }
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid [data-box=language] select, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid [data-box=language] select {
    text-align: center;
    background: none;
    border: none;
  }
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid [data-box=download], .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid [data-box=download] {
    position: static;
    flex: 0 0 15%;
    max-width: 15%;
  }
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid [data-box=download] a, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid [data-box=download] a {
    position: relative;
  }
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid [data-box=download] a::before, .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid [data-box=download] a::before {
    font-size: 2em;
  }
  .v-drive-downloads #assist .accordion .accordion-content #downloads-grid [data-box=file-type], .v-drive-downloads #accordion-row .accordion .accordion-content #downloads-grid [data-box=file-type] {
    flex: 0 0 15%;
    max-width: 15%;
  }
}
.v-drive-downloads #assist [data-row] .drop-btn, .v-drive-downloads #assist [data-row] .drop-btn_inactive, .v-drive-downloads #accordion-row [data-row] .drop-btn, .v-drive-downloads #accordion-row [data-row] .drop-btn_inactive {
  color: #000 !important;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 1em 3em 1em 1em;
  background: #eaeaea;
  position: relative;
  display: block;
  margin-bottom: 1rem;
  transition: background 0.1s ease;
}
.v-drive-downloads #assist [data-row] .drop-btn:hover, .v-drive-downloads #assist [data-row] .drop-btn_inactive:hover, .v-drive-downloads #accordion-row [data-row] .drop-btn:hover, .v-drive-downloads #accordion-row [data-row] .drop-btn_inactive:hover {
  background: #dedede;
}
@media (min-width: 48em) {
  .v-drive-downloads #assist [data-row] .drop-btn, .v-drive-downloads #assist [data-row] .drop-btn_inactive, .v-drive-downloads #accordion-row [data-row] .drop-btn, .v-drive-downloads #accordion-row [data-row] .drop-btn_inactive {
    padding: 1em;
  }
}
.v-drive-downloads #assist [data-row] .drop-btn::before, .v-drive-downloads #assist [data-row] .drop-btn_inactive::before, .v-drive-downloads #accordion-row [data-row] .drop-btn::before, .v-drive-downloads #accordion-row [data-row] .drop-btn_inactive::before {
  font-weight: 400;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  color: #535486;
  padding: 0.125rem 0.5rem;
  transition: transform 0.5s ease-in-out;
}
.v-drive-downloads #assist [data-row=external] .drop-btn::before, .v-drive-downloads #assist [data-row=external] .drop-btn_inactive::before, .v-drive-downloads #accordion-row [data-row=external] .drop-btn::before, .v-drive-downloads #accordion-row [data-row=external] .drop-btn_inactive::before {
  content: "\f08e";
  font-size: 1.75rem;
}
.v-drive-downloads #assist [data-row=internal] .drop-btn::before, .v-drive-downloads #assist [data-row=internal] .drop-btn_inactive::before, .v-drive-downloads #accordion-row [data-row=internal] .drop-btn::before, .v-drive-downloads #accordion-row [data-row=internal] .drop-btn_inactive::before {
  content: "\f078";
  transform: translateY(-50%) rotate(-90deg);
}
.v-drive-downloads #assist [data-row=download] .drop-btn::before, .v-drive-downloads #assist [data-row=download] .drop-btn_inactive::before, .v-drive-downloads #accordion-row [data-row=download] .drop-btn::before, .v-drive-downloads #accordion-row [data-row=download] .drop-btn_inactive::before {
  content: "\f33d";
  right: 0.85rem;
}
@media (min-width: 48em) {
  .v-drive-downloads #assist.assist_page .assist_header, .v-drive-downloads #accordion-row.assist_page .assist_header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
}
.v-drive-downloads #assist.assist_page .assist_header h1, .v-drive-downloads #accordion-row.assist_page .assist_header h1 {
  color: rgb(83, 84, 134);
  letter-spacing: 0.0875em;
  text-align: center;
}
@media (min-width: 48em) {
  .v-drive-downloads #assist.assist_page .assist_header h1, .v-drive-downloads #accordion-row.assist_page .assist_header h1 {
    text-align: left;
  }
}
.v-drive-downloads #assist.assist_page .assist_header .strapline, .v-drive-downloads #accordion-row.assist_page .assist_header .strapline {
  font-size: 1.5em;
  text-align: center;
}
@media (min-width: 48em) {
  .v-drive-downloads #assist.assist_page .assist_header .strapline, .v-drive-downloads #accordion-row.assist_page .assist_header .strapline {
    text-align: right;
    font-size: 1.25em;
  }
}
@media (min-width: 62em) {
  .v-drive-downloads #assist.assist_page .assist_header .strapline, .v-drive-downloads #accordion-row.assist_page .assist_header .strapline {
    font-size: 1.5em;
  }
}
.v-drive-downloads #support-library-ad {
  padding: 2.5rem;
  position: relative;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 48em) {
  .v-drive-downloads #support-library-ad {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 62em) {
  .v-drive-downloads #support-library-ad {
    padding: 2.5rem 7rem 2.5rem 2.5rem;
  }
}
@media screen and (min-width: 75em) {
  .v-drive-downloads #support-library-ad {
    padding: 2.5rem 15rem 2.5rem 2.5rem;
  }
}
.v-drive-downloads #support-library-ad::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (min-width: 48em) {
  .v-drive-downloads #support-library-ad::before {
    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-drive-downloads #support-library-ad::before {
    background-position: calc(100% + 1rem) center;
    background-size: 18rem auto;
  }
}
.v-drive-downloads #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: none;
  align-items: center;
  padding: 1.5em;
  transform: translateY(-50%) rotate(15deg);
  z-index: 1;
}
@media screen and (min-width: 48em) {
  .v-drive-downloads #support-library-ad .roundal {
    display: flex;
  }
}
.v-drive-downloads #support-library-ad > a {
  font-size: 1.5em;
  padding-right: 1.5rem;
  color: rgb(83, 84, 134);
  position: relative;
  font-weight: 400;
}
@media screen and (min-width: 62em) {
  .v-drive-downloads #support-library-ad > a {
    font-size: 1.75em;
  }
}
@media screen and (min-width: 75em) {
  .v-drive-downloads #support-library-ad > a {
    font-size: 2em;
    padding-right: 1.75rem;
  }
}
.v-drive-downloads #support-library-ad > a::after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-size: 0.55em;
  margin-left: 0.75rem;
  transform: translateY(-0.25rem);
}
.v-drive-downloads #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-drive-downloads #support-library-ad > ul {
    flex-direction: row;
  }
}
.v-drive-downloads #support-library-ad > ul li {
  padding: 0;
  margin: 0 0.25rem 0.25rem 0;
}
.v-drive-downloads #support-library-ad > ul li::before {
  display: none;
}
.v-drive-downloads #support-library-ad > ul li a {
  display: block;
  background: rgba(83, 84, 134, 0.6);
  text-align: center;
  padding: 0.75rem 1rem;
  color: #fff;
  font-weight: 400;
  transition: background 0.1s ease;
}
@media screen and (min-width: 48em) {
  .v-drive-downloads #support-library-ad > ul li a {
    display: inline-block;
  }
}
.v-drive-downloads #support-library-ad > ul li a:hover {
  background: rgba(83, 84, 134, 0.8);
}

/* Optidrive E3 Overview */
.v-optidrive-e3-overview .drive-banner {
  background: url("/img/content/drives/optidrive-e3/optidrive-e3-vfd.png") 100% 100%/auto 50% no-repeat;
}
@media (min-width: 48em) {
  .v-optidrive-e3-overview .drive-banner {
    background-position: 100% 100%;
    background-size: auto 80%;
  }
}
@media (max-width: 47.99em) {
  .v-optidrive-e3-overview .drive-banner {
    height: unset;
  }
}
.v-optidrive-e3-overview .drive-banner #vimeo-1-link {
  display: block !important;
  position: relative;
  width: 50%;
  max-width: 8em;
  border-radius: 50%;
  aspect-ratio: 1/1;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  margin: -1em 2em 0 auto;
}
.v-optidrive-e3-overview .drive-banner #vimeo-1-link span {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  font-size: 1em;
  max-width: none;
  width: 100%;
  text-align: center;
  pointer-events: none;
  display: block;
  padding-top: 2.5rem;
}
@media (min-width: 48em) {
  .v-optidrive-e3-overview .drive-banner #vimeo-1-link span {
    font-size: 1.25em;
    padding-top: 3rem;
  }
}
@media (min-width: 62em) {
  .v-optidrive-e3-overview .drive-banner #vimeo-1-link span {
    padding-top: 6rem;
    font-size: 1.75em;
  }
}
.v-optidrive-e3-overview .drive-banner #vimeo-1-link span::after {
  content: "\f144";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 2em;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
}
@media (min-width: 62em) {
  .v-optidrive-e3-overview .drive-banner #vimeo-1-link span::after {
    font-size: 2.875em;
  }
}
.v-optidrive-e3-overview .drive-banner #vimeo-1-link:hover {
  cursor: pointer;
}
.v-optidrive-e3-overview .drive-banner #vimeo-1-link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 25%, rgba(0, 0, 0, 0.25) 100%);
  border-radius: 50%;
}
@media (min-width: 48em) {
  .v-optidrive-e3-overview .drive-banner #vimeo-1-link {
    margin: 0;
    position: absolute;
    width: 9em;
    max-width: 100%;
    right: 12.5em;
    top: 4.5em;
    z-index: 1;
    transition: all 0.125s ease-in-out;
  }
  .v-optidrive-e3-overview .drive-banner #vimeo-1-link:hover {
    transform: scale(1.05);
  }
}
@media (min-width: 62em) {
  .v-optidrive-e3-overview .drive-banner #vimeo-1-link {
    width: 14em;
    right: 18em;
    top: 6.75em;
  }
}
@media (min-width: 75em) {
  .v-optidrive-e3-overview .drive-banner #vimeo-1-link {
    right: 21.5em;
    top: 6em;
  }
}

@media (min-width: 48em) {
  .v-optidrive-e3-features #features-content .features-family-photo {
    margin-left: -3em;
  }
}

.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;
}

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

.v-optidrive-p2-solar-features #features-content .features-family-photo {
  margin-top: -1em;
}
.v-optidrive-p2-solar-features #features-content .features-list > li {
  flex: 0 0 48%;
  max-width: 48%;
}
@media (min-width: 48em) {
  .v-optidrive-p2-solar-features #features-content .features-list > li {
    flex: 0 0 32%;
    max-width: 32%;
  }
}
@media (min-width: 62em) {
  .v-optidrive-p2-solar-features #features-content .features-list > li {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 48em) {
  .v-optidrive-p2-solar-features .enclosure-options#ip20-enclosure ul.enclosure-features {
    justify-content: flex-start;
  }
}
@media (min-width: 48em) {
  .v-optidrive-p2-solar-features .enclosure-options#ip20-enclosure ul.enclosure-features li {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 62em) {
  .v-optidrive-p2-solar-features .enclosure-options#ip20-enclosure ul.enclosure-features li {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 48em) {
  .v-optidrive-p2-solar-features .enclosure-options#ip55-enclosure ul.enclosure-features li {
    flex: 0 0 33%;
    max-width: 33%;
  }
}
@media (min-width: 62em) {
  .v-optidrive-p2-solar-features .enclosure-options#ip55-enclosure ul.enclosure-features li {
    flex: 0 0 24%;
    max-width: 24%;
  }
}
.v-optidrive-p2-solar-features .enclosure-options#ip55-enclosure .enclosure-feature-image {
  margin-top: 0;
}
@media (min-width: 36em) {
  .v-optidrive-p2-solar-features .enclosure-options#ip55-enclosure .enclosure-feature-image {
    margin-top: -10em;
  }
}
@media (min-width: 48em) {
  .v-optidrive-p2-solar-features .enclosure-options#ip55-enclosure .enclosure-feature-image {
    margin-top: -2em;
  }
}
@media (min-width: 62em) {
  .v-optidrive-p2-solar-features .enclosure-options#ip55-enclosure .enclosure-feature-image {
    margin-top: -6em;
  }
}
@media (min-width: 75em) {
  .v-optidrive-p2-solar-features .enclosure-options#ip55-enclosure .enclosure-feature-image {
    margin-top: -15em;
  }
}
.v-optidrive-p2-solar-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images {
  margin: 0;
}
@media (min-width: 48em) {
  .v-optidrive-p2-solar-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images {
    margin-top: -4rem;
  }
}
@media (min-width: 62em) {
  .v-optidrive-p2-solar-features .enclosure-options#ip66-enclosure > .span .enclosure-feature-images {
    margin-top: -8rem;
  }
}
@media (min-width: 62em) {
  .v-optidrive-p2-solar-features .enclosure-options#ip66-indoor-enclosure .enclosure-feature-image {
    margin-top: 6rem;
  }
}
.v-optidrive-p2-solar-features .features-highlights {
  display: flex;
  justify-content: space-around;
}
.v-optidrive-p2-solar-features .features-highlights > div {
  padding-top: 2em;
}
.v-optidrive-p2-solar-features .features-highlights > div::before {
  display: none;
}
.v-optidrive-p2-solar-features .features-highlights > div[data-highlight] {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 36em) {
  .v-optidrive-p2-solar-features .features-highlights > div[data-highlight] {
    flex: 0 0 48%;
    max-width: 48%;
  }
}
@media (min-width: 62em) {
  .v-optidrive-p2-solar-features .features-highlights > div[data-highlight] {
    flex: 0 0 42%;
    max-width: 42%;
  }
}

.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;
  }
  ul.eco-buttons.large {
    margin-top: -1rem;
  }
}
@media (min-width: 75em) {
  ul.eco-buttons {
    top: 3em;
    left: 49.65em;
    transform: translateX(-100%);
  }
  ul.eco-buttons.large {
    margin-top: 0;
  }
}
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: rgb(242, 242, 242);
  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;
}
ul.eco-buttons li[data-route=eco-cooling] a {
  border-right: #6dcaf3 0.5rem solid;
}

ul.coolvert-buttons {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  max-width: 12em;
  font-size: 0.8em;
}
@media (min-width: 36em) {
  ul.coolvert-buttons {
    flex-direction: row;
    max-width: 28em;
  }
}
ul.coolvert-buttons li {
  flex: 0 0 100%;
}
@media (min-width: 36em) {
  ul.coolvert-buttons li {
    flex: 0 0 40%;
    max-width: 40%;
    margin-right: 5%;
  }
}
@media (min-width: 48em) {
  ul.coolvert-buttons li {
    flex: 0 0 auto;
    max-width: none;
    margin-right: 1rem;
    font-size: 1.2em;
  }
}
ul.coolvert-buttons li a {
  display: block;
  padding: 0.5em;
  color: #000 !important;
  background: rgb(242, 242, 242);
  box-shadow: 0 0.05em 0.1em rgba(0, 0, 0, 0.05);
  border-radius: 0.125em;
  font-weight: inherit !important;
  position: relative;
}
@media (min-width: 48em) {
  ul.coolvert-buttons li a {
    padding-right: 1em;
  }
}
ul.coolvert-buttons li a:hover {
  background: #eee;
}
ul.coolvert-buttons li[data-route=cooling] a {
  border-right: #6dcaf3 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;
}
.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 .feature_banner_imgs {
  display: none !important;
}
.v-eco-pump-hvac .drive-banner .caption {
  padding: 0 0.9375rem;
  margin: 2em 0;
}
@media (min-width: 48em) {
  .v-eco-pump-hvac .drive-banner .caption {
    padding: 0;
    margin: 0;
    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: rgb(210, 8, 30);
}
.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: rgb(210, 8, 30);
}
.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 .product-video {
  position: relative;
  padding: 0;
}
.v-coolvert .product-video::before {
  content: "";
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.v-coolvert .product-video > .span {
  padding: 2em 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  height: 52.75vw;
  overflow: hidden;
  position: relative;
}
@media (min-width: 48em) {
  .v-coolvert .product-video > .span {
    height: 49.7828125vw;
  }
}
@media (min-width: 62em) {
  .v-coolvert .product-video > .span {
    padding: 4em 0;
  }
}
@media (min-width: 80em) {
  .v-coolvert .product-video > .span {
    height: 39rem;
    padding: 5.5em 0;
  }
}
.v-coolvert .product-video h1 {
  text-align: center;
  color: #fff;
  font-weight: 800;
  font-size: 2em;
  margin: 0;
}
@media (min-width: 35em) {
  .v-coolvert .product-video h1 {
    font-size: 2.65em;
  }
}
@media (min-width: 48em) {
  .v-coolvert .product-video h1 {
    font-size: 4em;
  }
}
@media (min-width: 62em) {
  .v-coolvert .product-video h1 {
    font-size: 5.5em;
  }
}
.v-coolvert .product-video h1 img {
  width: 9.7727272727em;
  margin: 0 auto;
  max-width: calc(100% - 1.875rem);
}
@media (min-width: 48em) {
  .v-coolvert .product-video h1 img {
    max-width: 100%;
  }
}
.v-coolvert .product-video h2 {
  text-align: center;
  color: #fff;
  font-size: 2em;
  margin: 0;
}
@media (min-width: 35em) {
  .v-coolvert .product-video h2 {
    font-size: 2.65em;
  }
}
@media (min-width: 48em) {
  .v-coolvert .product-video h2 {
    font-size: 3.5em;
  }
}
.v-coolvert .product-video h2 > span {
  font-weight: 400;
  font-size: 0.7em;
}
.v-coolvert .product-video a.video-btn {
  margin: 0 auto;
  color: #fff;
  font-size: 1.25em;
  font-weight: 800;
  text-transform: uppercase;
}
.v-coolvert .product-video a.video-btn:hover {
  cursor: pointer;
}
@media (min-width: 35em) {
  .v-coolvert .product-video a.video-btn {
    font-size: 2em;
  }
}
@media (min-width: 62em) {
  .v-coolvert .product-video a.video-btn {
    font-size: 3em;
  }
}
.v-coolvert .product-video #coolvert-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
@media (min-width: 48em) {
  .v-coolvert .product-video #coolvert-video-bg::before {
    content: "";
    background: -moz-linear-gradient(left, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 12rem;
  }
  .v-coolvert .product-video #coolvert-video-bg::after {
    content: "";
    background: -moz-linear-gradient(left, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 12rem;
    transform: scaleX(-1);
  }
}
@media (min-width: 80em) {
  .v-coolvert .product-video #coolvert-video-bg {
    left: 50%;
    transform: translateX(-50%);
    width: 80rem;
  }
  .v-coolvert .product-video #coolvert-video-bg::before {
    width: 20rem;
  }
  .v-coolvert .product-video #coolvert-video-bg::after {
    width: 20rem;
  }
}
.v-coolvert .product-video #coolvert-video-bg #coolvert-video-bg-still {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 1s ease-in-out;
  opacity: 1;
  height: 100%;
  width: 100%;
}
.v-coolvert .product-video #coolvert-video-bg #coolvert-video-bg-still.hide {
  opacity: 0.25;
}
.v-coolvert .product-video #coolvert-video-bg #coolvert-bg-video {
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.v-coolvert .product-video #coolvert-video-bg #coolvert-bg-video.active {
  opacity: 1;
}
.v-coolvert .banner-menu {
  overflow: visible;
}
.v-coolvert .banner-menu nav {
  padding: 2.25em 0;
}
@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=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-coolvert .product-video {
  border: 4px solid #535486;
  border-radius: 1rem;
  overflow: hidden;
}
@media (min-width: 75em) {
  .v-coolvert .banner-menu nav {
    padding: 7em 0 2.25em;
  }
}
.v-coolvert #drive-accreditation-logos ul li.coolvert-only {
  display: block !important;
}
.v-coolvert .drive-banner {
  height: unset;
  background: url("/img/content/drives/optidrive-coolvert/banner.png") 40% 100%/auto 100% no-repeat;
}
@media (min-width: 48em) {
  .v-coolvert .drive-banner {
    background: url("/img/content/drives/optidrive-coolvert/banner.png") 100% 100%/auto 100% no-repeat;
  }
}
@media (min-width: 36em) {
  .v-coolvert .drive-banner .span {
    flex-direction: row;
  }
}
@media (min-width: 48em) {
  .v-coolvert .drive-banner .span {
    padding-bottom: 0;
  }
  .v-coolvert .drive-banner .span > div:first-child {
    padding: 0;
  }
}
@media (min-width: 48em) {
  .v-coolvert .drive-banner .drive-logo {
    max-width: none;
  }
}
.v-coolvert .drive-banner .drive-logo img {
  height: 1em;
}
@media (min-width: 48em) {
  .v-coolvert .drive-banner .drive-logo img {
    height: 1.15em;
  }
}
@media (min-width: 75em) {
  .v-coolvert .drive-banner .drive-logo img {
    height: 1.25em;
  }
}
@media (min-width: 90em) {
  .v-coolvert .drive-banner {
    background-position: 100% 100% !important;
  }
}
.v-coolvert .drive-banner .banner-product-feature {
  position: relative;
}
@media (min-width: 62em) {
  .v-coolvert .drive-banner .banner-product-feature {
    margin-left: auto;
  }
}
.v-coolvert .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-coolvert .drive-banner .banner-product-feature::before {
    bottom: -5rem;
    width: 10em;
    height: 10em;
  }
}
@media (min-width: 48em) {
  .v-coolvert .drive-banner .banner-product-feature::before {
    width: 8em;
    height: 8em;
    bottom: 1rem;
    right: -2rem;
  }
}
@media (min-width: 75em) {
  .v-coolvert .drive-banner .banner-product-feature::before {
    width: 12em;
    height: 12em;
    bottom: -1rem;
    right: -4rem;
  }
}
.v-coolvert .drive-banner .banner-product-feature .product-feature {
  max-width: 60%;
  margin: 0 0 0 auto;
}
@media (min-width: 36em) {
  .v-coolvert .drive-banner .banner-product-feature .product-feature {
    max-width: 12em;
    margin: 0 -20% -2em auto;
  }
  .v-coolvert .drive-banner .banner-product-feature .product-feature img {
    margin-left: auto;
    max-width: 100%;
    margin-bottom: 0;
  }
}
@media (min-width: 62em) {
  .v-coolvert .drive-banner .banner-product-feature .product-feature {
    margin: -4rem -20% -5rem auto;
    max-width: 20em;
  }
}
@media (min-width: 75em) {
  .v-coolvert .drive-banner .banner-product-feature .product-feature {
    margin: -4rem -20% -5rem auto;
    max-width: 24rem;
  }
}
@media (min-width: 90em) {
  .v-coolvert .drive-banner .banner-product-feature .product-feature {
    margin: -4rem 0 -8rem auto;
  }
}
.v-coolvert .drive-banner .banner-product-feature ul {
  padding: 0;
  list-style: none;
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 18em;
}
@media (min-width: 36em) {
  .v-coolvert .drive-banner .banner-product-feature ul {
    top: 10%;
    bottom: unset;
  }
}
@media (min-width: 62em) {
  .v-coolvert .drive-banner .banner-product-feature ul {
    top: 3rem;
  }
}
@media (min-width: 75em) {
  .v-coolvert .drive-banner .banner-product-feature ul {
    bottom: 6rem;
    top: unset;
    right: calc(100% + 2em);
  }
}
.v-coolvert .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-coolvert .drive-banner .banner-product-feature ul li {
    font-size: 1em;
    margin-bottom: 1em;
  }
}
@media (min-width: 48em) {
  .v-coolvert .drive-banner .banner-product-feature ul li {
    font-size: 1.15em;
    margin-bottom: 2em;
  }
}
@media (min-width: 62em) {
  .v-coolvert .drive-banner .banner-product-feature ul li {
    margin-bottom: 1.8em;
    font-size: 1.35em;
  }
}
.v-coolvert .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-coolvert .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: rgb(0, 96, 192);
}
.v-coolvert .drive-banner .banner-product-feature ul li:nth-child(1) {
  margin-right: 0;
}
.v-coolvert .drive-banner .banner-product-feature ul li:nth-child(2) {
  margin-right: 0;
}
.v-coolvert .drive-banner .banner-product-feature ul li:nth-child(3) {
  margin-right: 0;
}
@media (min-width: 48em) {
  .v-coolvert .ecodesign-product-ad {
    margin-right: 0;
  }
}
.v-coolvert .r290-logo {
  width: 10em;
  margin-left: auto;
}
@media (min-width: 48em) {
  .v-coolvert .r290-logo {
    width: 8em;
  }
}
@media (min-width: 62em) {
  .v-coolvert .r290-logo {
    width: 12em;
  }
}
@media (min-width: 75em) {
  .v-coolvert .r290-logo {
    width: 14em;
  }
}
@media (min-width: 48em) {
  .v-coolvert .row-pb {
    padding-bottom: 20rem;
  }
}
.v-coolvert .purple-lead {
  color: #64669a !important;
}
.v-coolvert #interactive-drive > .span {
  padding: 4em 0;
}
@media (min-width: 48em) {
  .v-coolvert #interactive-drive > .span {
    margin-top: -24em;
  }
}
.v-coolvert #interactive-drive > .span > div[class*=col] h2 {
  font-size: 2.2em;
  text-align: center;
  margin-bottom: 3em;
}
.v-coolvert #interactive-drive #product-features {
  margin: 0 auto;
}
.v-coolvert #interactive-drive #product-features .col-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.v-coolvert #interactive-drive #product-features .col-center a {
  margin: 1rem 0;
  width: 90%;
}
.v-coolvert #interactive-drive #product-features .col-center a::before {
  left: 2.5em;
}
@media (min-width: 48em) {
  .v-coolvert #interactive-drive #product-features .col-center a {
    width: 50%;
  }
  .v-coolvert #interactive-drive #product-features .col-center a::before {
    left: 10%;
  }
}
@media (min-width: 85.375em) {
  .v-coolvert #interactive-drive #product-features .col-center a {
    width: 25%;
  }
}
.v-coolvert #interactive-drive #product-features h3 {
  margin-bottom: 1.2em;
}
.v-coolvert #interactive-drive .coolvert-interactive {
  font-size: 3vw;
  position: relative;
  width: 31.0625em;
  margin: 0 auto;
}
.v-coolvert #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-coolvert #interactive-drive .coolvert-interactive ul li {
  margin: 0;
  position: absolute;
  display: flex;
  align-items: flex-start;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li::before {
  display: none;
}
.v-coolvert #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-coolvert #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-coolvert #interactive-drive .coolvert-interactive ul li:not(.active) a {
  background-color: #6dcaf3;
  animation-name: color;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li.active a {
  transform: scale(1.3);
}
.v-coolvert #interactive-drive .coolvert-interactive ul li.active a::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.v-coolvert #interactive-drive .coolvert-interactive ul li.feature-popup .info-box {
  display: none;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li.feature-popup .info-box p {
  margin-bottom: 0.25em;
}
.v-coolvert #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;
  transform: translateY(30%);
}
@media (min-width: 48em) {
  .v-coolvert #interactive-drive .coolvert-interactive ul li.feature-popup.active .info-box {
    transform: translateY(0%);
  }
}
.v-coolvert #interactive-drive .coolvert-interactive ul li > div {
  font-size: 1.1em;
  color: #000;
  text-align: center;
  padding: 1em 1em;
  background: rgb(255, 255, 255);
  position: relative;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li > div::before {
  content: "";
  background: rgb(255, 255, 255);
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  left: 0;
  top: 1em;
  transform: translateX(-50%) rotate(45deg);
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=motor-control] {
  left: 26.5em;
  top: 10.5em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=motor-control] div {
  flex: 0 0 14em;
  max-width: 14em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=mounting-options] {
  left: 20em;
  top: 24em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=mounting-options] div {
  flex: 0 0 14.5em;
  max-width: 14.5em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=clearance] {
  left: 4em;
  top: 6.5em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=clearance] div {
  flex: 0 0 14em;
  max-width: 14em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=compliance] {
  left: 21em;
  top: 1em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=compliance] div {
  flex: 0 0 14em;
  max-width: 14em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=temperature] {
  left: 4em;
  top: 19em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=temperature] div {
  flex: 0 0 16em;
  max-width: 16em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=optistick-optipad] {
  left: 11em;
  top: 3em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=optistick-optipad] div {
  flex: 0 0 20em;
  max-width: 20em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=optistick-optipad] div .side-by-side {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=optistick-optipad] div .side-by-side > div {
  flex: 0 0 100%;
  max-width: 100%;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=optistick-optipad] div .side-by-side > div img {
  margin: 1em auto;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=sto-sil] {
  left: 11em;
  top: 9.75em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=sto-sil] div {
  flex: 0 0 8.5em;
  max-width: 8.5em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=modbus] {
  left: 7em;
  top: 7.5em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=modbus] div {
  flex: 0 0 14em;
  max-width: 14em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=modbus] div img {
  margin-bottom: 0.5em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=reliability] {
  left: 21em;
  top: 7em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=reliability] div {
  flex: 0 0 14em;
  max-width: 14em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=terminals] {
  left: 9em;
  top: 8.75em;
}
.v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=terminals] div {
  flex: 0 0 14em;
  max-width: 14em;
}
@media (max-width: 47.999em) {
  .v-coolvert #interactive-drive {
    overflow: hidden;
  }
  .v-coolvert #interactive-drive .coolvert-interactive img {
    margin: 0 auto;
    width: 30em;
  }
  .v-coolvert #interactive-drive .coolvert-interactive ul li.active {
    z-index: 2;
  }
  .v-coolvert #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-coolvert #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-coolvert #interactive-drive .coolvert-interactive ul li.feature-popup.active .info-box {
    margin-top: 1em !important;
    flex: unset !important;
  }
  .v-coolvert #interactive-drive .coolvert-interactive ul li.feature-popup.active .info-box::before {
    display: none;
  }
  .v-coolvert #interactive-drive .coolvert-interactive ul li.feature-popup.active[data-feature=optistick-optipad] {
    width: 60%;
  }
  .v-coolvert #interactive-drive .coolvert-interactive.initiated::after {
    content: "";
    position: absolute;
    bottom: -4rem;
    left: -3rem;
    right: -3rem;
    height: calc(100% + 1000vw);
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
    transform: translateY(90%);
  }
}
@media (min-width: 48em) {
  .v-coolvert #interactive-drive .coolvert-interactive {
    font-size: 1rem;
  }
  .v-coolvert #interactive-drive .coolvert-interactive img {
    margin: 0;
  }
  .v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=optistick-optipad] > div .side-by-side > div {
    flex: 0 0 48%;
    max-width: 48%;
  }
  .v-coolvert #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-coolvert #interactive-drive .coolvert-interactive ul {
    z-index: 1;
  }
  .v-coolvert #interactive-drive .coolvert-interactive ul li a {
    flex: 0 0 1.875em;
    max-width: 1.875em;
    height: 1.875em;
  }
  .v-coolvert #interactive-drive .coolvert-interactive ul li a::before {
    font-size: 1.2em;
  }
  .v-coolvert #interactive-drive .coolvert-interactive ul li a:hover {
    transform: scale(1.3);
  }
  .v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=clearance] {
    right: 25em;
    left: unset;
    flex-direction: row-reverse;
  }
  .v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=clearance] a {
    margin-right: 0;
    margin-left: 1.65em;
  }
  .v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=clearance] div::before {
    left: 100%;
  }
  .v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=temperature] {
    right: 25em;
    left: unset;
    flex-direction: row-reverse;
  }
  .v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=temperature] a {
    margin-right: 0;
    margin-left: 1.65em;
  }
  .v-coolvert #interactive-drive .coolvert-interactive ul li[data-feature=temperature] div::before {
    left: 100%;
  }
}
.v-coolvert #lightbox-features > .span {
  padding: 4em 0;
}
.v-coolvert #lightbox-features > .span > div[class*=col] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.v-coolvert #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-coolvert #lightbox-features > .span > div[class*=col] > div {
    flex: 0 0 48%;
    max-width: 48%;
  }
}
@media (min-width: 62em) {
  .v-coolvert #lightbox-features > .span > div[class*=col] > div {
    flex: 0 0 31.75%;
    max-width: 31.75%;
  }
}
.v-coolvert #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-coolvert #lightbox-features > .span > div[class*=col] > div a h3 {
  font-size: 1.825em;
  font-weight: 800;
  color: #fff;
}
.v-coolvert #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-coolvert #lightbox-features > .span > div[class*=col] > div a::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  z-index: 0;
}
.v-coolvert #lightbox-features > .span > div[class*=col] > div a:hover::before {
  background: #fff;
  color: rgb(148, 140, 195);
}
.v-coolvert #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-coolvert #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-coolvert #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-coolvert #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-coolvert #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-coolvert #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-coolvert .coolvert-lb {
  padding: 2em 1em;
  background: #ffffff;
  font-size: 2vw;
}
.v-coolvert .coolvert-lb .purple {
  color: #535486;
}
.v-coolvert .coolvert-lb h2 {
  font-size: 2.5em;
}
.v-coolvert .coolvert-lb h2 strong {
  display: block;
}
.v-coolvert .coolvert-lb h3 {
  margin-top: 0;
  font-size: 2em;
}
.v-coolvert .coolvert-lb h3 strong {
  display: block;
}
@media (min-width: 48em) {
  .v-coolvert .coolvert-lb {
    padding: 2em 3em;
    font-size: 1rem;
  }
  .v-coolvert .coolvert-lb .row {
    max-width: 40rem;
  }
  .v-coolvert .coolvert-lb .row > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.v-coolvert .coolvert-lb img {
  display: block;
  width: 80%;
  margin: 0 auto;
}
.v-coolvert .coolvert-lb table {
  text-align: left;
}
.v-coolvert .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-coolvert .coolvert-lb table tr:nth-child(odd) td {
  background: #ccc;
}
.v-coolvert .coolvert-lb table tr:nth-child(even) td {
  background: #fff;
}
.v-coolvert .coolvert-lb ul {
  list-style: none;
  padding: 0;
}
.v-coolvert .coolvert-lb ul.unstyled {
  font-size: 1.3em;
}
.v-coolvert .coolvert-lb ul li {
  margin-bottom: 1rem;
}
.v-coolvert .coolvert-lb ul.ip-ratings {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.v-coolvert .coolvert-lb ul.ip-ratings li {
  flex: 0 0 48%;
  max-width: 48%;
  display: flex;
  justify-content: flex-start;
  border: #ccc solid 1px;
}
.v-coolvert .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-coolvert .coolvert-lb ul.ip-ratings li div.rating {
  color: #fff;
  background: #65b32e;
}
.v-coolvert .motor-control-lb-content {
  padding: 4em 2em;
  text-align: center;
}
@media (min-width: 48em) {
  .v-coolvert .motor-control-lb-content {
    padding: 4em 6em;
  }
}
.v-coolvert .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-coolvert .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-coolvert .motor-control-lb-content ul.motor-control li strong {
  margin-bottom: 0.5em;
  font-size: 2em;
}
.v-coolvert .motor-control-lb-content ul.motor-control li::before {
  display: none;
}
.v-coolvert .through-panel-mounting-lb-content img {
  max-height: 15rem;
  margin-bottom: 2rem;
}
@media (min-width: 48em) {
  .v-coolvert .through-panel-mounting-lb-content img {
    max-height: 25rem;
  }
}
.v-coolvert .open-connectivity-lb-content img {
  height: 15em;
}
.v-coolvert .open-connectivity-lb-content em {
  font-size: 0.85em;
}
.v-coolvert .coolvert-lb li::before {
  display: none;
}
.v-coolvert #downloads > .span {
  padding: 4rem 0 6rem;
}
@media (min-width: 48em) {
  .v-coolvert #downloads > .span {
    padding: 4rem 0 15rem;
  }
}
.v-coolvert #downloads > .span > div[class*=col] h2 {
  font-size: 2.2em;
  text-align: center;
  margin-bottom: 3em;
}
.v-coolvert #downloads > .span .download-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0;
}
.v-coolvert #downloads > .span .download-list li {
  flex: 0 0 75%;
  max-width: 75%;
  margin-bottom: 6em;
}
@media (min-width: 48em) {
  .v-coolvert #downloads > .span .download-list li {
    flex: 0 0 23.5%;
    max-width: 23.5%;
    margin-right: 3em;
    margin-bottom: 0;
  }
}
.v-coolvert #downloads > .span .download-list li::before {
  display: none;
}
.v-coolvert #downloads > .span .download-list li:last-child {
  margin-right: 0;
}
.v-coolvert #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: rgb(24, 26, 26);
  background: -moz-radial-gradient(center bottom, ellipse cover, rgb(81, 82, 83) 0%, rgb(24, 26, 26) 100%);
  background: -webkit-radial-gradient(center bottom, ellipse cover, rgb(81, 82, 83) 0%, rgb(24, 26, 26) 100%);
  background: radial-gradient(ellipse at center bottom, rgb(81, 82, 83) 0%, rgb(24, 26, 26) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgb(81, 82, 83)", endColorstr="rgb(24, 26, 26)",GradientType=1 );
}
.v-coolvert #downloads > .span .download-list li a h4 {
  font-size: 1.2em;
  font-weight: 800;
  margin-bottom: 0.5em;
  color: #fff !important;
}
.v-coolvert #downloads > .span .download-list li a p {
  color: rgba(255, 255, 255, 0.75) !important;
  margin-bottom: 2.5em;
}
.v-coolvert #downloads > .span .download-list li a i {
  color: #fff;
  font-size: 1.3em;
}
.v-coolvert #downloads > .span .download-list li a div:first-child {
  flex: 0 0 45%;
  max-width: 45%;
}
.v-coolvert #downloads > .span .download-list li a div:last-child {
  flex: 0 0 55%;
  max-width: 55%;
}
.v-coolvert #downloads > .span .download-list li a img {
  margin-top: 2.75em;
  margin-bottom: -6em;
}
.v-coolvert #contact > .span {
  padding: 4rem 0;
}
.v-coolvert #contact > .span > div[class*=col] {
  text-align: center;
}
.v-coolvert #contact > .span > div[class*=col] h2 {
  font-size: 2.2em;
  margin-bottom: 1.5em;
}
.v-coolvert #contact > .span > div[class*=col] p.lead {
  margin-bottom: 1.5em;
  font-size: 1.5em;
}
.v-coolvert #contact > .span > div[class*=col] p.lead a {
  display: block;
  font-weight: 800;
}
.v-coolvert #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-coolvert.v-fr .motor-control-lb-content ul.motor-control {
  max-width: 55em;
}
.v-coolvert.v-fr .motor-control-lb-content ul.motor-control li strong {
  font-size: 1.2em;
}
.v-coolvert.v-fr .coolvert-lb ul.ip-ratings li div {
  font-size: 1.1rem;
}
.v-coolvert.v-de .coolvert-lb ul.ip-ratings li div {
  font-size: 0.8rem;
}
.v-coolvert.v-it .coolvert-lb ul.ip-ratings li div {
  font-size: 0.9rem;
}

.v-optidrive-coolvert-features .r290-logo {
  width: 14em;
}
@media (min-width: 62em) {
  .v-optidrive-coolvert-features .r290-logo {
    margin-bottom: -4em;
  }
}
.v-optidrive-coolvert-features .col-flex-end {
  display: flex;
  justify-content: center;
}
@media (min-width: 48em) {
  .v-optidrive-coolvert-features .col-flex-end {
    justify-content: flex-end;
  }
}
.v-optidrive-coolvert-features .col-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 48em) {
  .v-optidrive-coolvert-features .col-center {
    justify-content: flex-end;
  }
}
.v-optidrive-coolvert-features .conformance-marks {
  margin: 2em 0;
}
.v-optidrive-coolvert-features .conformance-marks li:first-child {
  padding-left: 0;
}
.v-optidrive-coolvert-features .features-highlights-img {
  position: relative;
}
.v-optidrive-coolvert-features .features-highlights-img h3.highlight {
  font-weight: 400;
  font-size: 2em;
}
.v-optidrive-coolvert-features .features-highlights-img div[data-mode=thermal] {
  display: flex;
  flex-direction: column;
  padding: 2em;
}
.v-optidrive-coolvert-features .features-highlights-img div[data-mode=thermal] img {
  height: 25em;
  align-self: center;
  width: auto;
}
.v-optidrive-coolvert-features .features-highlights-img div[data-mode=easy-to-use] {
  display: flex;
  flex-direction: column;
  padding: 2em;
}
.v-optidrive-coolvert-features .features-highlights-img div[data-mode=easy-to-use] img {
  align-self: center;
  width: 13em;
}
.v-optidrive-coolvert-features .features-highlights-img div[data-mode=enviro] {
  display: flex;
  flex-direction: column;
  padding: 2em;
}
.v-optidrive-coolvert-features .features-highlights-img div[data-mode=enviro] img {
  object-fit: contain;
  align-self: center;
  height: 25em;
  width: auto;
}

#optidrive-coolvert.enclosure-options .banner-menu nav {
  padding: 2em 0;
}
#optidrive-coolvert.enclosure-options .col-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
#optidrive-coolvert.enclosure-options .enclosure-feature-image {
  height: auto;
}
@media (min-width: 85em) {
  #optidrive-coolvert.enclosure-options .enclosure-feature-image {
    height: 80%;
    max-width: 35em;
  }
}
#optidrive-coolvert.enclosure-options .al-self {
  align-self: center;
}
#optidrive-coolvert.enclosure-options .al-self h2 {
  margin-bottom: 1.5em;
}

.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;
}
.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 .drive-banner .banner-menu nav {
  padding: 2.25em 0;
}
.v-coolvert-tech .drive-banner > .span {
  flex-direction: row;
  flex-wrap: wrap;
}
.v-coolvert-tech h2 {
  font-size: 2em;
  margin-bottom: 1.5em;
}
.v-coolvert-tech #model-data .model-data-table {
  position: relative;
  padding: 10em 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%;
    z-index: -999;
  }
}
.v-coolvert-tech #model-data .model-data-table table {
  width: 50rem;
  margin-top: -4em;
  position: relative;
  font-size: 1.25em;
  background: -moz-radial-gradient(center, ellipse cover, rgb(204, 204, 204) 0%, rgba(246, 246, 246, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgb(204, 204, 204) 0%, rgba(246, 246, 246, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background: radial-gradient(ellipse at center, rgb(204, 204, 204) 0%, rgba(246, 246, 246, 0) 75%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#cccccc", endColorstr="#00ffffff",GradientType=1 );
}
@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: -6rem;
  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: rgb(255, 255, 255);
  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 td.heatsink-coldplate {
  background: rgb(255, 255, 0);
  font-weight: bold;
}
.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 #model-data .model_key_wrapper {
  width: 100%;
  padding: 0 0.9375rem;
}
@media screen and (min-width: 35em) {
  .v-coolvert-tech #model-data .model_key_wrapper {
    width: 16em;
  }
}
@media screen and (min-width: 62em) {
  .v-coolvert-tech #model-data .model_key_wrapper .model_key {
    padding-top: 13em;
  }
}
.v-coolvert-tech #model-data .model_key_wrapper .model_key > div {
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  padding: 1em;
  margin-bottom: 1em;
  position: relative;
}
.v-coolvert-tech #model-data .model_key_wrapper .model_key > div > p strong {
  color: rgb(83, 84, 134);
}
@media screen and (min-width: 62em) {
  .v-coolvert-tech #model-data .model_key_wrapper .model_key > div:nth-child(1)::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    left: -1px;
    width: 1em;
    height: 1em;
    background: #fff;
    z-index: 1;
    border-bottom: #c7c7c7 solid 1px;
    border-left: #e0e0e0 solid 1px;
  }
}
.v-coolvert-tech #model-data .model_key_wrapper .model_key > div:nth-child(2) > p {
  font-size: 1.1em;
}
.v-coolvert-tech #model-data .model_key_wrapper .model_key > div:nth-child(2) ul {
  display: flex;
  flex-direction: column;
}
.v-coolvert-tech #model-data .model_key_wrapper .model_key > div:nth-child(2) ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-left: -1em;
  margin-bottom: 1.5em;
}
.v-coolvert-tech #model-data .model_key_wrapper .model_key > div:nth-child(2) ul li:last-child {
  margin-bottom: 0;
}
.v-coolvert-tech #model-data .model_key_wrapper .model_key > div:nth-child(2) ul li .keycode {
  background: rgb(255, 255, 0);
  padding: 0.5em;
  font-weight: bold;
  margin-right: 1em;
  margin-top: 0.75em;
}
.v-coolvert-tech #model-data .model_key_wrapper .model_key > div:nth-child(2) ul li .img_key_wrap {
  flex: 0 0 4em;
  max-width: 4em;
  margin-right: 1em;
}
.v-coolvert-tech #model-data .model_key_wrapper .model_key > div:nth-child(2) ul li .img_key_wrap img {
  max-height: 5em;
}
.v-coolvert-tech #model-data .model_key_wrapper .model_key > div:nth-child(2) ul li p {
  color: #000;
  margin-top: 0.75em;
}
.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;
  }
}
.v-coolvert-tech #dimensions-new {
  text-align: center;
  padding: 0;
}
.v-coolvert-tech #dimensions-new > .span {
  padding: 0;
  margin: 0;
}
.v-coolvert-tech .col-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.v-coolvert-tech .col-center h2 {
  margin-bottom: 0.5em;
}
@media (min-width: 62em) {
  .v-coolvert-tech h2.model-code-heading {
    margin-top: -2em;
  }
}
@media (min-width: 62em) {
  .v-coolvert-tech .model-code-guide {
    width: 25em;
    margin-top: 4.5em;
  }
}
@media (min-width: 62em) {
  .v-coolvert-tech.v-de #tech-data .tech-spec-table table tr td.tech-heading {
    width: 14em;
  }
}
.v-coolvert-tech .tech-spec-table {
  overflow-x: auto;
  margin-bottom: 0.5em;
}
.v-coolvert-tech .tech-spec-table table {
  width: 46em;
}
@media (min-width: 48em) {
  .v-coolvert-tech .tech-spec-table table {
    width: 100%;
  }
}
.v-coolvert-tech .tech-spec-table table tr td {
  padding: 0.5em;
  vertical-align: middle;
  border: #ddd solid 0.05em;
}
.v-coolvert-tech .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-spec-table table tr td.tech-heading {
    width: 10em;
  }
}
.v-coolvert-tech .tech-spec-table table tr td:last-child {
  width: 25em;
}
@media (min-width: 62em) {
  .v-coolvert-tech .tech-spec-table table tr td:last-child {
    width: 51.5em;
  }
}
.v-coolvert-tech #size-and-weight {
  padding-bottom: 0;
}
.v-coolvert-tech #size-and-weight h3 {
  font-size: 1.1em;
}
.v-coolvert-tech #size-and-weight .tech-spec-table-coolvert {
  overflow-x: auto;
  margin-bottom: 0.5em;
  display: flex;
  flex-direction: column;
}
.v-coolvert-tech #size-and-weight .tech-spec-table-coolvert .coolvert-img {
  width: 10em;
  margin-bottom: 2em;
  align-self: center;
}
@media (min-width: 48em) {
  .v-coolvert-tech #size-and-weight .tech-spec-table-coolvert .coolvert-img {
    align-self: flex-end;
  }
}
.v-coolvert-tech #size-and-weight .tech-spec-table-coolvert table {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 100%;
}
.v-coolvert-tech #size-and-weight .tech-spec-table-coolvert table thead {
  font-weight: 800;
  font-size: 1em;
}
.v-coolvert-tech #size-and-weight .tech-spec-table-coolvert table thead tr {
  display: inline-flex;
  width: 100%;
  text-align: center;
  justify-content: center;
}
.v-coolvert-tech #size-and-weight .tech-spec-table-coolvert table thead th {
  flex: 0 1 100%;
  text-align: left;
  border: 1px solid #000;
  padding: 0.25em;
}
.v-coolvert-tech #size-and-weight .tech-spec-table-coolvert table thead th:nth-child(2), .v-coolvert-tech #size-and-weight .tech-spec-table-coolvert table thead th:nth-child(3), .v-coolvert-tech #size-and-weight .tech-spec-table-coolvert table thead th:nth-child(4) {
  background-color: #000;
  color: #fff;
  text-align: center;
}
.v-coolvert-tech #size-and-weight .tech-spec-table-coolvert table tbody tr {
  display: inline-flex;
  width: 100%;
  text-align: center;
  justify-content: center;
}
.v-coolvert-tech #size-and-weight .tech-spec-table-coolvert table tbody tr td:nth-child(1) {
  text-align: left;
}
.v-coolvert-tech #size-and-weight .tech-spec-table-coolvert table tbody tr td {
  width: 100%;
  flex: 0 1 100%;
  padding: 0.5em;
  vertical-align: middle;
  border: #ddd solid 0.05em;
}
.v-coolvert-tech #size-and-weight .tech-spec-table-coolvert table tbody tr td:last-child {
  width: 1em;
}
@media (min-width: 62em) {
  .v-coolvert-tech #size-and-weight .tech-spec-table-coolvert table tbody tr td:last-child {
    width: 51.5em;
  }
}
.v-coolvert-tech #size-and-weight #dimensions-new {
  margin-top: 4em;
}
.v-coolvert-tech #size-and-weight .coolvert-dimensions h3 {
  font-weight: 400;
  font-size: 1.5em;
}
.v-coolvert-tech #size-and-weight .coolvert-dimensions .dimensions-table {
  overflow-x: auto;
  overflow-y: visible;
}
.v-coolvert-tech #size-and-weight .coolvert-dimensions .dimensions-table table {
  margin: 2em 0 1em;
}
.v-coolvert-tech #size-and-weight .coolvert-dimensions .dimensions-table table thead tr:nth-child(1) th {
  font-size: 1.35em;
  width: 5em;
}
.v-coolvert-tech #size-and-weight .coolvert-dimensions .dimensions-table table thead tr:nth-child(2) th {
  font-weight: 200;
}
.v-coolvert-tech #size-and-weight .coolvert-dimensions .dimensions-table table thead tr th {
  background: rgb(83, 84, 134);
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
}
.v-coolvert-tech #size-and-weight .coolvert-dimensions .dimensions-table table thead tr th.no-bg {
  background: none;
}
.v-coolvert-tech #size-and-weight .coolvert-dimensions .dimensions-table table tbody tr:nth-child(even) td {
  background: #f5f5f5;
}
.v-coolvert-tech #size-and-weight .coolvert-dimensions .dimensions-table table tbody tr td {
  text-align: center;
  padding: 0.5em;
}
.v-coolvert-tech #size-and-weight .coolvert-dimensions .dimensions-table table tbody tr td:nth-child(1) {
  font-weight: 600;
  min-width: 4rem;
}
.v-coolvert-tech #size-and-weight .coolvert-dimensions .dimensions-table table tbody tr td.no-bg {
  background: none;
}
.v-coolvert-tech #size-and-weight .coolvert-dimensions .dims_img_wrapper img {
  max-height: 25em;
}

.v-optidrive-coolvert-options .panel {
  display: flex;
  flex-direction: column;
  padding: 2em;
}
@media (min-width: 48em) {
  .v-optidrive-coolvert-options .panel {
    flex-direction: row;
  }
}
.v-optidrive-coolvert-options .panel img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1em;
}
@media (min-width: 48em) {
  .v-optidrive-coolvert-options .panel img {
    margin-bottom: 0;
    max-width: 20%;
    height: 0%;
  }
}
.v-optidrive-coolvert-options .panel h2 {
  font-weight: 800;
  color: #948cc3;
}
.v-optidrive-coolvert-options .panel .inner-col {
  flex-direction: column;
  margin-left: 0;
}
@media (min-width: 48em) {
  .v-optidrive-coolvert-options .panel .inner-col {
    margin-left: 2em;
  }
}
.v-optidrive-coolvert-options .panel .optipad {
  margin-left: 0;
}
@media (min-width: 48em) {
  .v-optidrive-coolvert-options .panel .optipad {
    margin-right: 1.4em;
  }
}

.v-coolvert-downloads .drive-banner {
  padding-top: 0;
}
.v-coolvert-downloads .drive-banner .banner-menu {
  padding-top: 0;
}

/* 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: 101.75em) {
  .v-optidrive-compact-2 .drive-banner .span .banner-product-feature .product-feature {
    margin: -4rem 0 -17rem 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;
}
.v-optidrive-compact-2.v-drive-overview .drive-rating-summary {
  width: auto;
}
.v-optidrive-compact-2.v-drive-overview .drive-rating-summary .supply-voltage {
  flex: 0 0 14em;
  max-width: 14em;
}

@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;
  height: unset;
}
@media (min-width: 48em) {
  .v-optidrive-elevator-overview .drive-banner {
    background-size: auto 50%;
  }
}
@media (min-width: 75em) and (max-width: 89.99em) {
  .v-optidrive-elevator-overview .drive-banner .banner-menu ul {
    flex-wrap: wrap;
    background: none;
  }
  .v-optidrive-elevator-overview .drive-banner .banner-menu ul li {
    background: rgba(0, 0, 0, 0.3);
  }
}
.v-optidrive-elevator-overview #product-family img {
  width: 50vw;
  max-width: 50rem;
}
.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;
  }
}

.v-optidrive-elevator-model-data .drive-banner .drive-nav-wrapper, .v-optidrive-elevator-features .drive-banner .drive-nav-wrapper, .v-optidrive-elevator-specification .drive-banner .drive-nav-wrapper, .v-optidrive-elevator-options .drive-banner .drive-nav-wrapper, .v-optidrive-elevator-case-studies .drive-banner .drive-nav-wrapper {
  flex: 0 0 100%;
  max-width: 100%;
}

/* 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;
  }
}

.elevator-core-advert {
  display: block;
  background: url("/img/content/drives/optidrive-elevator-core/advert-bg.jpg") center center/100% 100% no-repeat;
  min-height: 15em;
  position: relative;
  margin: auto;
  padding: 1.5rem calc(50vw - 7em) 4rem;
}
@media (min-width: 48em) {
  .elevator-core-advert {
    padding: 1.5rem 15em 4rem;
  }
}
@media (min-width: 75em) {
  .elevator-core-advert {
    padding: 1.5rem 10em 4rem;
    font-size: 1.5em;
  }
}
.elevator-core-advert img {
  margin-bottom: 1rem;
}
.elevator-core-advert .txt {
  z-index: 1;
  font-size: 1em;
  color: #fff;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  text-align: center;
  position: relative;
}
.elevator-core-advert .txt span {
  color: rgb(83, 84, 134);
  display: block;
}
.elevator-core-advert .btn-arrow {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  font-weight: 200;
}
.elevator-core-advert::before {
  content: "";
  background: url("/img/content/drives/optidrive-elevator-core/ad-img-1.png") bottom left/30% auto no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (min-width: 48em) {
  .elevator-core-advert::before {
    background-size: 13em auto;
  }
}
@media (min-width: 75em) {
  .elevator-core-advert::before {
    background-size: 9em auto;
  }
}
.elevator-core-advert::after {
  content: "";
  background: url("/img/content/drives/optidrive-elevator-core/ad-img-2.png") 100% 3rem/18% auto no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (min-width: 48em) {
  .elevator-core-advert::after {
    background-size: 8em auto;
  }
}
@media (min-width: 75em) {
  .elevator-core-advert::after {
    background-size: 7em auto;
  }
}

.v-new-product-layout .drive-banner {
  overflow: visible;
  background: none;
  position: relative;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.v-new-product-layout .drive-banner::before {
  content: "";
  background: linear-gradient(to right, rgb(26, 27, 43) 0%, rgb(83, 84, 134) 50%, rgb(26, 27, 43) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.v-new-product-layout .drive-banner .overview-only {
  display: none;
}
.v-new-product-layout .drive-banner .span {
  padding: 2em 0 0;
  align-items: flex-start;
}
@media (min-width: 48em) {
  .v-new-product-layout .drive-banner .span {
    padding: 4em 0;
  }
}
@media (min-width: 62em) {
  .v-new-product-layout .drive-banner .span {
    padding: 5.5em 0;
  }
}
.v-new-product-layout .drive-banner h1 {
  text-align: left;
  display: block;
  padding: 0 0.9375rem;
}
.v-new-product-layout .drive-banner h1 img {
  height: 2em;
}
.v-new-product-layout .drive-banner h2 {
  text-align: left;
  font-size: 1em;
  margin-top: 0;
  padding: 0 0.9375rem;
  display: block;
}
@media (min-width: 75em) {
  .v-new-product-layout .drive-banner h2 {
    font-size: 1.125em;
  }
}
.v-new-product-layout .drive-banner .cta {
  padding: 0 0.9375rem;
  z-index: 1;
}
.v-new-product-layout .drive-banner .cta h3 {
  font-weight: 200;
}
.v-new-product-layout .drive-banner .cta .cta-links {
  display: flex;
  flex-wrap: wrap;
}
.v-new-product-layout .drive-banner .red-block {
  margin-left: 0.9375rem;
}
.v-new-product-layout .drive-banner .drive-ratings {
  overflow: hidden;
}
@media (min-width: 48em) {
  .v-new-product-layout .drive-banner .drive-ratings {
    position: absolute;
    right: 6em;
    top: 0;
    max-height: 100%;
  }
}
@media (min-width: 62em) {
  .v-new-product-layout .drive-banner .drive-ratings {
    right: 8em;
  }
}
@media (min-width: 75em) {
  .v-new-product-layout .drive-banner .drive-ratings {
    right: 15em;
  }
}
.v-new-product-layout .drive-banner .drive-ratings > div {
  margin: 1em 0.9375rem -3em auto;
  padding: 4.65em 0 0 0;
  font-size: 0.75rem;
}
@media (min-width: 48em) {
  .v-new-product-layout .drive-banner .drive-ratings > div {
    font-size: 0.75rem;
    margin-top: -2em;
    margin-bottom: 0;
  }
}
@media (min-width: 62em) {
  .v-new-product-layout .drive-banner .drive-ratings > div {
    font-size: 0.85rem;
    margin-top: -2em;
  }
}
.v-new-product-layout .drive-banner .drive-ratings > div > div:not([class^=black]) {
  opacity: 0.5;
}
.v-new-product-layout .drive-banner .feature_banner_imgs {
  display: none;
}
@media (min-width: 48em) {
  .v-new-product-layout .drive-banner .feature_banner_imgs {
    display: block;
    position: absolute;
    overflow: visible;
    pointer-events: none;
    width: 100%;
    max-width: 96rem;
    margin: 0 auto;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .v-new-product-layout .drive-banner .feature_banner_imgs img {
    position: absolute;
  }
  .v-new-product-layout .drive-banner .feature_banner_imgs img#drive-banner-2 {
    width: 12em;
    bottom: -3em;
    right: -4em;
    transform: rotate(0.5deg);
  }
}
@media (min-width: 48em) and (min-width: 62em) {
  .v-new-product-layout .drive-banner .feature_banner_imgs img#drive-banner-2 {
    width: 14em;
    bottom: -4em;
    right: -4em;
  }
}
@media (min-width: 48em) and (min-width: 75em) {
  .v-new-product-layout .drive-banner .feature_banner_imgs img#drive-banner-2 {
    width: 18em;
    right: -3em;
    bottom: -6em;
  }
}
@media (min-width: 48em) {
  .v-new-product-layout .drive-banner .feature_banner_imgs img#drive-banner-3 {
    width: 11.5em;
    bottom: -2em;
    right: -1em;
    transform: none;
  }
  .v-new-product-layout .drive-banner .feature_banner_imgs img#drive-banner-3.smaller {
    width: 10em;
  }
}
@media (min-width: 48em) and (min-width: 62em) {
  .v-new-product-layout .drive-banner .feature_banner_imgs img#drive-banner-3 {
    width: 14.5em;
    bottom: -1em;
    right: -2em;
  }
  .v-new-product-layout .drive-banner .feature_banner_imgs img#drive-banner-3.smaller {
    width: 12em;
  }
}
@media (min-width: 48em) and (min-width: 75em) {
  .v-new-product-layout .drive-banner .feature_banner_imgs img#drive-banner-3 {
    width: 19.5em;
    right: 0;
    bottom: -4em;
  }
  .v-new-product-layout .drive-banner .feature_banner_imgs img#drive-banner-3.smaller {
    width: 17.5em;
  }
}
.v-new-product-layout.new-logo-style .drive-banner h1 img {
  height: 1.75em;
}
.v-new-product-layout .product_page_links nav {
  padding: 1rem 0;
}
@media (min-width: 62em) {
  .v-new-product-layout .product_page_links nav {
    padding: 1.5rem 0;
  }
}
.v-new-product-layout .product_page_links nav ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.v-new-product-layout .product_page_links nav ul li {
  margin: 0;
  margin-right: 1%;
  margin-bottom: 1%;
  flex: 0 0 49.5%;
  max-width: 49.5%;
}
.v-new-product-layout .product_page_links nav ul li:nth-child(2n) {
  margin-right: 0;
}
@media (min-width: 48em) {
  .v-new-product-layout .product_page_links nav ul li {
    flex: 0 0 32.33333333%;
    max-width: 32.33333333%;
    margin-right: 1.33333333%;
    margin-bottom: 1.33333333%;
  }
  .v-new-product-layout .product_page_links nav ul li:nth-child(2n) {
    margin-right: 1.33333333%;
  }
  .v-new-product-layout .product_page_links nav ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 62em) {
  .v-new-product-layout .product_page_links nav ul li {
    flex: 0 0 auto;
    max-width: auto;
    margin-right: 0.125em;
    margin-bottom: 0;
  }
  .v-new-product-layout .product_page_links nav ul li:nth-child(2n) {
    margin-right: 0.125em;
  }
  .v-new-product-layout .product_page_links nav ul li:nth-child(3n) {
    margin-right: 0.125em;
  }
}
.v-new-product-layout .product_page_links nav ul li a {
  display: block;
  padding: 0.75em 1em;
  font-weight: 400;
  color: #000;
  border: #d5d5d5 1px solid;
  background: #fff;
  font-size: 3.5vw;
}
.v-new-product-layout .product_page_links nav ul li a:hover {
  background: #eaeaea;
}
@media (min-width: 35em) {
  .v-new-product-layout .product_page_links nav ul li a {
    font-size: 1rem;
  }
}
@media (min-width: 62em) {
  .v-new-product-layout .product_page_links nav ul li a {
    background: #d5d5d5;
    border: none;
    padding: 0.5em 1em;
  }
}
.v-new-product-layout .drive-ratings > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 5rem 0;
  width: 20em;
  font-size: 1rem;
}
.v-new-product-layout .drive-ratings > div > div {
  height: 0;
  width: 10em;
  flex: 0 0 10em;
  max-width: 10em;
  padding-bottom: 8.7354590777em;
  position: relative;
  background: url("/img/content/drives/ratings/hexagon-grey.svg") 0 0/100% 100% no-repeat;
}
.v-new-product-layout .drive-ratings > div > div:nth-child(2), .v-new-product-layout .drive-ratings > div > div:nth-child(4) {
  transform: translateY(calc(-50% - 0.25em));
  margin-left: -2em;
}
.v-new-product-layout .drive-ratings > div > div:nth-child(3), .v-new-product-layout .drive-ratings > div > div:nth-child(4) {
  margin-top: 0.5em;
}
.v-new-product-layout .drive-ratings > div > div.black {
  background-image: url("/img/content/drives/ratings/hexagon-black.svg");
  color: #fff;
}
.v-new-product-layout .drive-ratings > div > div.black-outline {
  background-image: url("/img/content/drives/ratings/hexagon-outline.svg");
  color: #000;
}
.v-new-product-layout .drive-ratings > div > div > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.25em;
  padding: 0.5em;
  text-align: center;
  line-height: 1;
}
.v-new-product-layout:not(.v-drive-overview-new)[class*=v-optidrive-e3-] .drive-banner .drive-rating-summary {
  margin-left: 0.9375rem;
  margin-bottom: 2em;
  margin-top: 1em;
}
@media (min-width: 48em) {
  .v-new-product-layout:not(.v-drive-overview-new)[class*=v-optidrive-e3-] .drive-banner .drive-rating-summary {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    right: 10em;
  }
}
@media (min-width: 48em) and (min-width: 75em) {
  .v-new-product-layout:not(.v-drive-overview-new)[class*=v-optidrive-e3-] .drive-banner .drive-rating-summary {
    right: 16em;
  }
}

.v-new-product-layout.v-drive-specification .product_page_links nav ul li a[data-page=specification],
.v-new-product-layout.v-drive-specification .product_page_links nav ul li a[data-page=technical-data],
.v-new-product-layout.v-datasheet .product_page_links nav ul li a[data-page=model-data],
.v-new-product-layout.v-drive-model-data .product_page_links nav ul li a[data-page=model-data],
.v-new-product-layout.v-drive-options .product_page_links nav ul li a[data-page=options],
.v-new-product-layout.v-drive-case-studies .product_page_links nav ul li a[data-page=case-studies],
.v-new-product-layout.v-drive-downloads .product_page_links nav ul li a[data-page=downloads],
.v-new-product-layout.v-drive-features .product_page_links nav ul li a[data-page=features],
.v-new-product-layout.v-drive-overview .product_page_links nav ul li a[data-page=overview] {
  background: #1a1b2b;
  color: #fff;
}

.v-new-product-layout.v-drive-features-new .product_page_links nav ul li a[data-page=features],
.v-new-product-layout.v-drive-overview-new .product_page_links nav ul li a[data-page=overview] {
  background: #1a1b2b;
  color: #fff;
}

.v-drive-overview-new .drive-banner.video {
  display: block;
  overflow: hidden;
}
.v-drive-overview-new .drive-banner.video .span {
  padding: 1em 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  height: 46.875vw;
  overflow: hidden;
  position: relative;
}
@media (min-width: 48em) {
  .v-drive-overview-new .drive-banner.video .span {
    height: 40.93515625vw;
  }
}
@media (min-width: 62em) {
  .v-drive-overview-new .drive-banner.video .span {
    padding: 4em 0;
  }
}
@media (min-width: 80em) {
  .v-drive-overview-new .drive-banner.video .span {
    height: 37.5rem;
  }
}
.v-drive-overview-new .drive-banner.video h1 {
  text-align: center;
  color: #fff;
  font-weight: 800;
  font-size: 2em;
  width: 100%;
}
@media (min-width: 35em) {
  .v-drive-overview-new .drive-banner.video h1 {
    font-size: 2.65em;
  }
}
@media (min-width: 48em) {
  .v-drive-overview-new .drive-banner.video h1 {
    font-size: 4em;
  }
}
@media (min-width: 62em) {
  .v-drive-overview-new .drive-banner.video h1 {
    font-size: 5.5em;
  }
}
.v-drive-overview-new .drive-banner.video h1 img {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  width: 9.7727272727em;
  margin: 0 auto;
  max-width: calc(100% - 1.875rem);
  height: 2em;
}
@media (min-width: 48em) {
  .v-drive-overview-new .drive-banner.video h1 img {
    max-width: 100%;
  }
}
@media (min-width: 75em) {
  .v-drive-overview-new .drive-banner.video h1 img {
    height: 1.5em;
  }
}
.v-drive-overview-new .drive-banner.video h1 img.active {
  opacity: 1;
}
.v-drive-overview-new .drive-banner.video a.video-btn {
  margin: 0 auto;
  color: #fff;
  font-size: 1.25em;
  font-weight: 800;
  text-transform: uppercase;
  z-index: 1;
}
.v-drive-overview-new .drive-banner.video a.video-btn:hover {
  cursor: pointer;
}
@media (min-width: 35em) {
  .v-drive-overview-new .drive-banner.video a.video-btn {
    font-size: 2em;
  }
}
@media (min-width: 90em) {
  .v-drive-overview-new .drive-banner.video a.video-btn {
    font-size: 1.875em;
  }
}
.v-drive-overview-new .drive-banner.video #drive-bg {
  display: block !important;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.v-drive-overview-new .drive-banner.video #drive-bg #drive-bg-still {
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0s ease-in-out;
  opacity: 1;
}
.v-drive-overview-new .drive-banner.video #drive-bg #drive-bg-still.hide {
  opacity: 0;
}
.v-drive-overview-new .drive-banner.video #drive-bg #drive-bg-video {
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0s ease-in-out;
}
.v-drive-overview-new .drive-banner.video #drive-bg #drive-bg-video.active {
  opacity: 1;
}
.v-drive-overview-new .drive-banner.video .drive-rating-summary {
  display: none;
}
.v-drive-overview-new .drive-banner.video .overview-only {
  display: block;
}
.v-drive-overview-new .drive-banner.video .no-overview {
  display: none;
}
.v-drive-overview-new .drive-banner.video h2 {
  display: none;
}
.v-drive-overview-new .drive-banner.video .drive-ratings {
  display: none;
}
.v-drive-overview-new .drive-banner.video .feature_banner_imgs {
  display: none;
}
@media (min-width: 35em) {
  .v-drive-overview-new .drive-banner.video .feature_banner_imgs {
    display: none;
  }
}
@media (min-width: 75em) {
  .v-drive-overview-new .drive-banner.video .feature_banner_imgs {
    display: block;
    opacity: 0;
    position: absolute;
    overflow: visible;
    pointer-events: none;
    width: 100%;
    max-width: 96rem;
    margin: 0 auto;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity 1s ease-in-out;
  }
  .v-drive-overview-new .drive-banner.video .feature_banner_imgs img {
    position: absolute;
    transition: all 1s ease-in-out;
    opacity: 0;
  }
  .v-drive-overview-new .drive-banner.video .feature_banner_imgs img#drive-banner-1 {
    right: 100%;
    bottom: -3em;
    width: 15em;
    transform: rotate(-10deg) translateX(5rem);
  }
}
@media (min-width: 75em) and (min-width: 90em) {
  .v-drive-overview-new .drive-banner.video .feature_banner_imgs img#drive-banner-1 {
    width: 22em;
  }
}
@media (min-width: 75em) {
  .v-drive-overview-new .drive-banner.video .feature_banner_imgs img#drive-banner-2 {
    left: 100%;
    top: 0;
    width: 14em;
    transform: rotate(-9deg) translateX(-4rem);
  }
}
@media (min-width: 75em) and (min-width: 90em) {
  .v-drive-overview-new .drive-banner.video .feature_banner_imgs img#drive-banner-2 {
    width: 20em;
  }
}
@media (min-width: 75em) {
  .v-drive-overview-new .drive-banner.video .feature_banner_imgs.show {
    opacity: 1;
  }
  .v-drive-overview-new .drive-banner.video .feature_banner_imgs.show img {
    opacity: 1;
  }
  .v-drive-overview-new .drive-banner.video .feature_banner_imgs.show img#drive-banner-1 {
    transform: rotate(-10deg) translateX(9rem);
  }
  .v-drive-overview-new .drive-banner.video .feature_banner_imgs.show img#drive-banner-2 {
    transform: rotate(-9deg) translateX(-8rem);
  }
}
.v-drive-overview-new .ecodesign-product-ad {
  align-items: flex-start;
}
@media (min-width: 48em) {
  .v-drive-overview-new .ecodesign-product-ad {
    margin-right: 0;
  }
}
@media (min-width: 48em) {
  .v-drive-overview-new .drive-rating-summary {
    font-size: 1em;
  }
}
.v-drive-overview-new .five_year_badge {
  z-index: 1;
  width: 18em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8em;
  margin: 2em;
}
@media (min-width: 48em) {
  .v-drive-overview-new .five_year_badge {
    font-size: 1.125em;
    margin: 0 0 4em auto;
    width: 100%;
  }
}
@media (min-width: 62em) {
  .v-drive-overview-new .five_year_badge {
    font-size: 1.35em;
  }
}
@media (min-width: 75em) {
  .v-drive-overview-new .five_year_badge {
    font-size: 1.35em;
    width: 12em;
    position: absolute;
    right: 12em;
    top: 0;
    margin: 0;
  }
}
.v-drive-overview-new .five_year_badge img {
  margin: 0;
  width: 100%;
}
@media (min-width: 48em) {
  .v-drive-overview-new .five_year_badge img {
    width: 12em;
    margin-left: auto;
  }
}
@media (min-width: 75em) {
  .v-drive-overview-new .five_year_badge img {
    width: 100%;
  }
}
.v-drive-overview-new #sector-icons {
  padding-top: 0;
  padding-bottom: 0;
}
.v-drive-overview-new #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-new #sector-icons ul > li::before {
  content: none;
}
@media (min-width: 48em) {
  .v-drive-overview-new #sector-icons ul {
    font-size: 1rem;
    justify-content: flex-start;
  }
}
.v-drive-overview-new #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-new #sector-icons ul li a {
  font-weight: 400;
  color: #000;
}
.v-drive-overview-new #sector-icons ul li a:hover {
  color: #0060d8;
}
.v-drive-overview-new #sector-icons ul li:nth-child(3n) {
  margin-right: 0;
}
@media (min-width: 48em) {
  .v-drive-overview-new #sector-icons ul li {
    flex: 0 0 24%;
    max-width: 24%;
    margin-right: 1.33333333%;
  }
  .v-drive-overview-new #sector-icons ul li:nth-child(3n) {
    margin-right: 1.33333333%;
  }
  .v-drive-overview-new #sector-icons ul li:nth-child(4n) {
    margin-right: 0;
  }
}
@media (min-width: 62em) {
  .v-drive-overview-new #sector-icons ul li {
    flex: 0 0 20%;
    max-width: 20%;
    margin-right: 0;
  }
  .v-drive-overview-new #sector-icons ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 75em) {
  .v-drive-overview-new #sector-icons ul li {
    flex: 0 0 12%;
    max-width: 12%;
    margin-bottom: 2rem;
    margin-right: 0.57142%;
  }
  .v-drive-overview-new #sector-icons ul li:nth-child(8n) {
    margin-right: 0;
  }
}
.v-drive-overview-new #sector-icons ul li i {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4em;
  margin-bottom: 0.125em;
}
.v-drive-overview-new #sector-icons ul li span {
  padding-top: 1.5rem;
}
@media (min-width: 75em) {
  .v-drive-overview-new #sector-icons ul li span {
    padding-top: 4rem;
  }
}
.v-drive-overview-new .product_page_links nav ul li a[data-page=overview] {
  color: #fff;
  background: rgb(26, 27, 43);
  border: none;
}
@media (min-width: 62em) {
  .v-drive-overview-new .drive-summary {
    padding: 2rem 0 4rem;
  }
}
.v-drive-overview-new .drive-summary h2 {
  color: rgb(83, 84, 134);
  font-weight: 600;
}
.v-drive-overview-new .drive-summary p {
  line-height: 1.3;
  font-weight: 200;
  font-size: 1.15em;
  color: #000;
}
.v-drive-overview-new .drive-summary .brochure-links {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: -5em;
}
.v-drive-overview-new .drive-summary .brochure-links .ecodesign-product-ad {
  width: auto;
}
@media (min-width: 48em) {
  .v-drive-overview-new .drive-summary .brochure-links {
    align-items: flex-end;
  }
}
@media (min-width: 62em) {
  .v-drive-overview-new .drive-summary .brochure-links {
    margin-top: -5em;
  }
}
.v-drive-overview-new .drive-summary .brochure-links > a {
  width: 100%;
  flex: 0 0 100%;
  max-width: 20rem;
  background: rgb(83, 84, 134);
  color: #fff;
  font-weight: 400;
  padding-left: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 1.35em;
  margin-top: 1rem;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  z-index: 1;
}
@media (min-width: 48em) {
  .v-drive-overview-new .drive-summary .brochure-links > a {
    font-size: 1.1em;
    max-width: 18rem;
  }
}
@media (min-width: 62em) {
  .v-drive-overview-new .drive-summary .brochure-links > a {
    max-width: 19.8rem;
  }
}
@media (min-width: 75em) {
  .v-drive-overview-new .drive-summary .brochure-links > a {
    max-width: 22.5rem;
  }
}
.v-drive-overview-new .drive-summary .brochure-links > a:first-child {
  margin-top: 0;
}
.v-drive-overview-new .drive-summary .brochure-links > a::before {
  right: 1rem;
  top: 50%;
}
@media (min-width: 75em) {
  .v-drive-overview-new .drive-summary .feature--img {
    max-width: 120%;
  }
}
@media (min-width: 90em) {
  .v-drive-overview-new .drive-summary .feature--img {
    max-width: 150%;
  }
}
@media (min-width: 75em) {
  .v-drive-overview-new .drive-summary .drive-ratings {
    padding-top: 8em;
  }
}
.v-drive-overview-new .drive-summary .drive-ratings > div {
  position: relative;
  margin: 0 0 0 auto;
}
@media (min-width: 48em) {
  .v-drive-overview-new .drive-summary .drive-ratings > div {
    margin: -2rem 0 0 auto;
  }
}
@media (min-width: 62em) {
  .v-drive-overview-new .drive-summary .drive-ratings > div {
    margin: -4rem 0 0 auto;
    font-size: 1.1em;
  }
}
@media (min-width: 75em) {
  .v-drive-overview-new .drive-summary .drive-ratings > div {
    font-size: 1.25em;
  }
}
.v-drive-overview-new .feature-roll {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  margin-right: -0.75rem;
  font-size: 1em;
}
@media (max-width: 47.99em) {
  .v-drive-overview-new .feature-roll {
    border-bottom: #000 1px solid;
  }
}
@media (min-width: 48em) {
  .v-drive-overview-new .feature-roll {
    width: auto;
    justify-content: flex-start;
  }
}
@media (min-width: 62em) {
  .v-drive-overview-new .feature-roll {
    font-size: 1em;
  }
}
.v-drive-overview-new .feature-roll > div {
  padding: 0 0.75rem;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  min-width: 15em;
  margin-top: 2em;
}
@media (min-width: 48em) {
  .v-drive-overview-new .feature-roll > div {
    margin-top: 0;
    flex: 0 0 33%;
    max-width: 33%;
    min-width: 12em;
  }
}
.v-drive-overview-new .feature-roll .feature--ip66-outdoor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.v-drive-overview-new .feature-roll .feature--ip66-outdoor img {
  width: 6.125em;
}
.v-drive-overview-new .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;
  text-align: center;
}
.v-drive-overview-new .feature-roll .feature--fieldbuses {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: right;
}
@media (min-width: 48em) {
  .v-drive-overview-new .feature-roll .feature--fieldbuses {
    align-items: flex-end;
  }
}
.v-drive-overview-new .feature-roll .feature--fieldbuses ul {
  margin-bottom: 0;
  width: 13em;
  max-width: 100%;
}
.v-drive-overview-new .feature-roll .feature--fieldbuses ul img {
  max-height: 4rem;
  margin: 0 auto;
}
@media (min-width: 48em) {
  .v-drive-overview-new .feature-roll .feature--fieldbuses ul img {
    margin-left: auto;
    margin-right: 0;
    display: inline-block;
  }
}
.v-drive-overview-new .feature-roll .feature--fieldbuses ul .fieldbus--modbus-rtu img {
  width: 100%;
}
.v-drive-overview-new .feature-roll .feature--fieldbuses ul .fieldbus--can img {
  width: 27.4%;
}
.v-drive-overview-new .feature-roll .feature--warranty {
  display: flex;
  align-items: center;
}
@media (min-width: 62em) {
  .v-drive-overview-new .feature-roll .feature--warranty {
    align-items: flex-end;
  }
}
.v-drive-overview-new .feature-roll .feature--warranty img {
  margin: 0 auto;
  width: 10em;
}
@media (min-width: 48em) {
  .v-drive-overview-new .feature-roll .feature--warranty img {
    margin-left: 0;
    margin-right: auto;
  }
}
@media (min-width: 62em) {
  .v-drive-overview-new .feature-roll .feature--warranty img {
    width: 12.5em;
  }
}
.v-drive-overview-new .main-features {
  background: linear-gradient(150deg, #1a1b2b 0%, #535486 50%, #1a1b2b 100%);
  color: #fff;
}
@media (min-width: 48em) {
  .v-drive-overview-new .main-features {
    margin-top: 10rem;
  }
}
@media (min-width: 62em) {
  .v-drive-overview-new .main-features {
    margin-top: 0;
  }
}
.v-drive-overview-new .main-features > .span {
  padding: 3em 0;
}
.v-drive-overview-new .main-features > .span img {
  margin-top: -2rem;
  width: 25rem;
}
@media (min-width: 48em) {
  .v-drive-overview-new .main-features > .span img {
    max-width: none;
    margin-top: -15rem;
    width: 28rem;
  }
}
@media (min-width: 62em) {
  .v-drive-overview-new .main-features > .span img {
    margin-top: -7rem;
  }
}
@media (min-width: 75em) {
  .v-drive-overview-new .main-features > .span img {
    margin-left: -1rem;
    width: 42rem;
    max-width: none;
  }
}
.v-drive-overview-new .main-features > .span h2 {
  color: #fff;
  font-weight: 800;
  margin-top: 2rem;
}
.v-drive-overview-new .main-features > .span h2:first-child {
  margin-top: 0;
}
@media (min-width: 75em) {
  .v-drive-overview-new .main-features > .span h2 {
    font-size: 1.8em;
  }
}
.v-drive-overview-new .main-features > .span p {
  color: #fff;
}
.v-drive-overview-new .main-features > .span a.btn-arrow {
  padding: 0.5em 2.5rem 0.5rem 1rem;
  border-radius: 0;
  margin-top: 2em;
}
.v-drive-overview-new #single-phase .single-phase-promo {
  padding: 2em;
  border: 0.05em black solid;
  text-align: center;
}
@media (min-width: 48em) {
  .v-drive-overview-new #single-phase .single-phase-promo {
    text-align: left;
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 48em) {
  .v-drive-overview-new #single-phase .single-phase-promo > div:first-child {
    flex: 0 0 43%;
    max-width: 43%;
  }
  .v-drive-overview-new #single-phase .single-phase-promo > div:first-child h2 {
    font-size: 2.05em;
  }
  .v-drive-overview-new #single-phase .single-phase-promo > div:first-child a {
    color: #0060d8;
  }
  .v-drive-overview-new #single-phase .single-phase-promo > div:first-child p {
    padding-right: 6em;
  }
}
.v-drive-overview-new #single-phase .single-phase-promo > div:last-child {
  display: flex;
  justify-content: center;
}
@media (min-width: 48em) {
  .v-drive-overview-new #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-new #single-phase .single-phase-promo > div:last-child img {
  margin-top: 1em;
}
@media (min-width: 48em) {
  .v-drive-overview-new #single-phase .single-phase-promo > div:last-child img {
    margin-top: 0;
  }
}
.v-drive-overview-new .drive-intro .feature-roll {
  border-bottom: none;
}
@media (min-width: 48em) {
  .v-drive-overview-new .drive-intro .feature-roll {
    padding: 1.5em 0 0 0;
  }
}
@media (min-width: 62em) {
  .v-drive-overview-new .drive-intro .feature-roll {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 1.5em 0 0 1.25em;
  }
}
.v-drive-overview-new #product-family {
  margin-top: 8.15738vw;
}
@media (min-width: 101.75em) {
  .v-drive-overview-new #product-family {
    margin-top: 8.300399em;
  }
}
.v-drive-overview-new #product-family > .span > .col {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
}
.v-drive-overview-new #product-family img {
  width: 77vw;
  margin: calc(-2.25rem - 8.15738vw) auto 1em;
}
@media (min-width: 75em) {
  .v-drive-overview-new #product-family img {
    margin-top: calc(-3.25rem - 8.15738vw);
    margin-bottom: 2em;
  }
}
@media (min-width: 101.75em) {
  .v-drive-overview-new #product-family img {
    width: 78.35em;
    margin: calc(-3.25rem - 8.300399em) auto 2em;
  }
}
.v-drive-overview-new #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-new #product-family .btn-text-link {
    padding-left: 6em;
    padding-right: 4em;
  }
}
.v-drive-overview-new #product-family .btn-text-link::before {
  left: 2em;
}
@media (min-width: 48em) {
  .v-drive-overview-new #product-family .btn-text-link::before {
    left: 4.35em;
  }
}
.v-drive-overview-new #product-family #product-features {
  padding-left: 1.875em;
  padding-right: 1.875em;
  width: 100%;
}
@media (min-width: 48em) {
  .v-drive-overview-new #product-family #product-features {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
.v-drive-overview-new #product-family #product-features h3 {
  font-size: 1.15em;
}
.v-drive-overview-new #product-family #product-features ul.split {
  columns: 2;
}
@media (min-width: 48em) {
  .v-drive-overview-new .push--up {
    justify-content: flex-end;
  }
}
@media (min-width: 101.75em) {
  .v-drive-overview-new .push--up > div {
    margin-top: -5.7rem;
    padding-bottom: 0.5rem;
  }
}
.v-drive-overview-new .push--up .feature--fieldbuses {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: right;
  padding-bottom: 0 !important;
}
@media (max-width: 47.99em) {
  .v-drive-overview-new .push--up .feature--fieldbuses {
    margin: 0 auto;
  }
}
@media (min-width: 48em) {
  .v-drive-overview-new .push--up .feature--fieldbuses {
    align-items: flex-end;
  }
}
.v-drive-overview-new .push--up .feature--fieldbuses ul {
  margin-bottom: 0;
  width: 10em;
  max-width: 100%;
}
.v-drive-overview-new .push--up .feature--fieldbuses ul img {
  max-height: 4rem;
  margin: 0 auto;
}
@media (min-width: 48em) {
  .v-drive-overview-new .push--up .feature--fieldbuses ul img {
    margin-left: auto;
    margin-right: 0;
    display: inline-block;
  }
}
.v-drive-overview-new .push--up .feature--fieldbuses ul .fieldbus--modbus-rtu img {
  width: 100%;
}
.v-drive-overview-new .push--up .feature--fieldbuses ul .fieldbus--can img {
  width: 27.4%;
}

.v-drive-features-new .product_page_links nav ul li a[data-page=features] {
  color: #fff;
  background: rgb(26, 27, 43);
  border: none;
}
.v-drive-features-new .feature-cols h2 {
  color: rgb(83, 84, 134);
  margin-top: 0;
  letter-spacing: 2px;
}
@media (min-width: 62em) {
  .v-drive-features-new .feature-cols h2 {
    font-size: 1.4em;
    margin-top: 2.5em;
  }
}
.v-drive-features-new .feature-cols h2:first-child {
  margin-top: 0;
}
.v-drive-features-new .feature-cols p {
  margin-bottom: 0.75em;
}
.v-drive-features-new .feature-cols p, .v-drive-features-new .feature-cols li {
  line-height: 1.3;
  font-weight: 200;
  font-size: 1.15em;
  color: #000;
}
.v-drive-features-new .feature-cols li {
  margin-bottom: 0.125em;
}
.v-drive-features-new .feature-cols .new-feature-icon {
  padding-left: 2em;
  position: relative;
}
.v-drive-features-new .feature-cols .new-feature-icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.65em;
  transform: translateY(-50%);
  width: 1.5em;
  height: 1.5em;
  background: url("/img/content/drives/optidrive-e4/new-feature-icon.svg") center center/contain no-repeat;
}
.v-drive-features-new .features-links a {
  display: block;
  position: relative;
  padding: 1.25em 3em 8em 1.25em;
  color: #fff;
  background: rgb(83, 84, 134) url("/img/content/drives/optidrive-elevator-core/core-assist-ad-bg.webp") bottom left/15em auto no-repeat;
  font-weight: 200;
}
.v-drive-features-new .features-links a h3 {
  letter-spacing: 2px;
  font-size: 1.2em;
}
.v-drive-features-new .features-links a::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 #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 0;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none !important;
  position: absolute;
  right: 1.25em;
  bottom: 1.25em;
}
.v-drive-features-new .features-links .feature-img {
  display: none;
}
@media (min-width: 48em) {
  .v-drive-features-new .features-links .feature-img {
    display: block;
  }
}
.v-drive-features-new .other-features {
  padding: 2em 0;
}
@media (min-width: 48em) {
  .v-drive-features-new .other-features {
    padding: 4em 0 3em;
  }
}
.v-drive-features-new .other-features h2 {
  color: #fff;
  margin-bottom: 2em;
  font-size: 1.6em;
}
@media (min-width: 35em) {
  .v-drive-features-new .other-features .other-feature-list {
    display: flex;
    flex-wrap: wrap;
  }
}
.v-drive-features-new .other-features .other-feature-list li {
  margin-bottom: 2em;
}
@media (min-width: 35em) {
  .v-drive-features-new .other-features .other-feature-list li {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 2em;
  }
}
@media (min-width: 48em) {
  .v-drive-features-new .other-features .other-feature-list li {
    flex: 0 0 30%;
    max-width: 30%;
    padding-right: 0;
    margin-right: 5%;
  }
  .v-drive-features-new .other-features .other-feature-list li:nth-child(3n) {
    margin-right: 0;
  }
}
.v-drive-features-new .other-features .other-feature-list li img {
  margin-bottom: 0.5em;
}
.v-drive-features-new #features-content .feature--fieldbuses img {
  max-height: 2.5rem;
  max-width: 12rem;
  margin-bottom: 0.5em;
}
.v-drive-features-new #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-new #features-content .features-list > li::before {
  content: none;
}
@media (min-width: 48em) {
  .v-drive-features-new #features-content .features-list {
    justify-content: flex-start;
  }
}
.v-drive-features-new #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-new #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-new #features-content .features-list > li {
    flex: 0 0 24%;
    max-width: 24%;
    padding-right: 2em;
  }
}
.v-drive-features-new #features-content .features-list > li ul li {
  margin-bottom: 0.125em;
}
@media (min-width: 48em) {
  .v-drive-features-new #features-content .features-list > li img {
    max-width: 10em;
  }
}
.v-drive-features-new #features-content .features-list a {
  color: #0060d8;
}
.v-drive-features-new #features-content #overload-rating {
  text-align: right;
}
.v-drive-features-new #features-content #overload-rating h2 {
  margin-top: 0;
}
.v-drive-features-new .features-highlights {
  padding: 0.9375rem;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-wrap: wrap;
}
.v-drive-features-new .features-highlights > div {
  padding-right: 1em;
  padding-top: 11em;
  position: relative;
  margin-bottom: 3em;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 62em) {
  .v-drive-features-new .features-highlights > div {
    margin-bottom: 0;
  }
}
.v-drive-features-new .features-highlights > div::before {
  content: "";
  position: absolute;
  top: -0.9375rem;
  left: -0.9375rem;
  right: -0.9375rem;
  height: 10.5em;
  background-color: rgb(83, 84, 134);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.v-drive-features-new .features-highlights > div h3.highlight {
  font-weight: 400;
  font-size: 2em;
}
@media (min-width: 36em) {
  .v-drive-features-new .features-highlights > div {
    flex: 0 0 48%;
    max-width: 48%;
  }
}
@media (min-width: 62em) {
  .v-drive-features-new .features-highlights > div {
    flex: 0 0 23%;
    max-width: 23%;
  }
}
.v-drive-features-new .connectivity-logos {
  display: flex;
  flex-wrap: wrap;
}
.v-drive-features-new .connectivity-logos img {
  max-height: 2em;
  margin: 0 auto;
}
@media (min-width: 48em) {
  .v-drive-features-new .connectivity-logos img {
    margin: 0;
    margin-right: 1em;
  }
}
.v-drive-features-new .enclosure-options .ip-rating {
  font-size: 1.5em;
  padding: 0.25em 0.5em;
  border: 0.05em solid #000;
  margin-bottom: 1em;
  display: inline-block;
}
.v-drive-features-new .enclosure-options .ip-rating strong {
  font-weight: 800;
}
.v-drive-features-new .enclosure-options .enclosure-bullets {
  margin-bottom: 2em;
}
.v-drive-features-new .enclosure-options .enclosure-bullets li {
  margin-bottom: 0.125em;
}
.v-drive-features-new .enclosure-options .enclosure-bullets li:last-of-type {
  margin-bottom: 1rem;
}
.v-drive-features-new .enclosure-options .enclosure-bullets img {
  margin: 0 0 0.5rem 0;
  max-height: 2rem;
}
.v-drive-features-new .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-new .enclosure-options .enclosure-features > li::before {
  content: none;
}
.v-drive-features-new .enclosure-options .enclosure-features li {
  flex: 0 0 48%;
  max-width: 48%;
  padding-right: 1em;
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 48em) {
  .v-drive-features-new .enclosure-options .enclosure-features li {
    margin-bottom: 1em;
  }
}
@media (min-width: 36em) {
  .v-drive-features-new .enclosure-options .enclosure-features li {
    text-align: left;
    flex: 0 0 48%;
    max-width: 48%;
  }
}
@media (min-width: 62em) {
  .v-drive-features-new .enclosure-options .enclosure-features li {
    flex: 0 0 31%;
    max-width: 31%;
  }
}
.v-drive-features-new .enclosure-options .enclosure-features li img {
  margin: 0 auto;
}
@media (min-width: 36em) {
  .v-drive-features-new .enclosure-options .enclosure-features li img {
    margin: 0;
  }
}
.v-drive-features-new .enclosure-options .enclosure-features li:last-child {
  padding-right: 0;
}
.v-drive-features-new .enclosure-options .enclosure-features li h3 {
  margin-top: 1.25em;
  font-size: 1.05em;
}
.v-drive-features-new .enclosure-options .enclosure-features li h3 img {
  max-height: 1.5rem;
  margin: 0;
}
.v-drive-features-new .enclosure-options .enclosure-features li h4 {
  margin-top: 0;
}
.v-drive-features-new .enclosure-options .enclosure-features li h4 img {
  max-height: 1.5rem;
  margin: 0;
}
@media (min-width: 75em) {
  .v-drive-features-new .enclosure-options#ip20-enclosure .enclosure-feature-image {
    margin-top: -7rem;
  }
}
.v-drive-features-new .enclosure-options#ip66-enclosure > .span a.ip66-link {
  margin-bottom: 1rem;
}
@media (min-width: 48em) {
  .v-drive-features-new .enclosure-options#ip66-enclosure > .span a.ip66-link {
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 2rem;
  }
}
@media (min-width: 62em) {
  .v-drive-features-new .enclosure-options#ip66-enclosure > .span .enclosure-feature-images {
    width: 100%;
    margin-top: -7rem;
  }
  .v-drive-features-new .enclosure-options#ip66-enclosure > .span .enclosure-feature-images > div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .v-drive-features-new .enclosure-options#ip66-enclosure > .span .enclosure-feature-images > div img {
    flex-shrink: 0;
    margin-top: 3em;
  }
}
@media (min-width: 75em) {
  .v-drive-features-new .enclosure-options#ip66-enclosure > .span .enclosure-feature-images > div img {
    margin-top: 1em;
  }
}
@media (min-width: 90em) {
  .v-drive-features-new .enclosure-options#ip66-enclosure > .span .enclosure-feature-images > div img {
    margin-top: 0;
  }
}
.v-drive-features-new .enclosure-options#ip66-enclosure > .span .red-numbered.split {
  columns: 2;
}
.v-drive-features-new .enclosure-options#ip66-enclosure > .span .red-numbered.split li {
  margin-left: 0.5rem;
}
.v-drive-features-new .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-new .enclosure-options#ip66-indoor-enclosure > .span::before {
    top: 1.75rem;
  }
}
.v-drive-features-new .enclosure-options#ip66-indoor-enclosure .enclosure-features {
  justify-content: flex-start;
}
@media (min-width: 62em) {
  .v-drive-features-new .enclosure-options#ip66-indoor-enclosure .enclosure-feature-image {
    margin-top: 2rem;
    margin-left: auto;
  }
}
.v-drive-features-new .enclosure-options[data-bg=purple-grid] {
  margin-bottom: 2em !important;
  padding: 3em 0 1em !important;
}
.v-drive-features-new .enclosure-options[data-bg=purple-grid] .ip-rating {
  border-color: #fff;
}
.v-drive-features-new .enclosure-options[data-bg=purple-grid]#ip66-enclosure > .span a.ip66-link {
  color: #fff !important;
}

.v-drive-downloads .product_page_links nav ul li a[data-page=documentation] {
  color: #fff;
  background: rgb(26, 27, 43);
  border: none;
}

.v-drive-model-data .product_page_links nav ul li a[data-page=modeldata] {
  color: #fff;
  background: rgb(26, 27, 43);
  border: none;
}

/* Optidrive Elevator Core */
body[class*=v-optidrive-elevator-core-] #promotions #site-links {
  justify-content: flex-start;
}
@media (min-width: 48em) {
  body[class*=v-optidrive-elevator-core-] #promotions #site-links li {
    margin-right: 3%;
  }
}
body[class*=v-optidrive-elevator-core-] #promotions #site-links li[data-link=save-energy] {
  display: none;
}

body.v-optidrive-elevator-core-overview .drive-banner::before {
  background: rgb(26, 27, 43);
}
@media (min-width: 48em) {
  body.v-optidrive-elevator-core-overview .drive-banner #drive-bg::before {
    content: "";
    background: -moz-linear-gradient(left, #1a1b2b 0%, rgba(26, 27, 43, 0) 100%);
    background: -webkit-linear-gradient(left, #1a1b2b 0%, rgba(26, 27, 43, 0) 100%);
    background: linear-gradient(to right, #1a1b2b 0%, rgba(26, 27, 43, 0) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 12rem;
  }
  body.v-optidrive-elevator-core-overview .drive-banner #drive-bg::after {
    content: "";
    background: -moz-linear-gradient(left, #1a1b2b 0%, rgba(26, 27, 43, 0) 100%);
    background: -webkit-linear-gradient(left, #1a1b2b 0%, rgba(26, 27, 43, 0) 100%);
    background: linear-gradient(to right, #1a1b2b 0%, rgba(26, 27, 43, 0) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 12rem;
    transform: scaleX(-1);
  }
}
@media (min-width: 80em) {
  body.v-optidrive-elevator-core-overview .drive-banner #drive-bg {
    width: 80rem;
  }
  body.v-optidrive-elevator-core-overview .drive-banner #drive-bg::before {
    width: 20rem;
  }
  body.v-optidrive-elevator-core-overview .drive-banner #drive-bg::after {
    width: 20rem;
  }
}
body.v-optidrive-elevator-core-overview .drive-summary h2 {
  color: #ef7d00;
}
body.v-optidrive-elevator-core-overview .drive-summary .brochure-links > a {
  background: #ef7d00;
}
body.v-optidrive-elevator-core-overview .drive-summary .video#the-inside-story {
  background: none;
  padding: 0;
  border-radius: 0;
  max-width: 20rem;
  display: block;
}
body.v-optidrive-elevator-core-overview .drive-summary .video#the-inside-story > div::before {
  transition: all 0.125s ease-in-out;
}
body.v-optidrive-elevator-core-overview .drive-summary .video#the-inside-story:hover > div::before {
  opacity: 1;
}
body.v-optidrive-elevator-core-overview .drive-summary .video#the-inside-story span {
  width: 100%;
  text-align: center;
  color: #000;
  display: block;
  padding-top: 0.5rem;
}
@media (min-width: 62em) {
  body.v-optidrive-elevator-core-overview .drive-summary .brochure-links.broch-exists::before {
    content: "";
    width: 15rem;
    height: 11.46rem;
    background: url("/img/content/drives/optidrive-elevator-core/elev-core-brochure.webp") 0 0/100% 100% no-repeat;
    position: absolute;
    right: 14rem;
    bottom: -2.5rem;
  }
}
@media (min-width: 62em) and (min-width: 75em) {
  body.v-optidrive-elevator-core-overview .drive-summary .brochure-links.broch-exists::before {
    width: 18rem;
    height: 13.752rem;
    bottom: -3rem;
  }
}
@media (min-width: 48em) {
  body.v-optidrive-elevator-core-overview .main-features {
    margin-top: 10rem;
  }
}
@media (min-width: 62em) {
  body.v-optidrive-elevator-core-overview .main-features {
    margin-top: 0;
  }
}
body.v-optidrive-elevator-core-overview .main-features > .span {
  padding: 3em 0;
}
@media (min-width: 48em) {
  body.v-optidrive-elevator-core-overview .main-features > .span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url("/img/content/drives/optidrive-elevator-core/elev-core-elev-bg.webp") 100% 100%/auto 100% no-repeat;
    transform: translateX(25%);
    opacity: 0.8;
  }
}
@media (min-width: 48em) and (min-width: 62em) {
  body.v-optidrive-elevator-core-overview .main-features > .span::before {
    opacity: 1;
    transform: translateX(10%);
  }
}
@media (min-width: 48em) and (min-width: 75em) {
  body.v-optidrive-elevator-core-overview .main-features > .span::before {
    transform: translateX(15%);
  }
}
body.v-optidrive-elevator-core-overview .main-features > .span img {
  margin-top: -2rem;
  width: 25rem;
}
@media (min-width: 48em) {
  body.v-optidrive-elevator-core-overview .main-features > .span img {
    margin-top: -15rem;
    width: 28rem;
  }
}
@media (min-width: 62em) {
  body.v-optidrive-elevator-core-overview .main-features > .span img {
    margin-top: -7rem;
  }
}
@media (min-width: 75em) {
  body.v-optidrive-elevator-core-overview .main-features > .span img {
    margin-left: -1rem;
    width: 38rem;
    max-width: none;
  }
}
@media (min-width: 90em) {
  body.v-optidrive-elevator-core-overview .main-features > .span img {
    margin-top: -7rem;
  }
}
body.v-optidrive-elevator-core-overview .main-features > .span h2 {
  color: #ef7d00;
}

body.v-optidrive-elevator-core-features .feature-cols h2 {
  color: #ef7d00;
}
body.v-optidrive-elevator-core-features .feature-cols .elev-arrow {
  padding-top: 3.5rem;
  position: relative;
}
body.v-optidrive-elevator-core-features .feature-cols .elev-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 3.5663265306rem;
  height: 3rem;
  background: url("/img/content/drives/optidrive-elevator-core/orange-arrow.svg") 0 0/100% 100% no-repeat;
}
@media (min-width: 75em) {
  body.v-optidrive-elevator-core-features .feature-cols .elev-arrow {
    padding-top: 2.5rem;
  }
  body.v-optidrive-elevator-core-features .feature-cols .elev-arrow::before {
    width: 2.3775510204rem;
    height: 2rem;
  }
}
body.v-optidrive-elevator-core-features .feature-cols .elev-arrow span {
  display: block;
}
body.v-optidrive-elevator-core-features .feature-cols .elev-arrow span.purple {
  color: rgb(83, 84, 134);
  font-size: 2.5em;
}
@media (min-width: 48em) {
  body.v-optidrive-elevator-core-features .features-links .feature-img {
    z-index: 1;
    margin-left: auto;
    width: 40rem;
    max-width: calc(100% - 4rem);
    position: relative;
    margin-top: -5em;
  }
}
@media (min-width: 48em) and (min-width: 62em) {
  body.v-optidrive-elevator-core-features .features-links .feature-img {
    width: 30rem;
    margin-bottom: -8em;
  }
}
@media (min-width: 48em) and (min-width: 75em) {
  body.v-optidrive-elevator-core-features .features-links .feature-img {
    width: 40rem;
    margin-top: -10em;
    margin-bottom: -10em;
  }
}
@media (min-width: 48em) and (min-width: 90em) {
  body.v-optidrive-elevator-core-features .features-links .feature-img {
    margin-bottom: -12em;
  }
}
body.v-optidrive-elevator-core-features .other-features h2 {
  color: #ef7d00;
}

/* Optidrive P2 */
body.v-optidrive-p2-overview .drive-banner {
  height: unset;
}

/* Optidrive E3 */
body.v-optidrive-e3-overview .main-features, body.v-optidrive-e3-single-phase-overview .main-features {
  margin-top: 0;
}
@media (min-width: 62em) {
  body.v-optidrive-e3-overview .main-features::before, body.v-optidrive-e3-single-phase-overview .main-features::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    aspect-ratio: 1/1.1611111111;
    max-width: 50rem;
    background: url("/img/content/drives/optidrive-e3/e3-bg.webp") 0 0/cover no-repeat;
  }
}
@media (min-width: 62em) and (min-width: 101.75em) {
  body.v-optidrive-e3-overview .main-features::before, body.v-optidrive-e3-single-phase-overview .main-features::before {
    right: calc((100vw - 96rem) / 2);
  }
}
@media (min-width: 75em) {
  body.v-optidrive-e3-overview .main-features, body.v-optidrive-e3-single-phase-overview .main-features {
    margin-top: 2rem;
  }
}
body.v-optidrive-e3-overview .main-features > .span img, body.v-optidrive-e3-single-phase-overview .main-features > .span img {
  margin-top: 0;
}
@media (min-width: 62em) {
  body.v-optidrive-e3-overview .main-features > .span img, body.v-optidrive-e3-single-phase-overview .main-features > .span img {
    margin-top: -10em;
  }
}
body.v-optidrive-e3-overview .drive-summary .feature--img, body.v-optidrive-e3-single-phase-overview .drive-summary .feature--img {
  margin-left: -3em;
}
body.v-optidrive-e3-overview .drive-summary .ecodesign-product-ad, body.v-optidrive-e3-single-phase-overview .drive-summary .ecodesign-product-ad {
  padding: 0;
}
@media (min-width: 48em) {
  body.v-optidrive-e3-overview .drive-summary .ecodesign-product-ad > div, body.v-optidrive-e3-single-phase-overview .drive-summary .ecodesign-product-ad > div {
    max-width: 15rem;
  }
}
body.v-optidrive-e3-overview .drive-summary .ecodesign-product-ad > div a, body.v-optidrive-e3-single-phase-overview .drive-summary .ecodesign-product-ad > div a {
  padding-right: 1rem;
  background: none;
}
body.v-optidrive-e3-overview .drive-summary .feature--fieldbuses img, body.v-optidrive-e3-single-phase-overview .drive-summary .feature--fieldbuses img {
  max-height: 1.25em;
}
@media (min-width: 48em) {
  body.v-optidrive-e3-overview .drive-summary .motor-types, body.v-optidrive-e3-single-phase-overview .drive-summary .motor-types {
    margin-left: -0.5em;
  }
}
body.v-optidrive-e3-overview .drive-summary .video#e3-video-trigger, body.v-optidrive-e3-single-phase-overview .drive-summary .video#e3-video-trigger {
  background: none;
  padding: 0;
  border-radius: 1em;
  display: block;
  overflow: hidden;
}
body.v-optidrive-e3-overview .drive-summary .video#e3-video-trigger > div::before, body.v-optidrive-e3-single-phase-overview .drive-summary .video#e3-video-trigger > div::before {
  transform: translate(-50%, -75%);
  font-size: 4em;
}
body.v-optidrive-e3-overview .drive-summary .video#e3-video-trigger > div::after, body.v-optidrive-e3-single-phase-overview .drive-summary .video#e3-video-trigger > div::after {
  content: "WATCH VIDEO";
  font-family: "Montserrat", sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  color: #fff;
  opacity: 0.75;
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  pointer-events: none;
}
body.v-optidrive-e3-overview .drive-summary .video#e3-video-trigger > div::before, body.v-optidrive-e3-overview .drive-summary .video#e3-video-trigger > div::after, body.v-optidrive-e3-single-phase-overview .drive-summary .video#e3-video-trigger > div::before, body.v-optidrive-e3-single-phase-overview .drive-summary .video#e3-video-trigger > div::after {
  transition: all 0.125s ease-in-out;
}
body.v-optidrive-e3-overview .drive-summary .video#e3-video-trigger:hover > div::before, body.v-optidrive-e3-overview .drive-summary .video#e3-video-trigger:hover > div::after, body.v-optidrive-e3-single-phase-overview .drive-summary .video#e3-video-trigger:hover > div::before, body.v-optidrive-e3-single-phase-overview .drive-summary .video#e3-video-trigger:hover > div::after {
  opacity: 1;
}
body.v-optidrive-e3-overview .drive-summary .video#e3-video-trigger span, body.v-optidrive-e3-single-phase-overview .drive-summary .video#e3-video-trigger span {
  width: 100%;
  text-align: center;
  color: #000;
  display: block;
  padding-top: 0.5rem;
}
@media (min-width: 48em) {
  body.v-optidrive-e3-overview .drive-summary .feature--fieldbuses, body.v-optidrive-e3-single-phase-overview .drive-summary .feature--fieldbuses {
    text-align: right;
  }
  body.v-optidrive-e3-overview .drive-summary .feature--fieldbuses ul, body.v-optidrive-e3-single-phase-overview .drive-summary .feature--fieldbuses ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}
@media (min-width: 48em) {
  body.v-optidrive-e3-overview .drive-summary .five_year_badge, body.v-optidrive-e3-single-phase-overview .drive-summary .five_year_badge {
    margin-top: 2em;
    margin-bottom: 2em;
  }
}
@media (min-width: 62em) {
  body.v-optidrive-e3-overview .drive-summary .five_year_badge, body.v-optidrive-e3-single-phase-overview .drive-summary .five_year_badge {
    width: 10em;
  }
}
@media (min-width: 75em) {
  body.v-optidrive-e3-overview .drive-summary .five_year_badge, body.v-optidrive-e3-single-phase-overview .drive-summary .five_year_badge {
    position: static;
    width: 8em;
    margin-top: 0;
    margin-bottom: 0;
  }
}
body.v-optidrive-e3-overview .drive-summary .brochure-links, body.v-optidrive-e3-single-phase-overview .drive-summary .brochure-links {
  margin: 0;
  position: relative;
  display: block;
}
@media (min-width: 62em) {
  body.v-optidrive-e3-overview .drive-summary .brochure-links, body.v-optidrive-e3-single-phase-overview .drive-summary .brochure-links {
    padding-left: 11rem;
    padding-top: 5rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 75em) {
  body.v-optidrive-e3-overview .drive-summary .brochure-links, body.v-optidrive-e3-single-phase-overview .drive-summary .brochure-links {
    padding-top: 7rem;
    padding-left: 14rem;
  }
}
@media (min-width: 75em) and (min-width: 90em) {
  body.v-optidrive-e3-overview .drive-summary .brochure-links, body.v-optidrive-e3-single-phase-overview .drive-summary .brochure-links {
    padding-left: 16rem;
  }
}
body.v-optidrive-e3-overview .drive-summary .brochure-links > a, body.v-optidrive-e3-single-phase-overview .drive-summary .brochure-links > a {
  display: block;
  padding: 0.5em 3em 0.5em 0.75em;
  max-width: 100%;
}
@media (min-width: 62em) {
  body.v-optidrive-e3-overview .drive-summary .brochure-links > a, body.v-optidrive-e3-single-phase-overview .drive-summary .brochure-links > a {
    max-width: 15em;
  }
}
@media (min-width: 62em) {
  body.v-optidrive-e3-overview .drive-summary .brochure-links::before, body.v-optidrive-e3-single-phase-overview .drive-summary .brochure-links::before {
    width: 15rem;
    height: 11.46rem;
    right: unset;
    left: 0;
    top: 0;
    content: "";
    width: 15rem;
    height: 11.46rem;
    background: url("/img/content/drives/optidrive-e3/e3-brochure.webp") 0 0/100% 100% no-repeat;
    position: absolute;
  }
}
@media (min-width: 62em) and (min-width: 75em) {
  body.v-optidrive-e3-overview .drive-summary .brochure-links::before, body.v-optidrive-e3-single-phase-overview .drive-summary .brochure-links::before {
    width: 18rem;
    height: 13.752rem;
    top: 3em;
  }
}
@media (min-width: 62em) and (min-width: 75em) and (min-width: 90em) {
  body.v-optidrive-e3-overview .drive-summary .brochure-links::before, body.v-optidrive-e3-single-phase-overview .drive-summary .brochure-links::before {
    width: 25rem;
    height: 19.1rem;
  }
}

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

/* Optidrive E4 */
body.v-optidrive-e4-overview .main-features {
  margin-top: 0;
}
@media (min-width: 62em) {
  body.v-optidrive-e4-overview .main-features::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    aspect-ratio: 1/1.1611111111;
    max-width: 50rem;
    opacity: 0.5;
    background: url("/img/content/drives/optidrive-e3/e3-bg.webp") 0 0/cover no-repeat;
  }
}
@media (min-width: 62em) and (min-width: 62em) {
  body.v-optidrive-e4-overview .main-features::before {
    left: 8em;
  }
}
@media (min-width: 62em) and (min-width: 101.75em) {
  body.v-optidrive-e4-overview .main-features::before {
    left: calc((100vw - 96rem) / 2 + 18em);
  }
}
@media (min-width: 75em) {
  body.v-optidrive-e4-overview .main-features {
    margin-top: 5rem;
  }
}
body.v-optidrive-e4-overview .main-features > .span img {
  margin-top: 0;
}
@media (min-width: 62em) {
  body.v-optidrive-e4-overview .main-features > .span img {
    margin-top: -5em;
  }
}
@media (min-width: 62em) and (min-width: 75em) {
  body.v-optidrive-e4-overview .main-features > .span img {
    margin-top: -6em;
    margin-left: auto;
    width: 34rem;
  }
}
@media (min-width: 62em) and (min-width: 90em) {
  body.v-optidrive-e4-overview .main-features > .span img {
    margin-top: -12em;
    margin-right: auto;
    width: 38rem;
  }
}
body.v-optidrive-e4-overview .drive-summary .feature--img {
  margin-left: -3em;
}
body.v-optidrive-e4-overview .drive-summary .ecodesign-product-ad {
  padding: 0;
}
@media (min-width: 48em) {
  body.v-optidrive-e4-overview .drive-summary .ecodesign-product-ad > div {
    max-width: 15rem;
  }
}
body.v-optidrive-e4-overview .drive-summary .ecodesign-product-ad > div a {
  padding-right: 1rem;
  background: none;
}
@media (min-width: 48em) {
  body.v-optidrive-e4-overview .drive-summary .motor-types {
    margin-left: -0.5em;
  }
}
body.v-optidrive-e4-overview .drive-summary .video#e4-video-trigger {
  background: none;
  padding: 0;
  border-radius: 1em;
  display: block;
  overflow: hidden;
}
body.v-optidrive-e4-overview .drive-summary .video#e4-video-trigger > div::before {
  transform: translate(-50%, -75%);
  font-size: calc(7vw + 1em);
  top: 75%;
}
@media (min-width: 35em) {
  body.v-optidrive-e4-overview .drive-summary .video#e4-video-trigger > div::before {
    font-size: calc(5vw + 1em);
  }
}
@media (min-width: 48em) {
  body.v-optidrive-e4-overview .drive-summary .video#e4-video-trigger > div::before {
    font-size: 3em;
  }
}
@media (min-width: 62em) {
  body.v-optidrive-e4-overview .drive-summary .video#e4-video-trigger > div::before {
    font-size: 4em;
  }
}
body.v-optidrive-e4-overview .drive-summary .video#e4-video-trigger > div::after {
  content: "WATCH VIDEO";
  font-family: "Montserrat", sans-serif;
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, 50%);
  color: #fff;
  opacity: 0.75;
  font-size: calc(2vw + 0.5em);
  text-align: center;
  width: 100%;
  pointer-events: none;
}
@media (min-width: 35em) {
  body.v-optidrive-e4-overview .drive-summary .video#e4-video-trigger > div::after {
    font-size: calc(1.5vw + 0.5em);
  }
}
@media (min-width: 48em) {
  body.v-optidrive-e4-overview .drive-summary .video#e4-video-trigger > div::after {
    font-size: 1.25em;
  }
}
@media (min-width: 62em) {
  body.v-optidrive-e4-overview .drive-summary .video#e4-video-trigger > div::after {
    font-size: 1.5em;
  }
}
body.v-optidrive-e4-overview .drive-summary .video#e4-video-trigger > div::before, body.v-optidrive-e4-overview .drive-summary .video#e4-video-trigger > div::after {
  transition: all 0.125s ease-in-out;
}
body.v-optidrive-e4-overview .drive-summary .video#e4-video-trigger:hover > div::before, body.v-optidrive-e4-overview .drive-summary .video#e4-video-trigger:hover > div::after {
  opacity: 1;
}
body.v-optidrive-e4-overview .drive-summary .video#e4-video-trigger span {
  width: 100%;
  text-align: center;
  color: #000;
  display: block;
  padding-top: 0.5rem;
}
body.v-optidrive-e4-overview .drive-summary .feature--fieldbuses img {
  max-height: 1.25em;
  max-width: 10em;
}
body.v-optidrive-e4-overview .drive-summary .feature--fieldbuses .fieldbus--bacnet img {
  max-height: 1.75em;
}
@media (min-width: 48em) {
  body.v-optidrive-e4-overview .drive-summary .feature--fieldbuses {
    text-align: right;
  }
  body.v-optidrive-e4-overview .drive-summary .feature--fieldbuses ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}
@media (min-width: 48em) {
  body.v-optidrive-e4-overview .drive-summary .five_year_badge {
    margin-top: 2em;
    margin-bottom: 2em;
  }
}
@media (min-width: 62em) {
  body.v-optidrive-e4-overview .drive-summary .five_year_badge {
    width: 10em;
  }
}
@media (min-width: 75em) {
  body.v-optidrive-e4-overview .drive-summary .five_year_badge {
    position: static;
    width: 8em;
    margin-top: 0;
    margin-bottom: 0;
  }
}
body.v-optidrive-e4-overview .drive-summary .brochure-links {
  margin: 0;
  position: relative;
  display: block;
}
@media (min-width: 62em) {
  body.v-optidrive-e4-overview .drive-summary .brochure-links {
    padding-left: 11rem;
    padding-top: 5rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 75em) {
  body.v-optidrive-e4-overview .drive-summary .brochure-links {
    padding-top: 7rem;
    padding-left: 14rem;
    margin-top: 2em;
  }
}
@media (min-width: 75em) and (min-width: 90em) {
  body.v-optidrive-e4-overview .drive-summary .brochure-links {
    padding-left: 16rem;
  }
}
body.v-optidrive-e4-overview .drive-summary .brochure-links > a {
  display: block;
  padding: 0.5em 3em 0.5em 0.75em;
  max-width: 100%;
}
@media (min-width: 62em) {
  body.v-optidrive-e4-overview .drive-summary .brochure-links > a {
    max-width: 15em;
  }
}
@media (min-width: 62em) {
  body.v-optidrive-e4-overview .drive-summary .brochure-links::before {
    width: 15rem;
    height: 11.46rem;
    right: unset;
    left: 0;
    top: 0;
    content: "";
    width: 15rem;
    height: 11.46rem;
    background: url("/img/content/drives/optidrive-e3/e3-brochure.webp") 0 0/100% 100% no-repeat;
    position: absolute;
  }
}
@media (min-width: 62em) and (min-width: 75em) {
  body.v-optidrive-e4-overview .drive-summary .brochure-links::before {
    width: 18rem;
    height: 13.752rem;
    top: 3em;
  }
}
@media (min-width: 62em) and (min-width: 75em) and (min-width: 90em) {
  body.v-optidrive-e4-overview .drive-summary .brochure-links::before {
    width: 25rem;
    height: 19.1rem;
  }
}
@media (min-width: 48em) {
  body.v-optidrive-e4-overview .motor-types li {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 62em) {
  body.v-optidrive-e4-features .enclosure-options .enclosure-features li {
    flex: 0 0 48%;
    max-width: 48%;
  }
}
body.v-optidrive-e4-features .enclosure-options .enclosure-features li h4 img {
  max-width: 12rem;
  max-height: 1.65rem;
}

body[class*=v-optidrive-e4-]:not(.v-optidrive-e4-overview) .drive-banner h1 img {
  height: 1.75em;
}
@media (min-width: 75em) {
  body[class*=v-optidrive-e4-]:not(.v-optidrive-e4-overview) .drive-banner .drive-ratings {
    right: 18em;
  }
}

.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: rgb(51, 51, 51);
    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: flex-end;
}

.network-results nav #navigation {
  display: flex;
  flex-direction: column;
}

.network-results nav #navigation > a {
  margin-left: 0.5rem;
  margin-top: 0.75rem;
}

.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: rgb(153, 153, 153);
  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);
}

.network-results.svg-row nav {
  margin-top: -2.9375rem;
}

@media (min-width: 62em) {
  .network-results.svg-row .network-breadcrumbs {
    display: none;
  }
  .network-results.svg-row nav {
    justify-content: flex-end;
    margin-top: -8rem;
  }
  .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 #banner {
  padding-top: 0;
  padding-bottom: 0;
}

.v-network .btn.btn-contact-hq {
  background: #0060d8;
  color: #fff;
  padding: 0.5em 1.75em 0.5em 0.9375em;
  text-align: left;
  position: relative;
}

.v-network .btn.btn-contact-hq::after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  font-weight: 300;
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translateY(-50%);
}

@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: " "; /*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: rgb(77, 77, 77);
}

.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: rgb(83, 84, 134);
}

.partner-list .card .attributes li[data-type=hvac]::before {
  background-color: rgb(118, 184, 42);
}

.partner-list .card .attributes li[data-type=solutions]::before {
  background-color: rgb(148, 140, 195);
}

.partner-list .card .attributes li[data-type=refrigeration]::before {
  background-color: rgb(64, 221, 255);
}

.partner-list .card .attributes li[data-type=elevators]::before {
  background-color: rgb(239, 125, 0);
}

.partner-list .card .attributes li[data-type=factory-rep]::before {
  background-color: rgb(219, 65, 65);
}

.partner-list .card .attributes li[data-type=distributor]::before {
  background-color: rgb(65, 99, 224);
}

.partner-list .card .attributes li[data-type=sumitomo-customer]::before {
  background-color: rgb(204, 255, 255);
}

.partner-list .card .attributes li[data-type=service-centre]::before {
  background-color: rgb(0, 141, 17);
}

.partner-list .card .attributes li[data-type="24hr"]::before {
  background-color: rgb(184, 206, 227);
}

.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: rgb(83, 84, 134);
}

.network-results .key .category > span[data-item=hvac]::before {
  background-color: rgb(118, 184, 42);
}

.network-results .key .category > span[data-item=solutions]::before {
  background-color: rgb(148, 140, 195);
}

.network-results .key .category > span[data-item=refrigeration]::before {
  background-color: rgb(64, 221, 255);
}

.network-results .key .category > span[data-item=elevators]::before {
  background-color: rgb(239, 125, 0);
}

.network-results .key .category > span[data-item=factory-rep]::before {
  background-color: rgb(219, 65, 65);
}

.network-results .key .category > span[data-item=distributor]::before {
  background-color: rgb(65, 99, 224);
}

.network-results .key .category > span[data-item=sumitomo-customer]::before {
  background-color: rgb(204, 255, 255);
}

.network-results .key .category > span[data-item=service-centre]::before {
  background-color: rgb(0, 141, 17);
}

.network-results .key .category > span[data-item="24hr"]::before {
  background-color: rgb(184, 206, 227);
}

.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: rgb(83, 84, 134);
}

.network-results .key.filters .category > button[data-filter=".hvac"]::before {
  background-color: rgb(118, 184, 42);
}

.network-results .key.filters .category > button[data-filter=".solutions"]::before {
  background-color: rgb(148, 140, 195);
}

.network-results .key.filters .category > button[data-filter=".refrigeration"]::before {
  background-color: rgb(64, 221, 255);
}

.network-results .key.filters .category > button[data-filter=".elevators"]::before {
  background-color: rgb(239, 125, 0);
}

.network-results .key.filters .category > button[data-filter=".service-centre"]::before {
  background-color: rgb(0, 141, 17);
}

.network-results .key.filters .category > button[data-filter=".24hr"]::before {
  background-color: rgb(184, 206, 227);
}

.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";
}

.network-results .key.filters .category > button[data-filter=".factory-rep"]::before {
  background-color: rgb(219, 65, 65);
}

.network-results .key.filters .category > button[data-filter=".distributor"]::before {
  background-color: rgb(65, 99, 224);
}

.network-results .key.filters .category > button[data-filter=".sumitomo-customer"]::before {
  background-color: rgb(204, 255, 255);
}

.network-results .filter-headings h3 {
  font-size: 1.65em;
  color: #0060d8;
}
.network-results .filter-headings h3 span {
  color: #000;
  font-weight: 400;
  text-transform: capitalize;
}

@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: rgb(153, 153, 153);
  text-align: center;
  font-weight: 300;
  font-size: 1.875rem;
}

.partner-list .partner-summary .card > a:hover::after {
  color: rgb(83, 84, 134);
}

.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 rgb(242, 242, 242);
  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: rgb(83, 84, 134);
  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 rgb(83, 84, 134);
}

.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: rgb(83, 84, 134);
}

.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 rgb(83, 84, 134);
  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: rgb(83, 84, 134);
}

@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 rgb(230, 230, 230);
}

.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: rgb(242, 242, 242);
  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: rgb(83, 84, 134);
}

.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 rgb(83, 84, 134);
  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 #map-navigation {
  display: flex;
  justify-content: flex-end;
  z-index: 1;
}
@media (min-width: 62em) {
  #svg-map .svgMapHeading {
    position: absolute;
    top: 1rem;
    left: 0.9375rem;
  }
}
#svg-map .svgMapHeading img {
  display: none;
  width: 2.5em;
  margin: 0;
  box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.5);
  margin-bottom: 2rem;
}
@media (min-width: 62em) {
  #svg-map .svgMapHeading img {
    display: block;
  }
}
#svg-map .svgMapHeading span {
  font-size: 1.5em;
  font-weight: 200;
}
@media (min-width: 62em) {
  #svg-map .svgMapHeading span {
    font-size: 1.75em;
    max-width: 7em;
    display: block;
  }
}
@media (min-width: 75em) {
  #svg-map .svgMapHeading span {
    font-size: 2em;
  }
}

#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: #9d9d9d;
  stroke: #fff;
  stroke-width: 2.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);
    margin-top: -2rem;
    margin-bottom: -1rem;
    padding-left: 5rem;
  }
}
@media (min-width: 75em) {
  .svg-map {
    margin-bottom: -2rem;
  }
}
.v-policydocs .banner {
  padding: 2em 0 4em;
}
@media (min-width: 62em) {
  .v-policydocs .banner {
    padding: 4em 0 6em;
  }
  .v-policydocs .banner::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url("/img/content/about/policy-banner-texture.png");
    background-position: right center;
    background-size: auto 100%;
    background-repeat: no-repeat;
  }
  .v-policydocs .banner::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("/img/content/about/policy-banner.png") 100% 100%/auto 90% no-repeat;
  }
}
@media (min-width: 90em) {
  .v-policydocs .banner::after {
    background-position: calc(100% - (100vw - 96rem) / 2) 50%;
  }
}
.v-policydocs .documentation {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: -5em;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 62em) {
  .v-policydocs .documentation {
    margin-top: -7em;
  }
}
.v-policydocs .documentation .pdf {
  padding: 1.5rem 3.5rem 1.5rem 4.5rem;
  display: block;
  max-width: 100%;
  position: relative;
  background: #fff;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  font-weight: 400;
  color: #000 !important;
  font-size: 1.3em;
  height: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.v-policydocs .documentation .pdf::before {
  content: "\f1c1";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2.75rem;
  color: red;
  font-weight: 200;
}
.v-policydocs .documentation .pdf::after {
  content: "\f33d";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.75rem;
  color: rgb(83, 84, 134);
  font-weight: 400;
}

.v-dl .col-download {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5em;
  padding-right: 5em;
}
.v-dl .col-download .btn {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
  border-radius: 0;
  font-size: 1.1em;
  padding: 0.5em 0.75em;
}
.v-dl .col-download img {
  box-shadow: 0px 2px 8px 0px #999999;
}
@media (min-width: 48em) {
  .v-dl .col-download {
    padding-left: 11.5em;
    padding-right: 11.5em;
  }
}
@media (min-width: 62em) {
  .v-dl .col-download {
    padding-left: 20em;
    padding-right: 20em;
  }
}
@media (min-width: 75em) {
  .v-dl .col-download {
    padding-left: 25em;
    padding-right: 25em;
  }
}
@media (min-width: 90em) {
  .v-dl .col-download {
    padding-left: 30em;
    padding-right: 30em;
  }
}

.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);
  }
}

@media (min-width: 62em) {
  .v-about-new .lead {
    font-size: 1.125em;
  }
}
.v-about-new .banner > .span {
  padding: 2rem 0;
}
@media (min-width: 48em) {
  .v-about-new .banner > .span {
    padding: 3.5rem 0;
  }
}
@media (min-width: 48em) and (min-width: 62em) {
  .v-about-new .banner > .span {
    padding: 5rem 0;
  }
}
.v-about-new #map-row {
  background: url("/img/content/about/map.svg") center center/cover no-repeat;
}
.v-about-new #map-row > .span {
  padding: 2rem 0;
}
@media (min-width: 48em) {
  .v-about-new #map-row > .span {
    padding: 3.5rem 0;
  }
}
@media (min-width: 48em) and (min-width: 62em) {
  .v-about-new #map-row > .span {
    padding: 5rem 0;
  }
}
.v-about-new #map-row > .span .polaroid {
  width: 12em;
  transform: rotate(6deg);
  float: right;
  margin-right: -4em;
  margin-left: 1em;
  z-index: 2;
  position: relative;
  display: none;
}
@media (min-width: 48em) {
  .v-about-new #map-row > .span .polaroid {
    display: block;
  }
}
@media (min-width: 90em) {
  .v-about-new #map-row > .span .polaroid {
    width: 13.5em;
    margin-top: -2em;
    margin-right: -5em;
  }
}
@media (min-width: 62em) {
  .v-about-new #innovation::after {
    content: "";
    height: calc(100% + 3em);
    aspect-ratio: 1.7896678967/1;
    position: absolute;
    background: url("/img/content/sustainability/vines.svg") 0 0/contain no-repeat;
    right: -25em;
    top: 0;
    z-index: 1;
  }
}
@media (min-width: 62em) and (min-width: 75em) {
  .v-about-new #innovation::after {
    height: calc(100% + 5em);
    right: -15em;
  }
}
@media (min-width: 62em) and (min-width: 90em) {
  .v-about-new #innovation::after {
    right: calc((100vw - 96rem) / 2 - 5em);
  }
}
@media (min-width: 62em) {
  .v-about-new #employees #people-videos {
    padding-left: 2.5em;
  }
}
@media (min-width: 36em) and (max-width: 62em) {
  .v-about-new #employees #people-videos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .v-about-new #employees #people-videos .tv-video {
    flex: 0 0 calc(50% - 0.475rem);
    max-width: calc(50% - 0.475rem);
  }
  .v-about-new #employees #people-videos .tv-video#video-1-trigger, .v-about-new #employees #people-videos .tv-video#video-3-trigger {
    margin-left: auto;
  }
}
.v-about-new #employees #people-videos .tv-video {
  display: block;
  margin-bottom: 2em;
  padding-top: 12em;
  position: relative;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
}
.v-about-new #employees #people-videos .tv-video:hover .thumb::before {
  opacity: 0.45;
  z-index: 2;
}
.v-about-new #employees #people-videos .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-about-new #employees #people-videos .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-about-new #employees #people-videos .tv-video .thumb::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.15;
}
.v-about-new #employees #people-videos .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-about-new .video-wrapper {
  position: relative;
}
.v-about-new #manufacturing-preview {
  margin-top: 2rem;
  height: 20em;
  overflow: hidden;
  display: flex;
  align-items: center;
}
@media (min-width: 62em) {
  .v-about-new #manufacturing-preview {
    margin-top: 0;
    height: auto;
  }
}
@media (min-width: 75em) {
  .v-about-new #manufacturing-preview {
    margin-top: -22em;
  }
}
.v-about-new #manufacturing-preview a {
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  margin-bottom: 0;
  z-index: 2;
}
.v-about-new #innovation-preview {
  margin-top: 2rem;
  height: 20em;
  overflow: hidden;
  display: flex;
  align-items: center;
}
@media (min-width: 62em) {
  .v-about-new #innovation-preview {
    margin-top: 0;
    height: auto;
    margin-left: -5em;
    margin-right: 2em;
  }
}
.v-about-new #innovation-preview a {
  position: absolute;
  right: 2rem;
  top: 2rem;
  margin-bottom: 0;
  z-index: 2;
}
.v-about-new #operations-overview-still, .v-about-new #innovation-overview-still {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}
.v-about-new #operations-overview-still.hide, .v-about-new #innovation-overview-still.hide {
  opacity: 0;
}
.v-about-new #operations-overview, .v-about-new #innovation-overview {
  opacity: 0;
  z-index: 1;
}
.v-about-new #operations-overview.active, .v-about-new #innovation-overview.active {
  opacity: 1;
}

.v-planning #banner {
  background: rgb(83, 84, 134);
  color: #fff;
  margin-bottom: 5rem;
}
.v-planning #banner .img_wrapper {
  margin-bottom: -8.25rem;
}
.v-planning #banner::before {
  content: "";
  position: absolute;
  bottom: -5em;
  height: 100%;
  width: 125%;
  background: url("/img/content/planning/pixels.svg") center top/cover no-repeat;
  opacity: 0.44;
}
.v-planning #banner .preheader {
  font-weight: 800;
  font-size: 1.25em;
}
.v-planning #banner h1 {
  font-size: 2.5em;
  font-weight: 200;
  margin-bottom: 1em;
  padding-bottom: 1em;
  margin-top: 0.25em;
  position: relative;
}
.v-planning #banner h1::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15%;
  max-width: 15em;
  border-bottom: 1px solid white;
}
.v-planning #planning_content h2 {
  font-weight: 800;
  font-size: 1.25em;
}
.v-planning #planning_content ol {
  padding-left: 1em;
}
.v-planning #planning_content ol li::before {
  display: none;
}
.v-planning #supporting_docs h3 {
  font-size: 2em;
  font-weight: 200;
  width: 100%;
  border-bottom: rgb(83, 84, 134) 1px solid;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.v-planning #supporting_docs .download_list {
  font-size: 1.1em;
}
@media (min-width: 48em) {
  .v-planning #supporting_docs .download_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
    list-style: none;
  }
}
@media (min-width: 62em) {
  .v-planning #supporting_docs .download_list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.v-planning #supporting_docs .download_list li {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 1.25rem;
  position: relative;
}
.v-planning #supporting_docs .download_list li::before {
  content: "\f33d";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
  color: rgb(83, 84, 134);
  font-weight: 200;
}
.v-planning #supporting_docs .download_list li a {
  font-weight: 200;
  color: rgb(83, 84, 134);
}

.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;
}

.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: rgb(83, 84, 134);
}

.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;
  }
  .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.3333333333%;
  }
  .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;
  }
}
@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: rgb(83, 84, 134);
}

.v-cs #cs-banner h1,
body[class*=case-studies] #cs-banner h1 {
  font-size: 2.3em;
  margin-top: 2rem;
}
.v-cs #cs-banner h2,
body[class*=case-studies] #cs-banner h2 {
  font-size: 1.5em;
  margin-top: 2rem;
}
.v-cs #cs-banner .csTitle,
body[class*=case-studies] #cs-banner .csTitle {
  position: absolute;
  top: 0rem;
}
.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: rgb(83, 84, 134) 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: rgb(83, 84, 134) 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: rgb(83, 84, 134);
}

.v-case-studies #cs-banner .cp-roundal,
body[class*=case-studies] #cs-banner .cp-roundal {
  position: absolute;
  width: 5.5em;
  right: 0.9375rem;
  top: 1rem;
}
@media (min-width: 62em) {
  .v-case-studies #cs-banner .cp-roundal,
  body[class*=case-studies] #cs-banner .cp-roundal {
    top: calc(50% - 4.5em);
    width: 8em;
    z-index: 1;
  }
}
@media (min-width: 75em) {
  .v-case-studies #cs-banner .cp-roundal,
  body[class*=case-studies] #cs-banner .cp-roundal {
    top: calc(50% - 4em);
    width: 9em;
  }
}
.v-case-studies #cs-banner h1,
body[class*=case-studies] #cs-banner h1 {
  max-width: 65%;
}
@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=refrigeration]::before,
body[class*=case-studies] #cs-results #result-breadcrumbs > div[data-industry=refrigeration]::before {
  content: "\e03f";
}
.v-case-studies #cs-results #result-breadcrumbs > div[data-industry=data-centres]::before,
body[class*=case-studies] #cs-results #result-breadcrumbs > div[data-industry=data-centres]::before {
  content: "\f233";
}
.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 {
  padding-bottom: 11rem;
}
@media (min-width: 48em) {
  .v-case-study #cs-banner {
    padding: 1.5em 0;
    min-height: 20.625rem;
  }
}

.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.14475rem;
  margin-left: 1rem;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
}
.v-case-study #cs-banner-links .cp-roundal,
body[class*=case-studies] #cs-banner-links .cp-roundal {
  position: absolute;
  top: calc(100% + 1em);
  right: 0.9375rem;
  width: 7em;
}
@media (min-width: 48em) {
  .v-case-study #cs-banner-links .cp-roundal,
  body[class*=case-studies] #cs-banner-links .cp-roundal {
    top: calc(100% + 3.5rem);
  }
}
@media (min-width: 48em) and (min-width: 62em) {
  .v-case-study #cs-banner-links .cp-roundal,
  body[class*=case-studies] #cs-banner-links .cp-roundal {
    width: 9em;
  }
}
@media (min-width: 75em) {
  .v-case-study #cs-problem-solution,
  body[class*=case-studies] #cs-problem-solution {
    height: 29rem;
  }
}
.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;
    left: 0;
    max-width: calc(100% - 1.875rem);
    height: 100%;
    max-height: 100%;
    padding-left: 0.9375rem;
  }
}
.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: -4rem;
  }
}
.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: rgb(83, 84, 134) 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;
    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;
}
.v-case-study #cs-content h3,
body[class*=case-studies] #cs-content h3 {
  font-size: 1.5em;
}
.v-case-study #cs-content h4,
body[class*=case-studies] #cs-content h4 {
  font-size: 1.2em;
}
.v-case-study #cs-content h5,
body[class*=case-studies] #cs-content h5 {
  font-size: 1.125em;
}
.v-case-study #cs-content b,
.v-case-study #cs-content strong,
body[class*=case-studies] #cs-content b,
body[class*=case-studies] #cs-content strong {
  font-weight: 600;
  font-size: 1.1rem;
}
.v-case-study #cs-content li,
body[class*=case-studies] #cs-content li {
  position: relative;
  font-size: 1.25rem;
}
@media (min-width: 48em) {
  .v-case-study #cs-content #cs-text,
  body[class*=case-studies] #cs-content #cs-text {
    column-count: 1;
    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: rgb(83, 84, 134);
}
.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-elevator-core]::before,
body[class*=case-studies] #cs-related-ctas #cs-related-products > div a[data-product=optidrive-elevator-core]::before {
  background-image: url("/img/content/drives/optidrive-elevator-core/elev-core-features-1.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-products > div a[data-product=optidrive-coolvert]::before,
body[class*=case-studies] #cs-related-ctas #cs-related-products > div a[data-product=optidrive-coolvert]::before {
  background-image: url("/img/content/drives/optidrive-coolvert/coolvert-interactive.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-and-beverage]::before,
body[class*=case-studies] #cs-related-ctas #cs-related-industries > div a[data-industry=food-and-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-and-hoists]::before,
body[class*=case-studies] #cs-related-ctas #cs-related-industries > div a[data-industry=cranes-and-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=refrigeration]::before,
body[class*=case-studies] #cs-related-ctas #cs-related-industries > div a[data-industry=refrigeration]::before {
  content: "\e03f";
}
.v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry=data-centres]::before,
body[class*=case-studies] #cs-related-ctas #cs-related-industries > div a[data-industry=data-centres]::before {
  content: "\f233";
}
.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-and-paper]::before,
body[class*=case-studies] #cs-related-ctas #cs-related-industries > div a[data-industry=textiles-and-paper]::before {
  content: "\f71f";
}
.v-case-study #cs-related-ctas #cs-related-industries > div a[data-industry=water-and-wastewater]::before,
body[class*=case-studies] #cs-related-ctas #cs-related-industries > div a[data-industry=water-and-wastewater]::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%, rgb(0, 142, 223) 0%, rgb(0, 96, 192) 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 rgb(230, 230, 230);
  width: 50%;
  padding: 0.4em 0.5em;
}
.v-datasheet .dimens > h3 {
  position: relative;
  margin-top: 0;
}
.v-datasheet .dimens .info-popup {
  font-family: serif;
  font-weight: 800;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(-100%);
  border: #0060d8 solid 2px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.65rem;
  height: 1.65rem;
  font-style: 1.15em;
  color: #0060d8;
  transition: transform 0.1s ease-in-out;
}
.v-datasheet .dimens .info-popup:hover {
  cursor: pointer;
  transform: translateY(-100%) scale(1.1);
}
.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;
}
.v-datasheet #datasheet-case-studies .result {
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  padding-top: 15rem;
  position: relative;
  height: 100%;
}
.v-datasheet #datasheet-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-datasheet #datasheet-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;
}
@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;
  }
}
@media (min-width: 75em) {
  .v-datasheet.v-new-product-layout h1 {
    font-size: 2.5em;
  }
}

.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: rgb(83, 84, 134);
  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: rgb(83, 84, 134) !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: rgb(83, 84, 134);
}
.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: rgb(83, 84, 134);
  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-p2-solar]::before {
  background-image: url("/img/content/drives/optidrive-p2-solar/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[data-product=optidrive-elevator-core]::before {
  background-image: url("/img/content/drives/optidrive-elevator-core/elev-core-features-1.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: rgb(83, 84, 134);
  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: 0 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=coolvert] {
  flex: 0 0 auto;
  max-width: auto;
  margin-right: 0.25rem;
}
.v-option #options-specification #options-grid [data-box=coolvert] i {
  display: none;
}
.v-option #options-specification #options-grid [data-box=coolvert] 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;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.v-option #options-specification #options-grid [data-box=user-guide] i {
  font-weight: 400;
  color: rgb(210, 8, 30);
  font-size: 2em;
}
.v-option #options-specification #options-grid [data-box=user-guide] img {
  height: 1.9875rem;
}
.v-option #options-specification #options-grid [data-box=user-guide] .no-download {
  display: none;
}
.v-option #options-specification #options-grid [data-box=user-guide] a + a {
  margin-left: 0.5rem;
}
@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: rgb(83, 84, 134);
  }
  .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: rgb(83, 84, 134);
  }
  .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 25.75%;
    max-width: 25.75%;
  }
  .v-option #options-specification #options-grid.inc-product-compatibility.inc-user-guide .product-compatibility-table {
    flex: 1 0 26%;
    max-width: 26%;
  }
  .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 .product-compatibility-table.inc-coolvert [data-box=p2] {
    flex: 1 0 16%;
    max-width: 16%;
    margin-right: 0;
  }
  .v-option #options-specification #options-grid .product-compatibility-table.inc-coolvert [data-box=p2] i {
    display: block;
  }
  .v-option #options-specification #options-grid .product-compatibility-table.inc-coolvert [data-box=p2] span {
    display: none;
  }
  .v-option #options-specification #options-grid .product-compatibility-table.inc-coolvert [data-box=eco] {
    flex: 1 0 16%;
    max-width: 16%;
    margin-right: 0;
  }
  .v-option #options-specification #options-grid .product-compatibility-table.inc-coolvert [data-box=eco] i {
    display: block;
  }
  .v-option #options-specification #options-grid .product-compatibility-table.inc-coolvert [data-box=eco] span {
    display: none;
  }
  .v-option #options-specification #options-grid .product-compatibility-table.inc-coolvert [data-box=e3] {
    flex: 1 0 16%;
    max-width: 16%;
    margin-right: 0;
  }
  .v-option #options-specification #options-grid .product-compatibility-table.inc-coolvert [data-box=e3] i {
    display: block;
  }
  .v-option #options-specification #options-grid .product-compatibility-table.inc-coolvert [data-box=e3] span {
    display: none;
  }
  .v-option #options-specification #options-grid .product-compatibility-table.inc-coolvert [data-box=elevator] {
    flex: 1 0 26%;
    max-width: 26%;
    margin-right: 0;
  }
  .v-option #options-specification #options-grid .product-compatibility-table.inc-coolvert [data-box=elevator] i {
    display: block;
  }
  .v-option #options-specification #options-grid .product-compatibility-table.inc-coolvert [data-box=elevator] span {
    display: none;
  }
  .v-option #options-specification #options-grid .product-compatibility-table.inc-coolvert [data-box=coolvert] {
    flex: 1 0 26%;
    max-width: 26%;
    margin-right: 0;
  }
  .v-option #options-specification #options-grid .product-compatibility-table.inc-coolvert [data-box=coolvert] i {
    display: block;
  }
  .v-option #options-specification #options-grid .product-compatibility-table.inc-coolvert [data-box=coolvert] span {
    display: 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 a.btn-pdf.btn-grey {
  height: auto;
}
.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: rgb(83, 84, 134);
  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: 7.3333333333rem;
    width: 14.6666666667rem;
    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 1px 5px rgba(0, 0, 0, 0.3);
}
.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: rgb(83, 84, 134) !important;
  margin-bottom: 1rem;
}
.v-iknow .article h2 > a {
  color: rgb(83, 84, 134) !important;
}
.v-iknow .article figure figcaption {
  display: table;
  background: rgb(223, 223, 223);
  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: rgb(74, 173, 224);
  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: rgb(74, 173, 224);
  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: rgb(74, 173, 224);
  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;
  padding: 0 !important;
  width: 100%;
  margin: 0 auto;
}
.v-iknow .article .iknow-answers-slider {
  margin: 2em 0 0 0;
}
.v-iknow .article .iknow-answers-slider header {
  padding-left: 4rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  background: rgb(83, 84, 134);
  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: rgb(83, 84, 134);
  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%, rgb(255, 255, 255) 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: rgb(83, 84, 134);
  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: rgb(83, 84, 134);
  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: rgb(74, 173, 224);
  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 rgb(204, 204, 204);
}
.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: rgb(219, 219, 219);
}
.v-iknow .sidebar .panel.iknow-categories ul li a:hover::after {
  color: rgb(173, 173, 173);
}
.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: rgb(74, 173, 224);
  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: rgb(255, 255, 255);
}
#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: rgb(255, 255, 255);
  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: rgb(255, 255, 255);
  background: rgb(74, 173, 224);
  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: rgb(255, 255, 255);
  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: rgb(74, 173, 224);
  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-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, rgb(0, 0, 0) 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: rgb(83, 84, 134);
  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;
  }
}

.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: rgb(83, 84, 134);
  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: rgb(83, 84, 134) !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");
}

#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;
  }
}

.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, rgb(0, 0, 0) 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: rgb(83, 84, 134);
  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: rgb(83, 84, 134);
  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: rgb(83, 84, 134);
  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: rgb(83, 84, 134) !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;
}
.v-careers-inner #employee-videos {
  position: relative;
}
.v-careers-inner #employee-videos h2 {
  margin-bottom: 0.8em;
}
.v-careers-inner #employee-videos header {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1.5em;
}
.v-careers-inner #employee-videos header img {
  margin-top: 0.4em;
  height: 3.125rem;
}
.v-careers-inner #employee-videos header a {
  align-self: center;
  text-decoration: underline;
  color: #000;
  font-size: 1.1875rem;
  font-weight: 400;
}
@media (min-width: 48em) {
  .v-careers-inner #employee-videos .video-wrapper[data-videos="2"] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.9375rem;
  }
  .v-careers-inner #employee-videos .video-wrapper[data-videos="2"] .video {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 48em) and (min-width: 48em) {
  .v-careers-inner #employee-videos .video-wrapper[data-videos="2"] .video {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 0.9375rem;
  }
}
.v-careers-inner #employee-videos .video-wrapper .video {
  position: relative;
  margin-bottom: 3.125rem;
}
.v-careers-inner #employee-videos .video-wrapper .video a {
  background-color: rgba(0, 0, 0, 0);
}
.v-careers-inner #employee-videos .video-wrapper .video a:hover .thumb {
  width: 100%;
  height: 13.4em;
  z-index: 0;
}
.v-careers-inner #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-inner #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-inner #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-inner #employee-videos .video-wrapper .video .thumb-lg {
  aspect-ratio: 16/9;
  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-inner #employee-videos .video-wrapper .video .thumb-lg:hover {
  width: 100%;
  z-index: 0;
}
.v-careers-inner #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: 100%;
}
.v-careers-inner #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-inner #employee-videos .video-wrapper .video .thumb-lg .title {
  font-size: 1.25rem;
}
@media (min-width: 62em) {
  .v-careers-inner #employee-videos .video-wrapper .video .thumb-lg .title {
    font-size: 1.75rem;
  }
}
.v-careers-inner #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;
}

.no-webp .banner {
  background-image: url("/img/content/about/career-opportunities-banner-bg.jpg");
}
.no-webp .graduates_row [data-link=graduates] > a::after {
  background-image: url("/img/content/about/graduates.jpg");
}
.no-webp .graduates_row [data-link=placements] > a::after {
  background-image: url("/img/content/about/placements.jpg");
}
.no-webp .graduates_row [data-link=apprenticeships] > a::after {
  background-image: url("/img/content/about/apprenticeships.jpg");
}
.no-webp .v-careers-inner .banner {
  background-image: url("/img/content/about/graduates-banner.jpg");
}

.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;
}

.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: rgb(83, 84, 134);
  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-save-energy #ecodesign-ad {
  background: url("/img/content/save-energy/trees-bg.jpg") 0 0/cover no-repeat;
  padding: 0;
}
@media (min-width: 62em) {
  .v-save-energy #ecodesign-ad {
    flex: 0 0 30%;
    max-width: 30%;
    margin-left: auto;
  }
}
.v-save-energy #ecodesign-ad a {
  display: block;
  height: 100%;
  padding: 1.5rem 30% 1.5rem 1.5rem;
  background: url("/img/content/save-energy/world-2MOBILE.png") 100% 100%/45% auto no-repeat;
  color: #fff !important;
  font-size: 1.2em;
}
@media (min-width: 48em) {
  .v-save-energy #ecodesign-ad a {
    padding: 1.5rem 40% 1.5rem 1.5rem;
  }
}
@media (min-width: 62em) {
  .v-save-energy #ecodesign-ad a {
    padding: 1.5rem 2rem 1.5rem 1.5rem;
    background: url("/img/content/save-energy/world-2.png") 100% 100%/45% auto no-repeat;
  }
}
.v-save-energy #ecodesign-ad a p {
  font-size: 1.1em;
}
.v-save-energy #ecodesign-ad a p:not(.thin) {
  padding-right: calc(45% - 2rem);
}
.v-save-energy #ecodesign-ad a i {
  border: 1px solid #fff;
  padding: 0.25rem 0.5rem;
}
.v-save-energy #ecodesign-ad a:hover i {
  background: #fff;
  color: #76b82a;
}

.v-eco-design #eco-design-banner, .v-efficiency-data #eco-design-banner {
  background: radial-gradient(circle at 75% 100%, rgba(135, 204, 62, 0.7) 0%, rgba(89, 156, 15, 0.95) 75%), url("/img/content/save-energy/trees.jpg") 0 0/cover no-repeat;
  position: relative;
  color: #fff;
  padding: 3rem 0 15rem;
  margin-bottom: 2rem;
}
@media (min-width: 48em) {
  .v-eco-design #eco-design-banner::before, .v-efficiency-data #eco-design-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: -25%;
    bottom: 0;
    background: url("/img/content/save-energy/world.png") 100% 100%/80% auto no-repeat;
    z-index: 0;
  }
}
@media (min-width: 62em) {
  .v-eco-design #eco-design-banner, .v-efficiency-data #eco-design-banner {
    padding: 5rem 0 7rem;
  }
  .v-eco-design #eco-design-banner::before, .v-efficiency-data #eco-design-banner::before {
    right: -25%;
    background: url("/img/content/save-energy/world.png") 100% 100%/70% auto no-repeat;
  }
}
@media (min-width: 101.75em) {
  .v-eco-design #eco-design-banner::before, .v-efficiency-data #eco-design-banner::before {
    right: calc((100vw - 96rem) / 2);
    background: url("/img/content/save-energy/world.png") 100% 100%/60rem auto no-repeat;
  }
}
.v-eco-design #eco-design-banner > .span, .v-efficiency-data #eco-design-banner > .span {
  z-index: 1;
}
.v-eco-design #eco-design-banner h1, .v-efficiency-data #eco-design-banner h1 {
  margin: 0 0 0.5rem 0;
}
.v-eco-design #eco-design-banner h2, .v-efficiency-data #eco-design-banner h2 {
  font-size: 1.5em;
}
.v-eco-design #eco-design-banner #line-drawing, .v-efficiency-data #eco-design-banner #line-drawing {
  position: absolute;
  bottom: 0;
  left: 0.9375rem;
  width: 15em;
  z-index: 0;
}
@media (min-width: 48em) {
  .v-eco-design #eco-design-banner #line-drawing, .v-efficiency-data #eco-design-banner #line-drawing {
    opacity: 0.5;
  }
}
@media (min-width: 101.75em) {
  .v-eco-design #eco-design-banner #line-drawing, .v-efficiency-data #eco-design-banner #line-drawing {
    width: 16.5em;
    left: calc((100vw - 96rem) / 2 + 2rem);
    transform: translateX(-50%);
  }
}
.v-eco-design #eco-design-banner #save-energy-icon, .v-efficiency-data #eco-design-banner #save-energy-icon {
  position: absolute;
  z-index: 0;
  left: 0.9375rem;
  top: 100%;
  transform: translateY(-50%);
  width: 5em;
}
@media (min-width: 48em) {
  .v-eco-design #eco-design-banner #save-energy-icon, .v-efficiency-data #eco-design-banner #save-energy-icon {
    width: 6em;
  }
}
@media (min-width: 101.75em) {
  .v-eco-design #eco-design-banner #save-energy-icon, .v-efficiency-data #eco-design-banner #save-energy-icon {
    left: calc((100vw - 96rem) / 2 + 2rem);
    transform: translate(-50%, -50%);
  }
}

.v-eco-design.v-cooler-planet-redesign #eco-design-banner, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner {
  background: #009cb3;
  position: relative;
  color: #fff;
  padding: 2rem 0 15rem;
  margin-bottom: 2rem;
}
@media (min-width: 48em) {
  .v-eco-design.v-cooler-planet-redesign #eco-design-banner, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner {
    padding: 2rem 0 10rem;
  }
}
@media (min-width: 62em) {
  .v-eco-design.v-cooler-planet-redesign #eco-design-banner, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner {
    padding: 0rem 0;
  }
  .v-eco-design.v-cooler-planet-redesign #eco-design-banner .efficiency-data-search, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner .efficiency-data-search {
    margin-top: 2em;
  }
}
@media (min-width: 75em) {
  .v-eco-design.v-cooler-planet-redesign #eco-design-banner, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner {
    padding: 1.5rem 0;
  }
  .v-eco-design.v-cooler-planet-redesign #eco-design-banner .efficiency-data-search, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner .efficiency-data-search {
    margin-top: 1em;
  }
}
.v-eco-design.v-cooler-planet-redesign #eco-design-banner::before, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0.9375rem;
  bottom: 0;
  height: 100%;
  background: url("/img/content/save-energy/banner-vines.svg") bottom right/125% auto no-repeat;
  z-index: 0;
}
@media (min-width: 48em) {
  .v-eco-design.v-cooler-planet-redesign #eco-design-banner::before, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner::before {
    background-size: 45em auto;
  }
}
@media (min-width: 62em) {
  .v-eco-design.v-cooler-planet-redesign #eco-design-banner::before, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner::before {
    top: -1em;
    height: calc(100% + 1em);
    background-position: top right;
  }
}
@media (min-width: 75em) {
  .v-eco-design.v-cooler-planet-redesign #eco-design-banner::before, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner::before {
    top: -2.5em;
    height: calc(100% + 2.5em);
    background-size: 55em auto;
  }
}
@media (min-width: 101.75em) {
  .v-eco-design.v-cooler-planet-redesign #eco-design-banner::before, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner::before {
    right: calc((100vw - 96rem) / 2);
  }
}
.v-eco-design.v-cooler-planet-redesign #eco-design-banner.pt::before, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner.pt::before {
  background-image: url("/img/content/save-energy/banner-vines-pt.svg") !important;
}
.v-eco-design.v-cooler-planet-redesign #eco-design-banner.fr::before, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner.fr::before {
  background-image: url("/i18n/lang/fr/banner-vines-fr.svg") !important;
}
.v-eco-design.v-cooler-planet-redesign #eco-design-banner h1, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner h1 {
  margin: 0 0 0.5rem 0;
}
@media (min-width: 75em) {
  .v-eco-design.v-cooler-planet-redesign #eco-design-banner h1, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner h1 {
    font-size: 2.5em;
  }
}
.v-eco-design.v-cooler-planet-redesign #eco-design-banner h2, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner h2 {
  font-size: 1.5em;
}
@media (min-width: 75em) {
  .v-eco-design.v-cooler-planet-redesign #eco-design-banner h2, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner h2 {
    font-size: 1.45em;
  }
}
.v-eco-design.v-cooler-planet-redesign #eco-design-banner img, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner img {
  margin-top: 3em;
  width: 14.5em;
}
@media (min-width: 48em) {
  .v-eco-design.v-cooler-planet-redesign #eco-design-banner img, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner img {
    margin-top: 3.5rem;
    width: 10em;
  }
}
@media (min-width: 75em) {
  .v-eco-design.v-cooler-planet-redesign #eco-design-banner img, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner img {
    margin-top: 2.5rem;
    width: 8em;
  }
}
.v-eco-design.v-cooler-planet-redesign #eco-design-banner .our-drive-pt, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner .our-drive-pt {
  margin-top: 3em;
  width: 14.5em;
}
@media (min-width: 48em) {
  .v-eco-design.v-cooler-planet-redesign #eco-design-banner .our-drive-pt, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner .our-drive-pt {
    margin-top: 3.5rem;
    width: 10em;
  }
}
@media (min-width: 75em) {
  .v-eco-design.v-cooler-planet-redesign #eco-design-banner .our-drive-pt, .v-efficiency-data.v-cooler-planet-redesign #eco-design-banner .our-drive-pt {
    margin-top: 2.5rem;
    width: 14em;
  }
}
.v-eco-design.v-cooler-planet-redesign #net-zero, .v-efficiency-data.v-cooler-planet-redesign #net-zero {
  padding: 3.5em 2.5em 23em;
  overflow: hidden;
  position: relative;
  background: none;
}
@media (min-width: 75em) {
  .v-eco-design.v-cooler-planet-redesign #net-zero, .v-efficiency-data.v-cooler-planet-redesign #net-zero {
    padding-bottom: 25em;
  }
}
.v-eco-design.v-cooler-planet-redesign #net-zero::after, .v-efficiency-data.v-cooler-planet-redesign #net-zero::after {
  content: "";
  position: absolute;
  width: 35em;
  height: 35em;
  bottom: 0;
  left: 0;
  transform: translate(-35%, 35%);
  background-image: url("/img/content/save-energy/world-3.png");
  background: url("/img/content/save-energy/world-3.webp") center center/contain no-repeat;
}
@media (min-width: 75em) {
  .v-eco-design.v-cooler-planet-redesign #net-zero::after, .v-efficiency-data.v-cooler-planet-redesign #net-zero::after {
    width: 45em;
    height: 45em;
    transform: translate(-30%, 40%);
  }
}
.v-eco-design.v-cooler-planet-redesign #net-zero::before, .v-efficiency-data.v-cooler-planet-redesign #net-zero::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 250%;
  height: 200%;
  background: #5d9ecd;
  background: -moz-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%, rgb(93, 158, 205) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%, rgb(93, 158, 205) 100%);
  background: radial-gradient(ellipse at center, rgb(255, 255, 255) 0%, rgb(93, 158, 205) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#5d9ecd",GradientType=1 );
  z-index: -1;
}
.v-eco-design.v-cooler-planet-redesign #net-zero img, .v-efficiency-data.v-cooler-planet-redesign #net-zero img {
  margin-bottom: 2em;
  max-width: 20rem;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 48em) {
  .v-eco-design.v-cooler-planet-redesign #net-zero img, .v-efficiency-data.v-cooler-planet-redesign #net-zero img {
    max-width: 100%;
  }
}
.v-eco-design.v-cooler-planet-redesign #net-zero span, .v-efficiency-data.v-cooler-planet-redesign #net-zero span {
  text-align: right;
  font-size: 1.75rem;
  display: block;
  margin-bottom: 1rem;
  color: rgb(83, 84, 134);
}
@media (min-width: 48em) {
  .v-eco-design.v-cooler-planet-redesign #net-zero span, .v-efficiency-data.v-cooler-planet-redesign #net-zero span {
    font-size: 1.5rem;
  }
}
@media (min-width: 75em) {
  .v-eco-design.v-cooler-planet-redesign #net-zero span, .v-efficiency-data.v-cooler-planet-redesign #net-zero span {
    font-size: 1.75rem;
  }
}
.v-eco-design.v-cooler-planet-redesign #net-zero span strong, .v-efficiency-data.v-cooler-planet-redesign #net-zero span strong {
  color: #fff;
  font-size: 2rem;
  max-width: 20rem;
  display: block;
  margin-left: auto;
}
@media (min-width: 75em) {
  .v-eco-design.v-cooler-planet-redesign #net-zero span strong, .v-efficiency-data.v-cooler-planet-redesign #net-zero span strong {
    font-size: 1.875rem;
    max-width: 18rem;
  }
}

.v-eco-design #energy-panel {
  padding: 1.5rem 1.5rem 2.5rem;
  text-align: center;
  background-color: #fff;
  background-image: url("/img/content/save-energy/windfarm.jpg");
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 20rem;
}
@media (min-width: 48em) {
  .v-eco-design #energy-panel {
    margin-top: -10rem;
  }
}
@media (min-width: 62em) {
  .v-eco-design #energy-panel {
    width: 22rem;
    float: right;
  }
}
@media (min-width: 75em) {
  .v-eco-design #energy-panel {
    margin-top: -15rem;
  }
}
.v-eco-design #energy-panel h3 {
  font-size: 1.75em;
  font-weight: normal;
  margin-bottom: 1.5rem;
  width: 100%;
}
.v-eco-design #energy-panel h3 span {
  font-weight: 600;
}
.v-eco-design #energy-panel #eu-stats {
  padding: 2rem 1.5rem;
  width: 95%;
  margin-bottom: 1rem;
  font-size: 1.6em;
  background: url("/img/content/save-energy/eu.jpg") center center/cover no-repeat;
  color: #fff;
}
.v-eco-design #energy-panel #eu-stats span {
  font-weight: 600;
}
.v-eco-design #energy-panel #eu-stats-average {
  width: 95%;
  background: rgba(255, 255, 255, 0.8);
  font-size: 1em;
}
.v-eco-design #save-energy-features {
  padding: 4rem 0;
}
.v-eco-design #save-energy-features .span > div {
  margin-bottom: 1rem;
}
@media (min-width: 48em) {
  .v-eco-design #save-energy-features .span > div {
    margin-bottom: 3rem;
  }
}
.v-eco-design #save-energy-features #video-panel {
  padding: 2rem;
}
@media (min-width: 48em) {
  .v-eco-design #save-energy-features #video-panel h2 {
    font-size: 1.75em;
    margin-bottom: 1em;
  }
  .v-eco-design #save-energy-features #video-panel p {
    padding-right: 4rem;
  }
}

.v-efficiency-data h1 strong {
  display: block;
}
.v-efficiency-data .datasheet-actions {
  margin: -2.5em 0 1.5em;
}
.v-efficiency-data .datasheet-actions form {
  display: flex;
  justify-content: flex-end;
}
.v-efficiency-data .efficiency-data h2 {
  background: #3fa535;
  color: #fff;
  padding: 0.25rem 0.5rem;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 1.75em;
}
.v-efficiency-data .table--drive-efficiency {
  color: inherit;
}
.v-efficiency-data .table--drive-efficiency th {
  padding: 0.333rem 0.5rem;
  border: 0;
}
.v-efficiency-data .table--drive-efficiency td {
  padding: 0.333rem 0.5rem;
  border: 0;
}
.v-efficiency-data .table--drive-efficiency tbody tr:nth-child(even) td {
  background: #c2daaf;
}
.v-efficiency-data .table--part-load-points td {
  width: 33.333%;
}
.v-efficiency-data .table--part-load-points tbody tr:nth-child(even) td {
  background: none;
}
.v-efficiency-data .table--part-load-points tbody tr:nth-child(odd) td {
  background: #c2daaf;
}
@media (min-width: 48em) {
  .v-efficiency-data .table--drive-efficiency-data td:first-child {
    width: 33.333%;
  }
}
.v-efficiency-data.v-cooler-planet-redesign .efficiency-data h2 {
  background-color: #009cb3;
}
.v-efficiency-data.v-cooler-planet-redesign .efficiency-data .table--drive-efficiency tbody tr:nth-child(even) td {
  background: rgba(0, 156, 179, 0.25);
}
.v-efficiency-data.v-cooler-planet-redesign .efficiency-data .table--part-load-points tbody tr:nth-child(odd) td {
  background: rgba(0, 156, 179, 0.1);
}

.v-cooler-planet .banner {
  padding: 4.75rem 0;
  overflow: hidden;
}
.v-cooler-planet .banner > .span {
  padding-top: 0;
  padding-bottom: 0;
}
.v-cooler-planet .banner > .span > div {
  padding-top: 0;
  padding-bottom: 0;
}
.v-cooler-planet .banner h1 {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  line-height: 0.9;
  font-size: 4.8125rem;
  position: relative;
  z-index: 1;
}
.v-cooler-planet .banner h1 span {
  color: #a4d8e2;
}
.v-cooler-planet .banner .featured-image {
  position: relative;
}
@media (min-width: 48em) {
  .v-cooler-planet .banner .featured-image {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
}
.v-cooler-planet .banner .featured-image::before {
  content: "";
  position: absolute;
  top: -2.5rem;
  right: -8rem;
  width: 60rem;
  height: 22.5173485169rem;
  background: url("/img/content/home/vines.svg") center center/contain no-repeat;
  z-index: 0;
}
@media (min-width: 48em) {
  .v-cooler-planet .banner .featured-image::before {
    right: -40.5rem;
    width: 80rem;
    height: 30.0231313559rem;
    top: -12rem;
  }
}
@media (min-width: 62em) {
  .v-cooler-planet .banner .featured-image::before {
    right: -8rem;
    width: 60rem;
    height: 22.5173485169rem;
    top: -4rem;
  }
}
@media (min-width: 75em) {
  .v-cooler-planet .banner .featured-image::before {
    top: -7rem;
    width: 65rem;
    height: 24.3937942267rem;
    right: -11rem;
  }
}
.v-cooler-planet .banner .featured-image img {
  margin-left: auto;
  max-width: 20.625rem;
  margin-bottom: -4.75rem;
  margin-top: 2rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 48em) {
  .v-cooler-planet .banner .featured-image img {
    margin-top: 0;
  }
}
@media (min-width: 75em) {
  .v-cooler-planet .banner .featured-image img {
    margin-top: -2rem;
  }
}
.v-cooler-planet .row[data-bg=cooler-grad] {
  padding: 2em 0 6em;
}
@media (min-width: 62em) {
  .v-cooler-planet .row[data-bg=cooler-grad] {
    padding: 4em 0 10em;
  }
}
@media (min-width: 75em) {
  .v-cooler-planet .row[data-bg=cooler-grad] {
    padding: 4em 0 6em;
  }
}
@media (min-width: 90em) {
  .v-cooler-planet .row[data-bg=cooler-grad] {
    padding: 4em 0;
  }
}
.v-cooler-planet .row[data-bg=cooler-grad]::before {
  bottom: -10rem;
}
@media (min-width: 62em) {
  .v-cooler-planet .row[data-bg=cooler-grad] .featured-image {
    margin-top: -4rem;
  }
}
.v-cooler-planet #energy-calc-banner::after {
  content: "";
  position: absolute;
  top: -8.16rem;
  left: -1rem;
  height: 12rem;
  width: 31.0206185567rem;
  background: url("/img/content/save-energy/vines.svg") center center/100% 100% no-repeat;
}
@media (min-width: 48em) {
  .v-cooler-planet #energy-calc-banner::after {
    top: -12.24rem;
    left: 0;
    height: 18rem;
    width: 46.5309278351rem;
  }
}
@media (min-width: 75em) {
  .v-cooler-planet #energy-calc-banner::after {
    left: -3em;
  }
}
@media (min-width: 90em) {
  .v-cooler-planet #energy-calc-banner::after {
    top: -16.49rem;
    height: 24.25rem;
    width: 62.6875rem;
    left: calc((100vw - 96rem) / 2 - 8em);
  }
}
@media (min-width: 101.75em) {
  .v-cooler-planet #energy-calc-banner::after {
    left: calc((100vw - 96rem) / 2 - 2em);
  }
}
@media (min-width: 48em) {
  .v-cooler-planet #energy-calc-banner::before {
    content: "";
    position: absolute;
    left: 0;
    right: -25%;
    top: 0;
    bottom: 0;
    background-image: url("/img/content/save-energy/trees-bg.webp");
    background-position: right 80%;
    background-size: auto 180%;
    background-repeat: no-repeat;
  }
}
@media (min-width: 62em) {
  .v-cooler-planet #energy-calc-banner::before {
    right: -10rem;
  }
}
@media (min-width: 101.75em) {
  .v-cooler-planet #energy-calc-banner::before {
    right: calc((100vw - 96rem) / 2 - 10rem);
  }
}
.v-cooler-planet #energy-calc-banner .mt-1 {
  margin-top: 1.5em !important;
}
.v-cooler-planet #energy-calc-banner > .span > div a.btn.btn-text-link.right.white {
  padding-left: 0;
  font-weight: bold !important;
  margin-bottom: 1.5em;
}
.v-cooler-planet #ie-efficiency .featured-image img {
  width: 100%;
}
@media (min-width: 48em) {
  .v-cooler-planet #ie-efficiency .featured-image img {
    margin-top: -5rem;
  }
}
.v-cooler-planet #ecodesign-ad .panel {
  padding: 1.5em 1.5em 10em;
  position: relative;
  overflow: hidden;
  color: #fff;
  background: #5d9ecd;
}
@media (min-width: 48em) {
  .v-cooler-planet #ecodesign-ad .panel {
    padding-bottom: 1.5em;
  }
}
.v-cooler-planet #ecodesign-ad .panel::before {
  content: "";
  position: absolute;
  top: 100%;
  transform: translateY(-50%);
  right: -20rem;
  width: 50rem;
  height: 50rem;
  background: #5d9ecd;
  background: -moz-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  background: radial-gradient(ellipse at center, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
@media (min-width: 62em) {
  .v-cooler-planet #ecodesign-ad .panel::before {
    top: 100%;
    transform: translateY(-50%);
    right: -30rem;
    width: 80rem;
    height: 80rem;
  }
}
.v-cooler-planet #ecodesign-ad .panel::after {
  content: "";
  position: absolute;
  width: 35em;
  height: 35em;
  bottom: -20em;
  right: -15em;
  transform: rotate(-40deg);
  background-image: url("/img/content/save-energy/world-3.png");
  background: url("/img/content/save-energy/world-3.webp") center center/contain no-repeat;
  pointer-events: none;
}
@media (min-width: 62em) {
  .v-cooler-planet #ecodesign-ad .panel::after {
    width: 60em;
    height: 60em;
    bottom: -35em;
    right: -25em;
  }
}
.v-cooler-planet #ecodesign-ad .panel a.btn.btn-text-link.right.white {
  padding-left: 0;
  font-weight: bold !important;
}
.v-cooler-planet #eu-goals h3 {
  font-weight: 400;
  font-size: 1.5em;
  margin: 2em 0 1.5em;
}
.v-cooler-planet #eu-goals .iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.v-cooler-planet #eu-goals .iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 48em) {
  .no-webp .v-cooler-planet #energy-calc-banner::before {
    background-image: url("/img/content/save-energy/trees-bg.png");
  }
}

.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: rgb(83, 84, 134);
}
@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: 17.95401rem;
    height: 33.3rem;
  }
}
@media (min-width: 62em) {
  .v-support-video-library .banner::before {
    width: 29.92335rem;
    height: 55.5rem;
    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: 2.6666666667%;
    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: 2.6666666667%;
  }
  .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-global-support .banner {
  background: url("/img/content/support/banner.webp") 50% 75%/cover no-repeat;
  padding: 2em 0 5em;
}
.v-global-support .banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
}
@media (min-width: 48em) {
  .v-global-support .banner {
    padding: 5em 0 10em;
  }
}
.v-global-support .banner h1 {
  text-align: center;
  color: #fff;
  font-weight: 800;
}
.v-global-support .support_links {
  margin-top: -5em;
}
@media (min-width: 48em) {
  .v-global-support .support_links {
    margin-top: -8em;
  }
}
.v-global-support .support_links [data-area] {
  padding: 0 0.25rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5em;
}
.v-global-support .support_links [data-area]:hover > div > a::before {
  opacity: 0.8;
}
.v-global-support .support_links [data-area]:hover > a .btn-arrow-link {
  background: #fff;
}
.v-global-support .support_links [data-area]:hover > a .btn-arrow-link::before {
  color: #000 !important;
}
@media (min-width: 62em) {
  .v-global-support .support_links [data-area] {
    margin-bottom: 0;
  }
  .v-global-support .support_links [data-area]:nth-child(1) {
    padding: 0 0.25rem 0 0.9375rem;
  }
  .v-global-support .support_links [data-area]:nth-child(4) {
    padding: 0 0.9375rem 0 0.25rem;
  }
}
.v-global-support .support_links [data-area] > div {
  flex: 1;
}
.v-global-support .support_links [data-area] > div > a {
  padding: 1.25em 1.5em;
  position: relative;
  display: block;
  height: 100%;
  overflow: hidden;
}
.v-global-support .support_links [data-area] > div > a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 200%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 90%);
  transform: translateX(0%) skewX(-20deg);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.8s ease;
}
@media (min-width: 48em) {
  .v-global-support .support_links [data-area] > div > a {
    min-height: 21em;
  }
}
@media (min-width: 75em) {
  .v-global-support .support_links [data-area] > div > a {
    min-height: 22em;
  }
}
.v-global-support .support_links [data-area] > div h2 {
  font-size: 1.75em;
  min-height: 2em;
  display: flex;
  align-items: center;
}
.v-global-support .support_links [data-area] > div h2 img {
  height: 1.5em;
}
.v-global-support .support_links [data-area] > div p {
  font-weight: 200;
}
.v-global-support .support_links [data-area] > a {
  display: block;
  background: #000;
  color: #fff;
  font-weight: 200;
  margin-top: 0.25rem;
  padding: 0.45em 1em 0.5em;
  display: flex;
  justify-content: space-between;
}
.v-global-support .support_links [data-area] > a .btn-arrow-link {
  font-size: 0.65em;
  border-radius: 3px;
  padding: 0.75em;
}
.v-global-support .support_links [data-area] > a .btn-arrow-link::before {
  top: 50%;
}
.v-global-support .support_links [data-area][data-area=product-support] > div {
  background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(185, 185, 185) 100%);
}
@media (min-width: 48em) {
  .v-global-support .support_links [data-area][data-area=product-support] > div > a::before {
    background: linear-gradient(120deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 90%);
  }
  .v-global-support .support_links [data-area][data-area=product-support] > div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("/img/content/support/product-support.webp") 50% 120%/auto 12em no-repeat;
    overflow: hidden;
  }
}
@media (min-width: 48em) and (min-width: 75em) {
  .v-global-support .support_links [data-area][data-area=product-support] > div::before {
    background-size: auto 14em;
  }
}
.v-global-support .support_links [data-area][data-area=product-support] > div h2 {
  color: rgb(83, 84, 134);
}
.v-global-support .support_links [data-area][data-area=product-support] > div p {
  color: #000;
}
.v-global-support .support_links [data-area][data-area=isource] > div {
  background: radial-gradient(circle, rgb(85, 85, 85) 0%, rgb(25, 25, 25) 100%);
}
@media (min-width: 48em) {
  .v-global-support .support_links [data-area][data-area=isource] > div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("/img/content/support/isource.webp") 50% 107%/auto 9.5em no-repeat;
    overflow: hidden;
  }
}
@media (min-width: 48em) and (min-width: 75em) {
  .v-global-support .support_links [data-area][data-area=isource] > div::before {
    background-size: auto 12em;
  }
}
.v-global-support .support_links [data-area][data-area=isource] > div h2 {
  color: #fff;
}
.v-global-support .support_links [data-area][data-area=isource] > div h2 img {
  height: 1.25em;
}
.v-global-support .support_links [data-area][data-area=isource] > div p {
  color: #fff;
}
.v-global-support .support_links [data-area][data-area=iknow] > div {
  background: radial-gradient(circle, #948cc3 0%, rgb(83, 84, 134) 100%);
}
@media (min-width: 48em) {
  .v-global-support .support_links [data-area][data-area=iknow] > div::after {
    content: "";
    position: absolute;
    left: 1.5em;
    bottom: 1.5em;
    width: 8em;
    height: 8em;
    background: url("/img/content/support/iknow-bg.svg") 0% 100%/contain no-repeat;
    pointer-events: none;
  }
}
@media (min-width: 48em) and (min-width: 75em) {
  .v-global-support .support_links [data-area][data-area=iknow] > div::after {
    bottom: 2em;
    width: 11em;
    height: 11em;
  }
}
.v-global-support .support_links [data-area][data-area=iknow] > div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("/img/common/promo-links/iknow-pixels.png") bottom right/150% auto no-repeat;
  opacity: 0.25;
}
.v-global-support .support_links [data-area][data-area=iknow] > div h2 {
  color: #fff;
}
.v-global-support .support_links [data-area][data-area=iknow] > div p {
  color: #fff;
}
@media (min-width: 75em) {
  .v-global-support .support_links [data-area][data-area=more-support] {
    flex: 0 0 19%;
    max-width: 19%;
    margin-left: 6%;
  }
}
.v-global-support .support_links [data-area][data-area=more-support] > div {
  background: radial-gradient(circle, rgb(0, 142, 223) 0%, rgb(0, 96, 192) 100%);
  padding: 1.25em 1.5em;
}
.v-global-support .support_links [data-area][data-area=more-support] > div h2 {
  color: #fff;
}
.v-global-support .support_links [data-area][data-area=more-support] > div p, .v-global-support .support_links [data-area][data-area=more-support] > div ul {
  color: #fff;
}
@media (min-width: 75em) {
  .v-global-support .support_links [data-area][data-area=more-support] > div p, .v-global-support .support_links [data-area][data-area=more-support] > div ul {
    font-size: 1.1em;
  }
}
.v-global-support .support_links [data-area][data-area=more-support] > div p li, .v-global-support .support_links [data-area][data-area=more-support] > div ul li {
  position: relative;
  padding-left: 1em;
}
@media (min-width: 75em) {
  .v-global-support .support_links [data-area][data-area=more-support] > div p li, .v-global-support .support_links [data-area][data-area=more-support] > div ul li {
    font-size: 1.05em;
  }
}
.v-global-support .support_links [data-area][data-area=more-support] > div p li::before, .v-global-support .support_links [data-area][data-area=more-support] > div ul li::before {
  content: "\f054\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 200;
  font-size: 0.5em;
  position: absolute;
  left: 0;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  color: #fff;
  transition: transform 0.2s ease;
}
.v-global-support .support_links [data-area][data-area=more-support] > div p li:hover::before, .v-global-support .support_links [data-area][data-area=more-support] > div ul li:hover::before {
  transform: translateY(-50%) translateX(0.25em);
}
.v-global-support .support_links [data-area][data-area=more-support] > div p li > a, .v-global-support .support_links [data-area][data-area=more-support] > div ul li > a {
  font-weight: 400;
  font-size: 1em;
  color: #fff;
  line-height: normal;
}
.v-global-support #adding_value h2 {
  font-weight: 800;
  font-size: 2.75em;
}
.v-global-support #adding_value .img-fluid {
  display: none;
}
@media (min-width: 62em) {
  .v-global-support #adding_value .img-fluid {
    display: block;
  }
}
@media (min-width: 90em) {
  .v-global-support #adding_value .img-fluid {
    max-width: 51.25rem;
    margin-right: -5em;
  }
}
.v-global-support #adding_value ul li {
  margin-bottom: 0.125rem;
}
.v-global-support .support_slider_row h2 {
  color: rgb(83, 84, 134);
}
.v-global-support .support_slider_row #support_slider .glide__slides {
  align-items: stretch;
}
.v-global-support .support_slider_row #support_slider .glide__slide {
  margin-bottom: 0;
  height: auto;
}
.v-global-support .support_slider_row #support_slider .glide__slide > div {
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
}
@media (min-width: 62em) {
  .v-global-support .support_slider_row #support_slider .glide__slide > div {
    padding-bottom: 8rem;
  }
}
.v-global-support .support_slider_row #support_slider .glide__slide > div h3 {
  font-weight: 800;
  font-size: 1.75em;
  margin-bottom: 0.5em;
}
.v-global-support .support_slider_row #support_slider .glide__slide > div > img {
  max-height: 10em;
}
.v-global-support .support_slider_row #support_slider .glide__slide > div .strapline {
  padding: 0.25em 0.5em;
  background: #0075bf;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  font-size: 0.9em;
  margin-bottom: 1.5rem;
}
.v-global-support .support_slider_row #support_slider .glide__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.5rem;
  font-size: 5em;
  display: none;
}
@media (min-width: 75em) {
  .v-global-support .support_slider_row #support_slider .glide__arrow {
    display: block;
  }
}
@media (min-width: 90em) {
  .v-global-support .support_slider_row #support_slider .glide__arrow {
    font-size: 6em;
    left: -2rem;
  }
}
@media (min-width: 110em) {
  .v-global-support .support_slider_row #support_slider .glide__arrow {
    font-size: 7em;
    left: -5rem;
  }
}
.v-global-support .support_slider_row #support_slider .glide__arrow::before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-weight: 200;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.v-global-support .support_slider_row #support_slider .glide__arrow.glide__arrow--right {
  right: -1.5rem;
  left: unset;
}
@media (min-width: 90em) {
  .v-global-support .support_slider_row #support_slider .glide__arrow.glide__arrow--right {
    right: -2rem;
  }
}
@media (min-width: 110em) {
  .v-global-support .support_slider_row #support_slider .glide__arrow.glide__arrow--right {
    right: -5rem;
  }
}
.v-global-support .support_slider_row #support_slider .glide__arrow.glide__arrow--right::before {
  transform: translate(-50%, -50%) rotate(180deg);
}
.v-global-support .support_slider_row #support_slider .glide__bullets {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (min-width: 62em) {
  .v-global-support .support_slider_row #support_slider .glide__bullets {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: space-between;
  }
}
@media (min-width: 101.75em) {
  .v-global-support .support_slider_row #support_slider .glide__bullets {
    justify-content: flex-start;
  }
}
.v-global-support .support_slider_row #support_slider .glide__bullets > button {
  padding: 1em 1.25em;
  flex: 1 1 25%;
  max-width: 25%;
  margin-bottom: 0.5em;
  font-size: 2.75vw;
  font-weight: 800;
  position: relative;
  transition: all 0.2s ease;
  z-index: 1;
}
@media (min-width: 35em) {
  .v-global-support .support_slider_row #support_slider .glide__bullets > button {
    font-size: 0.85em;
  }
}
@media (min-width: 62em) {
  .v-global-support .support_slider_row #support_slider .glide__bullets > button {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    margin-bottom: 0;
    font-size: 0.9em;
    padding: 1em 1em 1em 1.25em;
  }
}
@media (min-width: 75em) {
  .v-global-support .support_slider_row #support_slider .glide__bullets > button {
    font-size: 1em;
    padding: 1em 1.25em;
    text-align: center;
  }
}
@media (min-width: 101.75em) {
  .v-global-support .support_slider_row #support_slider .glide__bullets > button {
    text-align: left;
  }
  .v-global-support .support_slider_row #support_slider .glide__bullets > button:nth-child(1) {
    max-width: 8em;
  }
  .v-global-support .support_slider_row #support_slider .glide__bullets > button:nth-child(2) {
    max-width: 7em;
  }
  .v-global-support .support_slider_row #support_slider .glide__bullets > button:nth-child(3) {
    max-width: 6em;
  }
  .v-global-support .support_slider_row #support_slider .glide__bullets > button:nth-child(4) {
    max-width: 7em;
  }
  .v-global-support .support_slider_row #support_slider .glide__bullets > button:nth-child(5) {
    max-width: 7em;
  }
  .v-global-support .support_slider_row #support_slider .glide__bullets > button:nth-child(6) {
    max-width: 8em;
  }
  .v-global-support .support_slider_row #support_slider .glide__bullets > button:nth-child(7) {
    max-width: 9em;
  }
  .v-global-support .support_slider_row #support_slider .glide__bullets > button:nth-child(8) {
    max-width: 9.5em;
  }
}
.v-global-support .support_slider_row #support_slider .glide__bullets > button:hover::before {
  background: rgba(255, 255, 255, 0.35);
}
.v-global-support .support_slider_row #support_slider .glide__bullets > button::before {
  background: rgba(255, 255, 255, 0.25);
  content: "";
  position: absolute;
  top: 0;
  left: 0.25rem;
  right: 0.25rem;
  bottom: 0;
  transition: all 0.2s ease;
  z-index: -1;
}
@media (min-width: 62em) {
  .v-global-support .support_slider_row #support_slider .glide__bullets > button.glide__bullet--active {
    padding: 1em 1.25em 2em;
  }
}
.v-global-support .support_slider_row #support_slider .glide__bullets > button.glide__bullet--active::before {
  background: #23233b;
}

.v-variable-frequency-drives-support .banner {
  padding: 0;
}
.v-variable-frequency-drives-support .banner > .span > div:first-child {
  padding: 1.5em;
}
@media (min-width: 48em) {
  .v-variable-frequency-drives-support .banner > .span > div:first-child {
    padding: 2.5em 0;
  }
}
@media (min-width: 48em) {
  .v-variable-frequency-drives-support .banner > .span > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
  }
}
.v-variable-frequency-drives-support .banner .panel {
  background: radial-gradient(circle, rgb(0, 142, 223) 0%, rgb(0, 96, 192) 100%);
  display: block;
  color: #fff;
  padding: 1.25em 45% 1.25em 1.5em;
  overflow: hidden;
  position: relative;
}
@media (min-width: 62em) {
  .v-variable-frequency-drives-support .banner .panel {
    font-size: 1.1em;
    padding: 1.25em 35% 1.25em 1.5em;
  }
}
@media (min-width: 75em) {
  .v-variable-frequency-drives-support .banner .panel {
    padding: 1.25em 25% 1.25em 1.5em;
  }
}
.v-variable-frequency-drives-support .banner .panel::before {
  content: "";
  position: absolute;
  right: -4rem;
  top: -8rem;
  width: 20rem;
  height: 25rem;
  background-image: url("/img/content/news-and-media/film-reel.png");
  background-size: auto 100%;
  background-position: 100% 0;
  background-repeat: no-repeat;
}
@media (min-width: 48em) {
  .v-variable-frequency-drives-support .banner .panel::before {
    width: 30em;
    height: 35em;
    right: -8rem;
    transform: rotate(15deg);
  }
}
@media (min-width: 75em) {
  .v-variable-frequency-drives-support .banner .panel::before {
    width: 20em;
    height: 25em;
    right: -5em;
    top: -7em;
  }
}
.v-variable-frequency-drives-support .banner .panel h2 {
  font-size: 1.75em;
}
.v-variable-frequency-drives-support .banner .panel p {
  font-weight: 200;
}
.v-variable-frequency-drives-support .banner .panel p::after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 0.75em;
  color: #fff;
  display: inline-block;
  margin-top: 1em;
  border-radius: 3px;
  text-align: center;
  width: 1.75em;
  height: 1.75em;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
}
@media (min-width: 48em) {
  .v-variable-frequency-drives-support .banner .panel p::after {
    margin-top: 1.5em;
  }
}
.v-variable-frequency-drives-support #assist_links #assist_links_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.v-variable-frequency-drives-support #assist_links #assist_links_list > li {
  margin-bottom: 1em;
  width: 100%;
}
@media (min-width: 48em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li {
    flex: 0 0 calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem);
    margin-right: 1rem;
  }
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 62em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li {
    flex: 0 0 calc(33.33% - 0.5rem);
    max-width: calc(33.33% - 0.5rem);
    margin-right: 0.75rem;
    margin-bottom: 0.75em;
  }
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li:nth-child(2n) {
    margin-right: 0.75rem;
  }
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 75em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li {
    flex: 0 0 calc(20% - 1rem);
    max-width: calc(20% - 1rem);
    margin-right: 1.25rem;
    margin-bottom: 0.75em;
  }
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li:nth-child(2n) {
    margin-right: 1.25rem;
  }
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li:nth-child(3n) {
    margin-right: 1.25rem;
  }
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li:nth-child(4n) {
    margin-right: 1.25rem;
  }
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li:nth-child(5n) {
    margin-right: 0;
  }
}
@media (min-width: 90em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li {
    flex: 0 0 calc(20% - 1.5rem);
    max-width: calc(20% - 1.5rem);
    margin-right: 1.875rem;
    margin-bottom: 0.75em;
  }
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li:nth-child(2n) {
    margin-right: 1.875rem;
  }
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li:nth-child(3n) {
    margin-right: 1.875rem;
  }
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li:nth-child(4n) {
    margin-right: 1.875rem;
  }
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li:nth-child(5n) {
    margin-right: 0;
  }
}
.v-variable-frequency-drives-support #assist_links #assist_links_list > li > a {
  display: block;
  padding: 1.5em 1.5em 1.25em 1.5em;
  text-align: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.v-variable-frequency-drives-support #assist_links #assist_links_list > li > a::after {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 200%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 90%);
  transform: translateX(0%) skewX(-20deg);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.8s ease;
}
.v-variable-frequency-drives-support #assist_links #assist_links_list > li > a:hover::after {
  opacity: 0.8;
}
@media (min-width: 48em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li > a {
    padding-top: 2em;
    padding-bottom: 18em;
  }
}
@media (min-width: 75em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li > a {
    padding-bottom: 10em;
  }
}
@media (min-width: 90em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li > a {
    padding-bottom: 14em;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
}
@media (min-width: 101.75em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li > a {
    padding-bottom: 16em;
  }
}
.v-variable-frequency-drives-support #assist_links #assist_links_list > li > a h2 {
  font-size: 1.75em;
  text-transform: uppercase;
  letter-spacing: 0.0875em;
  margin-bottom: 1em;
  z-index: 1;
}
@media (min-width: 75em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li > a h2 {
    font-size: 1.25em;
  }
}
.v-variable-frequency-drives-support #assist_links #assist_links_list > li > a h2 span {
  display: block;
  font-size: 1.125em;
}
.v-variable-frequency-drives-support #assist_links #assist_links_list > li > a p {
  font-weight: 400;
}
@media (min-width: 48em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li > a p {
    font-size: 1.125em;
  }
}
.v-variable-frequency-drives-support #assist_links #assist_links_list > li > a .black-link {
  display: inline-block;
  padding: 0.5em 3em 0.5em 1em;
  font-weight: 400;
  background: #000;
  color: #fff;
  position: relative;
  z-index: 1;
}
@media (min-width: 75em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li > a .black-link {
    font-size: 0.9em;
  }
}
@media (min-width: 101.75em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li > a .black-link {
    padding: 0.5em 2.75em 0.5em 0.875em;
    font-size: 1em;
  }
}
.v-variable-frequency-drives-support #assist_links #assist_links_list > li > a .black-link::after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 0.75em;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  width: 1.75em;
  height: 1.75em;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
}
.v-variable-frequency-drives-support #assist_links #assist_links_list > li > a:hover .black-link::after {
  background: #fff;
  color: #000 !important;
}
@media (min-width: 48em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li[data-assist] > a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 18em;
    width: 100%;
    background-size: calc(100% - 2rem) auto;
    background-position: center calc(100% + 1.5rem);
    background-repeat: no-repeat;
  }
}
@media (min-width: 48em) and (min-width: 75em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li[data-assist] > a::before {
    background-size: calc(100% - 2rem) auto;
  }
}
@media (min-width: 48em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li[data-assist=e3] > a::before {
    background-image: url("/img/content/drives/support/e3-family.webp");
  }
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li[data-assist=p2] > a::before {
    background-image: url("/img/content/drives/support/p2-family.webp");
  }
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li[data-assist=eco] > a::before {
    background-image: url("/img/content/drives/support/eco-family.webp");
  }
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li[data-assist=core] > a::before {
    background-image: url("/img/content/drives/support/core-family.webp");
  }
}
@media (min-width: 48em) and (min-width: 90em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li[data-assist=core] > a::before {
    background-size: calc(100% + 1rem) auto;
  }
}
@media (min-width: 48em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li[data-assist=coolvert] > a::before {
    background-image: url("/img/content/drives/support/coolvert-family.webp");
  }
}
@media (min-width: 48em) and (min-width: 90em) {
  .v-variable-frequency-drives-support #assist_links #assist_links_list > li[data-assist=coolvert] > a::before {
    background-size: calc(100% - 1rem) auto;
  }
}

.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-software #bro-dwn-purp {
  background: #535486;
  color: #fff;
}

.v-industries [data-bg=industry] {
  background-image: url("/img/content/industries/data-bg-industry.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.v-industries .industry-icons > .list-unstyled a:hover {
  color: #0060d8 !important;
}
.v-industries .industry-icons > .list-unstyled li {
  padding: 2.5em;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  border: solid 5px #fff;
  border-radius: 1em;
  background: #e5e5e5;
  margin: 0;
}
.v-industries .gird-container {
  width: 100%;
  display: grid;
  position: relative;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-gap: 1.6em;
  justify-content: center;
  align-items: center;
  text-align: center;
  word-wrap: break-word;
  white-space: normal;
}
@media (min-width: 37.5em) {
  .v-industries .gird-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 62em) {
  .v-industries .gird-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 75em) {
  .v-industries .gird-container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.v-industries .gird-container .grid-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  color: #000 !important;
  font-size: 1.5em;
}
@media (min-width: 62em) {
  .v-industries .gird-container .grid-item {
    font-size: 1.2em;
  }
}
@media (min-width: 100em) {
  .v-industries .gird-container .grid-item {
    font-size: 1.5em;
  }
}
.v-industries .gird-container .grid-item i {
  font-size: 5em;
}
.v-industries .gird-container .grid-item span {
  width: 100%;
  margin-top: 2em;
  font-weight: 400;
}
.v-industry .banner {
  color: #fff;
  padding: 1em 0 3em;
  background: rgb(0, 92, 169);
}
@media (min-width: 62em) {
  .v-industry .banner {
    padding: 2em 0 12em;
    background: none;
  }
}
.v-industry .banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.66;
}
@media (min-width: 62em) {
  .v-industry .banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: -moz-linear-gradient(left, rgb(0, 92, 169) 0%, rgba(0, 92, 169, 0) 100%);
    background: -webkit-linear-gradient(left, rgb(0, 92, 169) 0%, rgba(0, 92, 169, 0) 100%);
    background: linear-gradient(to right, rgb(0, 92, 169) 0%, rgba(0, 92, 169, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005ca9", endColorstr="#00005ca9", GradientType=1);
    opacity: 1;
  }
}
@media (min-width: 62em) and (min-width: 62em) {
  .v-industry .banner::after {
    opacity: 0.66;
    right: 25%;
  }
}
.v-industry .banner > .span {
  z-index: 1;
}
.v-industry .banner > .span i {
  font-size: 5rem;
  margin: 1rem 0;
}
@media (min-width: 62em) {
  .v-industry .banner > .span i {
    position: absolute;
    margin: 0;
    bottom: -13rem;
    left: 0.9375rem;
    font-size: 11rem;
  }
}
.v-industry .banner > .span .bookmarks li {
  margin-bottom: 0.75em;
}
.v-industry .banner > .span .banner-summary {
  margin: 0 0.9375rem;
  color: #000 !important;
  padding: 1.5em;
  margin-bottom: -4em;
}
@media (min-width: 62em) {
  .v-industry .banner > .span .banner-summary {
    position: absolute;
    right: 0.9375rem;
    margin: 0;
    bottom: -13.5em;
    max-width: 34.1875rem;
  }
}
.v-industry .banner > .span .banner-summary .lead {
  font-weight: 500;
  color: #000 !important;
}
.v-industry .banner > .span .banner-summary-ad {
  margin: 0 0.9375rem;
  color: #000 !important;
  padding: 0;
  margin-bottom: 0;
  width: 100%;
}
.v-industry .banner > .span .banner-summary-ad img {
  width: 100%;
}
@media (min-width: 62em) {
  .v-industry .banner > .span .banner-summary-ad {
    position: absolute;
    right: 0.9375rem;
    margin: 0;
    bottom: -2.7em;
    max-width: 28rem;
  }
}
@media (min-width: 75em) {
  .v-industry .banner > .span .banner-summary-ad {
    max-width: 34.1875rem;
  }
}
.v-industry .industry-summary .panel {
  display: flex;
  flex-direction: column;
}
@media (min-width: 62em) {
  .v-industry .industry-summary .panel {
    flex-direction: row;
  }
}
.v-industry .industry-summary .panel > section {
  padding: 2.25rem;
}
.v-industry .industry-summary .panel > section.sidebox {
  color: rgb(83, 84, 134);
  font-weight: 200;
  padding-bottom: 0;
}
@media (min-width: 62em) {
  .v-industry .industry-summary .panel > section.sidebox {
    padding-bottom: 2.25rem;
  }
}
@media (min-width: 62em) {
  .v-industry .industry-summary .panel > section.sidebox {
    flex: 0 0 25.25rem;
    max-width: 25.25rem;
    position: relative;
  }
  .v-industry .industry-summary .panel > section.sidebox::before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    opacity: 0.5;
  }
  .v-industry .industry-summary .panel > section.sidebox > div {
    position: relative;
    z-index: 1;
    padding: 2.25rem;
    margin: -2.25rem;
    background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20rem, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20rem, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20rem, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=0);
  }
}
.v-industry .industry-summary .panel > section.sidebox .industry-videos {
  margin-top: 3em;
}
.v-industry .industry-summary .panel > section.sidebox .lead {
  font-weight: 200;
  color: rgb(83, 84, 134);
}
.v-industry .industry-summary .panel > section.sidebox h2,
.v-industry .industry-summary .panel > section.sidebox h3 {
  font-weight: 200;
}
.v-industry .industry-summary .panel > section.sidebox h2 {
  font-size: 2em;
  margin: 0.5rem 0 1em;
}
@media (min-width: 62em) {
  .v-industry .industry-summary .panel > section.sidebox h2 {
    font-size: 2.75em;
    padding-right: 1rem;
  }
}
.v-industry .industry-summary .panel > section.sidebox h3 {
  font-size: 1.6em;
  margin: 0 0 1.5em;
}
@media (min-width: 62em) {
  .v-industry .industry-summary .panel > section.sidebox h3 {
    font-size: 2em;
  }
}
.v-industry .industry-summary .panel > section.sidebox .cs {
  display: inline-block;
  padding: 1rem;
  background: rgb(83, 84, 134);
  color: #fff;
}
@media (min-width: 62em) {
  .v-industry .industry-summary .panel > section.sidebox .cs {
    padding: 0;
    background: none;
  }
}
.v-industry .industry-summary .panel > section.sidebox .cs > a.btn-box-arrow {
  display: block;
  padding: 0 3rem 0 0;
  color: #fff;
  font-weight: 400;
  font-size: 1.3em;
}
@media (min-width: 62em) {
  .v-industry .industry-summary .panel > section.sidebox .cs > a.btn-box-arrow {
    color: rgb(83, 84, 134);
  }
}
.v-industry .industry-summary .panel > section.sidebox .cs > a.btn-box-arrow::before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: rgb(83, 84, 134);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
}
@media (min-width: 62em) {
  .v-industry .industry-summary .panel > section.sidebox .cs > a.btn-box-arrow::before {
    font-size: 1.5em;
  }
}
.v-industry .industry-summary .panel > section.sidebox .cs > a.btn-box-arrow:hover::before {
  background: none;
  color: rgb(83, 84, 134);
}
.v-industry .industry-summary .panel > section.mainbox ul.circle-list.img-position-absolute li img {
  position: absolute;
  top: -2.5em;
  left: -15em;
  z-index: 1;
}
.v-industry .industry-summary .panel > section.mainbox ul.circle-list li {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.5em;
}
@media (min-width: 75em) {
  .v-industry .industry-summary .panel > section.mainbox ul.circle-list li {
    flex-direction: row;
  }
}
.v-industry .industry-summary .panel > section.mainbox ul.circle-list li img {
  height: 12em;
  width: 12em;
  margin-right: 1em;
  align-self: center;
}
.v-industry .industry-summary .panel > section.mainbox ul.circle-list li div h3 {
  margin: 1em 0 !important;
}
.v-industry .industry-summary .panel > section.mainbox ul.circle-list .related-media li {
  margin-bottom: 0;
}
.v-industry .industry-summary .panel > section.mainbox > div:first-child > h3:first-child {
  margin-top: 0;
}
.v-industry .industry-summary .panel > section.mainbox .dnv-section {
  display: flex;
  align-items: center;
  margin-bottom: 2em;
}
.v-industry .industry-summary .panel > section.mainbox .dnv-section .dnv-logo {
  max-height: 6em;
  padding-right: 0.5em;
}
.v-industry .industry-summary .panel > section.mainbox .lead {
  color: #000;
}
.v-industry .industry-summary .panel > section.mainbox h3 {
  font-size: 1.5em;
  margin: 2.5rem 0 1em;
}
.v-industry .industry-summary .panel > section.mainbox h4 {
  font-size: 1.1em;
  margin: 2rem 0 0.5em;
}
.v-industry .industry-summary .panel > section.mainbox .related-products {
  color: rgb(83, 84, 134);
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 2px solid rgb(83, 84, 134);
}
.v-industry .industry-summary .panel > section.mainbox .related-products h3 {
  margin-top: 0;
}
@media (min-width: 75em) {
  .v-industry .industry-summary .panel > section.mainbox .related-products .related-products-list {
    display: flex;
    flex-wrap: wrap;
  }
  .v-industry .industry-summary .panel > section.mainbox .related-products .related-products-list > li {
    flex: 0 0 calc(50% - 2rem - 0.5rem);
    max-width: calc(50% - 2rem - 0.5rem);
    margin-right: 1rem;
  }
}
@media (min-width: 75em) and (min-width: 90em) {
  .v-industry .industry-summary .panel > section.mainbox .related-products .related-products-list > li {
    flex: 0 0 calc(50% - 6rem - 0.5rem);
    max-width: calc(50% - 6rem - 0.5rem);
  }
}
@media (min-width: 75em) {
  .v-industry .industry-summary .panel > section.mainbox .related-products .related-products-list > li:nth-child(2n) {
    margin-right: 0;
  }
  .v-industry .industry-summary .panel > section.mainbox .related-products .related-products-list > li a {
    height: 100%;
  }
}
.v-industry .industry-summary .panel > section.mainbox .related-products .related-products-list a {
  display: block;
  background-position: calc(100% - 3rem) bottom;
  background-size: auto 4em;
  background-repeat: no-repeat;
}
.v-industry .industry-summary .panel > section.mainbox .related-products .related-products-list a img {
  max-width: 50%;
}
.v-industry .industry-summary .panel > section.mainbox .related-products .related-products-list a span {
  font-weight: 200;
  font-size: 0.9em;
  color: #fff;
}
.v-industry .industry-summary .panel > section.mainbox .related-products .related-products-list a[data-product=eco-pump] {
  background-color: #0075bf;
  background-image: url("/img/content/drives/optidrive-eco/optidrive-eco-vfd.png");
}
.v-industry .industry-summary .panel > section.mainbox .related-products .related-products-list a[data-product=eco-hvac] {
  background-color: #76b82a;
  background-image: url("/img/content/drives/optidrive-eco/optidrive-eco-vfd.png");
}
.v-industry .industry-summary .panel > section.mainbox .related-products .related-products-list a[data-product=e3] {
  background-color: rgb(83, 84, 134);
  background-image: url("/img/content/drives/optidrive-e3/optidrive-e3-vfd.png");
}
.v-industry .industry-summary .panel > section.mainbox .related-products .related-products-list a[data-product=p2] {
  background-color: rgb(83, 84, 134);
  background-image: url("/img/content/drives/optidrive-p2/optidrive-p2-vfd.png");
}
.v-industry .industry-summary .panel > section.mainbox .related-products .related-products-list a[data-product=elevator] {
  background-color: rgb(83, 84, 134);
  background-image: url("/img/content/drives/optidrive-elevator/optidrive-elevator.png");
}
.v-industry .industry-summary .panel > section.mainbox .related-products .related-products-list a[data-product=coolvert] {
  background-color: rgb(83, 84, 134);
  background-image: url("/img/content/drives/optidrive-coolvert/coolvert-right.png");
}
.v-industry .industry-summary .panel > section.mainbox .related-products .related-products-list a[data-product=coolvert] img {
  max-width: 70%;
  margin: 0.3em 0;
}
.v-industry .industry-summary .panel > section.mainbox .related-products .related-products-list a[data-product=coolvert] .small {
  font-size: 0.8em;
  padding-right: 4rem;
  display: block;
  margin: 0.5em 0 0;
}
.v-industry .industry-summary#irrigation-and-pumping .panel > section.sidebox::before {
  background-image: url("/img/content/industries/agriculture/irrigation-systems.jpg");
  background-size: auto calc(100% - 15rem);
  background-position: center 100%;
}
.v-industry .industry-summary#agricultural-building-ventilation .panel > section.sidebox::before {
  background-image: url("/img/content/industries/agriculture/application-spotlight-banner.jpg");
  background-size: auto calc(100% - 15rem);
  background-position: center 100%;
}
.v-industry .industry-summary#agricultural-building-ventilation .panel > section.mainbox div {
  position: relative;
}
.v-industry .industry-summary#agricultural-building-ventilation .panel > section.mainbox div p:first-child {
  width: 100%;
  margin-bottom: 0;
}
@media screen and (min-width: 48em) {
  .v-industry .industry-summary#agricultural-building-ventilation .panel > section.mainbox div p:first-child {
    width: 75%;
    margin-bottom: 1.5em;
  }
}
.v-industry .industry-summary#agricultural-building-ventilation .panel > section.mainbox .img-chickens-pig-and-cows {
  position: relative;
  width: 100%;
  margin: 0.5em 0;
}
@media screen and (min-width: 48em) {
  .v-industry .industry-summary#agricultural-building-ventilation .panel > section.mainbox .img-chickens-pig-and-cows {
    width: 30%;
    position: absolute;
    right: -1em;
    top: -1em;
  }
}
@media screen and (min-width: 62em) {
  .v-industry .industry-summary#agricultural-building-ventilation .panel > section.mainbox .img-chickens-pig-and-cows {
    width: 25%;
    position: absolute;
    right: -2em;
    top: -2em;
  }
}
@media screen and (min-width: 100em) {
  .v-industry .industry-summary#agricultural-building-ventilation .panel > section.mainbox .img-chickens-pig-and-cows {
    width: 23%;
  }
}
@media screen and (min-width: 62em) {
  .v-industry .industry-summary#conveyors-and-automation .panel > section.sidebox .height-35em {
    height: 40em;
  }
}
.v-industry .industry-summary#conveyors-and-automation .panel > section.sidebox::before {
  background-image: url("/img/content/industries/agriculture/conveyors-and-automation.jpg");
  background-size: auto calc(100% - 15rem);
  background-position: center 100%;
}
.v-industry .industry-summary .img-benefits-of-using-vfds-globe {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  margin: 0;
}
@media screen and (min-width: 51.875em) {
  .v-industry .industry-summary .img-benefits-of-using-vfds-globe {
    width: 35%;
  }
}
.v-industry .industry-third-parties h3 {
  font-size: 2rem;
}
.v-industry .industry-third-parties .panel {
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
@media (min-width: 75em) {
  .v-industry .industry-third-parties .panel {
    padding: 3rem;
  }
}
.v-industry .industry-third-parties .panel.panel--sumitomo {
  background-image: url("/img/content/industries/sumitomo-gearboxes.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.v-industry .industry-third-parties .panel.panel--sumitomo h4 {
  border-left: solid rgb(255, 199, 44) 0.3em;
  padding-left: 0.5em;
}
.v-industry .industry-third-parties .panel.panel--lafert {
  background-image: url("/img/content/industries/bg_famiglia.png");
  background-repeat: repeat;
  background-size: cover;
  text-align: right;
}
.v-industry .industry-third-parties .panel.panel--lafert::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url("/img/content/industries/grid.svg");
  background-repeat: repeat;
  background-size: cover;
}
.v-industry .industry-third-parties .panel.panel--lafert .feature-img {
  flex: 0 0 7.5em;
  max-width: 7.5em;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 0;
}
@media (min-width: 62em) {
  .v-industry .industry-third-parties .panel.panel--lafert .feature-img {
    flex: 0 0 10em;
    max-width: 10em;
  }
}
.v-industry .industry-third-parties .panel.panel--lafert .feature-img div {
  width: 100%;
  padding-bottom: 100%;
  background: #fff;
  border-radius: 50%;
  position: relative;
}
.v-industry .industry-third-parties .panel.panel--lafert .feature-img div img {
  margin: 0;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
}
.v-industry .industry-third-parties .panel h4 {
  color: #fff;
  text-shadow: 0px 0px 5px #000000;
  font-size: 1.5em;
  margin-bottom: 1em;
}
.v-industry .industry-third-parties .panel .btn__sumitomo {
  display: inline-block;
  padding: 1em 2em 1em 1.125em;
  color: #fff;
  text-align: center;
  background-color: #004d97;
  border-radius: 0.5em;
}
.v-industry .industry-third-parties .panel .btn__sumitomo.btn-box-arrow::before {
  color: #fff;
  border: 0px;
}
@media (min-width: 62em) {
  .v-industry .industry-third-parties .col-lg-12 .panel.panel--lafert .feature-img {
    flex: 0 0 10em;
    max-width: 10em;
    margin-top: -1em;
    margin-bottom: -1em;
  }
}
@media (min-width: 75em) {
  .v-industry .industry-third-parties .col-lg-12 .panel.panel--lafert .feature-img {
    flex: 0 0 12em;
    max-width: 12em;
  }
}
@media (min-width: 35em) {
  .v-industry .industry-third-parties .col-lg-12 .panel.panel--lafert > div:not(.feature-img) {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .v-industry .industry-third-parties .col-lg-12 .panel.panel--lafert > div:not(.feature-img) h4 {
    margin-bottom: 0;
    margin-right: 1em;
  }
}
@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 #drive-in-industry #industry-slider ul li .story-details .post-industry {
  display: none;
}
.v-industry .industry-cta {
  padding: 3em 0 10em;
  color: #fff;
  margin-top: -2.25rem;
}
@media (min-width: 62em) {
  .v-industry .industry-cta {
    padding: 7.5em 0;
    margin-top: -3.25rem;
  }
}
.v-industry .industry-cta::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10rem;
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  z-index: -1;
}
.v-industry .industry-cta::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.33;
  content: "";
  background-position: center 70%;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.v-industry .industry-cta .panel {
  margin: 0 auto;
  width: calc(100% - 2rem);
  max-width: 64.625rem;
  background: radial-gradient(circle at 75% 100%, rgb(148, 140, 195) 0%, rgb(83, 84, 134) 75%);
  color: #fff;
}
.v-industry .industry-cta .panel > a {
  padding: 2.9375rem;
  padding-bottom: 15rem;
  display: block;
  color: #fff !important;
  z-index: 1;
  position: relative;
}
@media (min-width: 62em) {
  .v-industry .industry-cta .panel > a {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 2.5rem;
    font-size: 1.3em;
  }
}
.v-industry .industry-cta .panel > a > div {
  padding: 0;
  display: block;
  max-width: 13.5em;
}
@media (min-width: 62em) {
  .v-industry .industry-cta .panel > a > div {
    max-width: 13.25em;
  }
}
.v-industry .industry-cta .panel > a > div strong {
  font-size: 2em;
  display: block;
}
@media (min-width: 62em) {
  .v-industry .industry-cta .panel > a > div strong {
    font-size: 1.875em;
  }
}
.v-industry .industry-cta .panel > a > div span {
  font-weight: 200;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  height: 2em;
}
@media (min-width: 62em) {
  .v-industry .industry-cta .panel > a > div span {
    font-size: 1em;
    height: 1.875em;
  }
}
.v-industry .industry-cta .panel > a h3 {
  font-size: 1.4em;
  margin-bottom: 1.5em;
}
@media (min-width: 62em) {
  .v-industry .industry-cta .panel > a h3 {
    max-width: 13em;
  }
}
.v-industry .industry-cta .panel > a::before {
  font-family: "Font Awesome 5 Pro";
  font-size: 12em;
  font-weight: 200;
  color: #fff;
  opacity: 0.25;
  position: absolute;
  bottom: -1.75rem;
  left: 2.9375rem;
}
@media (min-width: 62em) {
  .v-industry .industry-cta .panel > a::before {
    left: 50%;
    font-size: 11em;
    bottom: -2.25rem;
  }
}
.v-industry .industry-cta .panel > a::after {
  content: "";
  width: 10rem;
  height: 13.33rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -4rem;
  right: 2.9375rem;
}
@media (min-width: 48em) {
  .v-industry .industry-cta .panel > a::after {
    width: 15rem;
    height: 19.995rem;
  }
}
@media (min-width: 62em) {
  .v-industry .industry-cta .panel > a::after {
    width: 16rem;
    height: 21.328rem;
    bottom: -5.5em;
  }
}
.v-industry .industry-cta .panel > a:hover {
  text-decoration: none;
}
@media (min-width: 62em) {
  .v-industry.v-agriculture .banner::before {
    background: rgb(0, 92, 169) url("/img/content/industries/agriculture/banner.jpg") 50% 50%/cover no-repeat;
  }
}
.v-industry.v-agriculture .industry-summary .panel .mainbox .fan-types {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.v-industry.v-agriculture .industry-summary .panel .mainbox .fan-types > li {
  flex: 0 0 45%;
  max-width: 45%;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 500;
  margin-bottom: 1rem;
}
@media (min-width: 48em) {
  .v-industry.v-agriculture .industry-summary .panel .mainbox .fan-types > li {
    justify-content: flex-end;
    flex: 0 0 calc(20% - 1.5rem);
    max-width: calc(20% - 1.5rem);
    padding-bottom: 7rem;
    position: relative;
    text-align: center;
    padding-right: 0.5em;
    padding-left: 0.5em;
  }
}
.v-industry.v-agriculture .industry-summary .panel .mainbox .fan-types > li img {
  margin-top: 1rem;
}
@media (min-width: 48em) {
  .v-industry.v-agriculture .industry-summary .panel .mainbox .fan-types > li img {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 6rem;
  }
}
.v-industry.v-agriculture .industry-cta .panel > a::after {
  background-image: url("/img/content/industries/agriculture/cta-feature.png");
}
.v-industry.v-agriculture .industry-cta::before {
  background-image: url("/img/content/industries/agriculture/application-spotlight-banner.jpg");
}
.v-industry.v-agriculture .industry-cta .panel a::before {
  content: "\f722";
}
.v-industry.v-agriculture .benefits_mainbox {
  padding: 2.25rem;
}
@media screen and (min-width: 62em) {
  .v-industry.v-agriculture .benefits_mainbox {
    padding: 3rem !important;
  }
}
.v-industry.v-agriculture .text__feature--blue {
  width: 100%;
  position: relative;
  padding: 1em;
  background-color: #0075bf;
  color: #fff;
  font-size: 1.2em;
  font-weight: 400;
  margin-bottom: 10em;
}
@media screen and (min-width: 48em) {
  .v-industry.v-agriculture .text__feature--blue {
    margin-bottom: 8em;
  }
}
@media screen and (min-width: 62em) {
  .v-industry.v-agriculture .text__feature--blue {
    width: 35%;
    margin: 0;
    position: absolute;
    right: 0em;
    top: 4.5em;
    text-align: right;
    font-size: 1.3125em;
  }
}
@media screen and (min-width: 75em) {
  .v-industry.v-agriculture .text__feature--blue {
    top: 3.6em;
  }
}
.v-industry.v-agriculture .text__width--80 {
  width: 100%;
}
@media screen and (min-width: 62em) {
  .v-industry.v-agriculture .text__width--80 {
    width: 62%;
  }
}
@media screen and (min-width: 75em) {
  .v-industry.v-agriculture .text__width--80 {
    width: 70%;
  }
}
@media screen and (min-width: 85em) {
  .v-industry.v-agriculture .text__width--80 {
    width: 80%;
  }
}
.v-industry.v-agriculture .text__width--70 {
  width: 100%;
}
@media screen and (min-width: 62em) {
  .v-industry.v-agriculture .text__width--70 {
    width: 62%;
  }
}
@media screen and (min-width: 75em) {
  .v-industry.v-agriculture .text__width--70 {
    width: 70%;
  }
}
@media screen and (min-width: 85em) {
  .v-industry.v-agriculture .text__width--70 {
    width: 70%;
  }
}
@media (min-width: 62em) {
  .v-industry.v-marine .banner::before {
    background: rgb(0, 92, 169) url("/img/content/industries/marine/banner.jpg") 50% 50%/cover no-repeat;
  }
}
.v-industry.v-marine .banner .dnv-logo {
  max-height: 8em;
  float: left;
  margin: 0.5rem 1rem 0.5rem 0;
}
@media (min-width: 62em) {
  .v-industry.v-marine .banner .dnv-logo {
    margin: 0;
    float: none;
    position: absolute;
    margin: 0;
    bottom: -13rem;
    left: 16em;
  }
}
.v-industry.v-marine .industry-cta .panel > a::after {
  background-image: url("/img/content/industries/agriculture/cta-feature.png");
}
.v-industry.v-marine .industry-cta::before {
  background-image: url("/img/content/industries/marine/application-spotlight-banner.jpg");
  left: -15%;
}
.v-industry.v-marine .industry-cta .panel a::before {
  content: "\f21a";
}
.v-industry.v-marine .industry-summary#marine-applications .panel > section.sidebox::before {
  background-image: url("/img/content/industries/marine/marine-applications.jpg");
  background-size: auto calc(100% - 15rem);
  background-position: center 100%;
}
.v-industry.v-marine .industry-summary#onboard-applications .panel > section.sidebox::before {
  background-image: url("/img/content/industries/marine/onboard-applications.jpg");
  background-size: auto calc(100% - 15rem);
  background-position: center 100%;
}
@media (min-width: 62em) {
  .v-industry.v-data-centres .banner::before {
    background: rgb(0, 92, 169) url("/img/content/industries/data-centres/banner.jpg") 50% 50%/cover no-repeat;
  }
}
.v-industry.v-data-centres .banner .dnv-logo {
  max-height: 8em;
  float: left;
  margin: 0.5rem 1rem 0.5rem 0;
}
@media (min-width: 62em) {
  .v-industry.v-data-centres .banner .dnv-logo {
    margin: 0;
    float: none;
    position: absolute;
    margin: 0;
    bottom: -13rem;
    left: 16em;
  }
}
.v-industry.v-data-centres .industry-summary#data-centres-applications .panel > section.sidebox::before {
  background-image: url("/img/content/industries/data-centres/fans.jpg");
  background-position: center bottom;
}
.v-industry.v-data-centres .industry-summary#data-centres-applications .panel > section.sidebox div:first-child {
  height: 100%;
  background: linear-gradient(to bottom, white 0%, white 22rem, rgba(255, 255, 255, 0) 100%);
}
.v-industry.v-data-centres .industry-cta .panel > a::after {
  background-image: url("/img/content/industries/data-centres/cta-feature.png");
  width: 18rem;
  height: 23.994rem;
  bottom: -8rem;
}
@media (min-width: 62em) {
  .v-industry.v-data-centres .industry-cta .panel > a::after {
    width: 23rem;
    height: 30.659rem;
    right: 2rem;
    bottom: -7.5em;
  }
}
.v-industry.v-data-centres .industry-cta::before {
  background-image: url("/img/content/industries/data-centres/application-spotlight-banner.jpg");
  left: -15%;
}
.v-industry.v-data-centres .industry-cta .panel a::before {
  content: "\f233";
}
@media (min-width: 62em) {
  .v-industry.v-mining .banner::before {
    background: rgb(0, 92, 169) url("/img/content/industries/mining/banner.jpg") 50% 50%/cover no-repeat;
  }
}
.v-industry.v-mining .banner .dnv-logo {
  max-height: 8em;
  float: left;
  margin: 0.5rem 1rem 0.5rem 0;
}
@media (min-width: 62em) {
  .v-industry.v-mining .banner .dnv-logo {
    margin: 0;
    float: none;
    position: absolute;
    margin: 0;
    bottom: -13rem;
    left: 16em;
  }
}
.v-industry.v-mining .industry-cta .panel > a::after {
  background-image: url("/img/content/industries/agriculture/cta-feature.png");
}
.v-industry.v-mining .industry-cta::before {
  background-image: url("/img/content/industries/mining/spotlight-banner.jpg");
  left: -15%;
}
.v-industry.v-mining .industry-cta .panel a::before {
  content: "\f807";
}
@media (min-width: 62em) {
  .v-industry.v-mining .industry-summary#mining-applications .panel > section.sidebox > div {
    padding-bottom: 8em;
    background: linear-gradient(to bottom, white 0%, white 25rem, rgba(255, 255, 255, 0) 100%);
  }
}
.v-industry.v-mining .industry-summary#mining-applications .panel > section.sidebox::before {
  background-image: url("/img/content/industries/mining/mining-banner.jpg");
  background-size: auto calc(100% - 15rem);
  background-position: center 100%;
}
@media (min-width: 62em) {
  .v-industry.v-refrigeration-and-aircon .banner::before {
    background: rgb(0, 92, 169) url("/img/content/industries/refrigeration/banner.jpg") 50% 50%/cover no-repeat;
  }
}
.v-industry.v-refrigeration-and-aircon .industry-summary#food .panel > section.sidebox::before {
  background-image: url("/img/content/industries/refrigeration/cold-chain.jpg?v=071022");
  background-size: 100% auto;
  background-position: center 16rem;
}
.v-industry.v-refrigeration-and-aircon .industry-summary#food .panel > section.sidebox div:first-child {
  height: 100%;
  background: linear-gradient(to bottom, white 0%, white 22rem, rgba(255, 255, 255, 0) 100%);
}
.v-industry.v-refrigeration-and-aircon .industry-summary#commercial .panel > section.sidebox::before {
  background-image: url("/img/content/industries/refrigeration/refrigeration-compressor.jpg");
  background-size: auto calc(100% - 15rem);
  background-position: center 25rem;
}
.v-industry.v-refrigeration-and-aircon .industry-summary#commercial .panel > section.sidebox div:first-child {
  background: linear-gradient(to bottom, white 0%, white 25rem, rgba(255, 255, 255, 0) 100%);
}
.v-industry.v-refrigeration-and-aircon .industry-summary#compressor .panel > section.sidebox::before {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255)), url("/img/content/industries/refrigeration/compressor-control.jpg");
  background-size: auto 35rem;
  background-position: center 50rem;
}
.v-industry.v-refrigeration-and-aircon .industry-summary#compressor .panel > section.sidebox div:first-child {
  background: linear-gradient(to bottom, white 0%, white 25rem, rgba(255, 255, 255, 0) 100%);
}
.v-industry.v-refrigeration-and-aircon .industry-cta .panel > a::after {
  background-image: url("/img/content/industries/refrigeration/cta-feature.png");
}
.v-industry.v-refrigeration-and-aircon .industry-cta::before {
  background-image: url("/img/content/industries/refrigeration/application-spotlight-banner.jpg?v=071022");
  left: -15%;
}
.v-industry.v-refrigeration-and-aircon .industry-cta .panel a::before {
  content: "\e03f";
}
@media (min-width: 62em) {
  .v-industry.v-hvac-building-services .banner::before {
    background: rgb(0, 92, 169) url("/img/content/industries/hvac/banner.png") 50% 50%/cover no-repeat;
  }
}
.v-industry.v-hvac-building-services .industry-summary#controlling-environments-in-buildings .panel > section.sidebox::before {
  background-image: url("/img/content/industries/hvac/hvac-building-services.png");
  background-size: cover;
  background-position: -10em 100%;
}
.v-industry.v-hvac-building-services .industry-summary#controlling-environments-in-buildings .panel > section.sidebox div:first-child {
  height: 100%;
  background: linear-gradient(to bottom, white 0%, white 22rem, rgba(255, 255, 255, 0) 100%);
}
.v-industry.v-hvac-building-services .industry-summary#controlling-environments-in-buildings .panel ul.circle-list.list-unstyled p {
  margin-bottom: 1.5em;
}
.v-industry.v-hvac-building-services .industry-summary#controlling-environments-in-buildings .panel ul.fire-override-list li {
  margin-bottom: 1.5em !important;
}
.v-industry.v-hvac-building-services .industry-summary#controlling-environments-in-buildings .panel ul.fire-override-list li::before {
  content: "•";
}
.v-industry.v-hvac-building-services .industry-cta .panel > a::after {
  background-image: url("/img/content/industries/agriculture/cta-feature.png");
}
.v-industry.v-hvac-building-services .industry-cta::before {
  background-image: url("/img/content/industries/hvac/application-spotlight-banner.jpg");
}
.v-industry.v-hvac-building-services .industry-cta .panel a::before {
  content: "\f64f";
}
@media (min-width: 62em) {
  .v-industry.v-lifts-elevators .banner::before {
    background: rgb(0, 92, 169) url("/img/content/industries/liftselevators/banner.jpg") 50% 50%/cover no-repeat;
  }
}
.v-industry.v-lifts-elevators .industry-summary#lifts-elevators-control .panel > section.sidebox::before {
  background-image: url("/img/content/industries/liftselevators/spotlight-banner.jpg");
  background-size: cover;
  background-position: center 20rem;
}
.v-industry.v-lifts-elevators .industry-summary#lifts-elevators-control .panel > section.sidebox div:first-child {
  height: 100%;
  background: linear-gradient(to bottom, white 0%, white 0rem, rgba(255, 255, 255, 0) 100%);
}
.v-industry.v-lifts-elevators .industry-summary#lifts-elevators-control .mainbox > h3 {
  margin: 2.5rem 0 2.5rem;
}
.v-industry.v-lifts-elevators .industry-summary#lifts-elevators-control .mainbox .two-col {
  display: flex;
  flex-direction: column;
}
@media (min-width: 85.375em) {
  .v-industry.v-lifts-elevators .industry-summary#lifts-elevators-control .mainbox .two-col {
    flex-direction: row;
  }
}
.v-industry.v-lifts-elevators .industry-summary#lifts-elevators-control .mainbox .two-col div {
  padding-right: 0;
}
@media (min-width: 85.375em) {
  .v-industry.v-lifts-elevators .industry-summary#lifts-elevators-control .mainbox .two-col div {
    padding-right: 5em;
  }
}
.v-industry.v-lifts-elevators .industry-summary#lifts-elevators-control .mainbox .two-col div h4 {
  margin-bottom: 0.5em;
}
.v-industry.v-lifts-elevators .industry-summary#lifts-elevators-control .mainbox .two-col div h4 i {
  color: #ef7d00;
}
.v-industry.v-lifts-elevators .industry-summary#lifts-elevators-control .mainbox .two-col div p {
  margin-bottom: 2.5em;
}
.v-industry.v-lifts-elevators .industry-summary#lifts-elevators-control .mainbox .elevator-diagram {
  height: fit-content;
}
@media (min-width: 85.375em) {
  .v-industry.v-lifts-elevators .industry-summary#lifts-elevators-control .mainbox .elevator-diagram {
    max-width: 50%;
    margin-right: -2.3em;
  }
}
.v-industry.v-lifts-elevators .industry-cta .panel > a::after {
  background-image: url("/img/content/industries/agriculture/cta-feature.png");
}
.v-industry.v-lifts-elevators .industry-cta::before {
  background-image: url("/img/content/industries/hvac/application-spotlight-banner.jpg");
}
.v-industry.v-lifts-elevators .industry-cta .panel a::before {
  content: "\e030";
}
@media (min-width: 62em) {
  .v-industry.v-solar-pumping .banner::before {
    background: rgb(0, 92, 169) url("/img/content/industries/solarpumping/banner.jpg") 40% 40%/cover no-repeat;
  }
}
.v-industry.v-solar-pumping .industry-summary#solar-pumping-control .panel > section.sidebox::before {
  background-image: url("/img/content/industries/solarpumping/spotlight-banner.jpg");
  background-size: cover;
  background-position: center 20rem;
}
.v-industry.v-solar-pumping .industry-summary#solar-pumping-control .panel > section.sidebox div:first-child {
  height: 100%;
  background: linear-gradient(to bottom, white 0%, white 22rem, rgba(255, 255, 255, 0) 100%);
}
.v-industry.v-solar-pumping .industry-cta .panel > a::after {
  background-image: url("/img/content/industries/agriculture/cta-feature.png");
}
.v-industry.v-solar-pumping .industry-cta::before {
  background-image: url("/img/content/industries/solarpumping/solar-pumping-banner.jpg");
}
.v-industry.v-solar-pumping .industry-cta .panel a::before {
  content: "\f5ba";
}
@media (min-width: 62em) {
  .v-industry.v-water-wastewater .banner::before {
    background: rgb(0, 92, 169) url("/img/content/industries/water-wastewater/banner.jpg") 40% 40%/cover no-repeat;
  }
}
.v-industry.v-water-wastewater .industry-summary#pump-control .panel > section.sidebox::before {
  background-image: url("/img/content/industries/water-wastewater/spotlight-banner.jpg");
  background-size: cover;
  background-position: center 20rem;
}
.v-industry.v-water-wastewater .industry-summary#pump-control .panel > section.sidebox div:first-child {
  height: 100%;
  background: linear-gradient(to bottom, white 0%, white 22rem, rgba(255, 255, 255, 0) 100%);
}
.v-industry.v-water-wastewater .industry-summary#process-control-and-automation .panel > section.sidebox::before {
  background-image: url("/img/content/industries/water-wastewater/spotlight-banner-2.jpg");
  background-size: cover;
  background-position: center 20rem;
}
.v-industry.v-water-wastewater .industry-summary#process-control-and-automation .panel > section.sidebox div:first-child {
  height: 100%;
  background: linear-gradient(to bottom, white 0%, white 22rem, rgba(255, 255, 255, 0) 100%);
}
.v-industry.v-water-wastewater .industry-cta .panel > a::after {
  background-image: url("/img/content/industries/agriculture/cta-feature.png");
}
.v-industry.v-water-wastewater .industry-cta::before {
  background-image: url("/img/content/industries/water-wastewater/solar-pumping-banner.jpg");
}
.v-industry.v-water-wastewater .industry-cta .panel a::before {
  content: "\e006";
}
.v-industry.v-food-and-beverage .display-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 3em;
}
.v-industry.v-food-and-beverage .display-row p {
  padding-right: 1em;
}
@media (min-width: 75em) {
  .v-industry.v-food-and-beverage .display-row {
    flex-direction: row;
    margin-bottom: 1em;
  }
  .v-industry.v-food-and-beverage .display-row p {
    padding-right: 2em;
  }
  .v-industry.v-food-and-beverage .display-row .btn-related-industry {
    width: 22em;
  }
}
@media (min-width: 62em) {
  .v-industry.v-food-and-beverage .banner::before {
    background: rgb(0, 92, 169) url("/img/content/industries/food-and-beverage/banner.jpg") 40% 40%/cover no-repeat;
  }
}
.v-industry.v-food-and-beverage .industry-summary#food-and-beverage-production .panel > section.sidebox::before {
  background-image: url("/img/content/industries/food-and-beverage/sweet-food-factory.jpg");
  background-size: cover;
  background-position: center 20rem;
}
.v-industry.v-food-and-beverage .industry-summary#food-and-beverage-production .panel > section.sidebox div:first-child {
  height: 100%;
  background: linear-gradient(to bottom, white 0%, white 22rem, rgba(255, 255, 255, 0) 100%);
}
.v-industry.v-food-and-beverage .industry-cta .panel > a::after {
  background-image: url("/img/content/industries/agriculture/cta-feature.png");
}
.v-industry.v-food-and-beverage .industry-cta::before {
  background-image: url("/img/content/industries/food-and-beverage/application-spotlight-banner.jpg");
}
.v-industry.v-food-and-beverage .industry-cta .panel a::before {
  content: "\f2e7";
}
.v-industry.v-material-handling .display-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 3em;
}
.v-industry.v-material-handling .display-row p {
  padding-right: 1em;
}
@media (min-width: 75em) {
  .v-industry.v-material-handling .display-row {
    flex-direction: row;
    margin-bottom: 1em;
  }
  .v-industry.v-material-handling .display-row p {
    width: 50%;
    padding-right: 2em;
  }
  .v-industry.v-material-handling .display-row .btn-related-industry {
    width: 22em;
  }
}
@media (min-width: 62em) {
  .v-industry.v-material-handling .banner::before {
    background: rgb(0, 92, 169) url("/img/content/industries/material-handling/banner.jpg") 40% 40%/cover no-repeat;
  }
}
.v-industry.v-material-handling .industry-summary#material-handling-applications .panel > section.sidebox::before {
  background-image: url("/img/content/industries/material-handling/handling-dangerous-chemicals.jpg");
  background-size: cover;
  background-position: center 20rem;
}
.v-industry.v-material-handling .industry-summary#material-handling-applications .panel > section.sidebox div:first-child {
  height: 100%;
  background: linear-gradient(to bottom, white 0%, white 22rem, rgba(255, 255, 255, 0) 100%);
}
.v-industry.v-material-handling .industry-cta .panel > a::after {
  background-image: url("/img/content/industries/agriculture/cta-feature.png");
}
.v-industry.v-material-handling .industry-cta::before {
  background-image: url("/img/content/industries/material-handling/application-spotlight-banner.jpg");
}
.v-industry.v-material-handling .industry-cta .panel a::before {
  content: "\f47a";
}
.v-industry.v-cranes-and-hoists .display-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 3em;
}
@media (min-width: 62em) {
  .v-industry.v-cranes-and-hoists .banner::before {
    background: rgb(0, 92, 169) url("/img/content/industries/cranes-and-hoists/banner.jpg") 40% 40%/cover no-repeat;
  }
}
.v-industry.v-cranes-and-hoists .industry-summary#cranes-and-hoists-applications .industry-videos .industry-videos-header {
  margin-top: 2.375em;
}
.v-industry.v-cranes-and-hoists .industry-summary#cranes-and-hoists-applications .panel > section.sidebox::before {
  background-image: url("/img/content/industries/cranes-and-hoists/hoists.jpg");
  background-size: cover;
  background-position: center 20rem;
}
.v-industry.v-cranes-and-hoists .industry-summary#cranes-and-hoists-applications .panel > section.sidebox div:first-child {
  height: 100%;
  background: linear-gradient(to bottom, white 0%, white 22rem, rgba(255, 255, 255, 0) 100%);
}
.v-industry.v-cranes-and-hoists .industry-cta .panel > a::after {
  background-image: url("/img/content/industries/agriculture/cta-feature.png");
}
.v-industry.v-cranes-and-hoists .industry-cta::before {
  background-image: url("/img/content/industries/cranes-and-hoists/application-spotlight-banner.jpg");
}
.v-industry.v-cranes-and-hoists .industry-cta .panel a::before {
  content: "\f5cd";
}
.v-industry.v-printing .display-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 3em;
}
@media (min-width: 62em) {
  .v-industry.v-printing .banner::before {
    background: rgb(0, 92, 169) url("/img/content/industries/printing/banner.jpg") 40% 40%/cover no-repeat;
  }
}
.v-industry.v-printing .industry-summary#printing-production .industry-videos .industry-videos-header {
  margin-top: 2.375em;
}
.v-industry.v-printing .industry-summary#printing-production .panel > section.sidebox::before {
  background-image: url("/img/content/industries/printing/roll-offset-print-machine.jpg");
  background-size: cover;
  background-position: center 20rem;
}
.v-industry.v-printing .industry-summary#printing-production .panel > section.sidebox div:first-child {
  height: 100%;
  background: linear-gradient(to bottom, white 0%, white 22rem, rgba(255, 255, 255, 0) 100%);
}
.v-industry.v-printing .industry-cta .panel > a::after {
  background-image: url("/img/content/industries/agriculture/cta-feature.png");
}
.v-industry.v-printing .industry-cta::before {
  background-image: url("/img/content/industries/printing/application-spotlight-banner.jpg");
}
.v-industry.v-printing .industry-cta .panel a::before {
  content: "\f0c5";
}
@media (min-width: 62em) {
  .v-industry.v-textiles-and-paper .banner::before {
    background: rgb(0, 92, 169) url("/img/content/industries/textiles-and-paper/banner.jpg") 40% 40%/cover no-repeat;
  }
}
.v-industry.v-textiles-and-paper .industry-summary#textiles-applications .industry-videos .industry-videos-header {
  margin-top: 2.375em;
}
.v-industry.v-textiles-and-paper .industry-summary#textiles-applications .panel > section.sidebox::before {
  background-image: url("/img/content/industries/textiles-and-paper/flowing-fabric.jpg");
  background-size: cover;
  background-position: center 20rem;
}
.v-industry.v-textiles-and-paper .industry-summary#textiles-applications .panel > section.sidebox div:first-child {
  height: 100%;
  background: linear-gradient(to bottom, white 0%, white 22rem, rgba(255, 255, 255, 0) 100%);
}
.v-industry.v-textiles-and-paper .industry-cta .panel > a::after {
  background-image: url("/img/content/industries/agriculture/cta-feature.png");
}
.v-industry.v-textiles-and-paper .industry-cta::before {
  background-image: url("/img/content/industries/textiles-and-paper/application-spotlight-banner.jpg");
}
.v-industry.v-textiles-and-paper .industry-cta .panel a::before {
  content: "\f71f";
}
@media (min-width: 62em) {
  .v-industry.v-leisure .banner::before {
    background: rgb(0, 92, 169) url("/img/content/industries/leisure/banner.jpg") 40% 40%/cover no-repeat;
  }
}
.v-industry.v-leisure .industry-summary#leisure-applications .panel > section.sidebox::before {
  background-image: url("/img/content/industries/leisure/bowling.jpg");
  background-size: cover;
  background-position: center 20rem;
}
.v-industry.v-leisure .industry-summary#leisure-applications .panel > section.sidebox div:first-child {
  height: 100%;
  background: linear-gradient(to bottom, white 0%, white 22rem, rgba(255, 255, 255, 0) 100%);
}
.v-industry.v-leisure .industry-cta .panel > a::after {
  background-image: url("/img/content/industries/agriculture/cta-feature.png");
}
.v-industry.v-leisure .industry-cta::before {
  background-image: url("/img/content/industries/leisure/application-spotlight-banner.jpg");
}
.v-industry.v-leisure .industry-cta .panel a::before {
  content: "\f5c4";
}
@media (min-width: 62em) {
  .v-industry.v-general-automation .banner::before {
    background: rgb(0, 92, 169) url("/img/content/industries/general-automation/banner.jpg") 40% 40%/cover no-repeat;
  }
}
.v-industry.v-general-automation .industry-summary#general-automation-applications .panel > section.sidebox::before {
  background-image: url("/img/content/industries/general-automation/aquaponics.jpg");
  background-size: cover;
  background-position: center 20rem;
}
.v-industry.v-general-automation .industry-summary#general-automation-applications .panel > section.sidebox div:first-child {
  height: 100%;
  background: linear-gradient(to bottom, white 0%, white 22rem, rgba(255, 255, 255, 0) 100%);
}
.v-industry.v-general-automation .industry-cta .panel > a::after {
  background-image: url("/img/content/industries/agriculture/cta-feature.png");
}
.v-industry.v-general-automation .industry-cta::before {
  background-image: url("/img/content/industries/general-automation/application-spotlight-banner.jpg");
}
.v-industry.v-general-automation .industry-cta .panel a::before {
  content: "\f085";
}
.v-industry .industry-videos .industry-videos-header {
  margin-top: 2.375em !important;
}
.v-industry .industry-videos .btn-box-play-video-white[data-product=pump-control] {
  width: 100%;
  height: 12em;
  background-image: url("/img/content/industries/water-wastewater/video-thumb-3.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.v-industry .industry-videos .btn-box-play-video-white[data-product=pump-control] span {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.5em;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  font-size: 0.8em;
  font-weight: 600;
  width: 100%;
}
.v-industry .industry-videos .btn-box-play-video-white[data-product=pump-control]::before {
  border: none;
}
.v-industry .industry-videos .btn-box-play-video-white[data-product=family] {
  width: 100%;
  height: 12em;
  background-image: url("/img/content/industries/refrigeration/video-thumb-2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.v-industry .industry-videos .btn-box-play-video-white[data-product=family] span {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.5em;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  font-size: 0.8em;
  font-weight: 600;
  width: 100%;
}
.v-industry .industry-videos .btn-box-play-video-white[data-product=family]::before {
  border: none;
}
.v-industry .industry-videos .btn-box-play-video-white[data-product=coolvert] {
  width: 100%;
  height: 12em;
  background-image: url("/img/content/industries/refrigeration/video-thumb-1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.v-industry .industry-videos .btn-box-play-video-white[data-product=coolvert] span {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.5em;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  font-size: 0.8em;
  font-weight: 600;
  width: 100%;
}
.v-industry .industry-videos .btn-box-play-video-white[data-product=coolvert]::before {
  border: none;
}

.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: rgb(83, 84, 134);
}
.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: rgb(83, 84, 134);
  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: rgb(83, 84, 134);
  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: rgb(83, 84, 134);
    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: #0E1419;
}
.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, rgb(82, 82, 82) 0%, rgb(25, 25, 25) 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: rgb(83, 84, 134);
  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;
  }
}
.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-news #ctl00_aLogin {
  display: none;
}
.v-news .widgetzone {
  display: none;
}
.v-news ul li::before {
  display: none;
}
.v-news .banner {
  overflow: hidden;
  padding: 2em 0 5em;
}
.v-news .banner::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50vw;
  top: 0;
  background: url("https://www.invertekdrives.com/img/content/network/white-globe.png") 100% 100%/90% auto no-repeat;
  opacity: 0.3;
}
@media (min-width: 48em) {
  .v-news .banner {
    padding: 5em 0 7em;
  }
  .v-news .banner::before {
    bottom: -10rem;
    background-size: auto 40vw;
  }
}
@media (min-width: 75em) {
  .v-news .banner::before {
    bottom: -20rem;
    background-size: 40% auto;
    right: calc((100vw - 96rem) / 2 + 5rem);
  }
}
@media (min-width: 90em) {
  .v-news .banner::before {
    left: calc((100vw - 96rem) / 2);
    right: calc((100vw - 96rem) / 2 - 5rem);
  }
}
.v-news .banner h1 a {
  font-weight: 200;
}
.v-news .post-more {
  background: #535486;
  color: #fff;
  border-radius: 0;
}
.v-news .widgetzone {
  margin-bottom: 2rem;
}
.v-news .post-title {
  margin-top: 0.5rem;
}
@media (min-width: 48em) {
  .v-news .content-wrapper {
    padding-right: 3rem;
  }
  .v-news #footer-utilities > .span {
    min-height: 12rem;
  }
}
.v-news .content-stlye p {
  font-size: 1.1em;
  margin-bottom: 1.25rem;
}
.v-news .content-stlye h1, .v-news .content-stlye h2, .v-news .content-stlye h3, .v-news .content-stlye h4, .v-news .content-stlye h5, .v-news .content-stlye h6 {
  margin: 1rem 0;
}
.v-news .sidebar-wrapper h2 {
  margin-top: 0;
}
.v-news .sidebar-wrapper #site-links {
  padding: 0;
}
.v-news .sidebar-wrapper #site-links li[data-link=case-studies]::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  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;
}
.v-news .sidebar-wrapper #site-links li[data-link=case-studies] > a {
  color: #fff;
  display: block;
  padding: 1.5rem 10rem 4rem 0.9375rem;
  position: relative;
}
.v-news .sidebar-wrapper #site-links li[data-link=case-studies] > a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("https://www.invertekdrives.com/img/common/menu/case-studies.png") 100% 100%/9rem auto no-repeat;
}
.v-news .sidebar-wrapper #site-links li[data-link=case-studies] > a h4 {
  font-size: 1.25em;
  color: #fff;
  font-weight: 800;
}
.v-news .sidebar-wrapper #site-links li[data-link=case-studies] > a p {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
}
.v-news .sidebar-wrapper #site-links li[data-link=case-studies] .btn-arrow-link {
  position: absolute;
  left: 0.9375rem;
  bottom: 0.9375rem;
}
@media (min-width: 90em) {
  .v-news .sidebar-wrapper #site-links li[data-link=case-studies] > a {
    padding-right: 14rem;
  }
}
@media (max-width: 48em) {
  .v-news #footer-utilities .isource-link {
    top: 50%;
  }
}
.v-news #footer-utilities .isource-link a.login {
  width: 4.25em;
  margin-left: auto;
  margin-top: 0.5em;
}
.v-news #footer-utilities .isource-link a.login span::after {
  display: none;
}
.v-news #postlist .grid article.grid-item .post-cover img {
  display: block !important;
}
.v-news .required-field {
  color: red;
  font-size: 1rem;
  text-transform: uppercase;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.v-news .required-field[style="visibility:hidden;"] {
  display: none;
}
.v-news .widget {
  margin-bottom: 4rem;
  position: relative;
}
.v-news .widget:last-child {
  margin-bottom: 0;
}
.v-news .widget a {
  color: #444;
}
.v-news .widget a:hover {
  color: #007bff;
}
.v-news .widget .widget-header {
  margin: 0;
  border-bottom: 2px solid #cecece;
  padding-bottom: 0.5rem;
  font-size: 1.25rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
  line-height: 1;
}
.v-news .widget .widget-content > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.v-news .widget .widget-content > ul > li {
  margin-bottom: 0.5rem;
}
.v-news .widget .widget-content > ul > li:last-child {
  margin-bottom: 0;
}
.v-news .widget .widget-content > ul ul {
  list-style: none;
  padding-left: 1rem;
}
.v-news .btn {
  border-radius: 0.125rem;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
}
.v-news .btn-sm {
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
}
.v-news .btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}
.v-news .btn-primary:hover, .v-news .btn-primary:active {
  background-color: #006fe6;
  border-color: #006fe6;
}
.v-news .btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.v-news .btn-primary:not([disabled]):not(.disabled).active, .v-news .btn-primary:not([disabled]):not(.disabled):active, .v-news .show > .btn-primary.dropdown-toggle {
  background-color: #006fe6;
  border-color: #006fe6;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.v-news .btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}
.v-news .btn-outline-primary:hover {
  background-color: #007bff;
  border-color: #007bff;
}
.v-news .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.v-news .btn-outline-primary:not([disabled]):not(.disabled).active, .v-news .btn-outline-primary:not([disabled]):not(.disabled):active, .v-news .show > .btn-outline-primary.dropdown-toggle {
  background-color: #007bff;
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.v-news .form-control {
  border-radius: 0.125rem;
}
.v-news .ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
.v-news .ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  bottom: 0px;
  position: absolute;
}
.v-news .ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  right: 0;
  position: absolute;
}
.v-news .ps--active-x > .ps__rail-x, .v-news .ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
.v-news .ps:hover > .ps__rail-x, .v-news .ps:hover > .ps__rail-y, .v-news .ps--focus > .ps__rail-x, .v-news .ps--focus > .ps__rail-y, .v-news .ps--scrolling-x > .ps__rail-x, .v-news .ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}
.v-news .ps__rail-x:hover, .v-news .ps__rail-y:hover, .v-news .ps__rail-x:focus, .v-news .ps__rail-y:focus {
  background-color: #eee;
  opacity: 0.9;
}
.v-news .ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute;
}
.v-news .ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  right: 2px;
  position: absolute;
}
.v-news .ps__rail-x:hover > .ps__thumb-x, .v-news .ps__rail-x:focus > .ps__thumb-x {
  background-color: #999;
  height: 11px;
}
.v-news .ps__rail-y:hover > .ps__thumb-y, .v-news .ps__rail-y:focus > .ps__thumb-y {
  background-color: #999;
  width: 11px;
}
@supports (-ms-overflow-style: none) {
  .v-news .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .v-news .ps {
    overflow: auto !important;
  }
}
.v-news .page-global div#admin {
  font-size: 0;
}
.v-news .page-global div#admin a {
  color: #fff;
  font-size: 0.75rem;
  margin-right: 0.5rem;
  display: inline-block;
  padding: 0.25rem 1rem;
  text-align: center;
  text-transform: uppercase;
  background-color: #ddd;
}
.v-news .page-global div#admin a:first-child {
  background-color: #000;
}
.v-news .page-global div#admin a:last-child {
  background-color: #000;
}
.v-news .page-global {
  margin-bottom: 2rem;
}
.v-news .page-global .page-global-title {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -1px;
  margin: 0;
  margin-bottom: 3rem;
}
@media screen and (max-width: 63.9375rem) {
  .v-news .page-global .page-global-title {
    font-size: 1.75rem;
  }
}
.v-news .well-global {
  margin-bottom: 2rem;
  border: 1px solid #eee;
  padding: 4rem;
}
.v-news .well-global .well-global-title {
  margin: 0;
  font-size: 1.25rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .v-news .well-global {
    padding: 0;
    border: 0;
  }
  .v-news .well-global .well-global-title {
    margin-bottom: 1rem;
  }
}
.v-news #trackbacks {
  display: none !important;
}
.v-news .archive-page {
  font-size: 1rem;
}
.v-news .archive-page .archive-page-content h2 {
  font-size: 1rem;
  height: 2rem;
  margin-top: 1.5rem;
  margin-bottom: 0.25rem;
  line-height: 2rem;
}
.v-news .archive-page .archive-page-content h2 a:before {
  width: 0.75rem;
  height: 0.75rem;
  color: #ff9e07;
  margin-right: 0.5rem;
  content: "\f09e";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .archive-page .archive-page-content img {
  display: none;
}
.v-news .archive-page ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.v-news .archive-page ul::after {
  content: "";
  display: table;
  clear: both;
}
.v-news .archive-page ul li {
  float: left;
  width: 33%;
  list-style: disc inside;
}
.v-news .archive-page table {
  width: 100%;
  border-collapse: collapse;
  border: 0 !important;
}
.v-news .archive-page table th {
  display: none;
  border: 0 !important;
}
.v-news .archive-page table td {
  vertical-align: top;
  border: 0 !important;
  font-size: 1rem;
  padding: 0 !important;
  color: #444;
}
.v-news .archive-page table a {
  display: block;
  color: #000;
}
.v-news .archive-page table a:hover {
  color: #007bff;
}
.v-news .archive-page .date {
  width: 6rem;
  min-width: 6rem;
}
.v-news .archive-page .comments, .v-news .archive-page .rating {
  display: none !important;
}
@media screen and (max-width: 63.9375rem) {
  .v-news .archive-page ul li {
    float: none;
    width: 100%;
  }
  .v-news .archive-page .date {
    display: none;
  }
  .v-news .archive-page table tr {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    display: block;
    border-bottom: 1px solid #ddd;
  }
}
.v-news .search-page .search-page-searchbox {
  border: 1px solid #007bff;
  border-radius: 0.25rem;
  position: relative;
  height: 2.5rem;
  overflow: hidden;
  margin-bottom: 2rem;
}
.v-news .search-page .search-page-searchbox input[type=button] {
  width: 7rem;
  border: none;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
}
.v-news .search-page .search-page-searchbox input[type=text] {
  border: none;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  padding: 0 8rem 0 1rem;
  outline: none !important;
}
.v-news .search-page .searchresult {
  border-bottom: 1px solid #eee;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.v-news .search-page .searchresult a {
  font-size: 1.125rem;
}
.v-news .search-page .searchresult span.text {
  clear: both;
  display: block;
  font-size: 0.875rem;
  color: #666;
}
.v-news .search-page .searchresult span.type, .v-news .search-page .searchresult span.url {
  display: none;
}
.v-news .search-page .searchpage ul.paging {
  list-style-type: none;
  margin: 20px auto;
  padding: 0px;
  text-align: center;
  display: block;
}
.v-news .search-page .searchpage ul.paging li {
  display: inline-block;
  width: 30px;
  text-align: center;
  height: 30px;
  border: 1px solid #CCC;
  background: #FFF;
  margin-right: 2px;
}
.v-news .search-page .searchpage ul.paging li a {
  display: block;
  height: 100%;
  line-height: 30px;
}
.v-news .search-page .searchpage ul.paging li.active {
  border-width: 1px;
  border-style: solid;
}
.v-news .search-page .searchpage ul.paging li.active A {
  color: #FFF;
}
.v-news .post-single .post-header {
  margin-bottom: 4rem;
}
.v-news .post-single .post-title {
  font-size: 2.75rem;
  letter-spacing: -1px;
  margin: 0;
  font-weight: 700;
}
.v-news .post-single .post-link {
  font-weight: 700;
  text-decoration: none;
}
.v-news .post-single .post-link:hover {
  color: #000;
}
.v-news .post-single .post-meta {
  margin: 1rem 0;
  color: #aaa;
  font-size: 0.875rem;
}
.v-news .post-single .post-meta > span {
  margin-right: 0.5rem;
}
.v-news .post-single .post-meta > span a {
  color: #aaa;
}
.v-news .post-single .post-tags {
  margin-bottom: 4rem;
  font-size: 0.875rem;
  color: #aaa;
}
.v-news .post-single .post-tags a {
  color: #aaa;
}
.v-news .post-single .post-share {
  display: inline-block;
}
.v-news .post-single .post-share .dropdown-toggle {
  display: block;
  color: #aaa;
}
.v-news .post-single .post-share .dropdown-toggle:hover, .v-news .post-single .post-share .dropdown-toggle[aria-expanded=true] {
  color: #007bff;
}
.v-news .post-single .post-share .dropdown-toggle i {
  font-size: 0.75rem;
  margin-right: 0.25rem;
}
.v-news .post-single .post-share .dropdown-toggle::after {
  display: none;
}
.v-news .post-single .post-share .dropdown-menu {
  padding: 0;
  overflow: hidden;
  box-shadow: 0 0 3rem rgba(0, 0, 0, 0.17);
  border: 0;
  min-width: 8.5rem;
}
.v-news .post-single .post-share .dropdown-item {
  padding: 0.5rem 0.875rem;
  border-bottom: 1px solid #f8f8f8;
  overflow: hidden;
  font-size: 0.75rem;
  font-weight: 700;
}
.v-news .post-single .post-share .dropdown-item:last-child {
  border-bottom: 0;
}
.v-news .post-single .post-share .dropdown-item:hover {
  background: #f8f8f8;
}
.v-news .post-single .post-share .dropdown-item .fa {
  margin-right: 0.5rem;
  font-size: 1.25rem;
  vertical-align: middle;
}
.v-news .post-single .post-share .item-tw {
  color: #55acee;
}
.v-news .post-single .post-share .item-gp {
  color: #dd4b39;
}
.v-news .post-single .post-share .item-fb {
  color: #3B5998;
}
.v-news .post-single .post-share .item-ln {
  color: #4875B4;
}
.v-news .post-single .post-share .item-em {
  color: #444444;
}
.v-news .post-single .post-share .item-pi {
  color: #bd081c;
}
.v-news .post-single .post-adminlinks {
  font-size: 0;
  margin-bottom: 4rem;
}
.v-news .post-single .post-adminlinks a {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid #000;
  color: #000;
  padding: 0.375rem 0.5rem 0.25rem;
  font-size: 0.75rem;
  line-height: 1.25;
  border-radius: 0.125rem;
  transition: all 0.15s ease-in-out;
  margin-right: 0.25rem;
  text-decoration: none;
  text-transform: uppercase;
}
.v-news .post-single .post-adminlinks a:hover {
  color: #000;
  border-color: #000;
}
@media screen and (max-width: 63.9375rem) {
  .v-news .post-single .post-title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 39.9375rem) {
  .v-news .post-single .post-header {
    margin-bottom: 1rem;
  }
  .v-news .post-single .post-title {
    font-size: 1.75rem;
  }
}
.v-news .post-home {
  position: relative;
  margin-bottom: 3rem;
  box-shadow: 0 0 5rem rgba(0, 0, 0, 0.15);
}
.v-news .post-home:last-child {
  margin-bottom: 0;
}
.v-news .post-home .post-home-inner {
  min-height: 100%;
  background-color: #fff;
  padding: 4rem;
  transition: box-shadow ease-in 0.25s;
  overflow: hidden;
}
.v-news .post-home .post-cover {
  height: 25rem;
  overflow: hidden;
  display: block;
  margin: -4rem -4rem 4rem;
  position: relative;
}
.v-news .post-home .post-cover img {
  width: auto;
  min-height: 100%;
  min-width: 100%;
  max-width: 150%;
  max-height: none;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
  transition: transform ease 0.1s;
}
.v-news .post-home .post-title {
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: 1rem;
  line-height: 1.4;
  display: block;
}
.v-news .post-home .post-link {
  color: #000;
  display: block;
  transition: color ease-in 0.25s;
}
.v-news .post-home .post-link:hover {
  color: #007bff;
}
.v-news .post-home .post-description {
  line-height: 1.618;
  color: #444;
}
.v-news .post-home .post-more {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
.v-news .post-home .post-meta {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #aaa;
  position: relative;
  margin-bottom: 1rem;
}
.v-news .post-home .post-meta span {
  margin-right: 0.5rem;
}
.v-news .post-home .post-meta a {
  color: #aaa;
}
.v-news .post-home .post-home-inner:hover .post-cover img {
  transform: translate(-50%, -50%) scale(1.1);
}
@media screen and (max-width: 799px) {
  .v-news .post-home {
    margin-bottom: 2rem;
  }
  .v-news .post-home .post-home-inner {
    padding: 2rem;
  }
  .v-news .post-home .post-cover {
    margin: -2rem -2rem 2rem;
    height: 15rem;
  }
  .v-news .post-home .post-title {
    font-size: 1.5rem;
    line-height: 1.2;
  }
  .v-news .post-home .post-category {
    display: none;
  }
}
@media screen and (min-width: 800px) {
  .v-news .post-home-left, .v-news .post-home-right {
    position: relative;
  }
  .v-news .post-home-left .post-cover, .v-news .post-home-right .post-cover {
    position: absolute;
    top: 0;
    width: 20rem;
    margin: 0;
    height: 100%;
  }
  .v-news .post-home-left .post-home-inner, .v-news .post-home-right .post-home-inner {
    padding: 2rem;
  }
  .v-news .post-home-left .post-title, .v-news .post-home-right .post-title {
    font-size: 1.5rem;
    line-height: 1.1;
  }
  .v-news .post-home-left .post-more, .v-news .post-home-right .post-more {
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
  }
  .v-news .post-home-left {
    padding-left: 20rem;
  }
  .v-news .post-home-left .post-cover {
    left: 0;
  }
  .v-news .post-home-right {
    padding-right: 20rem;
  }
  .v-news .post-home-right .post-cover {
    right: 0;
  }
}
.v-news .content-stlye {
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 1.618;
}
.v-news .content-stlye h1, .v-news .content-stlye h2, .v-news .content-stlye h3, .v-news .content-stlye h4, .v-news .content-stlye h5 {
  font-weight: 700;
}
.v-news .content-stlye h1, .v-news .content-stlye h2 {
  font-size: 1.75rem;
}
.v-news .content-stlye h3, .v-news .content-stlye h4 {
  font-size: 1.5rem;
}
.v-news .content-stlye .syntaxhighlighter {
  font-size: 0.875rem !important;
  margin-bottom: 2rem !important;
  padding: 2rem 2rem 2rem 1rem !important;
  border: 1px solid #eee;
}
.v-news .content-stlye p, .v-news .content-stlye figure, .v-news .content-stlye ul, .v-news .content-stlye ol, .v-news .content-stlye table, .v-news .content-stlye blockquote {
  margin-bottom: 2rem;
}
.v-news .content-stlye img {
  height: auto;
}
.v-news .content-stlye blockquote {
  background-color: #fafafa;
  padding: 2rem;
}
.v-news .content-stlye blockquote p:last-child {
  margin: 0;
}
.v-news .content-stlye table {
  font-size: 1rem;
  width: 100%;
  max-width: 100%;
  border: 1px solid #ccc;
}
.v-news .content-stlye table td, .v-news .content-stlye table th {
  padding: 0.75rem;
  vertical-align: top;
  border: 1px solid #ccc;
}
.v-news .content-stlye table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #ccc;
}
@media screen and (max-width: 63.9375rem) {
  .v-news .content-stlye {
    font-size: 1rem;
  }
  .v-news .content-stlye h1, .v-news .content-stlye h2 {
    font-size: 1.5rem;
  }
  .v-news .content-stlye h3, .v-news .content-stlye h4 {
    font-size: 1.25rem;
  }
}
.v-news .related-posts {
  list-style: none;
  padding: 0;
}
.v-news .related-posts .related-posts-item {
  margin-bottom: 1rem;
}
.v-news .related-posts .related-posts-item:last-child {
  margin-bottom: 0;
}
.v-news .related-posts .related-posts-item a {
  display: block;
  height: 100%;
  font-size: 1rem;
  color: #000;
  font-weight: 500;
}
.v-news .related-posts .related-posts-item a:hover {
  color: #007bff;
}
.v-news .related-posts .related-posts-item p {
  font-size: 0.75rem;
  margin: 0;
}
@media screen and (max-width: 63.9375rem) {
  .v-news #relatedPosts {
    display: none;
  }
}
.v-news .navigation-posts {
  display: none;
}
.v-news #PostPager,
.v-news .paging {
  padding: 0;
  margin: 3em 0 0;
  text-align: center;
}
.v-news #PostPager li,
.v-news #PostPager .PagerLinkDisabled,
.v-news #PostPager .PagerLinkCurrent,
.v-news .paging li {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #000;
  background: none;
  font-weight: normal;
  border: 0;
}
.v-news #PostPager li a,
.v-news .paging li a {
  padding: 0 0.5em;
  display: block;
  font-weight: normal;
  color: #000;
  line-height: 1.75;
  border-radius: 0.25em;
}
.v-news #PostPager li a:hover,
.v-news .paging li a:hover {
  background: #eee;
}
.v-news #PostPager .PagerLinkCurrent {
  background: #666 !important;
  color: #fff !important;
  padding: 0 0.5em;
  line-height: 1.75;
  border-radius: 0.25em;
}
.v-news .paging .active a {
  background: #666 !important;
  color: #fff !important;
}
.v-news #PostPager li:first-child {
  margin-right: 0.5em;
}
.v-news #PostPager li:last-child {
  margin-left: 0.5em;
}
.v-news #PostPager .PagerLinkDisabled {
  opacity: 0.3;
}
.v-news .lbl-CommentsDisabled {
  color: rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  display: block;
  position: relative;
  font-size: 0.875rem;
  margin-bottom: 2rem;
  text-align: center;
}
.v-news .lbl-CommentsDisabled:before {
  margin-right: 0.5rem;
  position: relative;
  top: 1px;
  content: "\f023";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  display: inline-block;
}
.v-news #commentlist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.v-news #commentlist .comment-item {
  position: relative;
}
.v-news #commentlist .comment-item .comment-text {
  font-size: 0.875rem;
}
.v-news #commentlist .comment-item .comment-item {
  margin-left: 3.5rem;
}
.v-news #commentlist .comment-item #status {
  margin-left: 3.5rem;
}
.v-news #commentlist .comment-content {
  position: relative;
  min-height: 3rem;
  margin-bottom: 0.5rem;
  margin-left: 3.5rem;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 1rem;
  border-radius: 0.25rem;
}
.v-news #commentlist .comment-content img {
  position: absolute;
  left: -3.5rem;
  top: 0;
  width: 3rem;
  height: 3rem;
}
.v-news #commentlist .comment-author {
  margin-bottom: 0.5rem;
  font-weight: 700;
}
.v-news #commentlist .comment-author a {
  color: #000;
}
.v-news #commentlist .comment-replylink {
  color: #aaa;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 0.5rem;
}
.v-news #commentlist .comment-adminlinks {
  font-size: 0;
}
.v-news #commentlist .comment-adminlinks a {
  color: #fff;
  font-size: 0.875rem;
  background-color: red;
  margin-right: 0.5rem;
  display: inline-block;
  padding: 0.25rem 1rem;
}
.v-news #commentlist .comment-adminlinks a:nth-child(1), .v-news #commentlist .comment-adminlinks a:nth-child(2) {
  display: none;
}
.v-news #commentlist .comment-adminlinks a[href^="?approvecomment"] {
  background-color: green;
}
.v-news #commentlist .comment-form {
  box-shadow: none;
  padding: 0;
  margin-left: 3.5rem;
  margin-top: 1rem;
}
.v-news #commentlist p#cancelReply a {
  color: #fff;
  font-size: 0.875rem;
  background-color: #666;
  display: inline-block;
  padding: 0.25rem 1rem;
  margin-left: 3.5rem;
}
@media screen and (max-width: 48rem) {
  .v-news #commentlist .comment-content {
    margin-left: 0;
    padding: 0 0 0.5rem;
    background: none;
    border-bottom: 1px solid #ddd;
  }
  .v-news #commentlist .comment-content img {
    display: none;
  }
  .v-news #commentlist .comment-item .comment-item {
    margin: 0;
  }
  .v-news #commentlist .comment-item #status {
    margin-left: 0;
  }
  .v-news #commentlist .comment-adminlinks {
    display: none;
  }
  .v-news #commentlist .comment-form, .v-news #commentlist p#cancelReply a {
    margin-left: 0;
  }
}
.v-news #commenttoggle {
  display: none;
}
.v-news .comment-form .comment-preview {
  display: none;
}
.v-news #status.warning {
  background-color: red;
  display: block;
  padding: 1rem;
  color: #fff;
  margin-bottom: 1rem;
}
.v-news #status.success {
  background-color: green;
  display: block;
  padding: 1rem;
  color: #fff;
  margin-bottom: 1rem;
  margin-left: 3.5rem;
}
@media screen and (max-width: 48rem) {
  .v-news #status.success {
    margin-left: 0;
  }
}
.v-news #commentCaptcha {
  position: relative;
  display: table;
  width: 100%;
}
.v-news #commentCaptcha #simpleCaptchaValue, .v-news #commentCaptcha label {
  display: table-cell;
  vertical-align: top;
}
.v-news #commentCaptcha > label {
  height: 2.5rem;
  width: 5rem;
  max-width: 100%;
  background-color: #ccc;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  padding: 0 1rem;
}
.v-news #commentCaptcha #simpleCaptchaValue {
  height: 2.5rem;
  border: 1px solid #ccc;
  outline: none !important;
  padding: 0.5rem;
  width: 100%;
  min-width: 100%;
}
.v-news #commentCaptcha #spnSimpleCaptchaIncorrect {
  position: absolute;
  bottom: -0.875rem;
  left: 0;
  font-size: 0.75rem;
}
.v-news .widget.administration ul li {
  margin-bottom: 0.5rem;
}
.v-news .widget.administration ul li a::before {
  font-size: 14px !important;
  margin-right: 1rem;
}
.v-news .widget.administration ul li:nth-child(1) a::before {
  content: "\f009";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .widget.administration ul li:nth-child(2) a::before {
  content: "\f039";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .widget.administration ul li:nth-child(3) a::before {
  content: "\f1de";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .widget.administration ul li:nth-child(4) a::before {
  content: "\f013";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .widget.administration ul li:nth-child(5) a::before {
  content: "\f007";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .widget.administration ul li:nth-child(6) a::before {
  content: "\f023";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .widget.administration ul li:nth-child(7) a::before {
  content: "\f011";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .search {
  position: relative;
  padding: 0;
  overflow: hidden;
  height: 2.5rem;
  background-color: #eee;
  border-radius: 0.125rem;
}
.v-news .search .widget-content, .v-news .search #searchbox {
  padding: 0;
  height: 100%;
}
.v-news .search input {
  height: 100%;
  background: none;
}
.v-news .search input[type=text] {
  display: block;
  color: #495057;
  font-size: 1rem;
  width: 100%;
  padding: 0 0.75rem;
  border: 0;
  background: none;
}
.v-news .search input[type=text]:focus {
  outline: none;
}
.v-news .search input[type=button] {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  padding: 0 1rem;
  border-left: 1px solid #ddd;
  cursor: pointer;
  background-color: #eee;
  font-weight: 500;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.v-news .search input[type=button]:hover {
  background: #007bff;
  color: #fff;
}
.v-news .blog-sidebar .post-item-list {
  background: #eee;
  border-radius: 0.125rem;
  overflow: hidden;
}
.v-news .blog-sidebar .post-item-list a {
  display: block;
}
.v-news .blog-sidebar .post-item-list a:hover {
  background-color: #007bff;
  color: #fff;
}
.v-news .blog-sidebar .post-item-list a:hover .post-item-title {
  color: #fff;
}
.v-news .blog-sidebar .post-item-list .post-item-img {
  font-size: 0;
  display: block;
}
.v-news .blog-sidebar .post-item-list .post-item-title {
  font-size: 1rem;
  font-weight: 500;
  position: relative;
  margin: 0;
  padding: 1rem;
  color: #333;
}
.v-news .blog-sidebar .post-item-list .post-item-desc {
  display: block;
  margin: 0;
  color: inherit;
  font-size: 0.875rem;
  padding: 0 1rem 0.5rem;
}
.v-news .blog-sidebar .post-item-list .post-item-date {
  padding: 0 1rem 1rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  display: block;
}
.v-news .blog-sidebar .post-item-list .post-item-date::before {
  content: "\f017";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem;
  margin-right: 0.25rem;
}
.v-news .categorylist a[rel=nofollow]:before {
  width: 0.75rem;
  height: 0.75rem;
  color: #ff9e07;
  margin-right: 0.5rem;
  content: "\f09e";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .categorylist a img {
  display: none;
}
.v-news .newsletter .widget-content {
  padding: 0 !important;
}
.v-news .newsletter .form-control {
  margin-bottom: 1rem;
  background: none;
  width: 100% !important;
}
.v-news .newsletter #newsletteraction {
  margin: 0;
  font-size: 1rem;
}
.v-news .newsletter [for=txtNewsletterEmail] {
  display: none;
}
.v-news .newsletter #newsletterthanks {
  background: #28a745;
  color: #fff;
  padding: 1rem !important;
  text-align: center;
  border-radius: 0.25rem;
}
.v-news .newsletter .btn {
  display: block;
  width: 100%;
}
.v-news .blog-footer .newsletter .form-control {
  color: #fff;
  border-color: #007bff;
  box-shadow: none !important;
}
.v-news .authorlist img {
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  margin-right: 0.5rem;
}
.v-news .blogroll .xoxo > li {
  margin-bottom: 0.5rem;
}
.v-news .blogroll .xoxo > li > a {
  color: #000;
  font-weight: 700;
}
.v-news .blogroll .xoxo > li > a:first-child, .v-news .blogroll .xoxo > li > a img {
  display: none;
}
.v-news .blogroll ul {
  padding: 0 !important;
}
.v-news .blogroll a[title="Download OPML file"], .v-news .blogroll a[title="Download OPML file"] img {
  display: none !important;
}
.v-news .monthlist .year {
  cursor: pointer;
}
.v-news .monthlist .year li {
  margin: 0 1rem;
  padding: 0;
}
.v-news .monthlist .year ul {
  display: none;
  padding-left: 0 !important;
}
.v-news .monthlist .year .open {
  display: block;
}
.v-news .textbox p:last-child {
  margin-bottom: 0;
}
.v-news .textbox .no-border {
  border: none;
}
.v-news .recentcomments li {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.v-news .recentcomments li:last-child {
  display: none;
}
.v-news .recentposts li {
  font-size: 0.75rem;
}
.v-news .recentposts li a {
  font-size: 0.875rem;
  display: block;
}
.v-news .tagcloud ul::after {
  content: "";
  display: table;
  clear: both;
}
.v-news .tagcloud ul li {
  display: inline-block;
  border: none;
  padding: 0;
  margin-bottom: 3px !important;
  margin-right: 3px !important;
  float: left;
}
.v-news .tagcloud ul a {
  padding: 0.3rem 0.625rem;
  background-color: #333;
  color: #ccc;
  display: block;
  border-radius: 0.125rem;
  font-size: 0.75rem !important;
  font-weight: 500;
  text-transform: uppercase;
}
.v-news .tagcloud ul a:hover {
  background: #007bff;
  color: #fff;
}

.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: rgb(83, 84, 134);
}
.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: rgb(83, 84, 134);
  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: rgb(83, 84, 134);
  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: rgb(83, 84, 134);
  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, rgb(82, 82, 82) 0%, rgb(25, 25, 25) 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: 1.2rem;
  }
  .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: 1.3333333333%;
  }
  .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: rgb(83, 84, 134) 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: 0.75rem;
  }
  .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: 0.75rem;
  }
  .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: 1.5rem;
  }
  .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: rgb(83, 84, 134);
}
.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;
}

.v-newsletter-feature #newsletter-feature-banner {
  overflow: hidden !important;
}
.v-newsletter-feature #newsletter-feature-banner::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50vw;
  top: 0;
  background: url("/img/content/network/white-globe.png") 100% 100%/90% auto no-repeat;
  background-size: 90%;
  opacity: 0.3;
}
@media screen and (min-width: 48em) {
  .v-newsletter-feature #newsletter-feature-banner::before {
    bottom: -10rem;
    background-size: auto 40vw;
  }
}
@media screen and (min-width: 75em) {
  .v-newsletter-feature #newsletter-feature-banner::before {
    bottom: -20rem;
    background-size: 40% auto;
    right: calc((100vw - 96rem) / 2 + 5rem);
  }
}
@media screen and (min-width: 90em) {
  .v-newsletter-feature #newsletter-feature-banner::before {
    left: calc((100vw - 96rem) / 2);
    right: calc((100vw - 96rem) / 2 - 5rem);
  }
}
.v-newsletter-feature #newsletter-feature-banner h1 {
  font-size: 2.75rem;
  letter-spacing: -1px;
  margin: 0;
  font-weight: 700;
}
.v-newsletter-feature #newsletter-feature-feature img {
  width: 100%;
  margin-bottom: 2rem;
}
.v-newsletter-feature #newsletter-feature-text {
  margin-bottom: 3rem;
}
.v-newsletter-feature #promotions #site-links {
  flex-direction: column;
}
@media screen and (min-width: 75em) {
  .v-newsletter-feature #promotions #site-links {
    position: -webkit-sticky;
    position: sticky !important;
    top: 5rem;
  }
}
.v-newsletter-feature #promotions #site-links > li {
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (min-width: 48em) {
  .v-newsletter-feature #promotions #site-links > li {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.v-newsletter-feature #promotions #site-links > li > a {
  width: 100%;
}
.v-newsletter-feature #promotions #site-links li[data-link=invertek-tv] > a ul li {
  font-size: 1.1em;
}
@media screen and (min-width: 48em) {
  .v-newsletter-feature #promotions #site-links li[data-link=invertek-tv] > a ul li {
    font-size: 0.9rem;
  }
}
.v-newsletter-feature #promotions #site-links li[data-link=invertek-tv] > a img {
  max-width: 5em;
}
@media screen and (min-width: 48em) {
  .v-newsletter-feature #promotions #site-links li[data-link=invertek-tv] > a img {
    max-width: 6rem;
  }
}

.v-virtual-tour .banner {
  padding: 2em 0 3em;
  overflow: hidden;
}
.v-virtual-tour .banner::before {
  content: "";
  position: absolute;
  right: -9.5rem;
  top: -9.5rem;
  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);
  z-index: 1;
}
@media (min-width: 48em) {
  .v-virtual-tour .banner::before {
    top: -15rem;
    width: 21.94379rem;
    height: 40.7rem;
  }
}
@media (min-width: 62em) {
  .v-virtual-tour .banner::before {
    width: 25.93357rem;
    height: 48.1rem;
    transform: rotate(20deg) translateY(-50%);
    bottom: 0;
    top: 50%;
    right: 4em;
    background-size: contain;
    background-position: center center;
  }
}
@media (min-width: 101.75em) {
  .v-virtual-tour .banner::before {
    right: calc((100vw - 96rem) / 2 - 0rem);
    background-size: 30rem auto;
  }
}
.v-virtual-tour .banner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.25;
  background: url(/img/content/drives/overview/iknow/banner-pixels.png) 100% 100%/80em auto no-repeat;
}
.v-virtual-tour .virtual-tour-login {
  padding: 3rem 0;
  text-align: center;
  -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);
  background: #fff;
  margin: 0 1rem;
}
@media (min-width: 48em) {
  .v-virtual-tour .virtual-tour-login {
    margin: 0 auto;
    padding: 3rem 0.9375rem;
  }
}
.v-virtual-tour .virtual-tour-login input[type=submit] {
  background: rgba(83, 84, 134, 0.6);
  display: inline-block;
  text-align: center;
  padding: 0.35rem 0.5rem;
  color: #fff;
  font-weight: 400;
  outline: none;
  border: none;
}
.v-virtual-tour .virtual-tour-login input[type=submit]:hover {
  background: rgba(83, 84, 134, 0.8);
}
.v-virtual-tour .virtual-tour-login input[type=password] {
  padding: 0.25rem 0.5rem;
}
.v-virtual-tour .virtual-tour-login form {
  margin-bottom: 1rem;
}
.v-virtual-tour #virtual-tour-embed {
  position: relative;
  padding-bottom: 150%;
  height: 0;
  overflow: hidden;
}
@media (min-width: 48em) {
  .v-virtual-tour #virtual-tour-embed {
    padding-bottom: 55.3%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
  }
}
.v-virtual-tour #virtual-tour-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.v-sumitomo .banner {
  padding: 2em 0;
}
.v-sumitomo .banner > .span {
  padding-bottom: 20em;
}
.v-sumitomo .banner > .span::before {
  content: "";
  position: absolute;
  right: -25%;
  left: 0;
  top: 0;
  bottom: -10em;
  background: url("/img/content/about/sumitomo-globe-solo.png") bottom right/auto 30em no-repeat;
}
@media (min-width: 48em) {
  .v-sumitomo .banner > .span {
    padding-bottom: 1rem;
  }
  .v-sumitomo .banner > .span::before {
    content: "";
    position: absolute;
    right: -75%;
    left: 0;
    top: -2em;
    bottom: -2em;
    background: url("/img/content/about/sumitomo-globe.png") center center/auto 100% no-repeat;
    opacity: 0.5;
  }
}
@media (min-width: 62em) {
  .v-sumitomo .banner > .span::before {
    opacity: 1;
  }
}
.v-sumitomo .sumitomo-graph h2 {
  font-weight: 400;
  font-size: 2.25em;
}
@media (min-width: 62em) {
  .v-sumitomo .sumitomo-graph > .span {
    padding: 4rem 0;
  }
}
.v-sumitomo .sumitomo-graph .feature {
  position: relative;
  padding-top: 50vw;
  padding-bottom: 0;
}
.v-sumitomo .sumitomo-graph .feature::before {
  content: "";
  position: absolute;
  top: -1.5rem;
  bottom: 2em;
  left: 0;
  right: 0;
  background: url("/img/content/about/sumitomo-graph.png") center top/100vw auto no-repeat;
}
@media (min-width: 62em) {
  .v-sumitomo .sumitomo-graph .feature {
    padding-top: 0;
    padding-bottom: 0;
  }
  .v-sumitomo .sumitomo-graph .feature::before {
    top: -4.5rem;
    bottom: -4.5rem;
    left: -50%;
    right: -10em;
    background-position: center right;
    background-size: auto 100%;
  }
}
@media (min-width: 75em) {
  .v-sumitomo .sumitomo-graph .feature {
    padding-top: 0;
  }
  .v-sumitomo .sumitomo-graph .feature::before {
    top: -5.5rem;
    bottom: -5.5rem;
    right: 3em;
  }
}
.v-sumitomo .sumitomo-circle h2 {
  font-weight: 300;
  font-size: 2.25em;
  margin-bottom: 0;
}
.v-sumitomo .sumitomo-circle > .span > div img {
  margin-top: 2rem;
  max-width: 100%;
}
@media (min-width: 62em) {
  .v-sumitomo .sumitomo-circle > .span > div img {
    margin-top: 0;
    max-width: 49%;
  }
}
@media (min-width: 48em) {
  .v-sumitomo .sumitomo-circle > .span > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width: 75em) {
  .v-sumitomo .sumitomo-circle > .span > div {
    justify-content: flex-start;
  }
}
@media (min-width: 75em) {
  .v-sumitomo .sumitomo-circle > .span {
    padding: 4em 0;
  }
}
.v-sumitomo .sumitomo-globe h2 {
  font-weight: 400;
  font-size: 2.25em;
}
.v-sumitomo .sumitomo-globe img {
  margin-top: 3em;
}
@media (min-width: 62em) {
  .v-sumitomo .sumitomo-globe > .span {
    padding: 4rem 0;
  }
}
.v-sumitomo .sumitomo-globe .feature {
  position: relative;
  padding-top: 50vw;
  padding-bottom: 0;
}
.v-sumitomo .sumitomo-globe .feature::before {
  content: "";
  position: absolute;
  top: -1.5rem;
  bottom: 2em;
  left: 0;
  right: 0;
  background: url("/img/content/about/sumitomo-globe-2.png?v=101121") center top/100vw auto no-repeat;
}
@media (min-width: 62em) {
  .v-sumitomo .sumitomo-globe .feature {
    padding-top: 0;
    padding-bottom: 0;
  }
  .v-sumitomo .sumitomo-globe .feature::before {
    top: -4.5rem;
    bottom: -4.5rem;
    left: -50%;
    right: -10em;
    background-position: center right;
    background-size: auto 100%;
  }
}
@media (min-width: 75em) {
  .v-sumitomo .sumitomo-globe .feature {
    padding-top: 0;
  }
  .v-sumitomo .sumitomo-globe .feature::before {
    top: -5.5rem;
    bottom: -5.5rem;
    right: 3em;
  }
}
.v-sumitomo .fair-and-better-world {
  color: #fff;
  background-color: #7cb834;
  background: #7cb834 url("/img/content/about/green-landscape-bg.webp?v=0400622") no-repeat top center;
  background-size: 100%;
}
.v-sumitomo .fair-and-better-world.row {
  width: 100vw;
  padding: 0;
}
.v-sumitomo .fair-and-better-world.row > .span {
  width: 100%;
  padding-bottom: 0em;
  padding-top: calc(1em + 35vw);
}
.v-sumitomo .fair-and-better-world .title {
  text-align: center;
  background-color: #7cb834;
}
.v-sumitomo .fair-and-better-world .title h2 {
  font-size: 3.5em;
  font-weight: 700;
  margin: 0 0 0.1em 0;
}
@media (min-width: 42em) {
  .v-sumitomo .fair-and-better-world .title h2 {
    margin: -1.5em 0 0.1em 0;
  }
}
@media (min-width: 75em) {
  .v-sumitomo .fair-and-better-world .title h2 {
    margin: -2.5em 0 0.1em 0;
  }
}
@media (min-width: 118.75em) {
  .v-sumitomo .fair-and-better-world .title h2 {
    margin: -3.5em 0 0.1em 0;
  }
}
.v-sumitomo .fair-and-better-world .title p {
  font-size: 1.5em;
}
@media (min-width: 106.25em) {
  .v-sumitomo .fair-and-better-world .title {
    background: none;
  }
}
.v-sumitomo .fair-and-better-world a {
  color: #fff;
}
.v-sumitomo .fair-and-better-world .row.second-row {
  padding-top: 0;
  margin: auto;
}
.v-sumitomo .fair-and-better-world .bg-light-green {
  background-color: #7cb834;
  padding: 2em;
}
.v-sumitomo .fair-and-better-world .bg-light-green {
  width: 100%;
}
@media (min-width: 118.75em) {
  .v-sumitomo .fair-and-better-world .bg-light-green {
    margin: -5em 0 0.1em 0;
  }
}

@media (min-width: 48em) {
  .no-webp .v-sumitomo .fair-and-better-world::before {
    background: url("/img/content/about/green-landscape-bg.png?v=0400622") no-repeat bottom right;
  }
}

.v-energy-calc #banner {
  padding: 2em 0 9em;
}
@media (min-width: 48em) {
  .v-energy-calc #banner {
    padding: 3.5em 0 3.25em;
  }
}
.v-energy-calc #banner h1 {
  margin-bottom: 1.5rem;
}
@media (min-width: 48em) {
  .v-energy-calc #banner h1 {
    margin-bottom: 3rem;
  }
}
.v-energy-calc #banner p.lead {
  font-weight: 200;
}
.v-energy-calc #banner > .span::before {
  content: "";
  width: 20rem;
  height: 9.7286878636rem;
  background: url("/img/content/save-energy/calculator/vines.svg") center center/contain no-repeat;
  position: absolute;
  right: -1em;
  top: calc(100% + 8em);
  transform: translateY(-75%);
  right: 0;
}
@media (min-width: 48em) {
  .v-energy-calc #banner > .span::before {
    transform: none;
    width: 40rem;
    height: 19.4573757273rem;
    right: -12em;
    top: -2.5em;
  }
}
@media (min-width: 62em) {
  .v-energy-calc #banner > .span::before {
    right: -5em;
    top: -2em;
  }
}
@media (min-width: 75em) {
  .v-energy-calc #banner > .span::before {
    right: 4em;
    top: -1em;
  }
}
@media (min-width: 90em) {
  .v-energy-calc #banner > .span::before {
    right: 9em;
    top: -2em;
    width: 45rem;
    height: 21.8895476932rem;
  }
}
@media (min-width: 101.75em) {
  .v-energy-calc #banner > .span::before {
    right: 9em;
    top: -2em;
    width: 50rem;
    height: 24.3217196591rem;
  }
}
.v-energy-calc #errormsg {
  color: rgb(210, 8, 30);
  display: none;
}
.v-energy-calc #errormsg.active {
  display: block;
}
.v-energy-calc #energy-calc > .span #calculator-inputs {
  font-size: 1.1em;
}
.v-energy-calc #energy-calc > .span #calculator-inputs #progress-bar {
  margin: 2em 0 1rem;
  display: none;
}
.v-energy-calc #energy-calc > .span #calculator-inputs #progress-bar.active {
  display: block;
}
.v-energy-calc #energy-calc > .span #calculator-inputs #progress-bar.active > div {
  min-width: 2em;
}
.v-energy-calc #energy-calc > .span #calculator-inputs #progress-bar > div {
  background: rgb(83, 84, 134);
  position: relative;
  height: 1.5rem;
  border-radius: 1em;
  width: 0%;
}
.v-energy-calc #energy-calc > .span #calculator-inputs #progress-bar > div span {
  position: absolute;
  right: 0.5em;
  font-size: 0.9em;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
@media (min-width: 75em) {
  .v-energy-calc #energy-calc > .span #calculator-inputs {
    font-size: 1.2em;
  }
}
@media (min-width: 90em) {
  .v-energy-calc #energy-calc > .span #calculator-inputs {
    font-size: 1.3em;
  }
}
.v-energy-calc #energy-calc > .span #calculator-inputs hr {
  border-width: 1px;
  border-color: #000;
  margin-top: 1.75em;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .input-heading {
  font-weight: 500;
  font-size: 1.1em;
  margin: 1.5em 0 1.5em;
  display: block;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .input-heading.error {
  color: red;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.5em 0;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row label {
  margin-bottom: 0;
  position: relative;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row:not(.slider) > input {
  flex: 0 0 35%;
  max-width: 35%;
  border: 1px #000 solid;
  border-radius: 0.25rem;
  padding-left: 0.35em;
}
@media (min-width: 62em) {
  .v-energy-calc #energy-calc > .span #calculator-inputs .calc-row:not(.slider) > input {
    flex: 0 0 5em;
    max-width: 5em;
  }
}
@media (min-width: 75em) {
  .v-energy-calc #energy-calc > .span #calculator-inputs .calc-row:not(.slider) > input {
    flex: 0 0 7em;
    max-width: 7em;
  }
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row:not(.slider) > input.error {
  border-color: rgb(210, 8, 30);
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row:not(.slider) > input[type=number]::-webkit-outer-spin-button,
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row:not(.slider) > input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row:not(.slider) > input[type=number][type=number] {
  -moz-appearance: textfield;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row:not(.slider) > select {
  flex: 0 0 35%;
  max-width: 35%;
  background: #fff;
  border: 1px #000 solid;
  border-radius: 0.25rem;
}
@media (min-width: 62em) {
  .v-energy-calc #energy-calc > .span #calculator-inputs .calc-row:not(.slider) > select {
    flex: 0 0 5em;
    max-width: 5em;
  }
}
@media (min-width: 75em) {
  .v-energy-calc #energy-calc > .span #calculator-inputs .calc-row:not(.slider) > select {
    flex: 0 0 7em;
    max-width: 7em;
  }
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider {
  position: relative;
  padding-top: 1rem;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider .range-slider {
  width: calc(90% - 2.5em) !important;
  margin: 18px 0 18px 0;
}
@media (min-width: 48em) {
  .v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider .range-slider {
    width: calc(100% - 5em) !important;
  }
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider .range-slider .range-slider-rail {
  background: #009cb3;
  height: 8.4px;
  border-radius: 5px;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider .range-slider .range-slider-fill {
  background: rgb(83, 84, 134);
  height: 8.4px;
  border-radius: 5px;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider .range-slider .range-slider-knob {
  height: 25px !important;
  width: 25px !important;
  border-color: #999;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider > input[type=number] {
  flex: 0 0 20%;
  max-width: 20%;
  border: 1px #000 solid;
  border-radius: 0.25rem;
}
@media (min-width: 48em) {
  .v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider > input[type=number] {
    flex: 0 0 5rem;
    max-width: 5rem;
    padding-left: 0.35em;
  }
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider > input[type=number].error {
  border-color: rgb(210, 8, 30);
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider > input[type=number]::-webkit-outer-spin-button,
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider > input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider > input[type=number][type=number] {
  -moz-appearance: textfield;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider > input[type=range] {
  flex: 0 0 calc(80% - 1.5rem);
  max-width: calc(80% - 1.5rem);
  margin-left: 0;
}
@media (min-width: 48em) {
  .v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider > input[type=range] {
    flex: 0 0 calc(100% - 6.5rem);
    max-width: calc(100% - 6.5rem);
  }
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider > label {
  position: absolute;
  top: 0;
  left: 0;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider input[type=range]:focus {
  outline: none;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: #009cb3;
  border-radius: 8.4px;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider input[type=range]::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
  border-radius: 20px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.75);
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider input[type=range]:focus::-webkit-slider-runnable-track {
  background: #009cb3;
  border-radius: 8.4px;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: #009cb3;
  border-radius: 8.4px;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider input[type=range]::-moz-range-thumb {
  height: 20px;
  width: 20px;
  background: #ffffff;
  cursor: pointer;
  border-radius: 20px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 20px 0;
  color: transparent;
  border-radius: 8.4px;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider input[type=range]::-ms-fill-lower {
  background: #009cb3;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider input[type=range]::-ms-fill-upper {
  background: #009cb3;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider input[type=range]::-ms-thumb {
  height: 20px;
  width: 20px;
  background: #ffffff;
  cursor: pointer;
  border-radius: 20px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider input[type=range]:focus::-ms-fill-lower {
  background: #009cb3;
}
.v-energy-calc #energy-calc > .span #calculator-inputs .calc-row.slider input[type=range]:focus::-ms-fill-upper {
  background: #009cb3;
}
@media (min-width: 48em) {
  .v-energy-calc #energy-calc > .span #calculator-inputs .split {
    display: flex;
    justify-content: space-between;
  }
  .v-energy-calc #energy-calc > .span #calculator-inputs .split > div {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media (min-width: 62em) {
  .v-energy-calc #energy-calc > .span #calculator-inputs .split > div {
    flex: 0 0 48%;
    max-width: 48%;
  }
}
@media (min-width: 75em) {
  .v-energy-calc #energy-calc > .span #calculator-inputs .split > div {
    flex: 0 0 43%;
    max-width: 43%;
  }
}
@media (min-width: 48em) {
  .v-energy-calc #energy-calc > .span #calculator-inputs .split.long > div {
    flex: 0 0 calc(40% + 10em);
    max-width: calc(40% + 10em);
  }
  .v-energy-calc #energy-calc > .span #calculator-inputs .split.long > div input {
    flex: 0 0 calc(14% + 10.45em);
    max-width: calc(14% + 10.45em);
  }
}
@media (min-width: 62em) {
  .v-energy-calc #energy-calc > .span #calculator-inputs .split.long > div {
    flex: 0 0 calc(48% + 10em);
    max-width: calc(48% + 10em);
  }
  .v-energy-calc #energy-calc > .span #calculator-inputs .split.long > div input {
    flex: 0 0 15em;
    max-width: 15em;
  }
}
@media (min-width: 75em) {
  .v-energy-calc #energy-calc > .span #calculator-inputs .split.long > div {
    flex: 0 0 calc(43% + 10em);
    max-width: calc(43% + 10em);
  }
  .v-energy-calc #energy-calc > .span #calculator-inputs .split.long > div input {
    flex: 0 0 17em;
    max-width: 17em;
  }
}
.v-energy-calc #energy-calc > .span #calculator-inputs #submit input {
  background: #009cb3;
  color: #fff;
  box-shadow: none;
  font-weight: 400;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.45em 0.5em;
  font-size: 1.5em;
  border: none;
  outline: none;
  border-radius: 0.25em;
  margin-top: 1.5em;
}
@media (min-width: 48em) {
  .v-energy-calc #energy-calc > .span aside {
    height: 100%;
  }
}
@media (min-width: 75em) {
  .v-energy-calc #energy-calc > .span aside {
    padding-left: 4em;
  }
}
.v-energy-calc #energy-calc > .span aside #results {
  background: #fff;
  -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);
  border-radius: 1.85rem;
  padding: 3.0109375rem 2.35225rem 2.35225rem 2.35225rem;
  border: rgb(83, 84, 134) 0.1875rem solid;
}
@media (min-width: 48em) and (min-height: 64em) {
  .v-energy-calc #energy-calc > .span aside #results {
    margin-top: -12em;
  }
  .v-energy-calc #energy-calc > .span aside #results.stick {
    position: sticky;
    top: 4rem;
  }
}
@media (min-width: 75em) {
  .v-energy-calc #energy-calc > .span aside #results {
    margin-top: -18rem;
  }
}
.v-energy-calc #energy-calc > .span aside #results #forest {
  margin: -3.0109375rem -2.35225rem 0 -2.35225rem;
  padding: calc(100% + 4.7045rem) 0 0 0;
  width: calc(100% + 4.7045rem);
  height: 0;
  background: url("/img/content/save-energy/calculator/forest-bg.png") top center/contain no-repeat;
  border-radius: 1.5rem 1.5rem 0 0;
  position: relative;
}
.v-energy-calc #energy-calc > .span aside #results #forest h2 {
  position: absolute;
  left: 7vw;
  top: 7vw;
  color: #fff;
  font-weight: 800;
  max-width: 65%;
  font-size: 6vw;
}
@media (min-width: 48em) {
  .v-energy-calc #energy-calc > .span aside #results #forest h2 {
    left: 3.5vw;
    top: 3.5vw;
    font-size: 2.5vw;
  }
}
@media (min-width: 62em) {
  .v-energy-calc #energy-calc > .span aside #results #forest h2 {
    font-size: 2.5vw;
    max-width: 75%;
  }
}
@media (min-width: 75em) {
  .v-energy-calc #energy-calc > .span aside #results #forest h2 {
    font-size: 2vw;
  }
}
@media (min-width: 90em) {
  .v-energy-calc #energy-calc > .span aside #results #forest h2 {
    font-size: 1.9375em;
    top: 3.0109375rem;
    left: 2.35225rem;
  }
}
.v-energy-calc #energy-calc > .span aside #results #forest img {
  position: absolute;
  right: 0.9375rem;
  bottom: 2.5rem;
  width: 70%;
}
@media (min-width: 48em) {
  .v-energy-calc #energy-calc > .span aside #results #forest img {
    bottom: 1.5rem;
  }
}
@media (min-width: 62em) {
  .v-energy-calc #energy-calc > .span aside #results #forest img {
    bottom: 2.5rem;
    bottom: 1em;
  }
}
.v-energy-calc #energy-calc > .span aside #results #results-green {
  margin: -3.0109375rem -2.35225rem 0 -2.35225rem;
  padding: calc(115% + 4.7045rem) 0 0 0;
  width: calc(100% + 4.7045rem);
  height: 0;
  position: relative;
}
.v-energy-calc #energy-calc > .span aside #results #results-green #roundal {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 3.25vw;
  width: 16em;
  height: 16em;
  border-radius: 50%;
  border: #009cb3 0.5em solid;
}
@media (min-width: 48em) {
  .v-energy-calc #energy-calc > .span aside #results #results-green #roundal {
    font-size: 1.5vw;
  }
}
@media (min-width: 62em) {
  .v-energy-calc #energy-calc > .span aside #results #results-green #roundal {
    width: 13em;
    height: 13em;
  }
}
@media (min-width: 75em) {
  .v-energy-calc #energy-calc > .span aside #results #results-green #roundal {
    font-size: 1rem;
    width: 12em;
    height: 12em;
  }
}
@media (min-width: 90em) {
  .v-energy-calc #energy-calc > .span aside #results #results-green #roundal {
    width: 16em;
    height: 16em;
  }
}
.v-energy-calc #energy-calc > .span aside #results #results-green #roundal > div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.v-energy-calc #energy-calc > .span aside #results #results-green #roundal > div span {
  display: block;
}
.v-energy-calc #energy-calc > .span aside #results #results-green #roundal > div span.lead {
  color: #000;
  font-size: 2.75em;
  font-weight: 700;
}
.v-energy-calc #energy-calc > .span aside #results #results-green #payback {
  position: absolute;
  font-size: 3.25vw;
  top: 80%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
@media (min-width: 48em) {
  .v-energy-calc #energy-calc > .span aside #results #results-green #payback {
    font-size: 1.5vw;
    top: 87%;
  }
}
@media (min-width: 75em) {
  .v-energy-calc #energy-calc > .span aside #results #results-green #payback {
    font-size: 1rem;
  }
}
@media (min-width: 90em) {
  .v-energy-calc #energy-calc > .span aside #results #results-green #payback {
    top: 25vw;
  }
}
@media (min-width: 101.75em) {
  .v-energy-calc #energy-calc > .span aside #results #results-green #payback {
    top: 80%;
  }
}
.v-energy-calc #energy-calc > .span aside #results #results-green #payback > div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.v-energy-calc #energy-calc > .span aside #results #results-green #payback > div span {
  display: block;
  color: #009cb3;
  font-weight: 700;
  font-size: 2.75em;
}
.v-energy-calc #energy-calc > .span aside #results .eco-green {
  background: #009cb3;
  color: #fff;
}
.v-energy-calc #energy-calc > .span aside #results .eco-green img {
  height: 0.875em;
}
.v-energy-calc #energy-calc > .span aside #results h3 {
  font-size: 1.45em;
}
.v-energy-calc #energy-calc > .span aside #results table {
  width: 100%;
}
.v-energy-calc #energy-calc > .span aside #results table tr {
  display: flex;
  min-height: 0.875em;
}
.v-energy-calc #energy-calc > .span aside #results table tr td {
  padding: 0.125rem 0.5rem;
}
.v-energy-calc #energy-calc > .span aside #results table tr td:first-child {
  flex: 0 0 45%;
  max-width: 45%;
}
.v-energy-calc #energy-calc > .span aside #results table#consumption {
  margin-bottom: 1.5rem;
}
.v-energy-calc #energy-calc > .span aside #results table#consumption tr td:nth-child(2) {
  text-align: center;
  flex: 0 0 27.5%;
  max-width: 27.5%;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.v-energy-calc #energy-calc > .span aside #results table#consumption tr td:nth-child(3) {
  text-align: center;
  flex: 0 0 27.5%;
  max-width: 27.5%;
  margin-left: 5%;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.v-energy-calc #energy-calc > .span aside #results table#savings tr td:nth-child(2) {
  flex: 0 0 55%;
  max-width: 55%;
  font-weight: 600;
}
@media (max-width: 48em) {
  .v-energy-calc #energy-calc > .span aside #results table#savings tr td span {
    display: block;
  }
}
.v-energy-calc #energy-calc > .span aside #results .btn-pdf-download {
  background: #009cb3;
  color: #fff;
  border-radius: 0;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  padding: 0.75rem;
  position: relative;
  border-radius: 0.25rem;
  border-radius: 0.5rem;
  margin: 2em 0 0 0;
  justify-content: center;
  width: 100%;
}
.v-energy-calc #energy-calc > .span aside #results .btn-pdf-download:hover {
  color: #fff !important;
}
.v-energy-calc #energy-calc > .span aside #results .btn-pdf-download i {
  color: #fff;
  margin-left: 0.5rem;
  text-decoration: none;
  font-style: normal;
  font-size: 1.2em;
}

.v-ip66 #main {
  font-weight: 200;
}
.v-ip66 #banner {
  padding: 0;
}
.v-ip66 #banner::before {
  content: "";
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.v-ip66 #banner > .span {
  padding: 2em 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  height: 52.75vw;
  overflow: hidden;
  position: relative;
}
@media (min-width: 48em) {
  .v-ip66 #banner > .span {
    height: 49.7828125vw;
  }
}
@media (min-width: 62em) {
  .v-ip66 #banner > .span {
    padding: 4em 0;
  }
}
@media (min-width: 80em) {
  .v-ip66 #banner > .span {
    height: 42.125rem;
    padding: 5.5em 0;
  }
}
.v-ip66 #banner h1 {
  text-align: center;
  color: #fff;
  font-weight: 800;
  font-size: 2em;
}
@media (min-width: 35em) {
  .v-ip66 #banner h1 {
    font-size: 2.65em;
  }
}
@media (min-width: 48em) {
  .v-ip66 #banner h1 {
    font-size: 4em;
  }
}
@media (min-width: 62em) {
  .v-ip66 #banner h1 {
    font-size: 5.5em;
  }
}
.v-ip66 #banner h1 img {
  width: 9.7727272727em;
  margin: 0 auto;
  max-width: calc(100% - 1.875rem);
}
@media (min-width: 48em) {
  .v-ip66 #banner h1 img {
    max-width: 100%;
  }
}
.v-ip66 #banner a.video-btn {
  margin: 0 auto;
  color: #fff;
  font-size: 1.25em;
  font-weight: 800;
  text-transform: uppercase;
}
.v-ip66 #banner a.video-btn:hover {
  cursor: pointer;
}
@media (min-width: 35em) {
  .v-ip66 #banner a.video-btn {
    font-size: 2em;
  }
}
@media (min-width: 62em) {
  .v-ip66 #banner a.video-btn {
    font-size: 3em;
  }
}
.v-ip66 #banner #ip66-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
@media (min-width: 48em) {
  .v-ip66 #banner #ip66-bg::before {
    content: "";
    background: -moz-linear-gradient(left, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 12rem;
  }
  .v-ip66 #banner #ip66-bg::after {
    content: "";
    background: -moz-linear-gradient(left, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 12rem;
    transform: scaleX(-1);
  }
}
@media (min-width: 80em) {
  .v-ip66 #banner #ip66-bg {
    left: 50%;
    transform: translateX(-50%);
    width: 80rem;
  }
  .v-ip66 #banner #ip66-bg::before {
    width: 20rem;
  }
  .v-ip66 #banner #ip66-bg::after {
    width: 20rem;
  }
}
.v-ip66 #banner #ip66-bg #ip66-bg-still {
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 1s ease-in-out;
  opacity: 1;
}
.v-ip66 #banner #ip66-bg #ip66-bg-still.hide {
  opacity: 0;
}
.v-ip66 #banner #ip66-bg #ip66-bg-video {
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.v-ip66 #banner #ip66-bg #ip66-bg-video.active {
  opacity: 1;
}
@media (min-width: 48em) {
  .v-ip66 .ip66-desc {
    padding: 2em 0;
  }
}
@media (min-width: 48em) {
  .v-ip66 #ip66-feature {
    padding: 6em 0;
  }
}
.v-ip66 #ip66-feature #ip66-feature-img {
  position: relative;
}
.v-ip66 #ip66-feature #ip66-feature-img ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  max-width: 48rem;
  margin: 0 auto;
}
@media (min-width: 48em) {
  .v-ip66 #ip66-feature #ip66-feature-img ul {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    font-size: 1.5vw;
  }
}
@media (min-width: 62em) {
  .v-ip66 #ip66-feature #ip66-feature-img ul {
    font-size: 1.3vw;
  }
}
@media (min-width: 80em) {
  .v-ip66 #ip66-feature #ip66-feature-img ul {
    font-size: 1.04rem;
  }
}
.v-ip66 #ip66-feature #ip66-feature-img ul li {
  color: rgb(83, 84, 134);
  flex: 0 0 48%;
  max-width: 48%;
  font-weight: 200;
  border: rgb(83, 84, 134) 1px solid;
  padding: 0.9375rem;
  display: flex;
  align-items: center;
}
.v-ip66 #ip66-feature #ip66-feature-img ul li::before {
  display: none;
}
.v-ip66 #ip66-feature #ip66-feature-img ul li span {
  font-weight: 700;
}
@media (min-width: 48em) {
  .v-ip66 #ip66-feature #ip66-feature-img ul li {
    position: absolute;
    border: none;
    text-align: center;
    font-size: 1.25em;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(1) {
    left: 16em;
    top: -5em;
    transform: translateX(-50%);
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(2) {
    left: 29em;
    top: -2em;
    transform: translateX(-50%);
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(3) {
    left: 32em;
    top: 4em;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(4) {
    left: 30em;
    top: 9em;
    width: 11em;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(4) > div {
    position: relative;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(4) > div::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 7em;
    border: red solid 1px;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(5) {
    left: 24em;
    top: 16em;
    width: 15em;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(5) > div {
    position: relative;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(5) > div::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%) rotate(30deg);
    width: 8em;
    border: red solid 1px;
    transform-origin: right center;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(6) {
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    width: 9em;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(6) > div {
    position: relative;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(6) > div::before {
    content: "";
    position: absolute;
    right: 50%;
    bottom: 100%;
    transform: translateX(50%);
    height: 3em;
    border: red solid 1px;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(7) {
    right: 23.5em;
    top: 16em;
    width: 10em;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(7) > div {
    position: relative;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(7) > div::before {
    content: "";
    position: absolute;
    right: 50%;
    bottom: 100%;
    transform: translateX(50%) rotate(42deg);
    height: 5.5em;
    border: red solid 1px;
    transform-origin: center bottom;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(8) {
    right: 30em;
    top: 10em;
    width: 10em;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(8) > div {
    position: relative;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(8) > div::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%) rotate(-20deg);
    width: 6em;
    border: red solid 1px;
    transform-origin: left center;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(9) {
    right: 31em;
    top: 3em;
    width: 10em;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(9) > div {
    position: relative;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(9) > div::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%) rotate(-23deg);
    width: 2.65em;
    border: red solid 1px;
    transform-origin: left center;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(10) {
    left: -4em;
    top: -3em;
  }
}
@media (min-width: 62em) {
  .v-ip66 #ip66-feature #ip66-feature-img ul li {
    font-size: 1.5em;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(4) {
    width: 10.5em;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(6) {
    width: 8em;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(7) {
    width: 9em;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(8) {
    width: 9em;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(9) {
    width: 9em;
  }
  .v-ip66 #ip66-feature #ip66-feature-img ul li:nth-child(10) {
    left: -2em;
  }
}
.v-ip66 #ip66-feature #ip66-feature-img img {
  margin: 0 auto;
}
.v-ip66 #drive-in-industry {
  padding-bottom: 0;
}
.v-ip66 #drive-in-industry > .span {
  padding-bottom: 0;
}
.v-ip66 #drive-in-industry > .span > .col-12 {
  padding-bottom: 0;
}
@media (min-width: 75em) {
  .v-ip66 #drive-in-industry #drive-in-industry-header h2 {
    padding-left: 9%;
  }
}
.v-ip66 .row[data-bg=purple] h2 {
  font-weight: 800;
}
.v-ip66 .row[data-bg=light] > .span > div.panel {
  padding: 2em;
}
@media (min-width: 62em) {
  .v-ip66 .row[data-bg=light] > .span > div.panel:not([data-bg=purple]) {
    padding-bottom: 3.5em;
  }
}
.v-ip66 .row[data-bg=light] > .span > div.panel:not([data-bg=purple]) h2 {
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 48em) {
  .v-ip66 .row[data-bg=light] > .span > div.panel:not([data-bg=purple]) h2 {
    text-align: left;
    margin-bottom: 4rem;
  }
}
@media (min-width: 48em) {
  .v-ip66 .row[data-bg=light] > .span > div {
    margin-top: 2rem;
  }
}
@media (min-width: 62em) {
  .v-ip66 .row[data-bg=light] > .span > div {
    margin-top: 3rem;
  }
}
@media (min-width: 48em) {
  .v-ip66 .row[data-bg=light] > .span > div #ip66-explained {
    width: 85%;
    margin: 2em 0;
  }
}
.v-ip66 .row[data-bg=light] h2 {
  font-weight: 800;
}
.v-ip66 .row[data-bg=light] #ip-slider {
  padding: 0;
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 62em) {
  .v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div {
    justify-content: flex-start;
  }
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div h3 {
  font-size: 1.1em;
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-rating {
  flex: 0 0 auto;
  max-width: auto;
  display: flex;
  align-items: center;
  font-weight: 800;
  font-size: 1.8em;
  color: rgb(83, 84, 134);
  position: relative;
  padding: 5rem 0;
}
@media (min-width: 62em) {
  .v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-rating {
    flex: 0 0 10%;
    max-width: 10%;
  }
}
@media (min-width: 75em) {
  .v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-rating {
    flex: 0 0 4rem;
    max-width: 4rem;
  }
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-rating > div:not(.arrows) {
  position: relative;
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-rating > div.arrows {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -0.25rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 0.25rem;
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-rating > div.arrows button {
  padding: 0.125em 0.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  border: rgb(83, 84, 134) 2px solid;
  color: rgb(83, 84, 134);
}
@media (min-width: 48em) {
  .v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-rating > div.arrows button:hover {
    background: rgb(83, 84, 134);
    color: #fff;
  }
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-icon {
  flex: 0 0 30%;
  max-width: 30%;
  display: flex;
  align-items: center;
}
@media (min-width: 35em) {
  .v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-icon {
    flex: 0 0 15%;
    max-width: 15%;
  }
}
@media (min-width: 62em) {
  .v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-icon {
    flex: 0 0 15%;
    max-width: 15%;
    padding-left: 2rem;
    padding-right: 1rem;
  }
}
@media (min-width: 75em) {
  .v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-icon {
    flex: 0 0 6rem;
    max-width: 6rem;
    padding: 0;
    margin-left: 4rem;
  }
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-drive {
  flex: 0 0 30%;
  max-width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 35em) {
  .v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-drive {
    flex: 0 0 15%;
    max-width: 15%;
  }
}
@media (min-width: 62em) {
  .v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-drive {
    flex: 0 0 15%;
    max-width: 15%;
    padding-right: 3rem;
  }
}
@media (min-width: 75em) {
  .v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-drive {
    flex: 0 0 8rem;
    max-width: 8rem;
    padding: 0;
    margin-left: 2rem;
  }
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-drive img {
  max-height: 10rem;
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-desc {
  margin-top: 1em;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-desc span {
  color: rgb(83, 84, 134);
}
@media (min-width: 35em) {
  .v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-desc {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media (min-width: 62em) {
  .v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-desc {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
@media (min-width: 75em) {
  .v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-desc {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0;
    font-size: 1.1em;
    margin-left: 2rem;
  }
}
@media (min-width: 90em) {
  .v-ip66 .row[data-bg=light] #ip-slider .glide__slide > div .ip-slider-desc {
    font-size: 1.2em;
  }
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide.glide__slide--active[data-slide-content=ip20] .ip-slider-rating > div:not(.arrows)::before {
  content: "66";
  font-weight: inherit;
  font-size: inherit;
  position: absolute;
  right: 0;
  bottom: calc(100% - 0.25rem);
  opacity: 0.25;
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide.glide__slide--active[data-slide-content=ip20] .ip-slider-rating > div:not(.arrows)::after {
  content: "55";
  font-weight: inherit;
  font-size: inherit;
  position: absolute;
  right: 0;
  top: calc(100% - 0.25rem);
  opacity: 0.25;
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide.glide__slide--active[data-slide-content=ip55] .ip-slider-rating > div:not(.arrows)::before {
  content: "20";
  font-weight: inherit;
  font-size: inherit;
  position: absolute;
  right: 0;
  bottom: calc(100% - 0.25rem);
  opacity: 0.25;
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide.glide__slide--active[data-slide-content=ip55] .ip-slider-rating > div:not(.arrows)::after {
  content: "66";
  font-weight: inherit;
  font-size: inherit;
  position: absolute;
  right: 0;
  top: calc(100% - 0.25rem);
  opacity: 0.25;
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide.glide__slide--active[data-slide-content=ip66] .ip-slider-rating > div:not(.arrows)::before {
  content: "55";
  font-weight: inherit;
  font-size: inherit;
  position: absolute;
  right: 0;
  bottom: calc(100% - 0.25rem);
  opacity: 0.25;
}
.v-ip66 .row[data-bg=light] #ip-slider .glide__slide.glide__slide--active[data-slide-content=ip66] .ip-slider-rating > div:not(.arrows)::after {
  content: "20";
  font-weight: inherit;
  font-size: inherit;
  position: absolute;
  right: 0;
  top: calc(100% - 0.25rem);
  opacity: 0.25;
}
.v-ip66 .comparison-table {
  font-size: 1.25rem;
}
@media (min-width: 48em) {
  .v-ip66 .comparison-table {
    font-size: 1.125em;
  }
}
@media (min-width: 62em) {
  .v-ip66 .comparison-table {
    font-size: 1.5em;
  }
}
.v-ip66 .comparison-table table {
  width: 100%;
}
.v-ip66 .comparison-table table thead {
  font-weight: 800;
}
.v-ip66 .comparison-table table tbody {
  font-weight: 200;
}
.v-ip66 .comparison-table table td {
  padding: 0.125rem 0.25em;
  border: 1px solid #fff;
}

.v-news .required-field {
  color: red;
  font-size: 1rem;
  text-transform: uppercase;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.v-news .required-field[style="visibility:hidden;"] {
  display: none;
}
.v-news .widget {
  margin-bottom: 4rem;
  position: relative;
}
.v-news .widget:last-child {
  margin-bottom: 0;
}
.v-news .widget a {
  color: #444;
}
.v-news .widget a:hover {
  color: #007bff;
}
.v-news .widget .widget-header {
  margin: 0;
  border-bottom: 2px solid #cecece;
  padding-bottom: 0.5rem;
  font-size: 1.25rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
  line-height: 1;
}
.v-news .widget .widget-content > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.v-news .widget .widget-content > ul > li {
  margin-bottom: 0.5rem;
}
.v-news .widget .widget-content > ul > li:last-child {
  margin-bottom: 0;
}
.v-news .widget .widget-content > ul ul {
  list-style: none;
  padding-left: 1rem;
}
.v-news .btn-sm {
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
}
.v-news .btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}
.v-news .btn-primary:hover, .v-news .btn-primary:active {
  background-color: #006fe6;
  border-color: #006fe6;
}
.v-news .btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.v-news .btn-primary:not([disabled]):not(.disabled).active, .v-news .btn-primary:not([disabled]):not(.disabled):active, .v-news .show > .btn-primary.dropdown-toggle {
  background-color: #006fe6;
  border-color: #006fe6;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.v-news .btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}
.v-news .btn-outline-primary:hover {
  background-color: #007bff;
  border-color: #007bff;
}
.v-news .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.v-news .btn-outline-primary:not([disabled]):not(.disabled).active, .v-news .btn-outline-primary:not([disabled]):not(.disabled):active, .v-news .show > .btn-outline-primary.dropdown-toggle {
  background-color: #007bff;
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.v-news .form-control {
  border-radius: 0.125rem;
}
.v-news .ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
.v-news .ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  bottom: 0px;
  position: absolute;
}
.v-news .ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  right: 0;
  position: absolute;
}
.v-news .ps--active-x > .ps__rail-x, .v-news .ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
.v-news .ps:hover > .ps__rail-x, .v-news .ps:hover > .ps__rail-y, .v-news .ps--focus > .ps__rail-x, .v-news .ps--focus > .ps__rail-y, .v-news .ps--scrolling-x > .ps__rail-x, .v-news .ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}
.v-news .ps__rail-x:hover, .v-news .ps__rail-y:hover, .v-news .ps__rail-x:focus, .v-news .ps__rail-y:focus {
  background-color: #eee;
  opacity: 0.9;
}
.v-news .ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute;
}
.v-news .ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  right: 2px;
  position: absolute;
}
.v-news .ps__rail-x:hover > .ps__thumb-x, .v-news .ps__rail-x:focus > .ps__thumb-x {
  background-color: #999;
  height: 11px;
}
.v-news .ps__rail-y:hover > .ps__thumb-y, .v-news .ps__rail-y:focus > .ps__thumb-y {
  background-color: #999;
  width: 11px;
}
@supports (-ms-overflow-style: none) {
  .v-news .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .v-news .ps {
    overflow: auto !important;
  }
}
.v-news .page-global div#admin {
  font-size: 0;
}
.v-news .page-global div#admin a {
  color: #fff;
  font-size: 0.75rem;
  margin-right: 0.5rem;
  display: inline-block;
  padding: 0.25rem 1rem;
  text-align: center;
  text-transform: uppercase;
  background-color: #ddd;
}
.v-news .page-global div#admin a:first-child {
  background-color: #000;
}
.v-news .page-global div#admin a:last-child {
  background-color: #000;
}
.v-news .page-global {
  margin-bottom: 2rem;
}
.v-news .page-global .page-global-title {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -1px;
  margin: 0;
  margin-bottom: 3rem;
}
@media screen and (max-width: 63.9375rem) {
  .v-news .page-global .page-global-title {
    font-size: 1.75rem;
  }
}
.v-news .well-global {
  margin-bottom: 2rem;
  border: 1px solid #eee;
  padding: 4rem;
}
.v-news .well-global .well-global-title {
  margin: 0;
  font-size: 1.25rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .v-news .well-global {
    padding: 0;
    border: 0;
  }
  .v-news .well-global .well-global-title {
    margin-bottom: 1rem;
  }
}
.v-news #trackbacks {
  display: none !important;
}
.v-news .archive-page {
  font-size: 1rem;
}
.v-news .archive-page .archive-page-content h2 {
  font-size: 1rem;
  height: 2rem;
  margin-top: 1.5rem;
  margin-bottom: 0.25rem;
  line-height: 2rem;
}
.v-news .archive-page .archive-page-content h2 a:before {
  width: 0.75rem;
  height: 0.75rem;
  color: #ff9e07;
  margin-right: 0.5rem;
  content: "\f09e";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .archive-page .archive-page-content img {
  display: none;
}
.v-news .archive-page ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.v-news .archive-page ul::after {
  content: "";
  display: table;
  clear: both;
}
.v-news .archive-page ul li {
  float: left;
  width: 33%;
  list-style: disc inside;
}
.v-news .archive-page table {
  width: 100%;
  border-collapse: collapse;
  border: 0 !important;
}
.v-news .archive-page table th {
  display: none;
  border: 0 !important;
}
.v-news .archive-page table td {
  vertical-align: top;
  border: 0 !important;
  font-size: 1rem;
  padding: 0 !important;
  color: #444;
}
.v-news .archive-page table a {
  display: block;
  color: #000;
}
.v-news .archive-page table a:hover {
  color: #007bff;
}
.v-news .archive-page .date {
  width: 6rem;
  min-width: 6rem;
}
.v-news .archive-page .comments, .v-news .archive-page .rating {
  display: none !important;
}
@media screen and (max-width: 63.9375rem) {
  .v-news .archive-page ul li {
    float: none;
    width: 100%;
  }
  .v-news .archive-page .date {
    display: none;
  }
  .v-news .archive-page table tr {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    display: block;
    border-bottom: 1px solid #ddd;
  }
}
.v-news .search-page .search-page-searchbox {
  border: 1px solid #007bff;
  border-radius: 0.25rem;
  position: relative;
  height: 2.5rem;
  overflow: hidden;
  margin-bottom: 2rem;
}
.v-news .search-page .search-page-searchbox input[type=button] {
  width: 7rem;
  border: none;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
}
.v-news .search-page .search-page-searchbox input[type=text] {
  border: none;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  padding: 0 8rem 0 1rem;
  outline: none !important;
}
.v-news .search-page .searchresult {
  border-bottom: 1px solid #eee;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.v-news .search-page .searchresult a {
  font-size: 1.125rem;
}
.v-news .search-page .searchresult span.text {
  clear: both;
  display: block;
  font-size: 0.875rem;
  color: #666;
}
.v-news .search-page .searchresult span.type, .v-news .search-page .searchresult span.url {
  display: none;
}
.v-news .search-page .searchpage ul.paging {
  list-style-type: none;
  margin: 20px auto;
  padding: 0px;
  text-align: center;
  display: block;
}
.v-news .search-page .searchpage ul.paging li {
  display: inline-block;
  width: 30px;
  text-align: center;
  height: 30px;
  border: 1px solid #CCC;
  background: #FFF;
  margin-right: 2px;
}
.v-news .search-page .searchpage ul.paging li a {
  display: block;
  height: 100%;
  line-height: 30px;
}
.v-news .search-page .searchpage ul.paging li.active {
  border-width: 1px;
  border-style: solid;
}
.v-news .search-page .searchpage ul.paging li.active A {
  color: #FFF;
}
.v-news .post-single .post-header {
  margin-bottom: 4rem;
}
.v-news .post-single .post-title {
  font-size: 2.75rem;
  letter-spacing: -1px;
  margin: 0;
  font-weight: 700;
}
.v-news .post-single .post-link {
  font-weight: 700;
  text-decoration: none;
}
.v-news .post-single .post-link:hover {
  color: #000;
}
.v-news .post-single .post-meta {
  margin: 1rem 0;
  color: #aaa;
  font-size: 0.875rem;
}
.v-news .post-single .post-meta > span {
  margin-right: 0.5rem;
}
.v-news .post-single .post-meta > span a {
  color: #aaa;
}
.v-news .post-single .post-tags {
  margin-bottom: 4rem;
  font-size: 0.875rem;
  color: #aaa;
}
.v-news .post-single .post-tags a {
  color: #aaa;
}
.v-news .post-single .post-share {
  display: inline-block;
}
.v-news .post-single .post-share .dropdown-toggle {
  display: block;
  color: #aaa;
}
.v-news .post-single .post-share .dropdown-toggle:hover, .v-news .post-single .post-share .dropdown-toggle[aria-expanded=true] {
  color: #007bff;
}
.v-news .post-single .post-share .dropdown-toggle i {
  font-size: 0.75rem;
  margin-right: 0.25rem;
}
.v-news .post-single .post-share .dropdown-toggle::after {
  display: none;
}
.v-news .post-single .post-share .dropdown-menu {
  padding: 0;
  overflow: hidden;
  box-shadow: 0 0 3rem rgba(0, 0, 0, 0.17);
  border: 0;
  min-width: 8.5rem;
}
.v-news .post-single .post-share .dropdown-item {
  padding: 0.5rem 0.875rem;
  border-bottom: 1px solid #f8f8f8;
  overflow: hidden;
  font-size: 0.75rem;
  font-weight: 700;
}
.v-news .post-single .post-share .dropdown-item:last-child {
  border-bottom: 0;
}
.v-news .post-single .post-share .dropdown-item:hover {
  background: #f8f8f8;
}
.v-news .post-single .post-share .dropdown-item .fa {
  margin-right: 0.5rem;
  font-size: 1.25rem;
  vertical-align: middle;
}
.v-news .post-single .post-share .item-tw {
  color: #55acee;
}
.v-news .post-single .post-share .item-gp {
  color: #dd4b39;
}
.v-news .post-single .post-share .item-fb {
  color: #3B5998;
}
.v-news .post-single .post-share .item-ln {
  color: #4875B4;
}
.v-news .post-single .post-share .item-em {
  color: #444444;
}
.v-news .post-single .post-share .item-pi {
  color: #bd081c;
}
.v-news .post-single .post-adminlinks {
  font-size: 0;
  margin-bottom: 4rem;
}
.v-news .post-single .post-adminlinks a {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid #000;
  color: #000;
  padding: 0.375rem 0.5rem 0.25rem;
  font-size: 0.75rem;
  line-height: 1.25;
  border-radius: 0.125rem;
  transition: all 0.15s ease-in-out;
  margin-right: 0.25rem;
  text-decoration: none;
  text-transform: uppercase;
}
.v-news .post-single .post-adminlinks a:hover {
  color: #000;
  border-color: #000;
}
@media screen and (max-width: 63.9375rem) {
  .v-news .post-single .post-title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 39.9375rem) {
  .v-news .post-single .post-header {
    margin-bottom: 1rem;
  }
  .v-news .post-single .post-title {
    font-size: 1.75rem;
  }
}
.v-news .post-home {
  position: relative;
  margin-bottom: 3rem;
  box-shadow: 0 0 5rem rgba(0, 0, 0, 0.15);
}
.v-news .post-home:last-child {
  margin-bottom: 0;
}
.v-news .post-home .post-home-inner {
  min-height: 100%;
  background-color: #fff;
  padding: 4rem;
  transition: box-shadow ease-in 0.25s;
  overflow: hidden;
}
.v-news .post-home .post-cover {
  height: 25rem;
  overflow: hidden;
  display: block;
  margin: -4rem -4rem 4rem;
  position: relative;
}
.v-news .post-home .post-cover img {
  display: block !important;
  width: auto;
  min-height: 100%;
  min-width: 100%;
  max-width: 150%;
  max-height: none;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
  transition: transform ease 0.1s;
}
.v-news .post-home .post-title {
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: 1rem;
  line-height: 1.4;
  display: block;
}
.v-news .post-home .post-link {
  color: #000;
  display: block;
  transition: color ease-in 0.25s;
}
.v-news .post-home .post-link:hover {
  color: #007bff;
}
.v-news .post-home .post-description {
  line-height: 1.618;
  color: #444;
}
.v-news .post-home .post-more {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  text-transform: uppercase;
  font-size: 0.75em;
}
.v-news .post-home .post-meta {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #aaa;
  position: relative;
  margin-bottom: 1rem;
}
.v-news .post-home .post-meta span {
  margin-right: 0.5rem;
}
.v-news .post-home .post-meta span i {
  margin-right: 0.25rem;
}
.v-news .post-home .post-meta a {
  color: #aaa;
}
.v-news .post-home .post-home-inner:hover .post-cover img {
  transform: translate(-50%, -50%) scale(1.1);
}
@media screen and (max-width: 799px) {
  .v-news .post-home {
    margin-bottom: 2rem;
  }
  .v-news .post-home .post-home-inner {
    padding: 2rem;
  }
  .v-news .post-home .post-cover {
    margin: -2rem -2rem 2rem;
    height: 15rem;
  }
  .v-news .post-home .post-title {
    font-size: 1.5rem;
    line-height: 1.2;
  }
  .v-news .post-home .post-category {
    display: none;
  }
}
@media screen and (min-width: 800px) {
  .v-news .post-home-left, .v-news .post-home-right {
    position: relative;
  }
  .v-news .post-home-left .post-cover, .v-news .post-home-right .post-cover {
    position: absolute;
    top: 0;
    width: 20rem;
    margin: 0;
    height: 100%;
  }
  .v-news .post-home-left .post-home-inner, .v-news .post-home-right .post-home-inner {
    padding: 2rem;
  }
  .v-news .post-home-left .post-title, .v-news .post-home-right .post-title {
    font-size: 1.5rem;
    line-height: 1.1;
  }
  .v-news .post-home-left .post-more, .v-news .post-home-right .post-more {
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    margin-top: 1em;
  }
  .v-news .post-home-left {
    padding-left: 20rem;
  }
  .v-news .post-home-left .post-cover {
    left: 0;
  }
  .v-news .post-home-right {
    padding-right: 20rem;
  }
  .v-news .post-home-right .post-cover {
    right: 0;
  }
}
.v-news .content-stlye {
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 1.618;
}
.v-news .content-stlye h1, .v-news .content-stlye h2, .v-news .content-stlye h3, .v-news .content-stlye h4, .v-news .content-stlye h5 {
  font-weight: 700;
}
.v-news .content-stlye h1, .v-news .content-stlye h2 {
  font-size: 1.75rem;
}
.v-news .content-stlye h3, .v-news .content-stlye h4 {
  font-size: 1.5rem;
}
.v-news .content-stlye .syntaxhighlighter {
  font-size: 0.875rem !important;
  margin-bottom: 2rem !important;
  padding: 2rem 2rem 2rem 1rem !important;
  border: 1px solid #eee;
}
.v-news .content-stlye p, .v-news .content-stlye figure, .v-news .content-stlye ul, .v-news .content-stlye ol, .v-news .content-stlye table, .v-news .content-stlye blockquote {
  margin-bottom: 2rem;
}
.v-news .content-stlye img {
  height: auto;
}
.v-news .content-stlye blockquote {
  background-color: #fafafa;
  padding: 2rem;
}
.v-news .content-stlye blockquote p:last-child {
  margin: 0;
}
.v-news .content-stlye table {
  font-size: 1rem;
  width: 100%;
  max-width: 100%;
  border: 1px solid #ccc;
}
.v-news .content-stlye table td, .v-news .content-stlye table th {
  padding: 0.75rem;
  vertical-align: top;
  border: 1px solid #ccc;
}
.v-news .content-stlye table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #ccc;
}
@media screen and (max-width: 63.9375rem) {
  .v-news .content-stlye {
    font-size: 1rem;
  }
  .v-news .content-stlye h1, .v-news .content-stlye h2 {
    font-size: 1.5rem;
  }
  .v-news .content-stlye h3, .v-news .content-stlye h4 {
    font-size: 1.25rem;
  }
}
.v-news .related-posts {
  list-style: none;
  padding: 0;
}
.v-news .related-posts .related-posts-item {
  margin-bottom: 1rem;
}
.v-news .related-posts .related-posts-item:last-child {
  margin-bottom: 0;
}
.v-news .related-posts .related-posts-item a {
  display: block;
  height: 100%;
  font-size: 1rem;
  color: #000;
  font-weight: 500;
}
.v-news .related-posts .related-posts-item a:hover {
  color: #007bff;
}
.v-news .related-posts .related-posts-item p {
  font-size: 0.75rem;
  margin: 0;
}
@media screen and (max-width: 63.9375rem) {
  .v-news #relatedPosts {
    display: none;
  }
}
.v-news .navigation-posts {
  display: none;
}
.v-news #PostPager,
.v-news .paging {
  padding: 0;
  margin: 3em 0 0;
  text-align: center;
}
.v-news #PostPager li,
.v-news #PostPager .PagerLinkDisabled,
.v-news #PostPager .PagerLinkCurrent,
.v-news .paging li {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #000;
  background: none;
  font-weight: normal;
  border: 0;
}
.v-news #PostPager li a,
.v-news .paging li a {
  padding: 0 0.5em;
  display: block;
  font-weight: normal;
  color: #000;
  line-height: 1.75;
  border-radius: 0.25em;
}
.v-news #PostPager li a:hover,
.v-news .paging li a:hover {
  background: #eee;
}
.v-news #PostPager .PagerLinkCurrent {
  background: #666 !important;
  color: #fff !important;
  padding: 0 0.5em;
  line-height: 1.75;
  border-radius: 0.25em;
}
.v-news .paging .active a {
  background: #666 !important;
  color: #fff !important;
}
.v-news #PostPager li:first-child {
  margin-right: 0.5em;
}
.v-news #PostPager li:last-child {
  margin-left: 0.5em;
}
.v-news #PostPager .PagerLinkDisabled {
  opacity: 0.3;
}
.v-news .lbl-CommentsDisabled {
  color: rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  display: block;
  position: relative;
  font-size: 0.875rem;
  margin-bottom: 2rem;
  text-align: center;
}
.v-news .lbl-CommentsDisabled:before {
  margin-right: 0.5rem;
  position: relative;
  top: 1px;
  content: "\f023";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  display: inline-block;
}
.v-news #commentlist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.v-news #commentlist .comment-item {
  position: relative;
}
.v-news #commentlist .comment-item .comment-text {
  font-size: 0.875rem;
}
.v-news #commentlist .comment-item .comment-item {
  margin-left: 3.5rem;
}
.v-news #commentlist .comment-item #status {
  margin-left: 3.5rem;
}
.v-news #commentlist .comment-content {
  position: relative;
  min-height: 3rem;
  margin-bottom: 0.5rem;
  margin-left: 3.5rem;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 1rem;
  border-radius: 0.25rem;
}
.v-news #commentlist .comment-content img {
  position: absolute;
  left: -3.5rem;
  top: 0;
  width: 3rem;
  height: 3rem;
}
.v-news #commentlist .comment-author {
  margin-bottom: 0.5rem;
  font-weight: 700;
}
.v-news #commentlist .comment-author a {
  color: #000;
}
.v-news #commentlist .comment-replylink {
  color: #aaa;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 0.5rem;
}
.v-news #commentlist .comment-adminlinks {
  font-size: 0;
}
.v-news #commentlist .comment-adminlinks a {
  color: #fff;
  font-size: 0.875rem;
  background-color: red;
  margin-right: 0.5rem;
  display: inline-block;
  padding: 0.25rem 1rem;
}
.v-news #commentlist .comment-adminlinks a:nth-child(1), .v-news #commentlist .comment-adminlinks a:nth-child(2) {
  display: none;
}
.v-news #commentlist .comment-adminlinks a[href^="?approvecomment"] {
  background-color: green;
}
.v-news #commentlist .comment-form {
  box-shadow: none;
  padding: 0;
  margin-left: 3.5rem;
  margin-top: 1rem;
}
.v-news #commentlist p#cancelReply a {
  color: #fff;
  font-size: 0.875rem;
  background-color: #666;
  display: inline-block;
  padding: 0.25rem 1rem;
  margin-left: 3.5rem;
}
@media screen and (max-width: 48rem) {
  .v-news #commentlist .comment-content {
    margin-left: 0;
    padding: 0 0 0.5rem;
    background: none;
    border-bottom: 1px solid #ddd;
  }
  .v-news #commentlist .comment-content img {
    display: none;
  }
  .v-news #commentlist .comment-item .comment-item {
    margin: 0;
  }
  .v-news #commentlist .comment-item #status {
    margin-left: 0;
  }
  .v-news #commentlist .comment-adminlinks {
    display: none;
  }
  .v-news #commentlist .comment-form, .v-news #commentlist p#cancelReply a {
    margin-left: 0;
  }
}
.v-news #commenttoggle {
  display: none;
}
.v-news .comment-form .comment-preview {
  display: none;
}
.v-news #status.warning {
  background-color: red;
  display: block;
  padding: 1rem;
  color: #fff;
  margin-bottom: 1rem;
}
.v-news #status.success {
  background-color: green;
  display: block;
  padding: 1rem;
  color: #fff;
  margin-bottom: 1rem;
  margin-left: 3.5rem;
}
@media screen and (max-width: 48rem) {
  .v-news #status.success {
    margin-left: 0;
  }
}
.v-news #commentCaptcha {
  position: relative;
  display: table;
  width: 100%;
}
.v-news #commentCaptcha #simpleCaptchaValue, .v-news #commentCaptcha label {
  display: table-cell;
  vertical-align: top;
}
.v-news #commentCaptcha > label {
  height: 2.5rem;
  width: 5rem;
  max-width: 100%;
  background-color: #ccc;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  padding: 0 1rem;
}
.v-news #commentCaptcha #simpleCaptchaValue {
  height: 2.5rem;
  border: 1px solid #ccc;
  outline: none !important;
  padding: 0.5rem;
  width: 100%;
  min-width: 100%;
}
.v-news #commentCaptcha #spnSimpleCaptchaIncorrect {
  position: absolute;
  bottom: -0.875rem;
  left: 0;
  font-size: 0.75rem;
}
.v-news .widget.administration ul li {
  margin-bottom: 0.5rem;
}
.v-news .widget.administration ul li a::before {
  font-size: 14px !important;
  margin-right: 1rem;
}
.v-news .widget.administration ul li:nth-child(1) a::before {
  content: "\f009";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .widget.administration ul li:nth-child(2) a::before {
  content: "\f039";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .widget.administration ul li:nth-child(3) a::before {
  content: "\f1de";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .widget.administration ul li:nth-child(4) a::before {
  content: "\f013";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .widget.administration ul li:nth-child(5) a::before {
  content: "\f007";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .widget.administration ul li:nth-child(6) a::before {
  content: "\f023";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .widget.administration ul li:nth-child(7) a::before {
  content: "\f011";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .search {
  position: relative;
  padding: 0;
  overflow: hidden;
  height: 2.5rem;
  background-color: #eee;
  border-radius: 0.125rem;
}
.v-news .search .widget-content, .v-news .search #searchbox {
  padding: 0;
  height: 100%;
}
.v-news .search input {
  height: 100%;
  background: none;
}
.v-news .search input[type=text] {
  display: block;
  color: #495057;
  font-size: 1rem;
  width: 100%;
  padding: 0 0.75rem;
  border: 0;
  background: none;
}
.v-news .search input[type=text]:focus {
  outline: none;
}
.v-news .search input[type=button] {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  padding: 0 1rem;
  border-left: 1px solid #ddd;
  cursor: pointer;
  background-color: #eee;
  font-weight: 500;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.v-news .search input[type=button]:hover {
  background: #007bff;
  color: #fff;
}
.v-news .blog-sidebar .post-item-list {
  background: #eee;
  border-radius: 0.125rem;
  overflow: hidden;
}
.v-news .blog-sidebar .post-item-list a {
  display: block;
}
.v-news .blog-sidebar .post-item-list a:hover {
  background-color: #007bff;
  color: #fff;
}
.v-news .blog-sidebar .post-item-list a:hover .post-item-title {
  color: #fff;
}
.v-news .blog-sidebar .post-item-list .post-item-img {
  font-size: 0;
  display: block;
}
.v-news .blog-sidebar .post-item-list .post-item-title {
  font-size: 1rem;
  font-weight: 500;
  position: relative;
  margin: 0;
  padding: 1rem;
  color: #333;
}
.v-news .blog-sidebar .post-item-list .post-item-desc {
  display: block;
  margin: 0;
  color: inherit;
  font-size: 0.875rem;
  padding: 0 1rem 0.5rem;
}
.v-news .blog-sidebar .post-item-list .post-item-date {
  padding: 0 1rem 1rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  display: block;
}
.v-news .blog-sidebar .post-item-list .post-item-date::before {
  content: "\f017";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem;
  margin-right: 0.25rem;
}
.v-news .categorylist a[rel=nofollow]:before {
  width: 0.75rem;
  height: 0.75rem;
  color: #ff9e07;
  margin-right: 0.5rem;
  content: "\f09e";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.v-news .categorylist a img {
  display: none;
}
.v-news .newsletter .widget-content {
  padding: 0 !important;
}
.v-news .newsletter .form-control {
  margin-bottom: 1rem;
  background: none;
  width: 100% !important;
}
.v-news .newsletter #newsletteraction {
  margin: 0;
  font-size: 1rem;
}
.v-news .newsletter [for=txtNewsletterEmail] {
  display: none;
}
.v-news .newsletter #newsletterthanks {
  background: #28a745;
  color: #fff;
  padding: 1rem !important;
  text-align: center;
  border-radius: 0.25rem;
}
.v-news .newsletter .btn {
  display: block;
  width: 100%;
}
.v-news .blog-footer .newsletter .form-control {
  color: #fff;
  border-color: #007bff;
  box-shadow: none !important;
}
.v-news .authorlist img {
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  margin-right: 0.5rem;
}
.v-news .blogroll .xoxo > li {
  margin-bottom: 0.5rem;
}
.v-news .blogroll .xoxo > li > a {
  color: #000;
  font-weight: 700;
}
.v-news .blogroll .xoxo > li > a:first-child, .v-news .blogroll .xoxo > li > a img {
  display: none;
}
.v-news .blogroll ul {
  padding: 0 !important;
}
.v-news .blogroll a[title="Download OPML file"], .v-news .blogroll a[title="Download OPML file"] img {
  display: none !important;
}
.v-news .monthlist .year {
  cursor: pointer;
}
.v-news .monthlist .year li {
  margin: 0 1rem;
  padding: 0;
}
.v-news .monthlist .year ul {
  display: none;
  padding-left: 0 !important;
}
.v-news .monthlist .year .open {
  display: block;
}
.v-news .textbox p:last-child {
  margin-bottom: 0;
}
.v-news .textbox .no-border {
  border: none;
}
.v-news .recentcomments li {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.v-news .recentcomments li:last-child {
  display: none;
}
.v-news .recentposts li {
  font-size: 0.75rem;
}
.v-news .recentposts li a {
  font-size: 0.875rem;
  display: block;
}
.v-news .tagcloud ul::after {
  content: "";
  display: table;
  clear: both;
}
.v-news .tagcloud ul li {
  display: inline-block;
  border: none;
  padding: 0;
  margin-bottom: 3px !important;
  margin-right: 3px !important;
  float: left;
}
.v-news .tagcloud ul a {
  padding: 0.3rem 0.625rem;
  background-color: #333;
  color: #ccc;
  display: block;
  border-radius: 0.125rem;
  font-size: 0.75rem !important;
  font-weight: 500;
  text-transform: uppercase;
}
.v-news .tagcloud ul a:hover {
  background: #007bff;
  color: #fff;
}
.v-news .widgetzone {
  display: none;
}
.v-news ul li::before {
  display: none;
}
.v-news .banner {
  overflow: hidden;
  padding: 2em 0 5em;
}
.v-news .banner::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50vw;
  top: 0;
  background: url("https://www.invertekdrives.com/img/content/network/white-globe.png") 100% 100%/90% auto no-repeat;
  opacity: 0.3;
}
@media (min-width: 48em) {
  .v-news .banner {
    padding: 5em 0 7em;
  }
  .v-news .banner::before {
    bottom: -10rem;
    background-size: auto 40vw;
  }
}
@media (min-width: 75em) {
  .v-news .banner::before {
    bottom: -20rem;
    background-size: 40% auto;
    right: calc((100vw - 96rem) / 2 + 5rem);
  }
}
@media (min-width: 90em) {
  .v-news .banner::before {
    left: calc((100vw - 96rem) / 2);
    right: calc((100vw - 96rem) / 2 - 5rem);
  }
}
.v-news .banner h1 a {
  font-weight: 200 !important;
}
.v-news .post-more {
  background: #535486;
  color: #fff;
  border-radius: 0;
}
.v-news .widgetzone {
  margin-bottom: 2rem;
}
.v-news .post-title {
  margin-top: 0.5rem;
}
@media (min-width: 48em) {
  .v-news .content-wrapper {
    padding-right: 3rem;
  }
  .v-news #footer-utilities > .span {
    min-height: 12rem;
  }
}
.v-news .content-stlye p {
  font-size: 1.1em;
  margin-bottom: 1.25rem;
}
.v-news .content-stlye h1, .v-news .content-stlye h2, .v-news .content-stlye h3, .v-news .content-stlye h4, .v-news .content-stlye h5, .v-news .content-stlye h6 {
  margin: 1rem 0;
}
.v-news .sidebar-wrapper h2 {
  margin-top: 0;
}
.v-news .sidebar-wrapper #site-links {
  padding: 0;
}
.v-news .sidebar-wrapper #site-links li[data-link=case-studies]::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  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;
}
.v-news .sidebar-wrapper #site-links li[data-link=case-studies] > a {
  color: #fff;
  display: block;
  padding: 1.5rem 10rem 4rem 0.9375rem;
  position: relative;
}
.v-news .sidebar-wrapper #site-links li[data-link=case-studies] > a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("https://www.invertekdrives.com/img/common/menu/case-studies.png") 100% 100%/9rem auto no-repeat;
}
.v-news .sidebar-wrapper #site-links li[data-link=case-studies] > a h4 {
  font-size: 1.25em;
  color: #fff;
  font-weight: 800;
}
.v-news .sidebar-wrapper #site-links li[data-link=case-studies] > a p {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
}
.v-news .sidebar-wrapper #site-links li[data-link=case-studies] .btn-arrow-link {
  position: absolute;
  left: 0.9375rem;
  bottom: 0.9375rem;
}
@media (min-width: 90em) {
  .v-news .sidebar-wrapper #site-links li[data-link=case-studies] > a {
    padding-right: 14rem;
  }
}
@media (max-width: 48em) {
  .v-news #footer-utilities .isource-link {
    top: 50%;
  }
}
.v-news #footer-utilities .isource-link a.login {
  width: 4.25em;
  margin-left: auto;
  margin-top: 0.5em;
}
.v-news #footer-utilities .isource-link a.login span::after {
  display: none;
}

.v-training .banner {
  padding: 2em 0 60vw;
}
@media (min-width: 48em) {
  .v-training .banner {
    padding: 4em 0 5em;
  }
}
.v-training .banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("/img/content/training/training-centre-banner.png") 100% 100%/contain no-repeat;
}
@media (min-width: 48em) {
  .v-training .banner::after {
    top: 2rem;
    left: 60%;
  }
}
@media (min-width: 101.75em) {
  .v-training .banner::after {
    right: 0vw;
  }
}
@media (min-width: 62em) {
  .v-training .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-training .banner::before {
    right: -15em;
  }
}
.v-training #slider.row {
  background-image: url("/img/content/training/application-centre-1.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 20em;
}
@media (min-width: 29.375em) {
  .v-training #slider.row {
    background-size: cover;
    height: 32em;
  }
}
@media (min-width: 62em) {
  .v-training #slider.row {
    background-image: none;
    height: auto;
  }
}
.v-training #slider.row .infiniteslide_wrap {
  width: 100%;
  position: relative;
}
@media (min-width: 62em) {
  .v-training #slider.row .infiniteslide_wrap {
    width: 100%;
  }
}
.v-training #slider.row #training-slider {
  display: none;
}
@media (min-width: 48em) {
  .v-training #slider.row #training-slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(94.375% - 1.875rem);
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 62em) {
  .v-training #slider.row #training-slider {
    width: 100%;
    margin-bottom: 0 !important;
  }
}
.v-training #slider.row #training-slider li {
  margin-bottom: 1rem;
  background: #fff;
}
@media (min-width: 35em) {
  .v-training #slider.row #training-slider li {
    flex: 0 0 calc(50% - 0.46875rem) !important;
    max-width: calc(50% - 0.46875rem) !important;
  }
  .v-training #slider.row #training-slider li.infiniteslide_clone {
    display: none !important;
  }
}
@media (min-width: 62em) {
  .v-training #slider.row #training-slider li {
    flex: 0 0 calc(30em - 0.46875rem) !important;
    max-width: calc(30em - 0.46875rem) !important;
    margin: 0 0.46875rem;
  }
  .v-training #slider.row #training-slider li.infiniteslide_clone {
    display: block !important;
  }
}
.v-training #slider.row #training-slider li {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
@media (min-width: 62em) {
  .v-training #slider.row #training-slider li {
    padding-bottom: 0;
    height: calc(20em - 0.46875rem) !important;
  }
  .v-training #slider.row #training-slider li:hover::before {
    opacity: 0.1;
  }
}
.v-training #slider.row #training-slider li::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background: #949494;
  opacity: 0.3;
  z-index: 1;
  transition: opacity 0.25s ease-in-out;
}
.v-training #slider.row #training-slider li img {
  position: absolute;
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
  height: calc(100% - 1rem);
  width: calc(100% - 1rem);
  margin: auto;
}
.v-training #slider.row #training-slider li img.full {
  top: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 62em) {
  .v-training #slider.row #training-slider li img {
    position: static;
    max-height: calc(17.9375em - 0.46875rem);
    max-width: calc(17.9375em - 0.46875rem);
    transform: none;
  }
  .v-training #slider.row #training-slider li img.full {
    max-height: 100%;
    max-width: 100%;
  }
}
.v-training #courses {
  padding: 5em 0;
}
.v-training #courses .col-12 {
  margin-bottom: 1em;
}
.v-training #courses .col-12 h1 .btn {
  font-size: 0.75em;
  line-height: 1;
}
.v-training #courses .courses .panel {
  height: 100%;
}
.v-training #courses .courses .panel > div {
  padding: 0;
}
@media (min-width: 65em) {
  .v-training #courses .courses .panel {
    margin-left: 0;
  }
  .v-training #courses .courses .panel:nth-child(2) {
    margin-left: 2em;
  }
}
.v-training #courses .courses .panel header {
  padding: 2em;
  padding-bottom: 0;
  margin-bottom: 1em;
}
.v-training #courses .courses .panel header h2 {
  margin-bottom: 0.3em;
}
.v-training #courses .courses .panel header p {
  margin-bottom: 0.7em;
}
.v-training #courses .courses .panel .date {
  display: flex;
  flex-wrap: wrap;
  background-color: rgb(83, 84, 134);
  color: #fff;
  padding: 1em 2em;
  margin: 2em 0;
}
.v-training #courses .courses .panel .date h3 {
  width: 100%;
  font-size: 1.2em;
}
.v-training #courses .courses .panel .date .btn-row {
  display: flex;
  flex-direction: row;
  width: fit-content;
  align-items: center;
  margin-top: 2em;
}
@media (min-width: 100em) {
  .v-training #courses .courses .panel .date .btn-row {
    margin-top: 0;
  }
}
.v-training #courses .courses .panel .date .btn-row .btn-blue {
  display: flex;
  height: 100%;
  font-weight: 800;
  text-align: center;
  background-color: #0075bf;
  padding: 0.8em;
  margin-right: 0.3em;
}
.v-training #courses .courses .panel .date .btn-row .btn-blue span {
  align-self: center;
  margin: auto;
}
@media (min-width: 100em) {
  .v-training #courses .courses .panel .date .btn-row .btn-sep {
    margin-top: 0;
    margin-left: 4em;
  }
}
.v-training #courses .courses .panel .date .btn-row .btn {
  color: #fff;
  background-color: #8d86bc;
  padding: 1em 1.4em;
  margin-right: 0.3em;
  border-radius: 0;
}
.v-training #courses .courses .panel .date .btn-row .btn span {
  margin: auto;
}
.v-training #courses .courses .panel .logo-row {
  padding: 0em 2em;
  padding-bottom: 0;
  margin-bottom: 1em;
}
.v-training #courses .courses .panel .logo-row ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 75em) {
  .v-training #courses .courses .panel .logo-row ul {
    flex-direction: row;
  }
}
.v-training #courses .courses .panel .logo-row ul li {
  margin-right: 1.5em;
  padding-right: 1em;
}
.v-training #courses .courses .panel .logo-row ul li::before {
  content: "";
}
.v-training #courses .courses .panel .logo-row ul li img {
  width: 6em;
}
.v-training #courses .courses .panel .logo-row ul li .e3-ico {
  width: 4em;
}
.v-training #courses .courses .panel section {
  padding: 2em;
  padding-top: 0em;
}
.v-training #courses .courses .panel section h3 {
  margin: 0;
  margin-bottom: 0.5em;
}
.v-training #courses .courses .panel section .topics-heading {
  margin-top: 2em;
}
.v-training #courses .courses .panel .tags {
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.v-training #courses .courses .panel .tags li {
  margin-right: 1em;
  font-size: 0.9em;
  width: fit-content;
  padding: 0.2em 0.5em;
  border: solid 1px rgb(83, 84, 134);
  border-radius: 20px;
}
.v-training #courses .courses .panel .tags li::before {
  display: none;
}
@media (min-width: 62em) {
  .v-training #book-now {
    padding: 5em 0;
  }
}
@media (min-width: 75em) {
  .v-training #about-bullets {
    padding-top: 3em;
  }
}

.v-unsubscribe h1 {
  font-size: 4.5em;
}

.v-elevator-count-down #header {
  display: none;
}
.v-elevator-count-down > .menu-btn.hamburger {
  display: none;
}
.v-elevator-count-down #newsletter-request {
  display: none;
}
.v-elevator-count-down #footer {
  display: none;
}
.v-elevator-count-down #main {
  color: #fff;
  background: #1a1b2b !important;
  margin-bottom: 0;
}
.v-elevator-count-down #main .row:last-child:not([data-bg]) {
  border-bottom: none;
}
.v-elevator-count-down #count_down_video_banner {
  position: relative;
  padding: 0;
}
.v-elevator-count-down #count_down_video_banner .mask {
  -webkit-mask-image: url(/img/content/countdown/elevator-shaft-mask.png);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-image: url(/img/content/countdown/elevator-shaft-mask.png);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: cover;
}
.v-elevator-count-down #count_down_video_banner #count_down_video_banner_video {
  margin: 2rem auto 0;
  position: relative;
  display: flex;
  justify-content: center;
}
.v-elevator-count-down #count_down_video_banner #count_down_video_banner_video video {
  display: block !important;
  margin: 0 auto;
  padding: 0;
}
.v-elevator-count-down #count_down_video_banner #count_down_video_banner_video .watch_video_1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.v-elevator-count-down #count_down_video_banner #count_down_video_banner_video .watch_video_1:hover {
  cursor: pointer;
}
.v-elevator-count-down #count_down_video_banner #count_down_video_banner_video .watch_video_1:hover::before {
  transform: scale(1.075);
  opacity: 1;
  font-weight: 800;
}
.v-elevator-count-down #count_down_video_banner #count_down_video_banner_video .watch_video_1::before {
  content: "\f144";
  font-weight: 200;
  font-family: "Font Awesome 5 Pro";
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 5rem;
  transition: all 0.1s ease-in-out;
  opacity: 0.75;
}
.v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  text-align: center;
  z-index: 1;
  font-size: 0.6em;
}
.v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text h3 {
  font-size: 1.6em;
  font-weight: 200;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 0;
}
.v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text h3 span {
  color: rgb(83, 84, 134);
  display: block;
}
@media (min-width: 31.25em) {
  .v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text h3 {
    font-size: 1.8em;
  }
}
@media (min-width: 43.75em) {
  .v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text h3 {
    font-size: 2em;
  }
}
@media (min-width: 48em) {
  .v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text h3 {
    font-size: 2.5em;
  }
}
@media (min-width: 62em) {
  .v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text h3 {
    font-size: 3em;
  }
}
.v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text h1 {
  font-size: 2em;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
  letter-spacing: 0.5rem;
}
.v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text h1 span {
  color: rgb(83, 84, 134);
  display: block;
}
@media (min-width: 43.75em) {
  .v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text h1 {
    font-size: 2em;
  }
}
@media (min-width: 48em) {
  .v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text h1 {
    font-size: 2.5em;
  }
}
@media (min-width: 62em) {
  .v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text h1 {
    font-size: 3em;
  }
}
.v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text #countdown-timer {
  position: relative;
  width: 100%;
}
.v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text h2 {
  font-size: 10vw;
  font-weight: 800;
  margin-bottom: 0;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  margin: 1rem 0;
}
@media (min-width: 48em) {
  .v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text h2 {
    font-size: 6em;
  }
}
.v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text p {
  font-size: 1.2em;
  color: #d37012 !important;
}
@media (min-width: 48em) {
  .v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text p {
    font-size: 2em;
  }
}
.v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text .btn-orange {
  text-shadow: none;
  font-size: 1rem;
  margin-top: 2rem;
}
.v-elevator-count-down #count_down_video_banner .countdown_video_overlay_text > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.v-elevator-count-down #countdown-footer {
  margin-top: 2em;
}
@media (min-width: 48em) {
  .v-elevator-count-down #countdown-footer {
    margin-top: 0;
  }
}
.v-elevator-count-down #countdown-footer .col-md-10 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 62em) {
  .v-elevator-count-down #countdown-footer .col-md-10 {
    flex-direction: row;
  }
}
.v-elevator-count-down #countdown-footer .col-md-10 img {
  width: 15em;
  margin: auto;
}
@media (min-width: 75em) {
  .v-elevator-count-down #countdown-footer .col-md-10 img {
    margin: 0;
  }
}
.v-elevator-count-down #countdown-footer .text-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 2em;
}
@media (min-width: 62em) {
  .v-elevator-count-down #countdown-footer .text-content {
    align-items: flex-end;
    justify-content: flex-end;
  }
}
.v-elevator-count-down #countdown-footer .footer-links {
  width: fit-content;
  display: flex;
  justify-self: flex-end;
  text-align: right;
  margin-bottom: 1em;
}
.v-elevator-count-down #countdown-footer .footer-links a {
  color: #fff;
  margin-left: 1em;
}
.v-elevator-count-down #countdown-footer .footer-links a:first-child {
  margin-left: 0;
}
.v-elevator-count-down #countdown-footer .company-info {
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media (min-width: 62em) {
  .v-elevator-count-down #countdown-footer .company-info {
    justify-content: flex-end;
    text-align: right;
  }
}
.v-elevator-count-down #countdown-footer .company-info span {
  margin-bottom: 0.5em;
}
@media (min-width: 62em) {
  .v-elevator-count-down #countdown-footer .company-info span {
    margin-left: 1em;
    margin-bottom: 0;
  }
  .v-elevator-count-down #countdown-footer .company-info span:first-child {
    margin-left: 0;
  }
}

@font-face {
  font-family: "digital";
  src: url("/fonts/7 Segment.ttf");
}
@media (max-width: 61.99em) {
  .v-trip-code-troubleshooter #trip-code-troubleshooter {
    min-height: calc(100vh - 80px);
  }
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .troubleshoot-head {
  font-size: 1.6em;
  display: flex;
  justify-content: space-between;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .troubleshoot-head > div {
  display: block;
}
@media (max-width: 25em) {
  .v-trip-code-troubleshooter #trip-code-troubleshooter .troubleshoot-head {
    font-size: 1.2em;
  }
}
.v-trip-code-troubleshooter #trip-code-troubleshooter hr {
  width: 100%;
  margin: 1.5em 0;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .span {
  max-width: 30em;
  margin: 0 auto;
  padding: 2em 0.9375rem;
  width: 100%;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .tct-header .span {
  padding: 2em 0.9375rem 1.5em;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .tct-header .span h3 strong {
  font-family: "digital";
}
.v-trip-code-troubleshooter #trip-code-troubleshooter h1,
.v-trip-code-troubleshooter #trip-code-troubleshooter h2,
.v-trip-code-troubleshooter #trip-code-troubleshooter h3 {
  font-weight: 200;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter h2,
.v-trip-code-troubleshooter #trip-code-troubleshooter h3 {
  margin-bottom: 1em;
  margin-top: 0;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter h2 {
  font-size: 1.5em;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter h3 {
  font-size: 1.25em;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter h3.question {
  color: rgb(204, 116, 0);
}
.v-trip-code-troubleshooter #trip-code-troubleshooter h3.action {
  color: rgb(210, 8, 30);
}
.v-trip-code-troubleshooter #trip-code-troubleshooter h3.answer {
  color: rgb(0, 176, 80);
}
.v-trip-code-troubleshooter #trip-code-troubleshooter p {
  font-size: 1.2em;
  font-weight: 200;
  margin: 1.25em 0;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .btn {
  padding: 0.45em 0.75em;
  border: 1px solid #000;
  border-radius: 0;
  background-color: #fff;
  font-size: 1.3em;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .btn.active {
  background-color: rgb(83, 84, 134) !important;
  color: #fff !important;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .btn.btn-grey {
  background-color: #b8b8b8;
  color: #fff;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .btn.btn-grey.black-txt {
  color: #000;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .btn.btn-blue {
  background-color: #0060c0;
  border-color: #b8b8b8;
  color: #fff;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .btn.btn-disabled {
  background-color: #b8b8b8 !important;
  border-color: #b8b8b8 !important;
  color: #fff !important;
  cursor: not-allowed;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .btn-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2em;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .btn-list .btn {
  margin-right: 1em;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .product-list li {
  flex: 0 0 calc(50% - 0.5em);
  max-width: calc(50% - 0.5em);
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .product-list li button {
  width: 100%;
  font-weight: 200;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .product-list li button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .v-select {
  font-family: "digital";
  font-size: 1.5em;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .v-select:hover {
  cursor: pointer;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .v-select.vs--searchable .vs__dropdown-toggle,
.v-trip-code-troubleshooter #trip-code-troubleshooter .v-select .vs__search {
  cursor: pointer;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .v-select .vs__open-indicator {
  width: 0.875rem;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .v-select .vs__actions {
  right: 0.125rem;
  justify-content: center;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .v-select .vs__clear svg {
  margin-top: -0.25em;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .accordion > div {
  margin-bottom: 0;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .accordion > div.active .drop-btn::after {
  content: "\f077";
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .accordion > div .drop-btn {
  color: #0060d8;
  font-size: 1.5em;
  font-weight: 200;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .accordion > div .drop-btn::before {
  display: none;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .accordion > div .drop-btn::after {
  content: "\f078";
  font-size: 0.75em;
  font-family: "Font Awesome 5 Pro";
  position: static;
  right: unset;
  top: unset;
  transform: none;
  font-size: inherit;
  color: inherit;
  padding: 0;
  border: none;
  margin-left: 0.5em;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .accordion > div .accordion-content {
  padding: 1em 0 0;
  box-shadow: none;
  margin-bottom: -1em;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .accordion > div .accordion-content img {
  width: 100%;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .end-screen h1 {
  font-size: 2.5em;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .end-screen .rating {
  font-size: 2em;
  margin-top: 0.5rem;
  margin-bottom: 1em;
  border: none;
  float: left;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 100%;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .end-screen .rating > input {
  display: none;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .end-screen .rating > label {
  color: #ccc;
  float: right;
  flex: 0 0 20%;
  max-width: 20%;
  position: relative;
  height: 2em;
  cursor: pointer;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .end-screen .rating > label::before {
  font-size: 1.5em;
  font-family: "Font Awesome 5 Pro";
  font-weight: 800;
  display: inline-block;
  content: "\f005";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .end-screen .rating > input:checked ~ label, .v-trip-code-troubleshooter #trip-code-troubleshooter .end-screen .rating:not(:checked) > label:hover, .v-trip-code-troubleshooter #trip-code-troubleshooter .end-screen .rating:not(:checked) > label:hover ~ label {
  color: rgb(83, 84, 134);
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .end-screen .answer-notes {
  font-size: 1.2em;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter .end-screen .region-control {
  font-size: 1.2em;
  display: inline-flex;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter #back-to-troubleshooter {
  display: none;
  font-weight: 200;
}
.v-trip-code-troubleshooter #trip-code-troubleshooter #back-to-troubleshooter.active {
  display: block;
}
.v-trip-code-troubleshooter #footer {
  display: none;
}

.v-assist #main {
  overflow: hidden;
}
.v-assist #header,
.v-assist #footer,
.v-assist .menu-toggle {
  display: none;
}
.v-assist .span {
  max-width: 65rem;
}
.v-assist .container-fluid {
  background: radial-gradient(ellipse at center, rgb(148, 140, 195) 0%, rgb(83, 84, 134) 100%);
}
.v-assist #banner {
  color: #fff;
  font-size: 2.5vw;
}
@media screen and (min-width: 48em) {
  .v-assist #banner {
    font-size: 1rem;
  }
}
.v-assist #banner::before, .v-assist #banner::after {
  content: "";
  position: absolute;
  top: 0;
  width: calc(25vw + 25rem);
  height: 50rem;
  background: url("/img/content/assist/lines.webp") 0 0/100% 100% no-repeat;
  opacity: 0.8;
}
@media screen and (min-width: 48em) {
  .v-assist #banner::before, .v-assist #banner::after {
    width: 30vw;
    height: 29.45rem;
  }
}
@media screen and (min-width: 62em) {
  .v-assist #banner::before, .v-assist #banner::after {
    width: calc((100vw - 58rem) / 2 + 17em);
    height: 29.45rem;
  }
}
.v-assist #banner::before {
  right: -27.5rem;
}
@media screen and (min-width: 48em) {
  .v-assist #banner::before {
    right: 0;
  }
}
.v-assist #banner::after {
  left: -27.5rem;
  transform: scaleX(-1);
}
@media screen and (min-width: 48em) {
  .v-assist #banner::after {
    left: 0;
  }
}
.v-assist #banner > .span {
  z-index: 1;
  padding: 5rem 0;
}
@media screen and (min-width: 48em) {
  .v-assist #banner > .span {
    padding: 2.6875rem 0;
  }
}
.v-assist #banner .logo {
  width: 100%;
  display: flex;
  justify-content: center;
}
.v-assist #banner .logo img {
  margin: 0 auto 3em;
  max-width: 20em;
}
@media screen and (min-width: 48em) {
  .v-assist #banner .logo img {
    max-width: 17.6875em;
  }
}
.v-assist #banner h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 2.85em;
  margin-bottom: 0.25em;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.3rem;
}
@media screen and (min-width: 48em) {
  .v-assist #banner h1 {
    font-size: 2.25em;
  }
}
.v-assist #banner h2 {
  font-weight: 200;
  font-size: 2em;
  text-align: center;
  max-width: 13em;
  margin: 0 auto;
}
@media screen and (min-width: 48em) {
  .v-assist #banner h2 {
    font-size: 1.4em;
  }
}
.v-assist [data-tile] {
  background: url("/img/content/assist/box-bg.webp") 0 0/100% 100% no-repeat;
  padding: 1em;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 1rem;
  aspect-ratio: 1/1;
  flex: 0 0 calc(50% - 0.5rem);
  max-width: calc(50% - 0.5rem);
  font-size: 3.75vw;
}
@media screen and (min-width: 26.25em) {
  .v-assist [data-tile] {
    font-size: 1em;
  }
}
@media screen and (min-width: 62em) {
  .v-assist [data-tile] {
    flex: 0 0 calc(25% - 1.40625rem);
    max-width: calc(25% - 1.40625rem);
  }
}
.v-assist [data-tile] .button-list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 1em;
}
.v-assist [data-tile] .heading {
  position: relative;
  display: block;
  font-family: "Montserrat";
  font-weight: 800;
  padding-left: 1.25em;
  font-size: 1em;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 26.25em) and (max-width: 47.99em) {
  .v-assist [data-tile] .heading {
    font-size: 1.05em;
  }
}
@media screen and (min-width: 62em) {
  .v-assist [data-tile] .heading {
    font-size: 1.2em;
  }
}
.v-assist [data-tile] .heading::before {
  content: "";
  height: 1.25em;
  width: 1.4851664255em;
  position: absolute;
  top: 0;
  left: -0.5em;
  background: url("/img/content/assist/elevator-core/arrow.svg") 0 0/100% 100% no-repeat;
}
.v-assist .tiles {
  z-index: 1;
}
.v-assist .tiles h2 {
  color: #fff;
  font-weight: 300;
  font-size: 1.875em;
  margin-top: 1.5em;
  max-width: 25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 48em) {
  .v-assist .tiles h2 {
    max-width: 29rem;
  }
}
@media screen and (min-width: 62em) {
  .v-assist .tiles h2 {
    margin-top: 0.5em;
    max-width: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 0.35em;
  }
}
.v-assist .tiles .tiles-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  max-width: 25em;
  margin: 0 auto;
}
@media screen and (min-width: 48em) {
  .v-assist .tiles .tiles-main {
    max-width: 29em;
  }
}
@media screen and (min-width: 62em) {
  .v-assist .tiles .tiles-main {
    max-width: 100%;
  }
}
@media screen and (min-width: 62em) {
  .v-assist .tiles.secondary {
    margin-top: 2em;
  }
}
.v-assist .tiles.secondary .tiles-main {
  display: block;
}
@media screen and (min-width: 62em) {
  .v-assist .tiles.secondary .tiles-main {
    display: flex;
  }
}
@media screen and (max-width: 61.99em) {
  .v-assist .tiles.secondary .tiles-main > li[data-tile] {
    font-size: 1.1rem;
    background: none;
    padding: 1em 0 0.25em;
    position: relative;
    overflow: visible;
    box-shadow: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    margin-bottom: 0;
    border-bottom: 1px solid #fff;
    flex: 0 0 100%;
    max-width: 100%;
    aspect-ratio: unset;
  }
}
@media screen and (max-width: 61.99em) and (max-width: 26.25em) {
  .v-assist .tiles.secondary .tiles-main > li[data-tile] {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 61.99em) {
  .v-assist .tiles.secondary .tiles-main > li[data-tile]::before {
    display: none;
  }
  .v-assist .tiles.secondary .tiles-main > li[data-tile] .heading {
    margin-bottom: 0;
    font-weight: 400;
    color: #fff;
    padding-left: 1.5em;
  }
  .v-assist .tiles.secondary .tiles-main > li[data-tile] .heading::before {
    left: 0;
    height: 1em;
    width: 1.1881331404em;
  }
  .v-assist .tiles.secondary .tiles-main > li[data-tile] .button-list .btn {
    padding-top: 0;
    padding-bottom: 0.25em;
    background: none;
  }
}
@media screen and (min-width: 62em) {
  .v-assist .tiles.secondary .tiles-main > li[data-tile] {
    flex: 0 0 calc(50% - 0.9375rem);
    max-width: calc(50% - 0.9375rem);
    aspect-ratio: 1/0.85;
  }
}
.v-assist #ancillary_info {
  padding: 5em 0 2em !important;
  text-align: center;
  color: #fff !important;
  font-weight: 200;
}
@media screen and (min-width: 62em) {
  .v-assist #ancillary_info {
    padding: 5em 0 !important;
  }
}
.v-assist #ancillary_info .lead {
  color: #fff !important;
  max-width: 25rem;
  margin-left: auto;
  margin-right: auto;
  font-weight: 200;
}
@media screen and (min-width: 62em) {
  .v-assist #ancillary_info .lead {
    max-width: 100%;
  }
}
.v-assist #ancillary_info a {
  color: #fff !important;
  font-weight: 200;
  text-decoration: underline;
}

.v-core-assist #banner > .span {
  padding-bottom: 4rem;
}
.v-core-assist #banner > .span::before {
  content: "";
  position: absolute;
  left: -9em;
  top: 20em;
  width: 18em;
  height: 23.4435483871em;
  background: url("/img/content/assist/elevator-core/banner-image-1.webp") 0 0/100% 100% no-repeat;
}
@media screen and (min-width: 48em) {
  .v-core-assist #banner > .span::before {
    left: -7.2em;
    top: 5.5em;
    width: 20em;
    height: 26.0483870968em;
  }
}
@media screen and (min-width: 62em) {
  .v-core-assist #banner > .span::before {
    left: -3.6em;
  }
}
.v-core-assist #banner > .span::after {
  content: "";
  position: absolute;
  right: -12em;
  top: 10em;
  width: 18em;
  height: 18.5080645161em;
  background: url("/img/content/assist/elevator-core/banner-image-2.webp") 0 0/100% 100% no-repeat;
  z-index: -1;
}
@media screen and (min-width: 48em) {
  .v-core-assist #banner > .span::after {
    right: -9.28125em;
    top: 6em;
    width: 20.625em;
    height: 21.2071572581em;
  }
}
@media screen and (min-width: 62em) {
  .v-core-assist #banner > .span::after {
    right: -5.775em;
  }
}
.v-core-assist [data-tile=software] {
  flex: 0 0 100%;
  max-width: 100%;
  min-height: 12em;
  aspect-ratio: unset;
  font-size: 1em;
  overflow: hidden;
}
@media screen and (min-width: 62em) {
  .v-core-assist [data-tile=software] {
    flex: 0 0 calc(50% - 0.9375rem);
    max-width: calc(50% - 0.9375rem);
  }
}
.v-core-assist [data-tile=software] > div {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.v-core-assist [data-tile=software] > div::after {
  content: "Available soon";
  font-weight: 800;
  font-size: 0.8em;
  text-transform: uppercase;
  padding: 1em 5em;
  position: absolute;
  right: -6em;
  top: 1.5em;
  transform: rotate(45deg);
  background: rgb(210, 8, 30);
  color: #fff;
  z-index: 1;
}
@media screen and (min-width: 62em) {
  .v-core-assist [data-tile=software] > div::after {
    font-size: 0.9em;
  }
}
.v-core-assist [data-tile=software]::before {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(-5deg);
  background: url("/img/content/assist/elevator-core/optitools-pro-mobile.webp") 0 0/100% 100% no-repeat;
  width: 7em;
  left: 75%;
  height: 18.7760416667em;
  top: 1em;
}
@media screen and (min-width: 22.5em) {
  .v-core-assist [data-tile=software]::before {
    left: 65%;
  }
}
@media screen and (min-width: 62em) {
  .v-core-assist [data-tile=software]::before {
    left: 10%;
    top: 5em;
  }
}
@media screen and (min-width: 62em) {
  .v-core-assist [data-tile=software]::after {
    content: "";
    display: block;
    position: absolute;
    transform: rotate(6deg);
    background: url("/img/content/assist/elevator-core/optitools-pro.webp?v=161023") 0 0/100% 100% no-repeat;
    width: 10em;
    right: -1.5em;
    height: 6.2369791667em;
    top: 0.5em;
  }
}
@media screen and (min-width: 62em) and (min-width: 75em) {
  .v-core-assist [data-tile=software]::after {
    width: 12em;
    right: -1.5em;
    height: 7.484375em;
    top: 0;
  }
}
.v-core-assist [data-tile=software] .heading {
  max-width: 10em;
}
@media screen and (min-width: 20em) and (max-width: 47.99em) {
  .v-core-assist [data-tile=software] .heading {
    font-size: 1.25em;
  }
}
.v-core-assist [data-tile=software] .button-list {
  align-items: flex-start;
}
@media screen and (min-width: 62em) {
  .v-core-assist [data-tile=software] .button-list {
    align-items: flex-end;
  }
}
.v-core-assist [data-tile=software] .button-list #download-app {
  z-index: 1;
}
@media screen and (min-width: 62em) {
  .v-core-assist [data-tile=software] .button-list #download-app {
    display: flex;
  }
}
.v-core-assist [data-tile=software] .button-list #download-app > a {
  margin-bottom: 0.75rem;
  display: block;
}
@media screen and (max-width: 61.99em) {
  .v-core-assist [data-tile=software] .button-list #download-app > a:last-child {
    margin-bottom: 0;
  }
}
.v-core-assist [data-tile=software] .button-list #download-app > a img {
  height: 3.2rem;
}
@media screen and (min-width: 62em) {
  .v-core-assist [data-tile=software] .button-list #download-app > a img {
    height: 2.35rem;
    margin-left: 0.75rem;
  }
}
.v-core-assist [data-tile=software] .button-list .btn {
  display: none;
}
@media screen and (min-width: 62em) {
  .v-core-assist [data-tile=software] .button-list .btn {
    display: block;
  }
}
.v-core-assist [data-tile=troubleshooter]::before {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(-10deg);
  background: url("/img/content/assist/elevator-core/core-image-1.webp") 0 0/100% 100% no-repeat;
  width: 13em;
  height: 16.25em;
  bottom: -8.5em;
  left: -2em;
  top: unset;
}
.v-core-assist [data-tile=userguide]::before {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(-10deg);
  background: url("/img/content/assist/elevator-core/user-guide.webp?v=101023") 0 0/100% 100% no-repeat;
  width: 13em;
  height: 9.8177083333em;
  bottom: -2em;
  left: -2em;
  top: unset;
}
.v-core-assist [data-tile=appnote]::before {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(-10deg);
  background: url("/img/content/assist/elevator-core/doc.webp") 0 0/100% 100% no-repeat;
  width: 13em;
  height: 9.8177083333em;
  bottom: -2em;
  left: -2em;
  top: unset;
}
.v-core-assist [data-tile=video] .button-list {
  min-width: 10rem;
}
.v-core-assist [data-tile=video]::before {
  content: "";
  display: block;
  position: absolute;
  background: url("/img/content/assist/elevator-core/video.webp") 0 0/100% 100% no-repeat;
  width: 20em;
  left: -3em;
  height: 6.1458333333em;
  bottom: -1em;
  top: unset;
}
@media screen and (min-width: 75em) {
  .v-core-assist [data-tile=video]::before {
    bottom: 0;
  }
}

.no-webp .v-assist #banner::before, .no-webp .v-assist #banner::after {
  background-image: url("/img/content/assist/lines.png");
}
.no-webp .v-assist [data-tile] {
  background-image: url("/img/content/assist/box-bg.jpg");
}
@media screen and (min-width: 62em) {
  .no-webp .v-core-assist [data-tile=software]::after {
    background-image: url("/img/content/assist/elevator-core/optitools-pro.png");
  }
}

.v-subscribe .banner {
  padding: 2em 0;
}
.v-subscribe .banner h1 {
  text-align: center;
}
.v-subscribe #subscribe_wrapper {
  height: 60em;
}
@media (min-width: 48em) {
  .v-subscribe #subscribe_wrapper {
    height: 40em;
  }
}
.v-subscribe #newsletter-request {
  display: none;
}
.v-subscribe.v-thank-you .banner {
  height: 100%;
}
.v-subscribe.v-thank-you .banner > div > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.v-service-centres .banner {
  background: linear-gradient(0deg, #1a1b2b 0%, #535486 50%, #1a1b2b 100%);
  padding: 2em 0;
  color: #fff;
  text-align: center;
}
.v-service-centres .banner .banner-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.v-service-centres .banner .banner-header h1 {
  margin-bottom: 0.25em;
}
@media (min-width: 48em) {
  .v-service-centres .banner .banner-header h1 {
    font-size: 3.25em;
  }
}
.v-service-centres .banner .banner-header p {
  color: #fff;
  font-weight: 200;
  max-width: 35rem;
  font-size: 1.1em;
}
.v-service-centres .banner .banner-header .btn-service-i18n {
  background: #fff;
  font-size: 1.1em;
}
.v-service-centres .banner .banner-header .btn-service-i18n:hover {
  border-color: #f2f2f2;
  background: #f2f2f2;
}
.v-service-centres .banner .banner-header .btn-service-i18n i {
  margin-left: 0;
  margin-right: 0.5em;
}
.v-service-centres .banner .banner-header .btn-service-i18n span {
  margin-right: 0.5em;
}
.v-service-centres .banner #service-centre-map {
  width: calc(100% - 1.875em);
  margin: 1em auto 2em;
}
@media (min-width: 48em) {
  .v-service-centres .banner #service-centre-map {
    width: 100%;
  }
}
.v-service-centres .banner .service-centre-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 48em) {
  .v-service-centres .banner .service-centre-stats {
    justify-content: space-between;
  }
}
.v-service-centres .banner .service-centre-stats li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1em;
  flex: 0 0 50%;
  max-width: 50%;
}
@media (min-width: 48em) {
  .v-service-centres .banner .service-centre-stats li {
    font-size: 1.2em;
    flex: 0 0 auto;
  }
}
@media (min-width: 75em) {
  .v-service-centres .banner .service-centre-stats li {
    font-size: 1.75em;
  }
}
@media (min-width: 90em) {
  .v-service-centres .banner .service-centre-stats li {
    font-size: 2em;
  }
}
.v-service-centres .banner .service-centre-stats li strong {
  font-size: 3.5em;
  font-weight: 800;
}
.v-service-centres .banner .service-centre-stats li span {
  max-width: 7em;
  font-weight: 200;
}

#i18n-service {
  font-family: "futura-pt", sans-serif;
  font-size: 0.9375rem;
}
#i18n-service ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#i18n-service ul li {
  background: none;
  padding: 0;
}
#i18n-service header {
  margin-bottom: 2em;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3em;
}
#i18n-service h2 {
  font-size: 1.25rem;
  color: rgb(153, 153, 153);
  margin-bottom: 1.5em;
  font-size: 1.5rem;
  text-align: right;
  width: 16em;
  margin-bottom: 0;
}
#i18n-service h2 strong {
  font-weight: 700;
  color: #fff;
}
#i18n-service .btn.global-website {
  background: rgb(0, 117, 191);
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  padding: 0.5em 1em;
  font-weight: 400;
}
#i18n-service .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-service .locale-picker {
  margin-bottom: 2em;
  display: none;
}
#i18n-service .office-list {
  margin-bottom: 2.5rem;
}
#i18n-service .office-list h3 {
  color: rgb(153, 153, 153);
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  display: none;
}
#i18n-service .office-list 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);
  max-width: 100%;
  margin: 0 auto;
  transition: transform 0.2s;
}
#i18n-service .office-list a {
  color: #fff;
  font-weight: 400;
  display: block;
  text-align: center;
  position: relative;
  padding-bottom: 3.25em;
}
#i18n-service .office-list a:hover img {
  transform: scale(1.1);
  transition: none;
}
#i18n-service .office-list ul {
  display: flex;
  justify-content: space-between;
  columns: 1;
}
@media (min-width: 30em) {
  #i18n-service .office-list ul {
    columns: 2;
  }
}
@media (min-width: 30em) and (min-width: 38.75em) {
  #i18n-service .office-list ul {
    columns: 3;
  }
}
#i18n-service .office-list ul li {
  width: 2.5rem;
}
#i18n-service .office-list span {
  position: absolute;
  top: 2.6em;
  left: 50%;
  transform: translateX(-50%);
  min-height: 3em;
  align-items: center;
}
#i18n-service .locale-list {
  display: none;
  display: flex;
  margin: 0 -1.25vw;
}
#i18n-service .area-group {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding: 0 1.25vw;
}
#i18n-service .area-group:first-child {
  flex-grow: 2;
}
#i18n-service .area[data-area=Europe] ul {
  columns: 2;
  column-gap: 2.5vw;
}
#i18n-service .area + .area {
  margin-top: 3.47em;
}
#i18n-service .area h3 {
  font-family: inherit;
  color: #fff;
  font-weight: 400;
  font-size: 1.6em;
  line-height: 1.083;
  margin-bottom: 1.083em;
}
#i18n-service .area li {
  margin: 0 0 0 -0.3rem;
}
#i18n-service .area a {
  color: rgb(153, 153, 153);
  font-weight: 400;
  display: block;
  padding-right: 0.3rem;
}
#i18n-service .area a:hover span {
  background: rgb(0, 117, 191);
  color: #fff;
  transform: translateX(0.3rem);
}
#i18n-service .area a span {
  display: inline-block;
  padding: 0.267em 0.3rem;
}
#i18n-service .area .active {
  background: rgb(0, 117, 191);
  color: #fff;
  transform: translateX(0.3rem);
}

.i18n-service-lightbox {
  background: rgba(0, 0, 0, 0.95);
  font-family: "futura-pt", sans-serif;
  font-size: 0.9375rem;
}
.i18n-service-lightbox ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.i18n-service-lightbox ul li {
  background: none;
  padding: 0;
}
.i18n-service-lightbox header {
  margin-bottom: 2em;
}
@media (min-width: 36em) {
  .i18n-service-lightbox header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3em;
  }
  .i18n-service-lightbox header h2 {
    text-align: left;
    margin-bottom: 0;
    margin-left: 0;
    flex: 1 0 16em;
    max-width: 16em;
  }
}
.i18n-service-lightbox h2 {
  font-size: 1.75rem;
  font-weight: 200;
  color: #fff;
  margin-bottom: 1.5em;
}
.i18n-service-lightbox h2 strong {
  font-weight: 700;
  color: #fff;
}
.i18n-service-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-service-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-service-lightbox .locale-picker {
  margin-bottom: 2em;
}
@media (min-width: 48em) {
  .i18n-service-lightbox .locale-picker {
    display: none;
  }
}
@media (min-width: 48em) {
  .i18n-service-lightbox .locale-list {
    display: flex;
    margin: 0 -1.25vw;
  }
}
.i18n-service-lightbox .office-list {
  margin-bottom: 2em;
}
@media (min-width: 48em) {
  .i18n-service-lightbox .office-list {
    margin-bottom: 2.5rem;
  }
  .i18n-service-lightbox .office-list h3 {
    display: none;
  }
  .i18n-service-lightbox .office-list span {
    position: absolute;
    top: 2.6em;
    left: 50%;
    transform: translateX(-50%);
    min-height: 3em;
    align-items: center;
  }
}
.i18n-service-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);
}
@media (min-width: 48em) {
  .i18n-service-lightbox .office-list img {
    max-width: 100%;
    margin: 0 auto;
    transition: transform 0.2s;
  }
}
.i18n-service-lightbox .office-list a {
  color: #fff;
  font-weight: 400;
  display: block;
}
@media (min-width: 48em) {
  .i18n-service-lightbox .office-list a {
    text-align: center;
    position: relative;
    padding-bottom: 3.25em;
  }
  .i18n-service-lightbox .office-list a:hover img {
    transform: scale(1.1);
    transition: none;
  }
}
.i18n-service-lightbox .office-list ul {
  columns: 2;
  column-gap: 2.5vw;
}
@media (min-width: 36em) {
  .i18n-service-lightbox .office-list ul {
    columns: 3;
  }
}
@media (min-width: 48em) {
  .i18n-service-lightbox .office-list ul {
    display: flex;
    justify-content: space-between;
    columns: 1;
  }
  .i18n-service-lightbox .office-list ul li {
    width: 2.5rem;
  }
}
@media (min-width: 48em) {
  .i18n-service-lightbox .area-group {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding: 0 1.25vw;
    border-right: 1px solid #fff;
  }
  .i18n-service-lightbox .area-group:first-child {
    flex-grow: 2;
  }
  .i18n-service-lightbox .area-group:last-child {
    border-right: none;
  }
}
.i18n-service-lightbox .area h3 {
  font-family: inherit;
  color: #fff;
  font-weight: 600;
  font-size: 1.25em;
  line-height: 1.083;
  margin-bottom: 1.083em;
  cursor: pointer;
  position: relative;
  padding-left: 1.25em;
}
.i18n-service-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;
}
@media (min-width: 48em) {
  .i18n-service-lightbox .area h3 {
    padding-left: 0;
  }
  .i18n-service-lightbox .area h3::before {
    content: "";
    display: none;
  }
}
.i18n-service-lightbox .area.active {
  color: #fff;
  transform: translateX(0.3rem);
}
.i18n-service-lightbox .area.active h3::before {
  transform: translateY(-50%) rotate(180deg);
}
.i18n-service-lightbox .area ul {
  display: none;
  margin-bottom: 2em;
  columns: 2;
  column-gap: 2.5vw;
}
@media (min-width: 36em) {
  .i18n-service-lightbox .area ul {
    columns: 3;
  }
}
@media (min-width: 48em) {
  .i18n-service-lightbox .area ul {
    display: block !important;
    columns: auto;
  }
}
.i18n-service-lightbox .area ul li {
  margin: 0 0 0 -0.3rem;
}
.i18n-service-lightbox .area ul li::before {
  content: "";
}
.i18n-service-lightbox .area a {
  color: #fff;
  font-weight: 400;
  display: block;
  padding-right: 0.3rem;
}
.i18n-service-lightbox .area a span {
  display: inline-block;
  padding: 0.267em 0.3rem;
}
.i18n-service-lightbox .area a:hover span {
  background: #0060d8;
  color: #fff;
  transform: translateX(0.3rem);
}
@media (min-width: 48em) {
  .i18n-service-lightbox .area[data-area=Europe] ul {
    columns: 2;
    column-gap: 2.5vw;
  }
}
@media (min-width: 48em) {
  .i18n-service-lightbox .area + .area {
    margin-top: 3.47em;
  }
}

.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: rgb(83, 84, 134);
  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;
  }
}

@media (min-width: 62em) {
  .v-sustainability .lead {
    font-size: 1.125em;
  }
}
.v-sustainability #banner {
  overflow: hidden;
}
.v-sustainability #banner > .span {
  padding: 2rem 0;
}
@media (min-width: 48em) {
  .v-sustainability #banner > .span {
    padding: 3.5rem 0;
  }
}
@media (min-width: 48em) and (min-width: 62em) {
  .v-sustainability #banner > .span {
    padding: 5rem 0;
  }
}
.v-sustainability #banner > .span .product-feature {
  margin-bottom: -2rem;
  margin-top: 2rem;
  margin-left: auto;
  width: 80%;
  max-width: 20rem;
  position: relative;
}
@media (min-width: 48em) {
  .v-sustainability #banner > .span .product-feature {
    position: absolute;
    bottom: -3.5rem;
    right: 0;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
  }
}
@media (min-width: 48em) and (min-width: 62em) {
  .v-sustainability #banner > .span .product-feature {
    bottom: -5rem;
    max-width: 18rem;
  }
}
@media (min-width: 48em) and (min-width: 75em) {
  .v-sustainability #banner > .span .product-feature {
    max-width: 20rem;
    right: 0.9375rem;
  }
}
.v-sustainability #banner > .span .product-feature::before {
  content: "";
  position: absolute;
  top: calc(50% - 2rem);
  transform: translate(-50%, -50%);
  left: calc(50% + 2rem);
  height: calc(100% - 2rem);
  opacity: 0;
  aspect-ratio: 2.5850515464/1;
  background: url("/img/content/save-energy/vines.svg") center center/100% 100% no-repeat;
  pointer-events: none;
}
@media (min-width: 62em) {
  .v-sustainability #banner > .span .product-feature::before {
    opacity: 1;
  }
}
.v-sustainability #banner > .span .product-feature img {
  position: relative;
  z-index: 1;
}
.v-sustainability #objectives .grid {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
}
.v-sustainability #objectives .grid .grid-item {
  padding: 2.375rem;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 48em) {
  .v-sustainability #objectives .grid .grid-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 75em) {
  .v-sustainability #objectives .grid .grid-item {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
@media (min-width: 48em) and (max-width: 74.99em) {
  .v-sustainability #objectives .grid .grid-item:nth-child(4) {
    background: rgba(0, 0, 0, 0.08) !important;
  }
  .v-sustainability #objectives .grid .grid-item:nth-child(3) {
    background: #c2ebf0 !important;
  }
}
.v-sustainability #objectives .grid .grid-item h3 {
  font-weight: 400;
  font-size: 1.75em;
  margin-bottom: 0.75em;
  margin-top: 0;
}
.v-sustainability #objectives .grid .grid-item img {
  width: 6rem;
  margin-left: -1rem;
}
.v-sustainability #objectives .grid .grid-item:nth-child(1), .v-sustainability #objectives .grid .grid-item:nth-child(6) {
  background: #948cc3;
}
.v-sustainability #objectives .grid .grid-item:nth-child(1) *, .v-sustainability #objectives .grid .grid-item:nth-child(6) * {
  color: #fff;
}
.v-sustainability #objectives .grid .grid-item:nth-child(2), .v-sustainability #objectives .grid .grid-item:nth-child(4) {
  background: #c2ebf0;
}
.v-sustainability #objectives .grid .grid-item:nth-child(2) *, .v-sustainability #objectives .grid .grid-item:nth-child(4) * {
  color: #000;
}
.v-sustainability #objectives .grid .grid-item:nth-child(3), .v-sustainability #objectives .grid .grid-item:nth-child(5) {
  background: rgba(0, 0, 0, 0.08);
}
.v-sustainability #objectives .grid .grid-item:nth-child(3) *, .v-sustainability #objectives .grid .grid-item:nth-child(5) * {
  color: #000;
}
@media (min-width: 62em) {
  .v-sustainability #approach::after {
    content: "";
    height: calc(100% + 3em);
    aspect-ratio: 1.7896678967/1;
    position: absolute;
    background: url("/img/content/sustainability/vines-white.svg") 0 0/contain no-repeat;
    right: -25em;
    top: -1em;
    z-index: 1;
  }
}
@media (min-width: 62em) and (min-width: 75em) {
  .v-sustainability #approach::after {
    height: calc(100% + 5em);
    right: -15em;
  }
}
@media (min-width: 62em) and (min-width: 90em) {
  .v-sustainability #approach::after {
    right: calc((100vw - 96rem) / 2 - 5em);
  }
}
.v-sustainability #initiatives .initiative {
  margin-bottom: 5rem;
}
@media (min-width: 75em) {
  .v-sustainability #initiatives .initiative {
    padding-right: 20%;
  }
}
.v-sustainability #initiatives .initiative h3 {
  font-weight: 400;
  font-size: 1.75em;
}
.v-sustainability #initiatives .initiative .btn-text-link {
  font-weight: 600 !important;
}
.v-sustainability #initiatives .initiative .btn-text-link::before {
  color: #000;
  border-color: #000;
}
.v-sustainability #ethos blockquote {
  font-weight: 600;
  font-size: 1.5em;
}
@media (min-width: 62em) {
  .v-sustainability #ethos::before {
    content: "";
    position: absolute;
    left: 0;
    right: -25%;
    top: 0;
    bottom: 0;
    background-image: url("/img/content/save-energy/trees-bg.webp");
    background-position: right 80%;
    background-size: auto 180%;
    background-repeat: no-repeat;
  }
}
@media (min-width: 62em) and (min-width: 101.75em) {
  .v-sustainability #ethos::before {
    right: calc((100vw - 96rem) / 2 - 10rem);
  }
}
.v-sustainability #ethos > .span {
  padding: 2rem 0;
}
@media (min-width: 48em) {
  .v-sustainability #ethos > .span {
    padding: 3.5rem 0;
  }
}
@media (min-width: 48em) and (min-width: 62em) {
  .v-sustainability #ethos > .span {
    padding: 5rem 0;
  }
}
.v-sustainability #ethos > .span .product-feature {
  display: none;
}
@media (min-width: 62em) {
  .v-sustainability #ethos > .span .product-feature {
    display: block;
    margin-bottom: -2rem;
    margin-top: 2rem;
    margin-left: auto;
    width: 80%;
    max-width: 20rem;
    position: relative;
  }
}
@media (min-width: 62em) and (min-width: 48em) {
  .v-sustainability #ethos > .span .product-feature {
    position: absolute;
    bottom: -3.5rem;
    right: 0;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
  }
}
@media (min-width: 62em) and (min-width: 48em) and (min-width: 62em) {
  .v-sustainability #ethos > .span .product-feature {
    bottom: -5rem;
    max-width: 18rem;
  }
}
@media (min-width: 62em) and (min-width: 48em) and (min-width: 75em) {
  .v-sustainability #ethos > .span .product-feature {
    right: 5rem;
    max-width: 19rem;
  }
}
@media (min-width: 62em) {
  .v-sustainability #ethos > .span .product-feature img {
    position: relative;
    z-index: 1;
  }
}

.v-optitools-pro-software #optitools_pro_software_banner {
  background: radial-gradient(circle at 75% 100%, #948cc3 0%, #535486 75%);
}
.v-optitools-pro-software #optitools_pro_software_banner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(/img/content/optitools-pro-software/pixel-background.png) 100% 100%/160em auto no-repeat;
}
.v-optitools-pro-software #optitools_pro_software_banner .logo-heading {
  display: flex;
  font-size: 0;
  line-height: 0;
  justify-content: center;
}
.v-optitools-pro-software #optitools_pro_software_banner .logo-heading img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}
@media (min-width: 62em) {
  .v-optitools-pro-software #optitools_pro_software_banner .logo-heading img {
    max-width: 38.75rem;
  }
}
.v-optitools-pro-software #optitools_pro_software_banner .optitools-pro__cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.v-optitools-pro-software #optitools_pro_software_banner .optitools-pro__cta p {
  text-align: center;
  margin-bottom: 3rem;
}
.v-optitools-pro-software #optitools_pro_software_banner .optitools-pro__cta .link {
  width: fit-content;
  color: rgb(83, 84, 134);
  font-size: 1.25rem;
  padding: 1rem;
  padding-left: 2.5rem;
  margin-bottom: 0.875rem;
}
.v-optitools-pro-software #optitools_pro_software_banner .optitools-pro__cta #download-app {
  max-width: 15rem;
}
@media (min-width: 75rem) {
  .v-optitools-pro-software #optitools_pro_software_banner .optitools-pro__cta #download-app {
    max-width: 20rem;
    display: flex;
    justify-content: center;
  }
  .v-optitools-pro-software #optitools_pro_software_banner .optitools-pro__cta #download-app > a {
    margin-right: 0.5rem;
  }
  .v-optitools-pro-software #optitools_pro_software_banner .optitools-pro__cta #download-app > a:last-child {
    margin-right: 0;
  }
}
@media (min-width: 62rem) {
  .v-optitools-pro-software #optitools_pro_software_banner .mockup {
    margin-top: 3.75rem;
    max-width: 95%;
  }
}
.v-optitools-pro-software #optitools_pro_software_features .span {
  padding: 1.5625rem;
}
@media (min-width: 85em) {
  .v-optitools-pro-software #optitools_pro_software_features .span {
    width: 100%;
  }
}
.v-optitools-pro-software #optitools_pro_software_features .span .key-features {
  position: relative;
  border-bottom: 1px solid #ccc;
  padding-bottom: 4rem;
}
@media (min-width: 62em) {
  .v-optitools-pro-software #optitools_pro_software_features .span .key-features {
    border-bottom: none;
    padding-bottom: 0;
    padding-right: 2rem;
  }
  .v-optitools-pro-software #optitools_pro_software_features .span .key-features::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 91%;
    border-right: 1px solid #ccc;
    bottom: 0;
  }
}
@media (min-width: 62em) {
  .v-optitools-pro-software #optitools_pro_software_features .span .supports-key-functions {
    padding-left: 3rem;
  }
}
.v-optitools-pro-software #optitools_pro_software_features .span .supports-key-functions-title {
  margin-top: 4rem;
}
@media (min-width: 62em) {
  .v-optitools-pro-software #optitools_pro_software_features .span .supports-key-functions-title {
    margin-top: 0;
  }
}
.v-optitools-pro-software #optitools_pro_software_features .span h2 {
  font-size: 2rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 48em) {
  .v-optitools-pro-software #optitools_pro_software_features .span h2 {
    font-weight: 200;
  }
}
.v-optitools-pro-software #optitools_pro_software_features .span h3 {
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
}
@media (min-width: 48em) {
  .v-optitools-pro-software #optitools_pro_software_features .span h3 {
    margin-bottom: 2.1875rem;
  }
}
.v-optitools-pro-software #optitools_pro_software_features .span ul {
  font-size: 1.125rem;
}
.v-optitools-pro-software #optitools_pro_software_features .span ul li {
  margin-bottom: 0.5rem;
}
@media (min-width: 48em) {
  .v-optitools-pro-software #optitools_pro_software_features .span ul li {
    margin-bottom: 0.7rem;
  }
}
.v-optitools-pro-software #optitools_pro_software_features .span .double-col {
  display: flex;
  flex-direction: column;
}
@media (min-width: 75em) {
  .v-optitools-pro-software #optitools_pro_software_features .span .double-col {
    flex-direction: row;
  }
}
.v-optitools-pro-software #optitools_pro_software_features .span .double-col .col-left {
  margin-bottom: 2.5rem;
}
@media (min-width: 75em) {
  .v-optitools-pro-software #optitools_pro_software_features .span .double-col .col-left {
    width: 50%;
    margin-bottom: 0;
  }
}
.v-optitools-pro-software #optitools_pro_software_features .span .double-col .col-left .list-1--inner {
  margin-top: 0.4rem;
  list-style-type: "— ";
}
.v-optitools-pro-software #optitools_pro_software_features .span .double-col .col-left .list-1--inner li {
  margin-bottom: 0.1rem;
}
.v-optitools-pro-software #optitools_pro_software_features .span .double-col .col-left .list-1--inner li::before {
  content: "";
}
@media (min-width: 75em) {
  .v-optitools-pro-software #optitools_pro_software_features .span .double-col .col-right {
    padding-left: 3.125rem;
    width: 50%;
  }
}
.v-optitools-pro-software #newsletter-request {
  display: none;
  visibility: hidden;
}

.v-e-series-comparison .banner {
  padding: 0;
  background: rgb(26, 27, 43);
}
.v-e-series-comparison .banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  opacity: 0.25;
  background: url("/img/content/drives/optidrive-e-series/easy-to-use-banner.webp") -15em 0/auto 100% no-repeat;
}
@media (min-width: 48em) {
  .v-e-series-comparison .banner::before {
    opacity: 0.5;
  }
}
@media (min-width: 101.75em) {
  .v-e-series-comparison .banner::before {
    background-position: calc((100vw - 96rem) / 2 - 35em) 0;
  }
}
.v-e-series-comparison .banner > .span {
  padding: 3em 0 15em;
}
@media (min-width: 48em) {
  .v-e-series-comparison .banner > .span {
    padding: 5em 0 20em;
  }
}
@media (min-width: 75em) {
  .v-e-series-comparison .banner > .span {
    padding-bottom: 35em;
  }
}
.v-e-series-comparison .banner > .span .dna-logo {
  margin: 1em 0.9375rem 0 auto;
  width: calc(100% - 1.875rem);
  max-width: 10em;
}
@media (min-width: 48em) {
  .v-e-series-comparison .banner > .span .dna-logo {
    margin-top: -2em;
  }
}
.v-e-series-comparison .comparison-table .tech-spec-table {
  margin-top: -14rem;
  font-size: 1.25em;
}
@media (min-width: 48em) {
  .v-e-series-comparison .comparison-table .tech-spec-table {
    margin-top: -18rem;
    font-size: 1.5rem;
  }
}
@media (min-width: 62em) {
  .v-e-series-comparison .comparison-table .tech-spec-table {
    font-size: 1rem;
  }
}
@media (min-width: 75em) {
  .v-e-series-comparison .comparison-table .tech-spec-table {
    margin-top: -35rem;
  }
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level] {
  background: #fff;
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level] > header {
  padding: 0.9375rem;
}
@media (min-width: 48em) {
  .v-e-series-comparison .comparison-table .tech-spec-table [data-level] > header {
    max-width: none;
    flex-grow: 1;
  }
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level][data-level="1"] {
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level][data-level="1"] > div {
  display: flex;
  flex-direction: column;
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level][data-level="1"] > div > * {
  flex: 1;
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level][data-level="1"] > header {
  color: rgb(83, 84, 134);
  font-size: 1.5em;
}
@media (min-width: 48em) {
  .v-e-series-comparison .comparison-table .tech-spec-table [data-level][data-level="1"] > header {
    font-size: 1.25em;
    max-width: 15rem;
  }
}
@media (min-width: 75em) {
  .v-e-series-comparison .comparison-table .tech-spec-table [data-level][data-level="1"] > header {
    max-width: 20rem;
  }
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level][data-level="1"] > header h3 {
  margin-bottom: 0;
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level][data-level="2"]:nth-child(2n) {
  background: #eee;
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level] .value {
  border-right: 1px solid rgb(230, 230, 230);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 48em) {
  .v-e-series-comparison .comparison-table .tech-spec-table [data-level] .value {
    flex: 0 0 33.33%;
    max-width: 20rem;
  }
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level] .value:last-child {
  border-right: none;
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level] .value img {
  width: 1em;
  margin: 0 auto;
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level=header], .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] {
  background: none;
  display: flex;
  box-shadow: none;
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > header, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > header {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  border-right: none;
}
@media (min-width: 48em) {
  .v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > header, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > header {
    max-width: 15rem;
  }
}
@media (min-width: 75em) {
  .v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > header, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > header {
    max-width: 20rem;
  }
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > div, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > div {
  flex: 1 0 66.66%;
  max-width: 66.66%;
  display: flex;
}
@media (min-width: 48em) {
  .v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > div, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > div {
    justify-content: flex-end;
    max-width: none;
  }
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > div > div:nth-child(3), .v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > div > div:nth-child(4), .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > div > div:nth-child(3), .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > div > div:nth-child(4) {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 1.5em 0.5em;
  text-align: center;
}
@media (min-width: 48em) {
  .v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > div > div:nth-child(3), .v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > div > div:nth-child(4), .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > div > div:nth-child(3), .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > div > div:nth-child(4) {
    padding: 0.9375em;
    flex: 0 0 33.33%;
    max-width: 20rem;
  }
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > div > div:nth-child(3) img, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > div > div:nth-child(4) img, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > div > div:nth-child(3) img, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > div > div:nth-child(4) img {
  margin: 0 auto;
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > div > div:nth-child(3) img.desktop-only, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > div > div:nth-child(4) img.desktop-only, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > div > div:nth-child(3) img.desktop-only, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > div > div:nth-child(4) img.desktop-only {
  display: none;
}
@media (min-width: 48em) {
  .v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > div > div:nth-child(3) img.desktop-only, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > div > div:nth-child(4) img.desktop-only, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > div > div:nth-child(3) img.desktop-only, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > div > div:nth-child(4) img.desktop-only {
    display: block;
    max-width: 15em;
  }
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > div > div:nth-child(3) img.mobile-only, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > div > div:nth-child(4) img.mobile-only, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > div > div:nth-child(3) img.mobile-only, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > div > div:nth-child(4) img.mobile-only {
  max-width: 6em;
}
@media (min-width: 48em) {
  .v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > div > div:nth-child(3) img.mobile-only, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=header] > div > div:nth-child(4) img.mobile-only, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > div > div:nth-child(3) img.mobile-only, .v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] > div > div:nth-child(4) img.mobile-only {
    display: none;
  }
}
.v-e-series-comparison .comparison-table .tech-spec-table [data-level=footer] {
  border-top: none;
}

.v-vulnerability-reporting #vulnerability-reporting-app .form-steps {
  display: flex;
  flex-direction: column;
}
@media (min-width: 35em) {
  .v-vulnerability-reporting #vulnerability-reporting-app .form-steps {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.v-vulnerability-reporting #vulnerability-reporting-app .form-steps .form-step {
  background: #dbdbdb;
  color: #000;
  padding: 1em;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 35em) {
  .v-vulnerability-reporting #vulnerability-reporting-app .form-steps .form-step {
    flex: 0 0 33%;
    max-width: 33%;
    border: 2px solid #fff;
  }
}
.v-vulnerability-reporting #vulnerability-reporting-app .form-steps .form-step--active {
  background: rgb(83, 84, 134);
  color: #fff;
}
.v-vulnerability-reporting #vulnerability-reporting-app .form-steps .form-step > span {
  display: block;
}
.v-vulnerability-reporting #vulnerability-reporting-app .form-steps .form-step > span.form-step__title {
  font-weight: 800;
}
.v-vulnerability-reporting #vulnerability-reporting-app .terms-scroller {
  overflow: auto;
  max-height: 20em;
  padding: 2em;
  background: #f1f1f1;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  margin: 0 0 2em 0;
}

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