@import url(https://fonts.googleapis.com/css?family=Oswald:400,400i,600,600i,700,700i&subset=latin-ext);@import url(https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Exo+2:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Exo+2&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@300;400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Exo&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap);/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.lity.lity-opened {
  opacity: 1; }

.lity.lity-closed {
  opacity: 0; }

.lity * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important; }

.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; }

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.lity-loading .lity-loader {
  opacity: 1; }

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important; }

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  transform: scale(0.8); }

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0; }

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.lity-close:active {
  top: 1px; }

/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0; }

/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px; }

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch; }

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

.lity-hide {
  display: none; }
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(/Content/images/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

@font-face {
  font-family: "Exo Slab Pro";
  src: url(/Content/fonts/ExoSlabPro-SemiBold.woff2) format("woff2"), url(/Content/fonts/ExoSlabPro-Regular.woff2) format("woff2"), url(/Content/fonts/ExoSlabPro-Bold.woff2) format("woff2"), url(/Content/fonts/ExoSlabPro-Light.woff2) format("woff2"), url(/Content/fonts/ExoSlabPro-Thin.woff2) format("woff2"), url(/Content/fonts/ExoSlabPro-Thin.woff) format("woff"), url(/Content/fonts/ExoSlabPro-SemiBold.woff) format("woff"), url(/Content/fonts/ExoSlabPro-Regular.woff) format("woff"), url(/Content/fonts/ExoSlabPro-Bold.woff) format("woff"), url(/Content/fonts/ExoSlabPro-Light.woff) format("woff"), url(/Content/fonts/exoslabpro-thin.otf) format("otf"), url(/Content/fonts/exoslabpro-semiBold.otf) format("otf"), url(/Content/fonts/exoslabpro-regular.otf) format("otf"), url(/Content/fonts/exoslabpro-bold.otf) format("otf"), url(/Content/fonts/exoslabpro-light.otf) format("otf"); }

.select2-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

/* $breakpoint-sm: 768px !default;
 */
/*STEYR COLORS*/
body > main, body > div > main, .container, .breadcrumbs, .breadcrumbs-nd {
  margin: 0 auto;
  max-width: 1230px;
  padding: 0 1.125rem;
  width: 100%; }

.popover {
  background: #000;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.24);
  color: #fff;
  display: none;
  font-size: 0.75rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
  margin-right: -106px;
  padding: 0.5rem 1rem;
  position: fixed;
  text-transform: none;
  width: 145px;
  z-index: 11;
  word-break: break-word; }
  .popover > span {
    position: absolute;
    top: auto;
    right: 90px;
    bottom: -0.25rem;
    left: auto;
    height: 0;
    width: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.25rem solid #000;
    content: ''; }

img.popover-trigger {
  display: none; }

svg.popover-trigger {
  cursor: pointer; }

input {
  -webkit-appearance: none;
  border-radius: 0; }

.input-field {
  margin: 8px 0 16px;
  position: relative; }
  .input-field .popover-trigger {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0.5rem;
    left: auto;
    height: 0.875rem;
    width: 0.875rem; }
  .input-field [type='text'],
  .input-field [type='password'],
  .input-field [type='email'],
  .input-field [type='tel'],
  .input-field textarea {
    background: #fff;
    border: 0;
    border-radius: 0;
    display: block;
    font-family: inherit;
    font-size: 1rem;
    margin: 0;
    max-height: 52px;
    min-height: 52px;
    min-width: 100%;
    outline: none;
    padding: 22px 1rem 0.5rem;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out; }
    .input-field [type='text'] + label,
    .input-field [type='password'] + label,
    .input-field [type='email'] + label,
    .input-field [type='tel'] + label,
    .input-field textarea + label {
      color: #000;
      cursor: text;
      left: 1rem;
      position: absolute;
      top: 1.5rem;
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: top left;
              transform-origin: top left;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      white-space: nowrap; }
    .input-field [type='text']:not(:disabled):active, .input-field [type='text']:not(:disabled):focus, .input-field [type='text']:not(:disabled).filled,
    .input-field [type='password']:not(:disabled):active,
    .input-field [type='password']:not(:disabled):focus,
    .input-field [type='password']:not(:disabled).filled,
    .input-field [type='email']:not(:disabled):active,
    .input-field [type='email']:not(:disabled):focus,
    .input-field [type='email']:not(:disabled).filled,
    .input-field [type='tel']:not(:disabled):active,
    .input-field [type='tel']:not(:disabled):focus,
    .input-field [type='tel']:not(:disabled).filled,
    .input-field textarea:not(:disabled):active,
    .input-field textarea:not(:disabled):focus,
    .input-field textarea:not(:disabled).filled {
      background: #fff;
      border-bottom: 4px solid #899098 !important; }
      .input-field [type='text']:not(:disabled):active + label, .input-field [type='text']:not(:disabled):focus + label, .input-field [type='text']:not(:disabled).filled + label,
      .input-field [type='password']:not(:disabled):active + label,
      .input-field [type='password']:not(:disabled):focus + label,
      .input-field [type='password']:not(:disabled).filled + label,
      .input-field [type='email']:not(:disabled):active + label,
      .input-field [type='email']:not(:disabled):focus + label,
      .input-field [type='email']:not(:disabled).filled + label,
      .input-field [type='tel']:not(:disabled):active + label,
      .input-field [type='tel']:not(:disabled):focus + label,
      .input-field [type='tel']:not(:disabled).filled + label,
      .input-field textarea:not(:disabled):active + label,
      .input-field textarea:not(:disabled):focus + label,
      .input-field textarea:not(:disabled).filled + label {
        color: #000;
        left: 1rem;
        top: 5px;
        font-size: 14px;
        -webkit-transform: scale(0.8);
                transform: scale(0.8); }
    .input-field [type='text']:not(:disabled):focus,
    .input-field [type='password']:not(:disabled):focus,
    .input-field [type='email']:not(:disabled):focus,
    .input-field [type='tel']:not(:disabled):focus,
    .input-field textarea:not(:disabled):focus {
      border-bottom: 4px solid #343E4A !important; }
    .input-field [type='text']:not(:disabled).has-error,
    .input-field [type='password']:not(:disabled).has-error,
    .input-field [type='email']:not(:disabled).has-error,
    .input-field [type='tel']:not(:disabled).has-error,
    .input-field textarea:not(:disabled).has-error {
      border-bottom: 2px solid #E20026 !important; }
      .input-field [type='text']:not(:disabled).has-error ~ .input-field-error,
      .input-field [type='password']:not(:disabled).has-error ~ .input-field-error,
      .input-field [type='email']:not(:disabled).has-error ~ .input-field-error,
      .input-field [type='tel']:not(:disabled).has-error ~ .input-field-error,
      .input-field textarea:not(:disabled).has-error ~ .input-field-error {
        display: block; }
    .input-field [type='text']:not(:disabled).has-error-required,
    .input-field [type='password']:not(:disabled).has-error-required,
    .input-field [type='email']:not(:disabled).has-error-required,
    .input-field [type='tel']:not(:disabled).has-error-required,
    .input-field textarea:not(:disabled).has-error-required {
      border-bottom: 2px solid #E20026; }
      .input-field [type='text']:not(:disabled).has-error-required ~ .input-field-error-required,
      .input-field [type='password']:not(:disabled).has-error-required ~ .input-field-error-required,
      .input-field [type='email']:not(:disabled).has-error-required ~ .input-field-error-required,
      .input-field [type='tel']:not(:disabled).has-error-required ~ .input-field-error-required,
      .input-field textarea:not(:disabled).has-error-required ~ .input-field-error-required {
        display: block; }
    .input-field [type='text']:not(:disabled).has-length-error,
    .input-field [type='password']:not(:disabled).has-length-error,
    .input-field [type='email']:not(:disabled).has-length-error,
    .input-field [type='tel']:not(:disabled).has-length-error,
    .input-field textarea:not(:disabled).has-length-error {
      border-bottom: 2px solid #E20026; }
      .input-field [type='text']:not(:disabled).has-length-error ~ .input-field-length-error,
      .input-field [type='password']:not(:disabled).has-length-error ~ .input-field-length-error,
      .input-field [type='email']:not(:disabled).has-length-error ~ .input-field-length-error,
      .input-field [type='tel']:not(:disabled).has-length-error ~ .input-field-length-error,
      .input-field textarea:not(:disabled).has-length-error ~ .input-field-length-error {
        display: block; }
    .input-field [type='text']:disabled,
    .input-field [type='password']:disabled,
    .input-field [type='email']:disabled,
    .input-field [type='tel']:disabled,
    .input-field textarea:disabled {
      border-bottom: 0;
      color: rgba(0, 0, 0, 0.3);
      pointer-events: none;
      background-color: transparent; }
      .input-field [type='text']:disabled + label,
      .input-field [type='password']:disabled + label,
      .input-field [type='email']:disabled + label,
      .input-field [type='tel']:disabled + label,
      .input-field textarea:disabled + label {
        color: rgba(0, 0, 0, 0.3); }
      .input-field [type='text']:disabled.filled,
      .input-field [type='password']:disabled.filled,
      .input-field [type='email']:disabled.filled,
      .input-field [type='tel']:disabled.filled,
      .input-field textarea:disabled.filled {
        background: #fff; }
        .input-field [type='text']:disabled.filled + label,
        .input-field [type='password']:disabled.filled + label,
        .input-field [type='email']:disabled.filled + label,
        .input-field [type='tel']:disabled.filled + label,
        .input-field textarea:disabled.filled + label {
          color: rgba(0, 0, 0, 0.3);
          left: 1rem;
          top: 5px;
          font-size: 14px;
          -webkit-transform: scale(0.8);
                  transform: scale(0.8); }
  .input-field textarea {
    line-height: 1.5rem;
    min-height: 3.5rem; }
  .input-field [type='password'] ~ .show-password,
  .input-field [type='text'] ~ .show-password {
    position: absolute;
    top: auto;
    right: 0.5rem;
    bottom: 0.25rem;
    left: auto;
    cursor: pointer; }
    .input-field [type='password'] ~ .show-password svg,
    .input-field [type='text'] ~ .show-password svg {
      height: 0.875rem;
      width: 0.875rem;
      pointer-events: none; }
  .input-field.search-input span:first-of-type {
    position: absolute;
    top: auto;
    right: 0.5rem;
    bottom: 0.5rem;
    left: auto;
    color: #000;
    content: '>';
    height: 1em;
    width: 1em; }
    .input-field.search-input span:first-of-type svg {
      cursor: pointer;
      fill: #000; }
      .input-field.search-input span:first-of-type svg:hover {
        fill: #E20026; }
  .input-field .input-field-error,
  .input-field .input-field-error-required,
  .input-field .input-field-length-error {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -1rem;
    left: auto;
    color: #E20026;
    display: none;
    font-size: 0.75rem;
    padding: 0 1rem; }

.read-only-mode .input-field input:disabled,
.read-only-mode .input-field textarea:disabled {
  border: 0; }
  .read-only-mode .input-field input:disabled + label,
  .read-only-mode .input-field textarea:disabled + label {
    color: #000 !important;
    top: 5px;
    font-size: 14px;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transition: all 0s 0s;
    transition: all 0s 0s; }

.select2-results__message {
  display: none !important; }
  .select2-results__message.show {
    display: block !important; }

.select2-results__message {
  display: none; }
  .select2-results__message.show {
    display: block; }

.country-flag {
  margin-right: 8px;
  height: 15px; }

.country-id {
  text-transform: uppercase;
  margin-right: 5px; }

.select-field {
  margin: 8px 0 16px;
  max-height: 52px;
  position: relative; }
  .select-field select {
    display: none; }
  .select-field label {
    position: absolute;
    top: 24px;
    right: auto;
    bottom: auto;
    left: 1.125rem;
    font-size: 0.875rem;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 1;
    overflow: hidden !important; }
  .select-field.filled, .select-field.open {
    background: #fff; }
    .select-field.filled .placeholder, .select-field.open .placeholder {
      color: #949494 !important;
      left: 7px;
      overflow: auto;
      top: 2px;
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
      width: 100% !important;
      font-size: 16px;
      z-index: 2; }
  .select-field.inited .placeholder {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%; }
  .select-field .select-field-error,
  .select-field .select-field-error-required {
    position: static;
    top: auto;
    right: auto;
    bottom: -1rem;
    left: auto;
    color: #E20026;
    display: none;
    font-size: 0.75rem;
    padding: 0 1rem; }
  .select-field.has-error .select2 .select-field-error {
    display: block; }
  .select-field.has-error-required .select2 ~ .select-field-error-required {
    display: block; }
  .select-field.has-error-required .select2-selection__rendered {
    border-bottom: 4px solid #E20026 !important; }

.select2-container--default.select2 {
  z-index: 1;
  width: 100% !important; }

.select2-container--default .select2-selection--single {
  border: 0;
  border-radius: 0;
  height: auto;
  max-height: 52px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
  outline: 0; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    max-height: 52px;
    min-height: 52px;
    padding: 22px 2.25rem 0.5rem 1rem;
    color: #343E4A;
    font-family: "Exo 2";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
    text-transform: none; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    bottom: 7px;
    height: auto;
    width: 12px;
    right: 0;
    top: auto; }
    .select2-container--default .select2-selection--single .select2-selection__arrow .injected-svg {
      fill: #000; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    display: block;
    height: 1em; }

.select2-container--default .select2-results__option {
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .select2-container--default .select2-results__option [aria-selected='true'] {
    background: #fff; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #EEF0F1 !important;
  color: #000;
  font-weight: bold; }

.select2-container--default .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #EEF0F1 !important; }

.select2-container--default.select2-container--disabled {
  pointer-events: none; }
  .select2-container--default.select2-container--disabled .select2-selection--single {
    background: transparent;
    border-bottom: 2px solid #949494; }
  .select2-container--default.select2-container--disabled + label {
    color: #949494; }
  .select2-container--default.select2-container--disabled .select2-selection__arrow .injected-svg {
    fill: #7f7366; }

.select2-container--default .select2-search--dropdown {
  padding: 0.5rem 1rem;
  position: relative; }
  .select2-container--default .select2-search--dropdown .select2-search__field {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
    font-size: 0.875rem;
    margin: 0;
    outline: none;
    padding-left: 0;
    padding-right: 1rem;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif; }
  .select2-container--default .select2-search--dropdown .inline-svg {
    position: absolute;
    top: auto;
    right: 1rem;
    bottom: 0.75rem;
    left: auto; }

.select2-dropdown {
  background: #fff;
  border: 0;
  border-radius: 0; }
  .select2-dropdown.select2-dropdown--below {
    border-top: 3px solid #000; }

.read-only-mode .select2-container--default.select2-container--disabled .select2-selection--single {
  border: 0; }

.read-only-mode .select2-container--default .select2-selection__arrow {
  display: none; }

.select2-container--default {
  width: 1px; }
  .select2-container--default + .select2-container--below {
    width: auto; }

.select-field .placeholder {
  opacity: .5; }

.select-field select:invalid ~ .input-field-error {
  display: inline; }

.select-field .input-field-error {
  color: #E20026;
  display: none;
  font-size: .8rem;
  margin-left: 1rem; }

.read-only-mode .input-field input:disabled,
.read-only-mode .input-field textarea:disabled {
  border: 0; }
  .read-only-mode .input-field input:disabled + label,
  .read-only-mode .input-field textarea:disabled + label {
    color: #949494 !important;
    top: 2px;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transition: all 0s 0s;
    transition: all 0s 0s; }

.input-field {
  margin: 8px 0 16px;
  position: relative; }
  .input-field .popover-trigger {
    position: absolute;
    top: 15px;
    right: 10px;
    bottom: 16px;
    left: auto;
    height: 0.875rem;
    width: 0.875rem; }
  .input-field [type='text'],
  .input-field [type='password'],
  .input-field [type='email'],
  .input-field [type='tel'],
  .input-field textarea {
    border: 0;
    border-bottom: 4px solid #899098;
    border-radius: 0;
    display: block;
    font-family: inherit;
    font-size: 1rem;
    margin: 0;
    max-height: 52px;
    min-height: 52px;
    min-width: 100%;
    outline: none;
    padding: 22px 1rem 0.5rem;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); }
    .input-field [type='text'] + label,
    .input-field [type='password'] + label,
    .input-field [type='email'] + label,
    .input-field [type='tel'] + label,
    .input-field textarea + label {
      font-style: normal !important;
      color: #343E4A !important;
      font-size: 16px;
      cursor: text;
      left: 1rem;
      position: absolute;
      top: 16px;
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: top left;
              transform-origin: top left;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      white-space: nowrap;
      font-weight: 500;
      line-height: 17px;
      letter-spacing: 0.5px; }
    .input-field [type='text']:not(:disabled):active, .input-field [type='text']:not(:disabled):focus, .input-field [type='text']:not(:disabled).filled,
    .input-field [type='password']:not(:disabled):active,
    .input-field [type='password']:not(:disabled):focus,
    .input-field [type='password']:not(:disabled).filled,
    .input-field [type='email']:not(:disabled):active,
    .input-field [type='email']:not(:disabled):focus,
    .input-field [type='email']:not(:disabled).filled,
    .input-field [type='tel']:not(:disabled):active,
    .input-field [type='tel']:not(:disabled):focus,
    .input-field [type='tel']:not(:disabled).filled,
    .input-field textarea:not(:disabled):active,
    .input-field textarea:not(:disabled):focus,
    .input-field textarea:not(:disabled).filled {
      background: #fff;
      border-bottom: 4px solid #899098; }
      .input-field [type='text']:not(:disabled):active + label, .input-field [type='text']:not(:disabled):focus + label, .input-field [type='text']:not(:disabled).filled + label,
      .input-field [type='password']:not(:disabled):active + label,
      .input-field [type='password']:not(:disabled):focus + label,
      .input-field [type='password']:not(:disabled).filled + label,
      .input-field [type='email']:not(:disabled):active + label,
      .input-field [type='email']:not(:disabled):focus + label,
      .input-field [type='email']:not(:disabled).filled + label,
      .input-field [type='tel']:not(:disabled):active + label,
      .input-field [type='tel']:not(:disabled):focus + label,
      .input-field [type='tel']:not(:disabled).filled + label,
      .input-field textarea:not(:disabled):active + label,
      .input-field textarea:not(:disabled):focus + label,
      .input-field textarea:not(:disabled).filled + label {
        color: #949494 !important;
        left: 1rem;
        top: 5px;
        -webkit-transform: scale(0.8);
                transform: scale(0.8); }
    .input-field [type='text']:not(:disabled):focus,
    .input-field [type='password']:not(:disabled):focus,
    .input-field [type='email']:not(:disabled):focus,
    .input-field [type='tel']:not(:disabled):focus,
    .input-field textarea:not(:disabled):focus {
      border-bottom: 4px solid #343E4A; }
    .input-field [type='text']:not(:disabled).has-error,
    .input-field [type='password']:not(:disabled).has-error,
    .input-field [type='email']:not(:disabled).has-error,
    .input-field [type='tel']:not(:disabled).has-error,
    .input-field textarea:not(:disabled).has-error {
      border-bottom: 4px solid #E20026 !important; }
      .input-field [type='text']:not(:disabled).has-error + label,
      .input-field [type='password']:not(:disabled).has-error + label,
      .input-field [type='email']:not(:disabled).has-error + label,
      .input-field [type='tel']:not(:disabled).has-error + label,
      .input-field textarea:not(:disabled).has-error + label {
        color: #E20026 !important; }
      .input-field [type='text']:not(:disabled).has-error ~ .input-field-error,
      .input-field [type='password']:not(:disabled).has-error ~ .input-field-error,
      .input-field [type='email']:not(:disabled).has-error ~ .input-field-error,
      .input-field [type='tel']:not(:disabled).has-error ~ .input-field-error,
      .input-field textarea:not(:disabled).has-error ~ .input-field-error {
        display: block; }
    .input-field [type='text']:not(:disabled).has-error-required,
    .input-field [type='password']:not(:disabled).has-error-required,
    .input-field [type='email']:not(:disabled).has-error-required,
    .input-field [type='tel']:not(:disabled).has-error-required,
    .input-field textarea:not(:disabled).has-error-required {
      border-bottom: 4px solid #E20026; }
      .input-field [type='text']:not(:disabled).has-error-required ~ .input-field-error-required,
      .input-field [type='password']:not(:disabled).has-error-required ~ .input-field-error-required,
      .input-field [type='email']:not(:disabled).has-error-required ~ .input-field-error-required,
      .input-field [type='tel']:not(:disabled).has-error-required ~ .input-field-error-required,
      .input-field textarea:not(:disabled).has-error-required ~ .input-field-error-required {
        display: block; }
    .input-field [type='text']:disabled,
    .input-field [type='password']:disabled,
    .input-field [type='email']:disabled,
    .input-field [type='tel']:disabled,
    .input-field textarea:disabled {
      border-bottom: 0;
      color: rgba(0, 0, 0, 0.3);
      pointer-events: none;
      background-color: transparent; }
      .input-field [type='text']:disabled + label,
      .input-field [type='password']:disabled + label,
      .input-field [type='email']:disabled + label,
      .input-field [type='tel']:disabled + label,
      .input-field textarea:disabled + label {
        color: #949494 !important; }
      .input-field [type='text']:disabled.filled,
      .input-field [type='password']:disabled.filled,
      .input-field [type='email']:disabled.filled,
      .input-field [type='tel']:disabled.filled,
      .input-field textarea:disabled.filled {
        border-bottom: 4px solid #899098; }
        .input-field [type='text']:disabled.filled + label,
        .input-field [type='password']:disabled.filled + label,
        .input-field [type='email']:disabled.filled + label,
        .input-field [type='tel']:disabled.filled + label,
        .input-field textarea:disabled.filled + label {
          color: rgba(0, 0, 0, 0.3);
          left: 1rem;
          top: 5px;
          -webkit-transform: scale(0.8);
                  transform: scale(0.8); }
  .input-field textarea {
    line-height: 1.5rem;
    min-height: 3.5rem; }
  .input-field [type='password'] ~ .show-password,
  .input-field [type='text'] ~ .show-password {
    position: absolute;
    top: 15px;
    right: 0.5rem;
    bottom: 0.25rem;
    left: auto;
    cursor: pointer; }
    .input-field [type='password'] ~ .show-password svg,
    .input-field [type='text'] ~ .show-password svg {
      height: 0.875rem;
      width: 0.875rem;
      pointer-events: none; }
  .input-field.search-input span:first-of-type {
    position: absolute;
    top: auto;
    right: 0.5rem;
    bottom: 0.5rem;
    left: auto;
    color: #000;
    content: '>';
    height: 1em;
    width: 1em; }
    .input-field.search-input span:first-of-type svg {
      cursor: pointer;
      fill: #000; }
      .input-field.search-input span:first-of-type svg:hover {
        fill: #E20026; }
  .input-field .input-field-error,
  .input-field .input-field-error-required {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -1rem;
    left: auto;
    color: #E20026;
    display: none;
    font-size: 0.75rem;
    padding: 0 1rem; }

input {
  opacity: 1 !important;
  border-color: #000; }
  input:disabled {
    opacity: 1 !important; }
    input:disabled + label {
      color: #949494 !important; }

.select2-selection__arrow {
  right: 16px !important;
  bottom: 5px !important;
  top: 16px !important; }
  .select2-selection__arrow svg {
    height: inherit !important;
    width: inherit !important;
    fill: #000 !important; }
    .select2-selection__arrow svg use {
      fill: #000; }

.select-field label {
  left: 15px !important; }

.select-field.filled {
  border-bottom: 4px solid #899098; }
  .select-field.filled label {
    color: #949494 !important; }
  .select-field.filled .select2-selection--single {
    border-bottom: 4px solid #899098 !important; }

.select2-selection--single {
  border-color: #000;
  text-transform: uppercase;
  border-width: 2px !important; }

.select2-container .select2-selection__rendered {
  height: 46px;
  padding-left: 17px !important;
  font-size: 16px !important; }

.select2-container.filled {
  border-bottom: 4px solid #899098; }
  .select2-container.filled .placeholder {
    top: 5px !important;
    z-index: 2; }
  .select2-container.filled .select2-selection__rendered {
    border-bottom: 4px solid #899098 !important; }

.select2-container .select2-dropdown--below {
  border: none !important; }

.select2-container .select2-results__option {
  text-transform: none;
  padding: 12px 14px !important;
  border-bottom: 1px solid #C7CDD0;
  color: #343E4A;
  font-family: "Exo 2";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px; }

.select2-container.select2-container--open .select2-selection--single {
  border-bottom: 2px solid #343E4A !important;
  -webkit-box-shadow: 0 0 9px 2px #e8e8e8;
  box-shadow: 0 0 9px 2px #e8e8e8; }

.select2-container.select2-container--open .select2-results__option--highlighted {
  background-color: #fff; }

.select2-container.select2-container--open .select2-dropdown--below {
  border: none !important;
  box-shadow: 0 6px 9px 2px #e8e8e8;
  -webkit-box-shadow: 0 3px 9px 2px #e8e8e8;
  box-shadow: 0 3px 9px 2px #e8e8e8; }

.select2-container.select2-container--open .select2-selection__arrow svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

@media screen and (max-width: 600px) {
  html {
    -webkit-text-size-adjust: 100%; } }

body,
html {
  margin: 0;
  padding: 0; }

body {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: #f4f4f4 !important;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: 'Exo 2',
 Arial,
 Helvetica,
 sans-serif;
  font-weight: 400;
  line-height: 1.3;
  height: 100vh;
  width: 100%; }
  @media screen and (max-width: 600px) {
    body {
      font-size: 14px; } }
  @media screen and (min-width: 601px) {
    body {
      font-size: 14px; } }
  body button,
  body input,
  body select,
  body textarea {
    line-height: 1; }
  body > main {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin: 1rem auto;
    overflow: hidden; }
    body > main > h1 {
      color: #3a3a3a;
      font-size: 1.5rem;
      margin: 2rem 0;
      text-transform: uppercase; }
    body > main > section {
      margin-bottom: 2rem; }
  body > div > main {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin: 1rem auto;
    overflow: hidden; }
    body > div > main > h1 {
      color: #3a3a3a;
      font-size: 1.5rem;
      margin: 2rem 0;
      text-transform: uppercase; }
    body > div > main > section {
      margin-bottom: 2rem; }

.spacer {
  -webkit-box-flex: 1;
          flex: 1 1;
  -ms-flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0.5rem 0; }

h2,
h3 {
  font-weight: normal;
  text-transform: uppercase; }

h2 {
  font-size: 1rem; }

h3,
h4 {
  font-size: 0.875rem; }

.label,
label {
  font-size: 0.875rem; }

.server-error {
  color: #E20026;
  display: none;
  font-size: 0.875rem;
  text-align: left; }
  .server-error.show {
    display: block; }

.grecaptcha-badge {
  z-index: 1; }

.password-info {
  right: 0 !important;
  width: 1.25rem !important;
  height: 1.25rem !important; }

.show-password {
  right: 2rem !important; }
  .show-password img,
  .show-password svg {
    width: 1.25rem !important;
    height: 1.25rem !important; }

textarea {
  resize: vertical; }

.input-field [type='text'] + label,
.input-field [type='password'] + label,
.input-field [type='email'] + label,
.input-field [type='tel'] + label,
.input-field textarea + label {
  font-style: italic;
  color: #949494; }

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.MYBRANDCASEIH {
  display: none !important; }

.MYBRANDNH {
  display: none !important; }

.card-grid-nd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 -1rem; }
  .card-grid-nd .card-wrapper {
    max-width: 33.33333%;
    position: relative; }
    @media screen and (max-width: 600px) {
      .card-grid-nd .card-wrapper {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        max-width: 100%; } }
    @media screen and (min-width: 601px) and (max-width: 900px) {
      .card-grid-nd .card-wrapper {
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%;
        max-width: 50%; } }
    .card-grid-nd .card-wrapper .card {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100%; }
    .card-grid-nd .card-wrapper .ribbon {
      right: 3px; }
    @media screen and (max-width: 600px) {
      .card-grid-nd .card-wrapper .ribbon {
        right: 0.25em; } }

.box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1rem;
  overflow: hidden; }
  .box.vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .box.vertical .box-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 1rem 1.125rem;
      width: 100%; }
      .box.vertical .box-header h3 {
        color: #000;
        margin-bottom: 0; }
      .box.vertical .box-header svg {
        cursor: pointer;
        height: 20px; }
    .box.vertical .box-content {
      background: transparent;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      padding: 1rem 1.125rem;
      width: 100%; }

@media screen and (max-width: 600px) {
  .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .box.vertical > * {
      margin-bottom: 0; }
    .box > * {
      margin-bottom: 2rem; } }

img {
  height: auto;
  max-width: 100%; }
  img.inline-svg {
    display: none; }

.injected-svg {
  height: 1rem;
  width: 1rem;
  fill: #E20026;
  height: 1.04rem;
  width: 1.09rem; }
  .injected-svg.alt {
    fill: #E20026; }

.parallelogram {
  color: #fff;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0 2rem 0 0.5rem;
  min-height: 1.25rem;
  padding: 0 0.5rem;
  position: relative;
  text-transform: uppercase; }
  @media screen and (max-width: 460px) {
    .parallelogram {
      margin-left: -7px; } }
  .parallelogram sup {
    position: relative;
    top: -.4em;
    vertical-align: baseline; }
  .parallelogram::before {
    background: #E20026;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: skew(-20deg);
            transform: skew(-20deg);
    width: 100%; }
  .parallelogram > span {
    position: relative; }

a {
  color: #E20026;
  text-decoration: none; }
  a svg {
    fill: #E20026;
    -webkit-transition: fill 0.2s ease-in-out;
    transition: fill 0.2s ease-in-out; }
  a:active,
  a .injected-svg {
    fill: #E20026; }
  a.card-link {
    text-transform: uppercase;
    color: black;
    margin-left: 4.8px;
    font-family: "Exo 2", sans-serif;
    font-weight: bold;
    font-size: 16px; }
    a.card-link:hover {
      text-decoration: underline; }

.buttons-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .buttons-wrapper.left {
    margin-top: 1rem; }
  @media screen and (max-width: 600px) {
    .buttons-wrapper {
      margin: 0; } }
  .buttons-wrapper:not(.left) {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  @media screen and (max-width: 460px) {
    .buttons-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .buttons-wrapper.left {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }

.button,
button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 40px;
  min-height: 38px;
  outline: 0;
  padding: 0.5rem 1.125rem;
  padding: 0 25px;
  text-transform: uppercase;
  text-decoration: none; }
  @media screen and (max-width: 600px) {
    .button,
    button {
      margin: 0.25rem 0; } }
  @media screen and (min-width: 460px) {
    .button,
    button {
      margin-right: 0.5rem; } }
  @media screen and (max-width: 460px) {
    .button,
    button {
      margin-left: auto !important;
      margin-right: auto !important;
      min-width: 180px; } }
  .button:disabled,
  button:disabled {
    opacity: 0.5;
    border-color: #b2b2b2;
    color: #b2b2b2 !important; }
  .button:hover,
  button:hover {
    text-decoration: none; }
  .button:not(:disabled),
  button:not(:disabled) {
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
    transition: -webkit-box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; }
  .button.primary .injected-svg,
  button.primary .injected-svg {
    fill: #fff; }
  .button.white,
  button.white {
    color: #fff;
    border-color: #fff; }
  .button.alt,
  button.alt {
    background: #d8d8d8;
    color: #3a3a3a; }
  .button.dim,
  button.dim {
    background: #919191; }
  .button.light, .button.link,
  button.light,
  button.link {
    text-transform: uppercase;
    color: black;
    margin-left: 3.8px;
    font-family: "Exo 2", sans-serif;
    font-weight: bold;
    font-size: 16px;
    border: none; }
    .button.light:not(:disabled):hover, .button.link:not(:disabled):hover,
    button.light:not(:disabled):hover,
    button.link:not(:disabled):hover {
      -webkit-box-shadow: none;
              box-shadow: none;
      text-decoration: underline !important; }
    .button.light.white, .button.link.white,
    button.light.white,
    button.link.white {
      color: #fff;
      background: none; }
  .button.no-arrow .steyr-btn-arrow,
  button.no-arrow .steyr-btn-arrow {
    display: none; }
  .button.btn-nd,
  button.btn-nd {
    background: #e20026;
    color: #ffffff;
    font-family: "Exo 2", sans-serif;
    font-weight: bold;
    height: 50px;
    width: 125px;
    border-top-right-radius: 5px 50%;
    border-bottom-right-radius: 5px 50%;
    border-top-left-radius: 5px 50%;
    border-bottom-left-radius: 5px 50%;
    font-size: 16px; }
    .button.btn-nd:hover:enabled,
    button.btn-nd:hover:enabled {
      color: #e20026;
      background: #ffffff; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .button.btn-nd,
      button.btn-nd {
        width: 200px; } }

.link-box {
  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;
  margin-right: 29px;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .link-box:not(:disabled):hover {
    padding-left: 8px; }
  .link-box.disabled {
    pointer-events: none; }
    .link-box.disabled:hover {
      padding-left: 0; }
  .link-box.right {
    padding-right: 8px; }
    .link-box.right:hover {
      padding-right: 0; }

.steyr-btn-link {
  text-transform: uppercase;
  color: black;
  margin-left: 3.8px;
  font-family: "Exo 2", sans-serif;
  font-weight: bold;
  font-size: 16px;
  border: none; }
  .steyr-btn-link:not(:disabled):hover {
    text-decoration: underline; }

.steyr-btn, #page-company-management #modal-user-details button.close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 50px;
  padding: 0 !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #e20026;
  border: 2px solid #e20026;
  text-decoration: none !important;
  -webkit-transition: color 0.1s linear, border-color 0.1s linear !important;
  transition: color 0.1s linear, border-color 0.1s linear !important;
  border-top-right-radius: 5px 50%;
  border-bottom-right-radius: 5px 50%;
  border-top-left-radius: 5px 50%;
  border-bottom-left-radius: 5px 50%;
  color: #ffffff; }
  .steyr-btn .steyr-btn-text, #page-company-management #modal-user-details button.close .steyr-btn-text {
    padding: 11px 32px;
    font-size: 16px;
    font-weight: 700;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    text-transform: uppercase;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .steyr-btn:not(:disabled):hover, #page-company-management #modal-user-details button.close:not(:disabled):hover {
    color: #e20026;
    background: #ffffff;
    border: 2px solid #e20026; }
    .steyr-btn:not(:disabled):hover .steyr-btn-text, #page-company-management #modal-user-details button.close:not(:disabled):hover .steyr-btn-text {
      color: #e20026; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .steyr-btn, #page-company-management #modal-user-details button.close {
      width: 200px; } }
  .steyr-btn.space-between, #page-company-management #modal-user-details button.space-between.close {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .steyr-btn:disabled, #page-company-management #modal-user-details button.close:disabled {
    cursor: not-allowed;
    border-color: #B2B2B2; }
    .steyr-btn:disabled .steyr-btn-arrow, #page-company-management #modal-user-details button.close:disabled .steyr-btn-arrow {
      display: none !important;
      border-color: #B2B2B2; }
      .steyr-btn:disabled .steyr-btn-arrow svg, #page-company-management #modal-user-details button.close:disabled .steyr-btn-arrow svg {
        fill: #B2B2B2; }
        .steyr-btn:disabled .steyr-btn-arrow svg mask, #page-company-management #modal-user-details button.close:disabled .steyr-btn-arrow svg mask {
          fill: #B2B2B2 !important; }
  .steyr-btn .steyr-btn-arrow, #page-company-management #modal-user-details button.close .steyr-btn-arrow {
    display: none; }

/*.steyr-btn {
  display: inline-flex;
  height: 40px;
  padding: 0 !important;
  align-items: center;
  color: #000;
  border: 2px solid #000;
  text-decoration: none !important;
  transition: color 0.1s linear, border-color 0.1s linear !important;
  // &:not(:disabled):hover {
  //   color: #E20026;
  //   border-color: #E20026;
  // }
  .steyr-btn-text {
    padding: 11px 25px;
    font-size: 13px;
    font-weight: bold;
    flex: 1 1 auto;
    text-transform: uppercase;
  }
  .steyr-btn-arrow {
    height: 37px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 2px solid #000;

    svg {
      width: 22px !important;
      height: 22px !important;
      fill: #000;
      mask {
        fill: #000 !important;
      }
    }
  }
  &.primary {
    color: #e20026;
    border-color: #e20026;
    background: transparent !important;
    .steyr-btn-arrow {
      border-color: #e20026;
      svg {
        fill: #e20026;
        mask {
          fill: #e20026 !important;
        }
      }
    }
    // &:not(:disabled):hover {
    //   color: #000;
    //   border-color: #000;
    // }
    &:not(:disabled):hover {
      color: #000;
      border-color: #000;
      .steyr-btn-arrow {
        border-color: #000;
        svg {
          fill: #000;
          mask {
            fill: #000 !important;
          }
        }
      }
    }
  }
  &.bg-white {
    background: #fff !important;
    border: none;
  }
  &.white {
    color: #fff;
    border-color: #fff;
    .steyr-btn-arrow {
      border-color: #fff;
      svg {
        fill: #fff;
        mask {
          fill: #fff !important;
        }
      }
    }
  }
  // &.no-border {
  //   border: 0 !important;
  //   &:not(:disabled):hover {
  //     // color: inherit;
  //     text-decoration: underline !important;
  //   }
  // }
  &.space-between {
    justify-content: space-between;
  }
  &:disabled {
    cursor: not-allowed;
    border-color: #b2b2b2;
    color: #b2b2b2;
    .steyr-btn-arrow {
      border-color: #b2b2b2;
      svg {
        fill: #b2b2b2;
        mask {
          fill: #b2b2b2 !important;
        }
      }
    }
  }
}*/
table {
  border-collapse: collapse;
  margin: 0;
  width: 100%; }
  @media screen and (max-width: 600px) {
    table thead {
      display: none; } }
  @media screen and (min-width: 601px) {
    table thead {
      color: #000;
      font-size: 0.875rem;
      text-transform: uppercase; }
      table thead .injected-svg {
        fill: #7f7366;
        vertical-align: top; } }
  @media screen and (min-width: 601px) {
    table th,
    table td {
      height: 3.75rem;
      padding: 0.5rem 1rem;
      vertical-align: middle; }
      table th:first-child,
      table td:first-child {
        padding: 0.5rem 0 !important; } }
  table th {
    text-align: left; }
  @media screen and (max-width: 600px) {
    table td {
      padding: 0.25rem 0;
      width: 100% !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-right: 17px; } }
  table td .key {
    color: #343E4A;
    font-family: "Exo 2";
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.38px;
    line-height: 16px;
    margin-right: 0.5rem;
    text-transform: uppercase; }
    @media screen and (min-width: 601px) {
      table td .key {
        display: none; } }
  table tbody tr {
    background: #fff; }
    @media screen and (min-width: 601px) {
      table tbody tr {
        border-bottom: 0.5px solid #343E4A; }
        table tbody tr.lastElement {
          border-bottom: none; } }
    @media screen and (max-width: 600px) {
      table tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-bottom: 0.5rem;
        padding: 0.25rem 0.5rem;
        width: 100%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
  table .actions,
  table .checkbox {
    width: 1%;
    cursor: pointer; }
    table .actions.edit,
    table .checkbox.edit {
      display: none !important; }

.table-wrapper {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 3px 15px 0 rgba(185, 181, 181, 0.5);
          box-shadow: 0 3px 15px 0 rgba(185, 181, 181, 0.5);
  padding: 0 21px 0 35px; }
  .table-wrapper table {
    margin: 0; }
    .table-wrapper table thead {
      color: #343E4A;
      font-family: "Exo 2";
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 0.38px;
      line-height: 16px; }
    @media screen and (min-width: 601px) {
      .table-wrapper table th,
      .table-wrapper table td {
        height: 3.75rem;
        padding: 0.5rem 1rem;
        vertical-align: middle; }
        .table-wrapper table th:first-child,
        .table-wrapper table td:first-child {
          padding: 0.5rem 0; } }
    @media screen and (max-width: 600px) {
      .table-wrapper table th,
      .table-wrapper table td {
        width: 100%; } }
    .table-wrapper table th .arrow-icon,
    .table-wrapper table td .arrow-icon {
      width: 11px;
      height: 11px; }
    .table-wrapper table th .value,
    .table-wrapper table td .value {
      color: #343E4A;
      font-family: "Exo 2";
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0.5px;
      line-height: 24px; }
      @media screen and (max-width: 600px) {
        .table-wrapper table th .value,
        .table-wrapper table td .value {
          color: #343E4A;
          font-family: "Exo 2";
          font-size: 12px;
          font-weight: bold;
          letter-spacing: 0.38px;
          line-height: 16px;
          text-align: right;
          text-transform: capitalize; } }
    .table-wrapper table th .wrapper-values,
    .table-wrapper table td .wrapper-values {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .table-wrapper table .name {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media screen and (min-width: 901px) {
        .table-wrapper table .name {
          width: 100%; } }
      @media screen and (max-width: 600px) {
        .table-wrapper table .name {
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          width: 100% !important; } }
      .table-wrapper table .name p {
        margin: 0;
        font-weight: 400;
        word-break: break-word;
        display: inline-block;
        width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        @media screen and (max-width: 600px) {
          .table-wrapper table .name p {
            text-align: right;
            width: auto;
            white-space: unset; } }
    @media screen and (max-width: 600px) {
      .table-wrapper table .nickname {
        -webkit-box-pack: right;
            -ms-flex-pack: right;
                justify-content: right; } }
    .table-wrapper table .vehicle-info-item {
      border-bottom: 0.5px solid #343E4A; }
      @media screen and (max-width: 600px) {
        .table-wrapper table .vehicle-info-item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          position: relative;
          max-width: initial;
          padding: 20px 0;
          border-bottom: 0.5px solid #EEF0F1; } }
      .table-wrapper table .vehicle-info-item .vehicle-info-item-value {
        text-transform: capitalize; }
        @media screen and (max-width: 600px) {
          .table-wrapper table .vehicle-info-item .vehicle-info-item-value {
            color: #343E4A;
            font-family: "Exo 2";
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 0.38px;
            line-height: 16px; } }
        @media screen and (max-width: 600px) {
          .table-wrapper table .vehicle-info-item .vehicle-info-item-value {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            width: 100%;
            margin-bottom: 8px;
            padding-bottom: 0; }
            .table-wrapper table .vehicle-info-item .vehicle-info-item-value.address {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column; } }
      .table-wrapper table .vehicle-info-item.lastElement {
        border-bottom: none; }
      .table-wrapper table .vehicle-info-item.hidden {
        display: none; }
    @media screen and (max-width: 600px) {
      .table-wrapper table .actions .arrow-icon {
        position: absolute;
        right: -8px;
        top: 50%; } }
    @media screen and (max-width: 600px) {
      .table-wrapper table .actions .pin-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%; }
        .table-wrapper table .actions .pin-wrapper .value {
          -ms-flex-preferred-size: 10%;
              flex-basis: 10%; } }
    .table-wrapper table tr.empty {
      height: 10px;
      border: 0; }
      @media screen and (min-width: 601px) and (max-width: 900px) {
        .table-wrapper table tr.empty {
          padding: 0; } }
      @media screen and (max-width: 600px) {
        .table-wrapper table tr.empty {
          display: none; } }

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px; }

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.modal {
  position: fixed;
  top: -100vh;
  right: 0;
  bottom: auto;
  left: 0;
  height: 100vh;
  width: 100vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  -webkit-transition: opacity 0.2s, top 0s linear 0.2s;
  transition: opacity 0.2s, top 0s linear 0.2s;
  z-index: 11; }
  .modal.open {
    opacity: 1;
    top: 0;
    -webkit-transition: opacity 0.2s, top 0s linear 0s;
    transition: opacity 0.2s, top 0s linear 0s; }
  .modal .modal-wrapper {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    background: #fff;
    border-radius: 0.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 1rem 0.5rem;
    padding: 2rem 1.125rem;
    position: relative; }
    @media screen and (max-width: 900px) {
      .modal .modal-wrapper {
        margin-top: -10vh;
        max-height: 80vh;
        width: 85vw; } }
    @media screen and (min-width: 901px) {
      .modal .modal-wrapper {
        max-width: 1200px;
        width: 80vw; } }
    .modal .modal-wrapper .close-icon svg {
      fill: #000;
      height: 18px;
      width: 18px; }
    .modal .modal-wrapper .close-icon:hover svg {
      fill: #E20026;
      cursor: pointer; }
    .modal .modal-wrapper > header {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
      @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        .modal .modal-wrapper > header {
          padding-right: 0px; } }
    .modal .modal-wrapper > main {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      overflow: auto;
      /* has to be scroll, not auto */
      min-height: 25px;
      padding: 5px 0; }
    .modal .modal-wrapper > footer {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-top: 0.5rem; }
      @media screen and (max-width: 600px) {
        .modal .modal-wrapper > footer {
          -webkit-box-align: stretch;
              -ms-flex-align: stretch;
                  align-items: stretch; } }
      @media screen and (max-width: 460px) {
        .modal .modal-wrapper > footer {
          display: block;
          text-align: center; } }
      .modal .modal-wrapper > footer button {
        margin: 0.25rem 0.5rem; }
  .modal .close-button {
    position: absolute;
    top: 1.5rem;
    right: 1.125rem;
    bottom: auto;
    left: auto;
    cursor: pointer;
    fill: #E20026; }
  .modal.half-width .modal-wrapper {
    width: 50vw; }
    @media screen and (max-width: 600px) {
      .modal.half-width .modal-wrapper {
        width: 75vw; } }

#message-modal .modal-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: auto !important;
  padding: 3rem 1.125rem; }
  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    #message-modal .modal-wrapper {
      min-height: 0px; } }
  #message-modal .modal-wrapper header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #message-modal .modal-wrapper header h2 {
      text-transform: none;
      line-height: 2rem; }
      @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        #message-modal .modal-wrapper header h2.header-icon {
          margin-right: 0px; } }
  #message-modal .modal-wrapper main {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: hidden;
    text-align: center; }
    @media screen and (max-width: 600px) {
      #message-modal .modal-wrapper main {
        margin-bottom: 0.5rem; } }
    #message-modal .modal-wrapper main br {
      content: '';
      display: block;
      margin-bottom: 0.5rem; }
  #message-modal .modal-wrapper .icon-success,
  #message-modal .modal-wrapper .icon-warning {
    height: 2rem;
    width: 2rem;
    margin-bottom: 4px;
    vertical-align: middle; }
  #message-modal .modal-wrapper .icon-success {
    fill: #6ac259; }
  #message-modal .modal-wrapper .icon-warning {
    fill: #E20026;
    margin: 4px 6px 0 0; }

.pdpModal {
  overflow-y: auto;
  position: fixed;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.32);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  padding: 1rem 0;
  top: 0;
  -webkit-transition: opacity .3s ease-in;
  transition: opacity .3s ease-in;
  width: 100%;
  z-index: 1000; }
  @media screen and (max-width: 600px) {
    .pdpModal {
      max-width: 100vw; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .pdpModal {
      right: 0;
      top: 0; } }
  .pdpModal.open {
    opacity: 1; }

@-moz-document url-prefix() {
  .pdpModal.open {
    position: fixed;
    z-index: 9999999999; } }
  .pdpModal .modal-header {
    padding: 1rem 1.125rem;
    width: 100%; }
    .pdpModal .modal-header h2,
    .pdpModal .modal-header h3 {
      margin-bottom: 0;
      margin-top: 3rem; }
  .pdpModal .pdpMessage-modal-ok-redirect svg {
    fill: #fff; }
  .pdpModal .modal-body {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: auto;
    max-width: 900px;
    padding: 0;
    position: relative; }
    @media screen and (max-width: 600px) {
      .pdpModal .modal-body {
        max-width: 90%; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .pdpModal .modal-body {
        margin: 0; } }
    .pdpModal .modal-body.modal-body-sm {
      width: 600px; }
    .pdpModal .modal-body .download-button {
      margin-bottom: -2rem;
      margin-top: 2rem;
      text-transform: uppercase; }
    .pdpModal .modal-body .modal-content {
      padding: 1rem 1.125rem; }
    .pdpModal .modal-body .modal-actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding: 1rem 1.125rem;
      width: 100%; }
      @media screen and (max-width: 600px) {
        .pdpModal .modal-body .modal-actions {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      .pdpModal .modal-body .modal-actions button {
        font-size: 1rem; }
        @media screen and (max-width: 600px) {
          .pdpModal .modal-body .modal-actions button {
            margin-top: 0.25rem; } }
  .pdpModal .modal-picture {
    height: auto;
    width: 100%; }
  .pdpModal .pdpModal-close-button {
    position: absolute;
    top: 1rem;
    right: 1.125rem;
    bottom: auto;
    left: auto;
    background: transparent;
    border: 0;
    padding: 0; }
    .pdpModal .pdpModal-close-button:hover {
      background: transparent; }
    .pdpModal .pdpModal-close-button svg {
      height: 1.5rem;
      width: 1.5rem;
      fill: #343E4A; }
  .pdpModal #pdpMessage-modal.align-center {
    width: 70%;
    -webkit-box-shadow: 2px 6px 54px 4px rgba(0, 0, 0, 0.32);
    box-shadow: 2px 6px 54px 4px rgba(0, 0, 0, 0.32);
    max-width: unset; }
    .pdpModal #pdpMessage-modal.align-center #pdpMessage-modal-cancel svg {
      display: none; }
    .pdpModal #pdpMessage-modal.align-center .pdpWarning-icon {
      text-align: center;
      height: 105px; }
      .pdpModal #pdpMessage-modal.align-center .pdpWarning-icon svg {
        -webkit-transform: scale(0.6);
                transform: scale(0.6); }
    .pdpModal #pdpMessage-modal.align-center .pdpSuccess-icon {
      text-align: center; }
      .pdpModal #pdpMessage-modal.align-center .pdpSuccess-icon svg {
        height: 70px; }
        .pdpModal #pdpMessage-modal.align-center .pdpSuccess-icon svg path {
          fill: #66c453; }
    .pdpModal #pdpMessage-modal.align-center .modal-content {
      text-align: center;
      color: #000; }
    .pdpModal #pdpMessage-modal.align-center .modal-header h3 {
      text-align: center;
      text-transform: none;
      font-size: 1.3rem;
      margin-top: 0; }
      .pdpModal #pdpMessage-modal.align-center .modal-header h3 span {
        text-transform: uppercase; }
  .pdpModal.pdp-modal {
    background-color: rgba(0, 0, 0, 0.32);
    z-index: 1050; }
    @media screen and (max-width: 600px) {
      .pdpModal.pdp-modal {
        padding: 0;
        overflow: hidden; } }
    .pdpModal.pdp-modal h1, .pdpModal.pdp-modal h2, .pdpModal.pdp-modal h3, .pdpModal.pdp-modal h4, .pdpModal.pdp-modal h5 {
      margin-bottom: 1em;
      margin-top: 0; }
    .pdpModal.pdp-modal .modal-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0px 50px;
      height: 82px; }
      @media screen and (max-width: 600px) {
        .pdpModal.pdp-modal .modal-header {
          position: fixed;
          background-color: #E20026;
          height: 70px;
          z-index: 10;
          padding: 0 20px;
          top: 0px; } }
      .pdpModal.pdp-modal .modal-header .modal-title {
        color: #343E4A;
        font-size: 20px;
        font-weight: bold;
        line-height: 36px;
        text-align: left;
        text-transform: uppercase;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
        @media screen and (max-width: 600px) {
          .pdpModal.pdp-modal .modal-header .modal-title {
            color: #fff;
            font-size: 16px;
            line-height: 24px; } }
      .pdpModal.pdp-modal .modal-header .modal-close {
        cursor: pointer; }
        .pdpModal.pdp-modal .modal-header .modal-close svg {
          width: 14px;
          height: 14px;
          fill: #343E4A; }
          @media screen and (max-width: 600px) {
            .pdpModal.pdp-modal .modal-header .modal-close svg {
              fill: #fff; } }
    .pdpModal.pdp-modal .modal-body {
      max-width: 1021px;
      width: 90%; }
      @media screen and (max-width: 600px) {
        .pdpModal.pdp-modal .modal-body {
          width: 100%;
          max-width: 100%;
          border: none;
          height: 100%; } }
      .pdpModal.pdp-modal .modal-body .modal-container {
        height: 100%; }
        @media screen and (max-width: 600px) {
          .pdpModal.pdp-modal .modal-body .modal-container {
            padding-top: 70px;
            overflow: auto; } }
        .pdpModal.pdp-modal .modal-body .modal-container .modal-content {
          padding: 1rem 48px; }
          @media screen and (max-width: 600px) {
            .pdpModal.pdp-modal .modal-body .modal-container .modal-content {
              padding: 1rem 20px; } }
          .pdpModal.pdp-modal .modal-body .modal-container .modal-content .modal-subtitle {
            line-height: 32px; }
            .pdpModal.pdp-modal .modal-body .modal-container .modal-content .modal-subtitle.submitted {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center; }
              .pdpModal.pdp-modal .modal-body .modal-container .modal-content .modal-subtitle.submitted h3 {
                color: #343E4A;
                font-size: 24px;
                font-weight: bold;
                line-height: 36px;
                text-transform: initial;
                text-align: center;
                margin-bottom: 35px; }
              .pdpModal.pdp-modal .modal-body .modal-container .modal-content .modal-subtitle.submitted p {
                color: #343E4A;
                font-size: 14px;
                font-weight: 400;
                line-height: 20px;
                text-transform: initial;
                text-align: center;
                margin: 0 0 18px; }
          .pdpModal.pdp-modal .modal-body .modal-container .modal-content.submitted {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
            .pdpModal.pdp-modal .modal-body .modal-container .modal-content.submitted h3 {
              color: #343E4A;
              font-size: 24px;
              font-weight: bold;
              line-height: 36px;
              text-transform: initial;
              text-align: center;
              margin-bottom: 35px; }
            .pdpModal.pdp-modal .modal-body .modal-container .modal-content.submitted p {
              color: #343E4A;
              font-size: 14px;
              font-weight: 400;
              line-height: 20px;
              text-transform: initial;
              text-align: center;
              margin: 0 0 18px; }
        .pdpModal.pdp-modal .modal-body .modal-container .modal-actions {
          padding: 1rem 48px 68px;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          @media screen and (max-width: 600px) {
            .pdpModal.pdp-modal .modal-body .modal-container .modal-actions {
              padding: 1rem 20px 68px; } }
          .pdpModal.pdp-modal .modal-body .modal-container .modal-actions .secondary-btn {
            padding-left: 0px; }
            .pdpModal.pdp-modal .modal-body .modal-container .modal-actions .secondary-btn .injected-svg {
              fill: #E20026;
              margin-left: 0;
              margin-right: 10px; }
          .pdpModal.pdp-modal .modal-body .modal-container .modal-actions.submitted {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center !important;
                -ms-flex-pack: center !important;
                    justify-content: center !important; }
      .pdpModal.pdp-modal .modal-body.modal-with-bg .modal-container {
        background-color: rgba(87, 138, 216, 0.2);
        border-radius: 5px;
        margin: 0 50px 52px;
        padding: 32px; }
        @media screen and (max-width: 600px) {
          .pdpModal.pdp-modal .modal-body.modal-with-bg .modal-container {
            margin: 0;
            padding: 70px 20px; } }
        .pdpModal.pdp-modal .modal-body.modal-with-bg .modal-container .modal-content {
          padding: 1rem 0px; }
        .pdpModal.pdp-modal .modal-body.modal-with-bg .modal-container .modal-actions {
          padding: 1rem 0px 0px; }

@media only screen and (max-width: 600px) {
  #pdpMessage-modal.align-center {
    width: 90% !important; } }

#pdpServer-error-modal {
  min-width: 300px; }

.checkbox {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .checkbox svg {
    vertical-align: sub;
    cursor: pointer; }
    .checkbox svg .border {
      fill: #7f7366;
      -webkit-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out; }
    .checkbox svg .background {
      fill: #E20026;
      opacity: 0;
      -webkit-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out; }
    .checkbox svg .checkmark {
      fill: #fff;
      opacity: 0;
      -webkit-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out; }
  .checkbox input {
    display: none;
    pointer-events: none; }
    .checkbox input:disabled + svg .border, .checkbox input:disabled:checked + svg .border {
      fill: #B2B2B2 !important; }
    .checkbox input:disabled + svg .background, .checkbox input:disabled:checked + svg .background {
      fill: #B2B2B2 !important; }
    .checkbox input:disabled ~ span {
      color: rgba(127, 115, 102, 0.5); }
    .checkbox input:checked + svg .checkmark {
      opacity: 1; }
    .checkbox input:checked + svg .background,
    .checkbox input:checked + svg .border {
      fill: #E20026;
      opacity: 1; }

.read-only-mode .checkbox {
  cursor: default; }
  .read-only-mode .checkbox input:disabled ~ label,
  .read-only-mode .checkbox input:disabled ~ span {
    color: #000; }
  .read-only-mode .checkbox input:disabled:checked + .injected-svg {
    opacity: .5; }
    .read-only-mode .checkbox input:disabled:checked + .injected-svg .border {
      fill: #E20026; }
    .read-only-mode .checkbox input:disabled:checked + .injected-svg .background {
      fill: #E20026; }
  .read-only-mode .checkbox input:disabled:not(:checked) + .injected-svg {
    opacity: .5; }
  .read-only-mode .checkbox input:disabled span {
    opacity: .5; }

.radio svg {
  cursor: pointer;
  position: relative;
  top: 2px; }
  .radio svg .background {
    fill: transparent; }
  .radio svg .outer {
    fill: #7f7366; }
  .radio svg .inner {
    fill: #E20026;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }

.radio img {
  display: none; }

.radio > span {
  cursor: pointer; }

.radio input {
  display: none;
  pointer-events: none; }
  .radio input:disabled + svg .outer,
  .radio input:disabled + svg .inner, .radio input:disabled:checked + svg .outer,
  .radio input:disabled:checked + svg .inner {
    fill: rgba(127, 115, 102, 0.5); }
  .radio input:disabled ~ span {
    opacity: .5; }
  .radio input:checked + svg .outer {
    fill: #E20026; }
  .radio input:checked + svg .inner {
    opacity: 1; }

@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0); }
  50% {
    -webkit-box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1); }
  100% {
    -webkit-box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0); } }

@keyframes ripple {
  0% {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0); }
  50% {
    -webkit-box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1); }
  100% {
    -webkit-box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0); } }

.md-radio {
  margin: 8px 0; }
  .md-radio.md-radio-inline {
    display: inline-block; }
  .md-radio input[type="radio"] {
    display: none; }
    .md-radio input[type="radio"]:checked + label:before {
      border-color: #004f97;
      -webkit-animation: ripple 0.2s linear forwards;
              animation: ripple 0.2s linear forwards; }
    .md-radio input[type="radio"]:checked + label:after {
      -webkit-transform: scale(1);
              transform: scale(1); }
    .md-radio input[type="radio"]:disabled, .md-radio input[type="radio"]:disabled::after, .md-radio input[type="radio"]:disabled::before,
    .md-radio input[type="radio"]:disabled ~ label,
    .md-radio input[type="radio"]:disabled ~ label::after,
    .md-radio input[type="radio"]:disabled ~ label::before {
      opacity: .5; }
  .md-radio label {
    display: inline-block;
    height: 20px;
    position: relative;
    padding: 0 30px;
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: bottom; }
    .md-radio label:before, .md-radio label:after {
      position: absolute;
      content: '';
      border-radius: 50%;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      -webkit-transition-property: border-color, -webkit-transform;
      transition-property: border-color, -webkit-transform;
      transition-property: transform, border-color;
      transition-property: transform, border-color, -webkit-transform; }
    .md-radio label:before {
      left: 0;
      top: 0;
      width: 20px;
      height: 20px;
      border: 2px solid #919191; }
    .md-radio label:after {
      top: 5px;
      left: 5px;
      width: 10px;
      height: 10px;
      -webkit-transform: scale(0);
              transform: scale(0);
      background: #004f97; }

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 2rem;
  padding-top: 3rem; }
  @media screen and (max-width: 900px) {
    .progress-bar {
      margin-bottom: 1rem;
      padding-top: 2rem; } }
  @media screen and (min-width: 901px) {
    .progress-bar {
      margin-bottom: 2rem;
      padding-top: 3rem; } }
  .progress-bar ul {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
    padding: 0; }
  .progress-bar li {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    list-style: none;
    margin: 0;
    position: relative;
    text-align: center;
    width: 300px; }
    .progress-bar li .circle-step,
    .progress-bar li .label {
      height: 2rem; }
      @media screen and (max-width: 600px) {
        .progress-bar li .circle-step,
        .progress-bar li .label {
          font-size: 0.75rem; } }
      @media screen and (min-width: 601px) {
        .progress-bar li .circle-step,
        .progress-bar li .label {
          font-size: 1rem; } }
    .progress-bar li .label {
      color: #343E4A;
      opacity: 0.5;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0.5px;
      line-height: 24px; }
    .progress-bar li .label-step {
      color: #343E4A;
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
      opacity: 0.5; }
    .progress-bar li .circle-step {
      height: 24px;
      width: 24px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #fff;
      border: 2px solid #343E4A;
      border-radius: 50%;
      color: #949494;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      font-weight: 700;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative;
      top: -2px;
      z-index: 1;
      margin-bottom: 8px; }
    .progress-bar li:not(.step-0)::before {
      position: absolute;
      top: auto;
      right: 50%;
      bottom: 75px;
      left: auto;
      content: '';
      width: 100%;
      height: 1px;
      border-top: 3px solid #343E4A; }
    .progress-bar li.completed .label, .progress-bar li.current .label {
      color: #343E4A;
      opacity: inherit;
      font-weight: bold; }
    .progress-bar li.completed .label-step, .progress-bar li.current .label-step {
      opacity: inherit; }
    .progress-bar li.completed .circle-step, .progress-bar li.current .circle-step {
      background-color: #fff;
      color: #fff;
      border-color: #E20026; }
    .progress-bar li.completed::before, .progress-bar li.current::before {
      border-top: 3px solid #E20026; }
    .progress-bar li.completed .circle-step {
      background-color: #E20026;
      border-color: #E20026; }
    .progress-bar li.current .label {
      font-weight: bold; }
  @media screen and (max-width: 900px) {
    .progress-bar {
      -webkit-transform: scale(0.8);
              transform: scale(0.8); }
      .progress-bar li {
        width: 250px; } }
  @media screen and (max-width: 600px) {
    .progress-bar {
      margin-bottom: 1rem;
      padding-top: 2rem; }
      .progress-bar li {
        width: 125px; } }
  @media screen and (max-width: 600px) {
    .progress-bar .steps-count-4 li {
      width: 90px; } }
  @media screen and (min-width: 601px) and (max-width: 900px) {
    .progress-bar .steps-count-4 li {
      width: 190px; } }
  @media screen and (min-width: 901px) {
    .progress-bar .steps-count-4 li {
      width: 225px; } }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
  visibility: hidden; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .4s;
  transition: .4s;
  border: 2px solid #949494; }

.slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 3px;
  bottom: 3px;
  background-color: #949494;
  -webkit-transition: .4s;
  transition: .4s;
  background-image: url(/Content/images/case_icon_eye_close.svg); }

input:checked + .slider {
  border-color: #000000; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
  background-color: #000000;
  background-image: url(/Content/images/case_icon_eye_open.svg); }

input:disabled + .slider {
  opacity: 0.4; }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.dealer-card {
  background: #F2F2F2;
  margin-top: 1rem;
  padding: 1rem 1.125rem 3rem;
  position: relative;
  width: 32%; }
  @media screen and (max-width: 900px) {
    .dealer-card {
      width: 48%; } }
  @media screen and (max-width: 600px) {
    .dealer-card {
      width: 100%; } }
  .dealer-card h2 {
    text-transform: none;
    font-size: 1.125rem;
    font-weight: bolder; }
  .dealer-card .content {
    margin-right: 40px;
    position: relative; }
    .dealer-card .content hr {
      border: none; }
  .dealer-card .checkbox {
    position: absolute;
    right: 1rem; }
    .dealer-card .checkbox svg {
      height: 1.25rem;
      width: 1.25rem; }
  .dealer-card .tooltip {
    position: absolute;
    right: 3.8rem;
    top: 1.1rem;
    z-index: 11;
    display: none; }
    .dealer-card .tooltip .tooltiptext {
      visibility: hidden;
      width: 252px;
      background-color: #E20026;
      color: #fff;
      text-align: center;
      border-radius: 2px;
      padding: 10px;
      position: absolute;
      z-index: 1;
      bottom: 159%;
      left: 50%;
      margin-left: -125px;
      opacity: 0;
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s;
      font-size: 0.8rem;
      line-height: 18px; }
      .dealer-card .tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #E20026 transparent transparent transparent; }
    .dealer-card .tooltip:hover .tooltiptext {
      visibility: visible;
      opacity: 1; }

body {
  /* #evo-redirect {
    background-color: yellow;
    width: 500px;
    height: 500px;
  } */ }
  body .user-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: uppercase; }
  @media screen and (max-width: 900px) {
    body.sticky-menu {
      padding-top: 65px; }
      body.sticky-menu > header {
        position: fixed;
        top: 0;
        right: 0;
        bottom: auto;
        left: 0;
        z-index: 10; } }
  body > header {
    background: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    top: -3.75rem;
    -webkit-transition: top ease-in 0.2s;
    transition: top ease-in 0.2s;
    z-index: 1050;
    border-top: 4px solid #E20026;
    position: fixed;
    width: 100%;
    top: 0 !important;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.24);
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.24); }
    body > header .header-svg {
      fill: #000; }
    body > header a {
      color: #000000; }
      body > header a svg {
        fill: #3a3a3a;
        -webkit-transition: fill 0.2s ease-in-out;
        transition: fill 0.2s ease-in-out; }
      body > header a:not(.logo):hover {
        text-decoration: none;
        /*span {
            //font-weight: bold;
          } */ }
        body > header a:not(.logo):hover svg {
          fill: #E20026; }
    body > header .submenu a:hover {
      -webkit-box-shadow: none;
              box-shadow: none;
      text-decoration: underline; }
    body > header img.header-svg {
      display: none;
      fill: #000; }
    body > header .container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 3.75rem; }
      @media screen and (min-width: 901px) {
        body > header .container {
          padding: 0; } }
      @media screen and (max-width: 900px) {
        body > header .container {
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; } }
    @media screen and (min-width: 901px) {
      body > header .mobile-menu-toggler {
        display: none; } }
    @media screen and (max-width: 900px) {
      body > header .mobile-menu-overlay {
        position: fixed;
        top: 3.75rem;
        right: 0;
        bottom: auto;
        left: auto;
        background: rgba(0, 0, 0, 0.4);
        cursor: pointer;
        opacity: 0;
        -webkit-transition: opacity 0.6s, top 0s linear 0.6s, left 0s linear 0.6s;
        transition: opacity 0.6s, top 0s linear 0.6s, left 0s linear 0.6s; } }
    @media screen and (max-width: 900px) {
      body > header .spacer {
        display: none; }
      body > header .mobile-menu-close {
        display: none; } }
    body > header .trigger {
      cursor: pointer; }
      body > header .trigger.injected-svg {
        height: 1.25rem;
        width: 1.25rem; }

@media screen and (min-width: 901px) and (-ms-high-contrast: active), screen and (min-width: 901px) and (-ms-high-contrast: none) {
  body > header .logo {
    width: 140px; } }
    body > header .logo img {
      height: 54px; }
    @media screen and (max-width: 900px) {
      body > header .logo {
        margin: auto; } }
    body > header .logo > svg {
      height: 2.5rem;
      width: auto; }
    body > header nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-color: #fff !important; }
      body > header nav#my-account-header {
        overflow: hidden; }
      body > header nav > a {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 1rem;
        text-transform: capitalize; }
        body > header nav > a.current {
          -webkit-box-shadow: inset 0 -4px 0 0 #E20026;
          box-shadow: inset 0 -4px 0 0 #E20026; }
      body > header nav .label {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.5px;
        line-height: 24px; }
      body > header nav .current {
        font-weight: 700; }
      @media screen and (min-width: 901px) {
        body > header nav > a {
          height: 3.75rem; }
        body > header nav .login {
          color: #E20026;
          border: 2px solid #E20026;
          padding: 0.5rem 1.125rem;
          cursor: pointer; }
          body > header nav .login:active {
            -webkit-filter: brightness(75%);
                    filter: brightness(75%); } }
      @media screen and (max-width: 900px) {
        body > header nav {
          position: fixed;
          top: 3.75rem;
          right: auto;
          bottom: 0;
          left: -100vw;
          background: #d8d8d8;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          padding: 0;
          -webkit-transition: left 0.2s;
          transition: left 0.2s;
          width: 100vw;
          z-index: 1; }
          body > header nav > a {
            border-bottom: 1px solid #bfbfbf;
            height: 3rem; } }
    @media screen and (max-width: 900px) {
      body > header.mobile-menu-open .mobile-menu-close {
        display: block; }
      body > header.mobile-menu-open .mobile-menu-open {
        display: none; }
      body > header.mobile-menu-open .mobile-menu-overlay {
        bottom: 0;
        left: 0;
        opacity: 1; }
      body > header.mobile-menu-open nav {
        left: 0; } }
    @media screen and (max-width: 900px) {
      body > header .user-menu {
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        border: 0;
        margin: 0;
        z-index: -1; }
        body > header .user-menu .label {
          display: none; } }
    @media screen and (min-width: 901px) {
      body > header .user-menu {
        margin-right: 0; } }
    body > header .user-menu .trigger {
      height: 2rem;
      width: 2rem;
      background: #E20026;
      border-radius: 100%;
      color: #fff;
      display: block;
      font-size: 0.75rem;
      line-height: 2rem;
      text-align: center; }
      @media screen and (max-width: 900px) {
        body > header .user-menu .trigger {
          margin: 5px 1.125rem; } }
      @media screen and (min-width: 901px) {
        body > header .user-menu .trigger {
          margin: 5px 33px 5px 8px; } }
    body > header .submenu {
      position: fixed;
      top: 3.5rem;
      right: auto;
      bottom: auto;
      left: auto;
      background: #fff;
      border-radius: 3px;
      display: none;
      font-size: 1rem;
      min-width: 300px;
      top: 3.9rem;
      padding: 1rem 1.125rem 0.5rem;
      -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 -10px 8px -7px, rgba(0, 0, 0, 0.19) 0 3px 5px 0 !important;
              box-shadow: rgba(0, 0, 0, 0.2) 0 -10px 8px -7px, rgba(0, 0, 0, 0.19) 0 3px 5px 0 !important; }
      body > header .submenu .submenu-indicator {
        border-bottom: 15px solid #fff;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        display: block;
        position: absolute;
        top: -14px; }
      body > header .submenu a {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-weight: bold;
        height: 3rem; }
        body > header .submenu a + a {
          border-top: 1px solid #7f7366; }
    body > header .user-submenu {
      z-index: 999; }
      @media screen and (max-width: 900px) {
        body > header .user-submenu {
          background: transparent;
          border: 0;
          display: block !important;
          padding-bottom: 0;
          padding-top: 0;
          position: static; }
          body > header .user-submenu a {
            text-transform: uppercase; }
            body > header .user-submenu a + a {
              border-top: 0; }
          body > header .user-submenu hr {
            border-bottom: 1px solid #d9d9d9;
            margin: 0 auto;
            width: 100%; }
          body > header .user-submenu .user-info {
            display: none; }
          body > header .user-submenu .submenu-indicator {
            display: none; } }
      @media screen and (min-width: 901px) {
        body > header .user-submenu .user-info {
          margin: 0.5rem 0; }
        body > header .user-submenu .username {
          display: block;
          font-weight: bold; }
        body > header .user-submenu .company {
          font-size: 0.875rem;
          font-weight: normal; } }
    body > header .submenu-overlay {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: none;
      z-index: 999; }
    body > header .app-drawer-nd {
      height: 1.5rem;
      width: 1.5rem; }
      body > header .app-drawer-nd .close-app-drawer {
        display: none;
        height: auto; }
        body > header .app-drawer-nd .close-app-drawer path {
          fill: #E20026; }
      body > header .app-drawer-nd span.trigger {
        height: auto;
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        body > header .app-drawer-nd span.trigger svg {
          height: 21px;
          width: 21px; }
      body > header .app-drawer-nd .trigger {
        height: 100%;
        width: 100%; }
      @media screen and (max-width: 460px) {
        body > header .app-drawer-nd .submenu {
          background-color: #EEF0F1;
          top: 83px;
          border-radius: 0;
          -webkit-box-shadow: none !important;
                  box-shadow: none !important;
          padding: 23px 32px; }
        body > header .app-drawer-nd .submenu-indicator {
          display: none; } }
      body > header .app-drawer-nd .app-drawer-submenu {
        z-index: 999;
        max-width: 280px;
        min-width: 280px;
        min-height: 406px; }
        @media screen and (max-width: 460px) {
          body > header .app-drawer-nd .app-drawer-submenu {
            max-width: 100%;
            min-width: 100%;
            min-height: 100%;
            left: 0 !important; }
            body > header .app-drawer-nd .app-drawer-submenu label {
              display: none; } }
        body > header .app-drawer-nd .app-drawer-submenu section + section {
          padding-top: 1rem; }
        body > header .app-drawer-nd .app-drawer-submenu a {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-weight: 400;
          position: relative;
          border-top: 1px solid #EEF0F1; }
          @media screen and (min-width: 901px) and (max-width: 1200px) {
            body > header .app-drawer-nd .app-drawer-submenu a {
              height: 2rem; } }
          @media screen and (max-width: 900px) {
            body > header .app-drawer-nd .app-drawer-submenu a {
              font-size: 1rem; } }
          body > header .app-drawer-nd .app-drawer-submenu a + a {
            border-top: 1px solid #EEF0F1; }
          body > header .app-drawer-nd .app-drawer-submenu a .pre {
            height: 1.8rem;
            width: 1.8rem;
            fill: #000;
            margin-right: 0.5rem; }
          body > header .app-drawer-nd .app-drawer-submenu a .post {
            position: absolute;
            top: auto;
            right: 0;
            bottom: auto;
            left: auto; }
          body > header .app-drawer-nd .app-drawer-submenu a:hover .pre {
            fill: #3d3d3d; }
        body > header .app-drawer-nd .app-drawer-submenu .sso-apps h4,
        body > header .app-drawer-nd .app-drawer-submenu .others h4 {
          color: #899098;
          font-family: "Exo 2";
          font-size: 12px;
          font-weight: 600;
          letter-spacing: 0.5px;
          line-height: 20px;
          text-align: left;
          padding-bottom: 10px;
          margin-top: 0; }
        body > header .app-drawer-nd .app-drawer-submenu .sso-apps .tool-link,
        body > header .app-drawer-nd .app-drawer-submenu .others .tool-link {
          color: #343E4A;
          font-family: "Exo 2";
          font-size: 14px;
          font-weight: 600;
          letter-spacing: 0.5px;
          line-height: 24px;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          body > header .app-drawer-nd .app-drawer-submenu .sso-apps .tool-link .arrow-icon,
          body > header .app-drawer-nd .app-drawer-submenu .others .tool-link .arrow-icon {
            width: 11px;
            height: 11px; }
        body > header .app-drawer-nd .app-drawer-submenu .others path {
          fill: #E20026; }
      body > header .app-drawer-nd.toolbox {
        min-height: 45px;
        min-width: 54px;
        margin-left: 23px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-top: 1px; }
        body > header .app-drawer-nd.toolbox label {
          color: #000000;
          font-family: "Exo 2";
          font-size: 14px;
          letter-spacing: 0.5px;
          line-height: 24px;
          text-transform: capitalize;
          margin-top: 0;
          font-weight: 400; }
          body > header .app-drawer-nd.toolbox label.close-app-drawer {
            color: #E20026 !important; }
            @media screen and (max-width: 900px) {
              body > header .app-drawer-nd.toolbox label.close-app-drawer .subtitle {
                display: none !important; } }
          @media screen and (max-width: 900px) {
            body > header .app-drawer-nd.toolbox label {
              display: none !important; } }
        @media screen and (max-width: 900px) {
          body > header .app-drawer-nd.toolbox {
            width: 85px;
            height: 80px;
            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;
            margin-left: 0; } }
  @media screen and (max-width: 900px) and (max-width: 460px) {
    body > header .app-drawer-nd.toolbox.open {
      height: 80px;
      width: 85px;
      background-color: #EEF0F1;
      margin-left: 0;
      margin-right: 0;
      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; } }
    body > header .app-drawer {
      margin-top: 4px;
      margin-right: 3px;
      overflow: hidden;
      height: 1.5rem;
      width: 1.5rem; }
      body > header .app-drawer .close-app-drawer {
        display: none; }
      body > header .app-drawer span.trigger {
        height: 1rem;
        width: 1rem; }
        body > header .app-drawer span.trigger svg {
          height: 24px;
          width: 24px; }
      body > header .app-drawer .trigger {
        height: 100%;
        width: 100%; }
      body > header .app-drawer .app-drawer-submenu {
        z-index: 999; }
        @media screen and (max-width: 900px) {
          body > header .app-drawer .app-drawer-submenu {
            min-width: 300px; } }
        body > header .app-drawer .app-drawer-submenu section + section {
          border-top: 1px solid #d8d8d8;
          margin-top: 1rem;
          padding-top: 0.5rem; }
        body > header .app-drawer .app-drawer-submenu a {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-weight: 400;
          padding: 0.5rem 1.5rem 0.5rem 0;
          position: relative; }
          @media screen and (min-width: 901px) and (max-width: 1200px) {
            body > header .app-drawer .app-drawer-submenu a {
              height: 2rem; } }
          @media screen and (max-width: 900px) {
            body > header .app-drawer .app-drawer-submenu a {
              font-size: 1rem; } }
          body > header .app-drawer .app-drawer-submenu a + a {
            border-top: 1px solid #d8d8d8; }
          body > header .app-drawer .app-drawer-submenu a .pre {
            height: 1.8rem;
            width: 1.8rem;
            fill: #000;
            margin-right: 0.5rem; }
          body > header .app-drawer .app-drawer-submenu a .post {
            position: absolute;
            top: auto;
            right: 0;
            bottom: auto;
            left: auto; }
          body > header .app-drawer .app-drawer-submenu a:hover .pre {
            fill: #3d3d3d; }
  body .sub-header {
    background-color: #343E4A;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase; }
    @media screen and (max-width: 900px) {
      body .sub-header {
        font-size: 0.875rem; } }
    body .sub-header .container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 3.75rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      font-size: 16px; }
      @media screen and (min-width: 601px) {
        body .sub-header .container {
          font-size: 20px; } }
      @media screen and (min-width: 901px) {
        body .sub-header .container {
          padding: 0; } }
    body .sub-header a {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      body .sub-header a svg {
        margin-right: 1rem; }
    body .sub-header .buttons-wrapper {
      margin: 0 -0.5rem; }
      @media screen and (max-width: 600px) {
        body .sub-header .buttons-wrapper {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; } }
      body .sub-header .buttons-wrapper .button,
      body .sub-header .buttons-wrapper button {
        padding: 0;
        margin: 0 1rem; }
        @media screen and (max-width: 600px) {
          body .sub-header .buttons-wrapper .button,
          body .sub-header .buttons-wrapper button {
            min-width: 0;
            padding-left: 1rem;
            padding-right: 1rem;
            margin: 0 0.25rem !important; } }
      body .sub-header .buttons-wrapper .hidden {
        display: none; }
      body .sub-header .buttons-wrapper .injected-svg + span {
        margin-left: 0.5rem; }
      body .sub-header .buttons-wrapper .primary .injected-svg {
        fill: #000; }
      body .sub-header .buttons-wrapper .link:hover {
        text-decoration: none; }
      body .sub-header .buttons-wrapper .link .injected-svg {
        fill: #fff; }
  body .landing-header-old .desktop-header-wrapper {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 600px) {
      body .landing-header-old .desktop-header-wrapper {
        display: none; } }
    body .landing-header-old .desktop-header-wrapper a.logo {
      margin-left: 60px;
      margin-right: 60px;
      min-width: 130px; }
    body .landing-header-old .desktop-header-wrapper .nav {
      background-color: #E20026;
      color: #fff;
      width: 100%;
      height: 61px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-right: 60px; }
      body .landing-header-old .desktop-header-wrapper .nav > * {
        margin: 0 10px; }
      body .landing-header-old .desktop-header-wrapper .nav .change-region {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        body .landing-header-old .desktop-header-wrapper .nav .change-region svg {
          margin-right: 10px;
          height: 40%;
          width: 40%; }
  body .landing-header-old .mobile-header-wrapper {
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 60px; }
    @media screen and (max-width: 600px) {
      body .landing-header-old .mobile-header-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    body .landing-header-old .mobile-header-wrapper .bbq-open {
      height: 30px;
      width: 30px;
      margin-left: 20px; }
    body .landing-header-old .mobile-header-wrapper .mobile-logo img {
      height: 30px; }
    body .landing-header-old .mobile-header-wrapper .mobile-right-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-right: 10px; }
      body .landing-header-old .mobile-header-wrapper .mobile-right-nav svg {
        height: 30px;
        width: 30px;
        margin-right: 10px; }
        body .landing-header-old .mobile-header-wrapper .mobile-right-nav svg use {
          fill: #E20026; }
  body .landing-header-old .sidebar {
    z-index: 10;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    display: none; }
    body .landing-header-old .sidebar.right {
      right: 0; }
    body .landing-header-old .sidebar.left {
      left: 0; }
    body .landing-header-old .sidebar .sidebar-overlay {
      height: 100%;
      width: 100%;
      background-color: #000;
      opacity: 0.3;
      position: fixed; }
    body .landing-header-old .sidebar .sidebar-content {
      width: 300px;
      height: 100%;
      background-color: #fff;
      position: fixed;
      right: 0; }
      @media screen and (max-width: 460px) {
        body .landing-header-old .sidebar .sidebar-content {
          width: 100%; } }
      body .landing-header-old .sidebar .sidebar-content .sidebar-content-header {
        height: 60px;
        background-color: #000;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 20px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        body .landing-header-old .sidebar .sidebar-content .sidebar-content-header .close-sidebar svg {
          fill: #fff;
          margin-right: 20px;
          cursor: pointer;
          height: 18px;
          width: 30px; }
      body .landing-header-old .sidebar .sidebar-content .sidebar-content-title {
        text-transform: uppercase;
        padding: 15px 20px;
        font-weight: bold;
        font-size: 13px; }
      body .landing-header-old .sidebar .sidebar-content .sidebar-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 0 20px; }
        body .landing-header-old .sidebar .sidebar-content .sidebar-items .sidebar-item {
          font-weight: bolder;
          padding: 6px 10px; }
          @media screen and (max-width: 460px) {
            body .landing-header-old .sidebar .sidebar-content .sidebar-items .sidebar-item {
              padding: 10px 10px; } }
    body .landing-header-old .sidebar#mobile-nav-sidebar .sidebar-content-header {
      background-color: #fff;
      color: #000;
      font-size: 1.2rem;
      border-bottom: 1px solid #F2F2F2;
      padding-right: 20px; }
      body .landing-header-old .sidebar#mobile-nav-sidebar .sidebar-content-header svg {
        fill: #000;
        height: 30px;
        width: 30px;
        fill: #000; }
        body .landing-header-old .sidebar#mobile-nav-sidebar .sidebar-content-header svg use {
          fill: #000; }
    body .landing-header-old .sidebar#mobile-nav-sidebar .sidebar-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0; }
      body .landing-header-old .sidebar#mobile-nav-sidebar .sidebar-items .sidebar-item {
        text-transform: uppercase;
        padding: 20px;
        border-bottom: 1px solid #F2F2F2; }

body >
.footer-not-logged {
  font-size: 0.75rem;
  font-weight: 600; }
  body >
.footer-not-logged .bottom-bar {
    background: #000;
    border-bottom: 8px solid #E20026;
    padding-top: 30px; }
    body >
.footer-not-logged .bottom-bar .container {
      max-width: 1320px !important;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: end;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media screen and (max-width: 600px) {
        body >
.footer-not-logged .bottom-bar .container {
          height: auto !important;
          max-width: auto !important;
          padding: 0 13px 0 24px; } }
      body >
.footer-not-logged .bottom-bar .container .container-back {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 30px; }
        body >
.footer-not-logged .bottom-bar .container .container-back .title-back {
          color: #FFFFFF;
          font-family: "Exo 2";
          font-size: 14px;
          font-weight: bold;
          letter-spacing: 0.5px;
          line-height: 24px;
          padding-right: 16px; }
        body >
.footer-not-logged .bottom-bar .container .container-back .wrapper-arrow {
          width: 40px;
          height: 40px;
          background: #E20026;
          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; }
          body >
.footer-not-logged .bottom-bar .container .container-back .wrapper-arrow:hover {
            background: #FFFFFF; }
            body >
.footer-not-logged .bottom-bar .container .container-back .wrapper-arrow:hover svg g g {
              fill: #E20026; }
        @media screen and (max-width: 600px) {
          body >
.footer-not-logged .bottom-bar .container .container-back {
            display: none; } }
      body >
.footer-not-logged .bottom-bar .container .title {
        color: #FFFFFF;
        font-family: "Exo 2";
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 17px;
        padding-bottom: 22px;
        text-transform: capitalize; }
        @media screen and (max-width: 600px) {
          body >
.footer-not-logged .bottom-bar .container .title {
            padding-top: 20px;
            margin: 0; } }
      body >
.footer-not-logged .bottom-bar .container .bottom-links {
        color: #FFFFFF;
        font-family: "Exo 2";
        font-size: 14px;
        letter-spacing: 0;
        line-height: 17px;
        font-weight: 300;
        margin-left: 0;
        padding-bottom: 4px;
        margin-top: 4px; }
        body >
.footer-not-logged .bottom-bar .container .bottom-links:hover {
          text-decoration: underline;
          text-underline-offset: 3px;
          text-decoration-thickness: 1px; }
      body >
.footer-not-logged .bottom-bar .container .container-dropdown {
        width: 113px;
        height: 32px; }
        body >
.footer-not-logged .bottom-bar .container .container-dropdown svg.injected-svg.dropdown-icon {
          display: none; }
        body >
.footer-not-logged .bottom-bar .container .container-dropdown .arrow-icon {
          fill: #C7CDD0;
          position: absolute;
          right: 5px;
          width: 15px;
          height: 14px; }
        body >
.footer-not-logged .bottom-bar .container .container-dropdown.country {
          margin-bottom: 10px; }
          body >
.footer-not-logged .bottom-bar .container .container-dropdown.country .select-field {
            margin: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 7.5px 9px 7.5px 0;
            max-height: 32px; }
        body >
.footer-not-logged .bottom-bar .container .container-dropdown.language {
          border: 2px solid #C7CDD0;
          margin-top: 10px; }
          body >
.footer-not-logged .bottom-bar .container .container-dropdown.language .select-field {
            margin: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 7.5px 9px 7.5px 12px;
            max-height: 32px; }
            body >
.footer-not-logged .bottom-bar .container .container-dropdown.language .select-field .select2-selection__arrow svg use {
              fill: #C7CDD0; }
      body >
.footer-not-logged .bottom-bar .container .select2-container--default .select2-selection--single {
        background: transparent;
        border: 0;
        border-radius: 0;
        height: auto;
        max-height: 32px;
        outline: 0; }
        body >
.footer-not-logged .bottom-bar .container .select2-container--default .select2-selection--single .select2-selection__rendered {
          max-height: 32px;
          min-height: 32px;
          padding: 0;
          color: #C7CDD0;
          font-family: "Exo 2";
          font-size: 12px;
          font-weight: bold;
          letter-spacing: 0;
          line-height: 13px;
          text-transform: capitalize;
          padding-left: 10px !important; }
      body >
.footer-not-logged .bottom-bar .container .dealer-login {
        padding-top: 47px; }
        @media screen and (max-width: 600px) {
          body >
.footer-not-logged .bottom-bar .container .dealer-login {
            padding-top: 39px;
            padding-bottom: 10px; } }
        body >
.footer-not-logged .bottom-bar .container .dealer-login .sub-title {
          color: #FFFFFF;
          font-family: "Exo 2";
          font-size: 12px;
          font-weight: bold;
          letter-spacing: 0;
          line-height: 13px;
          text-transform: uppercase; }
        body >
.footer-not-logged .bottom-bar .container .dealer-login .login {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          body >
.footer-not-logged .bottom-bar .container .dealer-login .login .login-text {
            color: #FFFFFF;
            font-family: "Exo 2";
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 24px;
            margin-left: 5px;
            text-transform: uppercase; }
      body >
.footer-not-logged .bottom-bar .container .wrapper-bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        padding-bottom: 38px; }
        @media screen and (max-width: 600px) {
          body >
.footer-not-logged .bottom-bar .container .wrapper-bottom {
            padding-bottom: 24px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; } }
        body >
.footer-not-logged .bottom-bar .container .wrapper-bottom .logo {
          width: 136px;
          height: 38px;
          margin-right: 32px; }
        body >
.footer-not-logged .bottom-bar .container .wrapper-bottom .logo-links {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start !important;
              -ms-flex-pack: start !important;
                  justify-content: flex-start !important; }
          body >
.footer-not-logged .bottom-bar .container .wrapper-bottom .logo-links .wrapper-bottom-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            padding-top: 10px; }
            body >
.footer-not-logged .bottom-bar .container .wrapper-bottom .logo-links .wrapper-bottom-links .bottom-links {
              color: #C7CDD0;
              font-family: "Exo 2";
              font-size: 12px;
              letter-spacing: 0.5px;
              line-height: 20px;
              font-weight: 200; }
              @media screen and (max-width: 600px) {
                body >
.footer-not-logged .bottom-bar .container .wrapper-bottom .logo-links .wrapper-bottom-links .bottom-links {
                  line-height: 35px;
                  padding-left: 0;
                  margin-right: 16px;
                  margin-top: 10px;
                  font-weight: 300; }
                  body >
.footer-not-logged .bottom-bar .container .wrapper-bottom .logo-links .wrapper-bottom-links .bottom-links.last {
                    line-height: 20px;
                    margin-right: 0; } }
          body >
.footer-not-logged .bottom-bar .container .wrapper-bottom .logo-links a {
            padding-right: 16px;
            margin-left: 16px !important;
            border-right: 1px solid #C7CDD0; }
            body >
.footer-not-logged .bottom-bar .container .wrapper-bottom .logo-links a:last-child {
              border-right: none; }
            @media screen and (max-width: 600px) {
              body >
.footer-not-logged .bottom-bar .container .wrapper-bottom .logo-links a {
                margin-left: 0 !important; } }
            body >
.footer-not-logged .bottom-bar .container .wrapper-bottom .logo-links a:first-child {
              margin-left: 0 !important; }
        @media screen and (max-width: 600px) {
          body >
.footer-not-logged .bottom-bar .container .wrapper-bottom.desktop {
            display: none; } }
        body >
.footer-not-logged .bottom-bar .container .wrapper-bottom.desktop .partner {
          color: #FFFFFF;
          font-family: "Exo 2";
          font-size: 20px;
          font-weight: 600;
          letter-spacing: 0;
          line-height: 24px; }
        @media screen and (min-width: 601px) {
          body >
.footer-not-logged .bottom-bar .container .wrapper-bottom.mobile {
            display: none; } }
        body >
.footer-not-logged .bottom-bar .container .wrapper-bottom.mobile .logo-links {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          padding: 0; }
          body >
.footer-not-logged .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-links {
            padding-right: 15px; }
          body >
.footer-not-logged .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-back {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 32px 10px 36px 0;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            body >
.footer-not-logged .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-back .title-back {
              color: #FFFFFF;
              font-family: "Exo 2";
              font-size: 14px;
              font-weight: bold;
              letter-spacing: 0.5px;
              line-height: 24px;
              padding-right: 16px;
              border: none;
              text-transform: uppercase; }
            body >
.footer-not-logged .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-back .wrapper-arrow {
              width: 40px;
              height: 40px;
              background: #E20026;
              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; }
              body >
.footer-not-logged .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-back .wrapper-arrow:hover {
                background: #FFFFFF; }
                body >
.footer-not-logged .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-back .wrapper-arrow:hover svg g g {
                  fill: #E20026; }
          body >
.footer-not-logged .bottom-bar .container .wrapper-bottom.mobile .logo-links .wrapper-logo {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 100%;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; }
            body >
.footer-not-logged .bottom-bar .container .wrapper-bottom.mobile .logo-links .wrapper-logo .partner {
              color: #FFFFFF;
              font-family: "Exo 2";
              font-size: 14px;
              font-weight: 600;
              letter-spacing: 0.5;
              line-height: 24px;
              padding-right: 10px; }

.connect-with-us {
  padding-bottom: 80px;
  padding-top: 60px;
  background-color: #EEF0F1; }
  @media screen and (max-width: 600px) {
    .connect-with-us {
      padding-bottom: 64px;
      padding-top: 48px; } }
  .connect-with-us .container {
    height: 3.25rem !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6.25rem; }
    .connect-with-us .container .label-connect {
      color: #000000;
      font-family: "Exo 2", sans-serif;
      font-size: 36px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 44px;
      padding-right: 142px; }
      @media screen and (max-width: 600px) {
        .connect-with-us .container .label-connect {
          font-size: 26px;
          padding-bottom: 41px;
          padding-right: 0;
          line-height: 34px; } }
      .connect-with-us .container .label-connect .spacer {
        width: 21px;
        height: 8px;
        background: #E20026; }
    @media screen and (max-width: 460px) {
      .connect-with-us .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding: 0 38px 0 32px; }
        .connect-with-us .container .spacer {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 1rem;
                  flex: 0 0 1rem; } }
  .connect-with-us .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 460px) {
      .connect-with-us .social {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%; } }
    .connect-with-us .social .icon {
      padding-right: 30px; }
      .connect-with-us .social .icon:last-child {
        padding-right: 0; }
      .connect-with-us .social .icon:hover svg g g {
        fill: #000000; }
      @media screen and (max-width: 460px) {
        .connect-with-us .social .icon {
          padding-right: 0; } }
      .connect-with-us .social .icon:hover svg g g {
        fill: #000000; }
    .connect-with-us .social .injected-svg {
      height: 1.25rem;
      width: 1.25rem;
      height: 25px;
      width: 25px; }
    .connect-with-us .social a {
      display: block; }
      .connect-with-us .social a + a {
        margin-left: 1rem; }
      .connect-with-us .social a:hover .injected-svg {
        fill: #E20026; }

.footer-nd {
  font-size: 0.75rem;
  font-weight: 600; }
  .footer-nd .bottom-bar {
    background: #000;
    border-bottom: 8px solid #E20026; }
    .footer-nd .bottom-bar .container {
      height: 392px !important;
      max-width: 1320px !important;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: end;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media screen and (max-width: 600px) {
        .footer-nd .bottom-bar .container {
          height: auto !important;
          max-width: auto !important;
          padding: 0 13px 0 24px; } }
      .footer-nd .bottom-bar .container .wrapper-nav-links {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 50px; }
        @media screen and (max-width: 460px) {
          .footer-nd .bottom-bar .container .wrapper-nav-links {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            padding: 32px 0 37px; } }
        @media screen and (max-width: 760px) {
          .footer-nd .bottom-bar .container .wrapper-nav-links {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            padding: 32px 0 37px;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start; } }
        @media screen and (max-width: 1020px) {
          .footer-nd .bottom-bar .container .wrapper-nav-links {
            padding: 32px 0 37px; } }
        .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col a {
            padding-left: 0; }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-back {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding-bottom: 70px; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-back .title-back {
              color: #FFFFFF;
              font-family: "Exo 2";
              font-size: 14px;
              font-weight: bold;
              letter-spacing: 0.5px;
              line-height: 24px;
              padding-right: 16px; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-back .wrapper-arrow {
              width: 40px;
              height: 40px;
              background: #E20026;
              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; }
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-back .wrapper-arrow:hover {
                background: #FFFFFF; }
                .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-back .wrapper-arrow:hover svg g g {
                  fill: #E20026; }
            @media screen and (max-width: 600px) {
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-back {
                display: none; } }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .title {
            color: #FFFFFF;
            font-family: "Exo 2";
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 17px;
            padding-bottom: 22px;
            text-transform: capitalize; }
            @media screen and (max-width: 600px) {
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .title {
                padding-top: 20px;
                margin: 0; } }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-links .customer-service {
            color: #FFFFFF;
            font-family: "Exo 2";
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 17px;
            padding-bottom: 9px;
            text-transform: uppercase; }
            @media screen and (max-width: 600px) {
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-links .customer-service {
                padding-top: 31px; } }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-links .hotline {
            color: #FFFFFF;
            font-family: "Exo 2";
            font-size: 14px;
            letter-spacing: 0;
            line-height: 18px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            font-weight: 200;
            margin-bottom: 0; }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-links .wrapper-status {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                    align-items: baseline; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-links .wrapper-status .status {
              font-family: "Exo 2";
              font-size: 12px;
              letter-spacing: 0;
              line-height: 13px;
              font-weight: 200px;
              margin-top: 0; }
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-links .wrapper-status .status.active {
                color: #91D81E; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-links .wrapper-status .oval {
              height: 8px;
              width: 8px;
              border-radius: 50%;
              background-color: #91D81E;
              margin-right: 8px; }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .bottom-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            color: #FFFFFF;
            font-family: "Exo 2";
            font-size: 14px;
            letter-spacing: 0;
            line-height: 17px;
            font-weight: 300;
            margin-left: 0;
            padding-bottom: 9px; }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-dropdown {
            width: 113px;
            height: 32px; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-dropdown svg.injected-svg.dropdown-icon {
              display: none; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-dropdown .arrow-icon {
              fill: #C7CDD0;
              position: absolute;
              right: 5px;
              width: 15px;
              height: 14px; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-dropdown.country {
              margin-bottom: 10px; }
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-dropdown.country .select-field {
                margin: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding: 7.5px 9px 7.5px 0;
                max-height: 32px; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-dropdown.language {
              border: 2px solid #C7CDD0;
              margin-top: 10px; }
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-dropdown.language .select-field {
                margin: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding: 7.5px 9px 7.5px 12px;
                max-height: 32px; }
                .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-dropdown.language .select-field .select2-selection__arrow svg use {
                  fill: #C7CDD0; }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .select2-container--default .select2-selection--single {
            background: transparent;
            border: 0;
            border-radius: 0;
            height: auto;
            max-height: 32px;
            outline: 0; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .select2-container--default .select2-selection--single .select2-selection__rendered {
              max-height: 32px;
              min-height: 32px;
              padding: 0;
              color: #C7CDD0;
              font-family: "Exo 2";
              font-size: 12px;
              font-weight: bold;
              letter-spacing: 0;
              line-height: 13px;
              text-transform: capitalize;
              padding-left: 10px !important; }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .dealer-login {
            padding-top: 47px; }
            @media screen and (max-width: 600px) {
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .dealer-login {
                padding-top: 39px;
                padding-bottom: 10px; } }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .dealer-login .sub-title {
              color: #FFFFFF;
              font-family: "Exo 2";
              font-size: 12px;
              font-weight: bold;
              letter-spacing: 0;
              line-height: 13px;
              text-transform: uppercase; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .dealer-login .login {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .dealer-login .login .login-text {
                color: #FFFFFF;
                font-family: "Exo 2";
                font-size: 16px;
                font-weight: bold;
                letter-spacing: 0;
                line-height: 24px;
                margin-left: 5px;
                text-transform: uppercase; }
      .footer-nd .bottom-bar .container .wrapper-bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-bottom: 38px; }
        @media screen and (max-width: 600px) {
          .footer-nd .bottom-bar .container .wrapper-bottom {
            padding-bottom: 24px; } }
        .footer-nd .bottom-bar .container .wrapper-bottom .logo {
          width: 136px;
          height: 38px;
          padding-right: 32px; }
        .footer-nd .bottom-bar .container .wrapper-bottom .logo-links {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start !important;
              -ms-flex-pack: start !important;
                  justify-content: flex-start !important; }
          .footer-nd .bottom-bar .container .wrapper-bottom .logo-links .wrapper-bottom-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; }
            .footer-nd .bottom-bar .container .wrapper-bottom .logo-links .wrapper-bottom-links .bottom-links {
              color: #C7CDD0;
              font-family: "Exo 2";
              font-size: 12px;
              letter-spacing: 0.5px;
              line-height: 20px;
              font-weight: 200; }
              @media screen and (max-width: 600px) {
                .footer-nd .bottom-bar .container .wrapper-bottom .logo-links .wrapper-bottom-links .bottom-links {
                  line-height: 35px;
                  padding-left: 0;
                  margin-right: 16px;
                  margin-top: 10px;
                  font-weight: 300; }
                  .footer-nd .bottom-bar .container .wrapper-bottom .logo-links .wrapper-bottom-links .bottom-links.last {
                    line-height: 20px;
                    margin-right: 0; } }
          .footer-nd .bottom-bar .container .wrapper-bottom .logo-links a {
            padding-right: 16px;
            margin-left: 16px !important;
            border-right: 1px solid #C7CDD0; }
            .footer-nd .bottom-bar .container .wrapper-bottom .logo-links a:last-child {
              border-right: none; }
            @media screen and (max-width: 600px) {
              .footer-nd .bottom-bar .container .wrapper-bottom .logo-links a {
                margin-left: 0 !important; } }
            .footer-nd .bottom-bar .container .wrapper-bottom .logo-links a:first-child {
              margin-left: 0 !important; }
        @media screen and (max-width: 600px) {
          .footer-nd .bottom-bar .container .wrapper-bottom.desktop {
            display: none; } }
        .footer-nd .bottom-bar .container .wrapper-bottom.desktop .partner {
          color: #FFFFFF;
          font-family: "Exo 2";
          font-size: 20px;
          font-weight: 600;
          letter-spacing: 0;
          line-height: 24px; }
        @media screen and (min-width: 601px) {
          .footer-nd .bottom-bar .container .wrapper-bottom.mobile {
            display: none; } }
        .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          padding: 0; }
          .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-links {
            padding-right: 15px; }
          .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-back {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 32px 10px 36px 0;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-back .title-back {
              color: #FFFFFF;
              font-family: "Exo 2";
              font-size: 14px;
              font-weight: bold;
              letter-spacing: 0.5px;
              line-height: 24px;
              padding-right: 16px;
              border: none;
              text-transform: uppercase; }
            .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-back .wrapper-arrow {
              width: 40px;
              height: 40px;
              background: #E20026;
              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; }
              .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-back .wrapper-arrow:hover {
                background: #FFFFFF; }
                .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-back .wrapper-arrow:hover svg g g {
                  fill: #E20026; }
          .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links .wrapper-logo {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 100%;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; }
            .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links .wrapper-logo .partner {
              color: #FFFFFF;
              font-family: "Exo 2";
              font-size: 14px;
              font-weight: 600;
              letter-spacing: 0.5;
              line-height: 24px;
              padding-right: 10px; }

.old-footer {
  font-size: 0.75rem;
  font-weight: 600; }
  .old-footer .info {
    background: transparent; }
    .old-footer .info .container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 6.25rem; }
      @media screen and (max-width: 600px) {
        .old-footer .info .container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .old-footer .info .container .spacer {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 1rem;
                    flex: 0 0 1rem; } }
    .old-footer .info .social {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .old-footer .info .social .injected-svg {
        height: 1.25rem;
        width: 1.25rem;
        fill: #3a3a3a; }
      .old-footer .info .social a {
        display: block; }
        .old-footer .info .social a + a {
          margin-left: 1rem; }
        .old-footer .info .social a:hover .injected-svg {
          fill: #E20026; }
  .old-footer .bottom-bar {
    background: #000; }
    .old-footer .bottom-bar .container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 600px) {
        .old-footer .bottom-bar .container {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          width: 95%;
          padding: 0.5rem 2.25rem 4rem; } }
      @media screen and (min-width: 601px) {
        .old-footer .bottom-bar .container {
          height: 3.125rem;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; } }
      .old-footer .bottom-bar .container a {
        color: #fff;
        font-size: 0.875rem;
        font-weight: bold; }
        @media screen and (max-width: 600px) {
          .old-footer .bottom-bar .container a {
            padding: 0.25rem 1rem; } }
        @media screen and (min-width: 601px) {
          .old-footer .bottom-bar .container a + a {
            margin-left: 2.25rem; } }

body >
.connect-with-us {
  padding-bottom: 80px;
  padding-top: 60px;
  background-color: #EEF0F1; }
  @media screen and (max-width: 600px) {
    body >
.connect-with-us {
      padding-bottom: 64px;
      padding-top: 48px; } }
  body >
.connect-with-us .container {
    height: 3.25rem !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6.25rem; }
    body >
.connect-with-us .container .label-connect {
      color: #000000;
      font-family: "Exo 2", sans-serif;
      font-size: 36px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 44px;
      padding-right: 142px; }
      @media screen and (max-width: 600px) {
        body >
.connect-with-us .container .label-connect {
          font-size: 26px;
          padding-bottom: 41px;
          padding-right: 0;
          line-height: 34px; } }
      body >
.connect-with-us .container .label-connect .spacer {
        width: 21px;
        height: 8px;
        background: #E20026; }
    @media screen and (max-width: 460px) {
      body >
.connect-with-us .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding: 0 38px 0 32px; }
        body >
.connect-with-us .container .spacer {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 1rem;
                  flex: 0 0 1rem; } }
  body >
.connect-with-us .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 460px) {
      body >
.connect-with-us .social {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%; } }
    body >
.connect-with-us .social .icon {
      padding-right: 30px; }
      body >
.connect-with-us .social .icon:last-child {
        padding-right: 0; }
      body >
.connect-with-us .social .icon:hover svg g g {
        fill: #000000; }
      @media screen and (max-width: 460px) {
        body >
.connect-with-us .social .icon {
          padding-right: 0; } }
      body >
.connect-with-us .social .icon:hover svg g g {
        fill: #000000; }
    body >
.connect-with-us .social .injected-svg {
      height: 1.25rem;
      width: 1.25rem;
      height: 25px;
      width: 25px; }
    body >
.connect-with-us .social a {
      display: block; }
      body >
.connect-with-us .social a + a {
        margin-left: 1rem; }
      body >
.connect-with-us .social a:hover .injected-svg {
        fill: #E20026; }

.footer-nd {
  font-size: 0.75rem;
  font-weight: 600; }
  .footer-nd .bottom-bar {
    background: #000;
    border-bottom: 8px solid #E20026; }
    .footer-nd .bottom-bar .container {
      height: 392px !important;
      max-width: 1320px !important;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: end;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media screen and (max-width: 600px) {
        .footer-nd .bottom-bar .container {
          height: auto !important;
          max-width: auto !important;
          padding: 0 13px 0 24px; } }
      .footer-nd .bottom-bar .container .wrapper-nav-links {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 50px; }
        @media screen and (max-width: 460px) {
          .footer-nd .bottom-bar .container .wrapper-nav-links {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            padding: 32px 0 37px; } }
        @media screen and (max-width: 760px) {
          .footer-nd .bottom-bar .container .wrapper-nav-links {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            padding: 32px 0 37px;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start; } }
        @media screen and (max-width: 1020px) {
          .footer-nd .bottom-bar .container .wrapper-nav-links {
            padding: 32px 0 37px; } }
        .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col a {
            padding-left: 0; }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-back {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding-bottom: 70px;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-back .title-back {
              color: #FFFFFF;
              font-family: "Exo 2";
              font-size: 14px;
              font-weight: bold;
              letter-spacing: 0.5px;
              line-height: 24px;
              padding-right: 16px; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-back .wrapper-arrow {
              width: 40px;
              height: 40px;
              background: #E20026;
              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; }
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-back .wrapper-arrow:hover {
                background: #FFFFFF; }
                .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-back .wrapper-arrow:hover svg g g {
                  fill: #E20026; }
            @media screen and (max-width: 600px) {
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-back {
                display: none; } }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .title {
            color: #FFFFFF;
            font-family: "Exo 2";
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 17px;
            padding-bottom: 22px;
            text-transform: capitalize; }
            @media screen and (max-width: 600px) {
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .title {
                padding-top: 20px;
                margin: 0; } }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-links .customer-service {
            color: #FFFFFF;
            font-family: "Exo 2";
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 17px;
            padding-bottom: 9px;
            text-transform: uppercase; }
            @media screen and (max-width: 600px) {
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-links .customer-service {
                padding-top: 31px; } }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-links .hotline {
            color: #FFFFFF;
            font-family: "Exo 2";
            font-size: 14px;
            letter-spacing: 0;
            line-height: 18px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            font-weight: 200;
            margin-bottom: 0; }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-links .wrapper-status {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                    align-items: baseline; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-links .wrapper-status .status {
              font-family: "Exo 2";
              font-size: 12px;
              letter-spacing: 0;
              line-height: 13px;
              font-weight: 200px;
              margin-top: 0; }
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-links .wrapper-status .status.active {
                color: #91D81E; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-links .wrapper-status .oval {
              height: 8px;
              width: 8px;
              border-radius: 50%;
              background-color: #91D81E;
              margin-right: 8px; }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .bottom-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            color: #FFFFFF;
            font-family: "Exo 2";
            font-size: 14px;
            letter-spacing: 0;
            line-height: 17px;
            font-weight: 300;
            margin-left: 0;
            padding-bottom: 9px; }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-dropdown {
            width: 113px;
            height: 32px; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-dropdown svg.injected-svg.dropdown-icon {
              display: none; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-dropdown .arrow-icon {
              fill: #C7CDD0;
              position: absolute;
              right: 5px;
              width: 15px;
              height: 14px; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-dropdown.country {
              margin-bottom: 10px; }
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-dropdown.country .select-field {
                margin: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding: 7.5px 9px 7.5px 0;
                max-height: 32px; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-dropdown.language {
              border: 2px solid #C7CDD0;
              margin-top: 10px; }
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-dropdown.language .select-field {
                margin: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding: 7.5px 9px 7.5px 12px;
                max-height: 32px; }
                .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .container-dropdown.language .select-field .select2-selection__arrow svg use {
                  fill: #C7CDD0; }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .select2-container--default .select2-selection--single {
            background: transparent;
            border: 0;
            border-radius: 0;
            height: auto;
            max-height: 32px;
            outline: 0; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .select2-container--default .select2-selection--single .select2-selection__rendered {
              max-height: 32px;
              min-height: 32px;
              padding: 0;
              color: #C7CDD0;
              font-family: "Exo 2";
              font-size: 12px;
              font-weight: bold;
              letter-spacing: 0;
              line-height: 13px;
              text-transform: capitalize;
              padding-left: 10px !important; }
          .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .dealer-login {
            padding-top: 47px; }
            @media screen and (max-width: 600px) {
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .dealer-login {
                padding-top: 39px;
                padding-bottom: 10px; } }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .dealer-login .sub-title {
              color: #FFFFFF;
              font-family: "Exo 2";
              font-size: 12px;
              font-weight: bold;
              letter-spacing: 0;
              line-height: 13px;
              text-transform: uppercase; }
            .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .dealer-login .login {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
              .footer-nd .bottom-bar .container .wrapper-nav-links .wrapper-col .dealer-login .login .login-text {
                color: #FFFFFF;
                font-family: "Exo 2";
                font-size: 16px;
                font-weight: bold;
                letter-spacing: 0;
                line-height: 24px;
                margin-left: 5px;
                text-transform: uppercase; }
      .footer-nd .bottom-bar .container .wrapper-bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-bottom: 38px; }
        @media screen and (max-width: 600px) {
          .footer-nd .bottom-bar .container .wrapper-bottom {
            padding-bottom: 24px; } }
        .footer-nd .bottom-bar .container .wrapper-bottom .logo {
          width: 136px;
          height: 38px;
          margin-right: 32px; }
        .footer-nd .bottom-bar .container .wrapper-bottom .logo-links {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start !important;
              -ms-flex-pack: start !important;
                  justify-content: flex-start !important; }
          .footer-nd .bottom-bar .container .wrapper-bottom .logo-links .wrapper-bottom-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; }
            .footer-nd .bottom-bar .container .wrapper-bottom .logo-links .wrapper-bottom-links .bottom-links {
              color: #C7CDD0;
              font-family: "Exo 2";
              font-size: 12px;
              letter-spacing: 0.5px;
              line-height: 20px;
              font-weight: 200; }
              @media screen and (max-width: 600px) {
                .footer-nd .bottom-bar .container .wrapper-bottom .logo-links .wrapper-bottom-links .bottom-links {
                  line-height: 35px;
                  padding-left: 0;
                  margin-right: 16px;
                  margin-top: 10px;
                  font-weight: 300; }
                  .footer-nd .bottom-bar .container .wrapper-bottom .logo-links .wrapper-bottom-links .bottom-links.last {
                    line-height: 20px;
                    margin-right: 0; } }
          .footer-nd .bottom-bar .container .wrapper-bottom .logo-links a {
            padding-right: 16px;
            margin-left: 16px !important;
            border-right: 1px solid #C7CDD0; }
            .footer-nd .bottom-bar .container .wrapper-bottom .logo-links a:last-child {
              border-right: none; }
            @media screen and (max-width: 600px) {
              .footer-nd .bottom-bar .container .wrapper-bottom .logo-links a {
                margin-left: 0 !important; } }
            .footer-nd .bottom-bar .container .wrapper-bottom .logo-links a:first-child {
              margin-left: 0 !important; }
        @media screen and (max-width: 600px) {
          .footer-nd .bottom-bar .container .wrapper-bottom.desktop {
            display: none; } }
        .footer-nd .bottom-bar .container .wrapper-bottom.desktop .partner {
          color: #FFFFFF;
          font-family: "Exo 2";
          font-size: 20px;
          font-weight: 600;
          letter-spacing: 0;
          line-height: 24px; }
        @media screen and (min-width: 601px) {
          .footer-nd .bottom-bar .container .wrapper-bottom.mobile {
            display: none; } }
        .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          padding: 0; }
          .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-links {
            padding-right: 15px; }
          .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-back {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 32px 10px 36px 0;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-back .title-back {
              color: #FFFFFF;
              font-family: "Exo 2";
              font-size: 14px;
              font-weight: bold;
              letter-spacing: 0.5px;
              line-height: 24px;
              padding-right: 16px;
              border: none;
              text-transform: uppercase; }
            .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-back .wrapper-arrow {
              width: 40px;
              height: 40px;
              background: #E20026;
              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; }
              .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-back .wrapper-arrow:hover {
                background: #FFFFFF; }
                .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links .container-back .wrapper-arrow:hover svg g g {
                  fill: #E20026; }
          .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links .wrapper-logo {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 100%;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; }
            .footer-nd .bottom-bar .container .wrapper-bottom.mobile .logo-links .wrapper-logo .partner {
              color: #FFFFFF;
              font-family: "Exo 2";
              font-size: 14px;
              font-weight: 600;
              letter-spacing: 0.5;
              line-height: 24px;
              padding-right: 10px; }

body {
  /* #evo-redirect {
    background-color: yellow;
    width: 500px;
    height: 500px;
  } */ }
  body .user-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: uppercase; }
  @media screen and (max-width: 900px) {
    body.sticky-menu > header {
      position: fixed;
      top: 0;
      right: 0;
      bottom: auto;
      left: 0;
      z-index: 10; } }
  body > .header-nd {
    background: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    top: -3.75rem;
    -webkit-transition: top ease-in 0.2s;
    transition: top ease-in 0.2s;
    z-index: 1050;
    border-bottom: 1px solid #C7CDD0;
    border-top: 4px solid #E20026; }
    body > .header-nd .header-svg {
      fill: #000; }
    body > .header-nd a {
      color: #000000;
      max-height: 60px; }
      body > .header-nd a svg {
        fill: #3a3a3a;
        -webkit-transition: fill 0.2s ease-in-out;
        transition: fill 0.2s ease-in-out; }
      body > .header-nd a:not(.logo):hover {
        color: #000000;
        text-decoration: none;
        /*span {
            //font-weight: bold;
          } */ }
        body > .header-nd a:not(.logo):hover svg {
          fill: #E20026; }
    body > .header-nd .submenu a:hover {
      -webkit-box-shadow: none;
              box-shadow: none;
      text-decoration: underline; }
    body > .header-nd img.header-svg {
      display: none;
      fill: #000; }
    body > .header-nd .container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 3.75rem; }
      @media screen and (min-width: 901px) {
        body > .header-nd .container {
          padding: 0;
          max-width: 1320px; }
          body > .header-nd .container .mobile-app-drawer {
            visibility: hidden;
            width: 0; }
          body > .header-nd .container .desktop-app-drawer {
            display: block; }
          body > .header-nd .container .desktop-view {
            display: none !important; } }
      @media screen and (max-width: 900px) {
        body > .header-nd .container {
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          body > .header-nd .container .desktop-app-drawer {
            display: none; }
          body > .header-nd .container .mobile-app-drawer {
            display: block; }
          body > .header-nd .container .close-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
            body > .header-nd .container .close-wrapper.closed {
              width: 85px;
              margin-left: 0;
              height: 60px;
              margin-right: -18px; }
            body > .header-nd .container .close-wrapper .close-text {
              color: #000000;
              font-family: "Exo 2";
              font-size: 12px;
              letter-spacing: 0.5px;
              line-height: 20px;
              margin: 0; }
            body > .header-nd .container .close-wrapper .injected-svg {
              width: 14px;
              height: 14px; } }
    @media screen and (min-width: 901px) {
      body > .header-nd .mobile-menu-toggler {
        display: none; } }
    @media screen and (max-width: 900px) {
      body > .header-nd .mobile-menu-overlay {
        position: fixed;
        top: 3.75rem;
        right: 0;
        bottom: auto;
        left: auto;
        background: rgba(0, 0, 0, 0.4);
        cursor: pointer;
        opacity: 0;
        -webkit-transition-property: opacity, top, left;
        transition-property: opacity, top, left;
        -webkit-transition-duration: 0.6s, 30s, 10000s;
                transition-duration: 0.6s, 30s, 10000s;
        -webkit-transition-timing-function: ease-out, cubic-bezier(0.18, 0.89, 0.32, 1.28), cubic-bezier(0.68, -0.55, 0.27, 1.55);
                transition-timing-function: ease-out, cubic-bezier(0.18, 0.89, 0.32, 1.28), cubic-bezier(0.68, -0.55, 0.27, 1.55);
        -webkit-transition-delay: 0s, 0.6s, 0.6s;
                transition-delay: 0s, 0.6s, 0.6s;
        top: 85px; } }
    @media screen and (max-width: 900px) {
      body > .header-nd .spacer {
        display: none; }
      body > .header-nd .mobile-menu-close {
        display: none; } }
    body > .header-nd .trigger {
      cursor: pointer; }
      body > .header-nd .trigger .injected-svg {
        height: 24px;
        width: 24px; }
      body > .header-nd .trigger .icon-bell-open {
        display: none; }
        body > .header-nd .trigger .icon-bell-open path {
          fill: #E20026; }
      body > .header-nd .trigger .icon-person-open {
        display: none;
        width: 14px;
        height: 24px; }
        body > .header-nd .trigger .icon-person-open path {
          fill: #E20026; }
      body > .header-nd .trigger.wrapper-notification {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media screen and (max-width: 460px) {
          body > .header-nd .trigger.wrapper-notification.open {
            width: 85px;
            height: 60px;
            background: #EEF0F1;
            margin-right: 0; } }

@media screen and (min-width: 901px) and (-ms-high-contrast: active), screen and (min-width: 901px) and (-ms-high-contrast: none) {
  body > .header-nd .logo {
    width: 140px; } }
    body > .header-nd .logo img {
      height: 46px;
      width: 142px; }
    @media screen and (max-width: 900px) {
      body > .header-nd .logo {
        margin: auto; } }
    body > .header-nd .logo > svg {
      height: 2.5rem;
      width: auto; }
    body > .header-nd nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-color: #fff !important; }
      body > .header-nd nav#my-account-header {
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
        top: 85px;
        height: 100%; }
        @media screen and (max-width: 460px) {
          body > .header-nd nav#my-account-header {
            top: 84px; } }
      body > .header-nd nav > a {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 1rem;
        text-transform: uppercase; }
        body > .header-nd nav > a.current {
          -webkit-box-shadow: inset 0 -3px 0 0 black;
          box-shadow: inset 0 -3px 0 0 black; }
      body > .header-nd nav .current {
        font-weight: 700; }
      @media screen and (min-width: 901px) {
        body > .header-nd nav > a {
          height: 3.75rem; }
        body > .header-nd nav .login {
          color: #E20026;
          max-height: auto;
          height: auto;
          border: 2px solid #E20026;
          padding: 0.5rem 1.125rem;
          cursor: pointer; }
          body > .header-nd nav .login:active {
            -webkit-filter: brightness(75%);
                    filter: brightness(75%); }
        body > .header-nd nav .links-wrapper {
          padding-left: 32px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          body > .header-nd nav .links-wrapper.mobile {
            display: none; }
          body > .header-nd nav .links-wrapper .wrapper-equipment,
          body > .header-nd nav .links-wrapper .wrapper-dealers,
          body > .header-nd nav .links-wrapper .wrapper-services {
            padding: 28px 20px; }
            body > .header-nd nav .links-wrapper .wrapper-equipment .external-wrapper,
            body > .header-nd nav .links-wrapper .wrapper-dealers .external-wrapper,
            body > .header-nd nav .links-wrapper .wrapper-services .external-wrapper {
              display: none;
              top: 0;
              width: 100%;
              left: auto;
              z-index: 999; }
            body > .header-nd nav .links-wrapper .wrapper-equipment:hover,
            body > .header-nd nav .links-wrapper .wrapper-dealers:hover,
            body > .header-nd nav .links-wrapper .wrapper-services:hover {
              background-color: #EEF0F1; }
              body > .header-nd nav .links-wrapper .wrapper-equipment:hover .external-wrapper,
              body > .header-nd nav .links-wrapper .wrapper-dealers:hover .external-wrapper,
              body > .header-nd nav .links-wrapper .wrapper-services:hover .external-wrapper {
                display: block !important; }
                body > .header-nd nav .links-wrapper .wrapper-equipment:hover .external-wrapper .dropdown-menu,
                body > .header-nd nav .links-wrapper .wrapper-dealers:hover .external-wrapper .dropdown-menu,
                body > .header-nd nav .links-wrapper .wrapper-services:hover .external-wrapper .dropdown-menu {
                  display: block !important; }
                body > .header-nd nav .links-wrapper .wrapper-equipment:hover .external-wrapper::before,
                body > .header-nd nav .links-wrapper .wrapper-dealers:hover .external-wrapper::before,
                body > .header-nd nav .links-wrapper .wrapper-services:hover .external-wrapper::before {
                  content: " ";
                  width: auto;
                  height: 196px;
                  background-color: #EEF0F1;
                  position: absolute;
                  top: 85px;
                  left: 0;
                  z-index: 1;
                  right: 0; }
              body > .header-nd nav .links-wrapper .wrapper-equipment:hover .label,
              body > .header-nd nav .links-wrapper .wrapper-dealers:hover .label,
              body > .header-nd nav .links-wrapper .wrapper-services:hover .label {
                border-bottom: 4px solid #E20026;
                padding-bottom: 10px; }
            body > .header-nd nav .links-wrapper .wrapper-equipment .label,
            body > .header-nd nav .links-wrapper .wrapper-dealers .label,
            body > .header-nd nav .links-wrapper .wrapper-services .label {
              color: #000000;
              font-family: "Exo 2";
              font-size: 16px;
              font-weight: 600;
              letter-spacing: 0.5px;
              line-height: 24px;
              text-transform: capitalize; }
            body > .header-nd nav .links-wrapper .wrapper-equipment .dropdown-menu,
            body > .header-nd nav .links-wrapper .wrapper-dealers .dropdown-menu,
            body > .header-nd nav .links-wrapper .wrapper-services .dropdown-menu {
              height: 196px;
              background-color: #EEF0F1;
              top: 85px;
              left: auto;
              right: auto;
              display: none;
              padding: 23px 0 12px 0;
              z-index: 999;
              position: absolute; }
              body > .header-nd nav .links-wrapper .wrapper-equipment .dropdown-menu.dealers .box-links,
              body > .header-nd nav .links-wrapper .wrapper-dealers .dropdown-menu.dealers .box-links,
              body > .header-nd nav .links-wrapper .wrapper-services .dropdown-menu.dealers .box-links {
                position: relative;
                left: -125px; }
              body > .header-nd nav .links-wrapper .wrapper-equipment .dropdown-menu.services .box-links,
              body > .header-nd nav .links-wrapper .wrapper-dealers .dropdown-menu.services .box-links,
              body > .header-nd nav .links-wrapper .wrapper-services .dropdown-menu.services .box-links {
                position: relative;
                left: -225px; }
              body > .header-nd nav .links-wrapper .wrapper-equipment .dropdown-menu .box-links,
              body > .header-nd nav .links-wrapper .wrapper-dealers .dropdown-menu .box-links,
              body > .header-nd nav .links-wrapper .wrapper-services .dropdown-menu .box-links {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column; }
                body > .header-nd nav .links-wrapper .wrapper-equipment .dropdown-menu .box-links .title,
                body > .header-nd nav .links-wrapper .wrapper-dealers .dropdown-menu .box-links .title,
                body > .header-nd nav .links-wrapper .wrapper-services .dropdown-menu .box-links .title {
                  color: #000000;
                  font-family: "Exo 2";
                  font-size: 20px;
                  font-weight: bold;
                  letter-spacing: 0;
                  line-height: 24px;
                  text-transform: none;
                  padding-bottom: 13px; }
                body > .header-nd nav .links-wrapper .wrapper-equipment .dropdown-menu .box-links .sub-title,
                body > .header-nd nav .links-wrapper .wrapper-dealers .dropdown-menu .box-links .sub-title,
                body > .header-nd nav .links-wrapper .wrapper-services .dropdown-menu .box-links .sub-title {
                  opacity: 0.7;
                  color: #000000;
                  font-family: "Exo 2";
                  font-size: 16px;
                  font-weight: 600;
                  letter-spacing: 0.5px;
                  line-height: 24px;
                  padding-bottom: 12px;
                  margin: 0;
                  text-transform: initial;
                  min-width: 1000px; }
        body > .header-nd nav .icons-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          body > .header-nd nav .icons-wrapper.mobile {
            display: none !important; }
          body > .header-nd nav .icons-wrapper .weather {
            display: none;
            padding-right: 24px;
            margin-top: 19px;
            max-height: 35px;
            border-right: 1px solid #EEF0F1; }
            body > .header-nd nav .icons-wrapper .weather .weather-wrapper {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              max-width: 171px; }
              body > .header-nd nav .icons-wrapper .weather .weather-wrapper .weather-label {
                color: #000000;
                font-family: "Exo 2";
                font-size: 14px;
                font-weight: 400;
                letter-spacing: 0.5px;
                line-height: 24px;
                padding-left: 16px;
                background-color: #EEF0F1;
                border-top-left-radius: 16px;
                border-bottom-left-radius: 16px; }
                body > .header-nd nav .icons-wrapper .weather .weather-wrapper .weather-label.temp {
                  font-weight: 700;
                  border-top-left-radius: 0;
                  border-bottom-left-radius: 0;
                  padding-left: 5px;
                  padding-right: 16px; }
              body > .header-nd nav .icons-wrapper .weather .weather-wrapper .cloud-img {
                padding: 5px 10px;
                border-left: 1px solid #fff;
                background-color: #EEF0F1;
                border-top-right-radius: 16px;
                border-bottom-right-radius: 16px; }
          body > .header-nd nav .icons-wrapper .label-icons {
            color: #000000;
            font-family: "Exo 2";
            font-size: 14px;
            letter-spacing: 0.5px;
            line-height: 24px;
            text-transform: capitalize;
            margin: 0;
            font-weight: 400; }
            body > .header-nd nav .icons-wrapper .label-icons.open {
              color: #E20026 !important; } }
      @media screen and (max-width: 900px) {
        body > .header-nd nav {
          position: fixed;
          top: 3.75rem;
          right: auto;
          bottom: 0;
          left: -100vw;
          background: #d8d8d8;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          width: 100vw;
          z-index: 1;
          -webkit-box-align: baseline;
              -ms-flex-align: baseline;
                  align-items: baseline; }
          body > .header-nd nav.mobile {
            visibility: hidden; }
          body > .header-nd nav.desktop {
            display: block; }
          body > .header-nd nav .weather {
            display: none !important; }
          body > .header-nd nav .links-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            padding: 29px 40px 21px 32px;
            background-color: #EEF0F1;
            width: 100%;
            height: 100%; }
            body > .header-nd nav .links-wrapper .scroll-container {
              min-height: auto;
              overflow-y: scroll; }
              body > .header-nd nav .links-wrapper .scroll-container::-webkit-scrollbar {
                -webkit-appearance: none;
                width: 0; }
            body > .header-nd nav .links-wrapper.desktop {
              display: none; }
            body > .header-nd nav .links-wrapper .title-wrapper {
              overflow: hidden;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
              padding: 7px 0 0;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column; }
              body > .header-nd nav .links-wrapper .title-wrapper:first-child {
                padding: 17px 0 0; }
              body > .header-nd nav .links-wrapper .title-wrapper.profile {
                border-bottom: 1px solid #C7CDD0;
                margin-bottom: 20px;
                padding-top: 0;
                padding-bottom: 38px;
                -ms-flex-wrap: inherit;
                    flex-wrap: inherit; }
              body > .header-nd nav .links-wrapper .title-wrapper .profile-wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                margin-top: 0.5rem; }
                body > .header-nd nav .links-wrapper .title-wrapper .profile-wrapper .injected-svg {
                  height: 11px;
                  width: 11px; }
              body > .header-nd nav .links-wrapper .title-wrapper .profile-box {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column; }
              body > .header-nd nav .links-wrapper .title-wrapper .email {
                color: #899098;
                font-family: "Exo 2";
                font-size: 14px;
                letter-spacing: 0.5px;
                line-height: 24px;
                margin: 0; }
            body > .header-nd nav .links-wrapper .dropdown-menu {
              display: none;
              margin: 0 10px; }
            body > .header-nd nav .links-wrapper .label {
              color: #000000;
              font-family: "Exo 2";
              font-size: 18px;
              font-weight: 700;
              letter-spacing: 0.64px;
              line-height: 24px;
              margin-bottom: 17px;
              padding-bottom: 10px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              width: 100%;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between; }
              body > .header-nd nav .links-wrapper .label .inline-svg {
                width: 11px;
                height: 11px; }
              body > .header-nd nav .links-wrapper .label.name {
                margin: 0;
                padding-bottom: 0; }
            body > .header-nd nav .links-wrapper .box-links {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              padding-bottom: 20px; }
              body > .header-nd nav .links-wrapper .box-links .title {
                color: #000000;
                font-family: "Exo 2";
                font-size: 20px;
                font-weight: bold;
                letter-spacing: 0;
                line-height: 24px;
                text-transform: initial;
                padding-bottom: 13px; }
              body > .header-nd nav .links-wrapper .box-links .sub-title {
                opacity: 0.7;
                color: #000000;
                font-family: "Exo 2";
                font-size: 16px;
                font-weight: 600;
                letter-spacing: 0.5px;
                line-height: 24px;
                padding-bottom: 12px;
                margin: 0;
                text-transform: initial; }
                body > .header-nd nav .links-wrapper .box-links .sub-title.profile-subtitle {
                  padding-bottom: 0;
                  padding-top: 24px; }
          body > .header-nd nav > a {
            border-bottom: 1px solid #bfbfbf;
            height: 3rem; }
          body > .header-nd nav .trigger.mobile-view {
            display: none !important; }
          body > .header-nd nav .user-submenu {
            display: none !important; }
          body > .header-nd nav .menu-slide {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-animation: slider 0.5s;
                    animation: slider 0.5s; }
        @-webkit-keyframes slider {
          0% {
            opacity: 0; }
          100% {
            opacity: 1; } }
        @keyframes slider {
          0% {
            opacity: 0; }
          100% {
            opacity: 1; } } }
    @media screen and (max-width: 460px) {
      body > .header-nd .logo {
        height: 50.29px;
        width: 110px;
        margin-left: 12px; }
      body > .header-nd .icons-wrapper.desktop {
        visibility: hidden; } }
    @media screen and (max-width: 900px) {
      body > .header-nd.mobile-menu-open .container {
        padding-right: 0; }
      body > .header-nd.mobile-menu-open .close-wrapper {
        background-color: #EEF0F1; }
        body > .header-nd.mobile-menu-open .close-wrapper.closed {
          width: 0;
          height: auto;
          margin-left: 0; }
        body > .header-nd.mobile-menu-open .close-wrapper.open {
          width: 85px;
          height: 60px;
          margin-right: 18px; }
      body > .header-nd.mobile-menu-open .mobile-menu-close {
        display: block; }
      body > .header-nd.mobile-menu-open .mobile-menu-open {
        display: none; }
      body > .header-nd.mobile-menu-open .mobile-menu-overlay {
        bottom: 0;
        left: 0;
        opacity: 1; }
      body > .header-nd.mobile-menu-open nav {
        left: 0; } }
    @media screen and (max-width: 900px) {
      body > .header-nd .user-menu {
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        border: 0;
        margin: 0;
        z-index: -1; }
        body > .header-nd .user-menu .label {
          display: none; } }
    @media screen and (min-width: 901px) {
      body > .header-nd .user-menu {
        margin-right: 0; } }
    body > .header-nd .user-menu .trigger {
      height: 2rem;
      width: 2rem;
      background: transparent;
      border-radius: 100%;
      color: #fff;
      display: block;
      font-size: 0.75rem;
      line-height: 0;
      text-align: center;
      height: 46px;
      width: auto;
      margin: 0; }
      @media screen and (max-width: 900px) {
        body > .header-nd .user-menu .trigger {
          margin: 5px 1.125rem; } }
      @media screen and (min-width: 901px) {
        body > .header-nd .user-menu .trigger {
          margin: 13px; } }
      body > .header-nd .user-menu .trigger.wrapper-account, body > .header-nd .user-menu .trigger.wrapper-notification {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
    body > .header-nd .submenu {
      position: fixed;
      top: 3.5rem;
      right: auto;
      bottom: auto;
      left: auto;
      background: #fff;
      border-radius: 3px;
      display: none;
      font-size: 1rem;
      max-width: 280px;
      min-width: 280px;
      top: 6.5rem;
      padding: 1.125rem;
      -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 -10px 8px -7px, rgba(0, 0, 0, 0.19) 0 3px 5px 0 !important;
              box-shadow: rgba(0, 0, 0, 0.2) 0 -10px 8px -7px, rgba(0, 0, 0, 0.19) 0 3px 5px 0 !important;
      z-index: 999; }
      @media screen and (max-width: 460px) {
        body > .header-nd .submenu {
          border-radius: 0;
          top: 83px;
          background: #EEF0F1;
          padding: 20px 32px;
          -webkit-box-shadow: none !important;
                  box-shadow: none !important; } }
      body > .header-nd .submenu .submenu-indicator {
        border-bottom: 15px solid #fff;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        display: block;
        position: absolute;
        top: -14px; }
        @media screen and (max-width: 460px) {
          body > .header-nd .submenu .submenu-indicator {
            display: none !important; } }
      body > .header-nd .submenu a {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-weight: bold;
        height: 3rem;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
      body > .header-nd .submenu .welcome {
        color: #C7CDD0;
        font-family: "Exo 2";
        font-size: 12px;
        letter-spacing: 0.5px;
        font-weight: 200; }
      body > .header-nd .submenu .username {
        color: #343E4A;
        font-family: "Exo 2";
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.5px; }
      body > .header-nd .submenu .email {
        color: #899098;
        font-family: "Exo 2";
        font-size: 14px;
        letter-spacing: 0.5px;
        font-weight: 300; }
      body > .header-nd .submenu .sub-link {
        color: #343E4A;
        font-family: "Exo 2";
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.5px;
        line-height: 24px;
        border-top: 1px solid #EEF0F1;
        margin-top: 8px;
        padding-top: 10px; }
        body > .header-nd .submenu .sub-link .injected-svg {
          height: 14px;
          width: 18px; }
    body > .header-nd .notification-menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-transform: uppercase;
      visibility: hidden; }
    body > .header-nd .notification-submenu.mobile {
      display: none; }
    body > .header-nd .notification-submenu .scroll-container {
      min-height: auto;
      max-height: 403px;
      overflow-y: scroll; }
      body > .header-nd .notification-submenu .scroll-container::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 0; }
    body > .header-nd .notification-submenu .mark-wrapper {
      padding-bottom: 14px;
      text-align: right; }
      @media screen and (max-width: 460px) {
        body > .header-nd .notification-submenu .mark-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; } }
      body > .header-nd .notification-submenu .mark-wrapper .mark {
        color: #E20026;
        font-family: "Exo 2";
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        line-height: 24px; }
      body > .header-nd .notification-submenu .mark-wrapper .text-notifications {
        display: none; }
        @media screen and (max-width: 460px) {
          body > .header-nd .notification-submenu .mark-wrapper .text-notifications {
            display: block;
            color: #000000;
            font-family: "Exo 2";
            font-size: 18px;
            font-weight: bold;
            letter-spacing: 0.56px;
            line-height: 24px; }
            body > .header-nd .notification-submenu .mark-wrapper .text-notifications.old {
              padding-top: 30px; }
              body > .header-nd .notification-submenu .mark-wrapper .text-notifications.old .not-read {
                display: none; } }
    body > .header-nd .notification-submenu .wrapper-message {
      overflow: hidden;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      body > .header-nd .notification-submenu .wrapper-message .message {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        min-height: 92px;
        border-top: 1px solid #EEF0F1;
        padding: 6px 0 10px;
        margin: 0;
        position: relative;
        text-decoration: none; }
        body > .header-nd .notification-submenu .wrapper-message .message .title-msg {
          color: #343E4A;
          font-family: "Exo 2";
          font-size: 16px;
          font-weight: 600;
          letter-spacing: 0.5px;
          line-height: 24px;
          margin: 0; }
          body > .header-nd .notification-submenu .wrapper-message .message .title-msg.new-msg {
            font-weight: 700; }
        body > .header-nd .notification-submenu .wrapper-message .message .sub-msg {
          color: #899098;
          font-family: "Exo 2";
          font-size: 14px;
          letter-spacing: 0.5px;
          line-height: 24px;
          margin: 0;
          font-weight: 300;
          overflow: hidden; }
        body > .header-nd .notification-submenu .wrapper-message .message .date-msg {
          color: #C7CDD0;
          font-family: "Exo 2";
          font-size: 12px;
          font-weight: 600;
          letter-spacing: 0.5px;
          line-height: 20px;
          margin: 0; }
        body > .header-nd .notification-submenu .wrapper-message .message .not-read {
          height: 8px;
          width: 8px;
          background-color: #E20026;
          border-radius: 50%;
          position: absolute;
          right: 0;
          top: 16px; }
    @media screen and (max-width: 460px) {
      body > .header-nd .notification-submenu {
        min-height: 100%;
        max-height: 100%;
        max-width: 100%;
        min-width: 100%;
        left: 0 !important; }
        body > .header-nd .notification-submenu .message {
          border-top: 1px solid #C7CDD0 !important; }
        body > .header-nd .notification-submenu .wrapper-message.old .not-read {
          display: none; } }
    body > .header-nd .user-submenu {
      z-index: 999; }
      @media screen and (max-width: 900px) {
        body > .header-nd .user-submenu {
          background: transparent;
          border: 0;
          display: block !important;
          padding-bottom: 0;
          padding-top: 0;
          position: static; }
          body > .header-nd .user-submenu a {
            text-transform: uppercase; }
            body > .header-nd .user-submenu a + a {
              border-top: 0; }
          body > .header-nd .user-submenu .user-info {
            display: none; } }
      @media screen and (min-width: 901px) {
        body > .header-nd .user-submenu .user-info {
          margin: 0; }
        body > .header-nd .user-submenu .username {
          display: block;
          font-weight: bold; }
        body > .header-nd .user-submenu .company {
          font-size: 0.875rem;
          font-weight: normal; } }
    body > .header-nd .submenu-overlay {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: none;
      z-index: 0; }
    body > .header-nd .app-drawer-nd {
      height: 1.5rem;
      width: 1.5rem; }
      body > .header-nd .app-drawer-nd .close-app-drawer {
        display: none;
        height: auto; }
        body > .header-nd .app-drawer-nd .close-app-drawer path {
          fill: #E20026; }
      body > .header-nd .app-drawer-nd span.trigger {
        height: auto;
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        body > .header-nd .app-drawer-nd span.trigger svg {
          height: 21px;
          width: 21px; }
      body > .header-nd .app-drawer-nd .trigger {
        height: 100%;
        width: 100%; }
      @media screen and (max-width: 460px) {
        body > .header-nd .app-drawer-nd .submenu {
          background-color: #EEF0F1;
          top: 83px;
          border-radius: 0;
          -webkit-box-shadow: none !important;
                  box-shadow: none !important;
          padding: 23px 32px; }
        body > .header-nd .app-drawer-nd .submenu-indicator {
          display: none; } }
      body > .header-nd .app-drawer-nd .app-drawer-submenu {
        z-index: 999;
        max-width: 280px;
        min-width: 280px;
        min-height: 406px; }
        @media screen and (max-width: 460px) {
          body > .header-nd .app-drawer-nd .app-drawer-submenu {
            max-width: 100%;
            min-width: 100%;
            min-height: 100%;
            left: 0 !important; }
            body > .header-nd .app-drawer-nd .app-drawer-submenu label {
              display: none; } }
        body > .header-nd .app-drawer-nd .app-drawer-submenu section + section {
          padding-top: 1rem; }
        body > .header-nd .app-drawer-nd .app-drawer-submenu a {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-weight: 400;
          position: relative;
          border-top: 1px solid #EEF0F1; }
          @media screen and (min-width: 901px) and (max-width: 1200px) {
            body > .header-nd .app-drawer-nd .app-drawer-submenu a {
              height: 2rem; } }
          @media screen and (max-width: 900px) {
            body > .header-nd .app-drawer-nd .app-drawer-submenu a {
              font-size: 1rem; } }
          body > .header-nd .app-drawer-nd .app-drawer-submenu a + a {
            border-top: 1px solid #EEF0F1; }
          body > .header-nd .app-drawer-nd .app-drawer-submenu a .pre {
            height: 1.8rem;
            width: 1.8rem;
            fill: #000;
            margin-right: 0.5rem; }
          body > .header-nd .app-drawer-nd .app-drawer-submenu a .post {
            position: absolute;
            top: auto;
            right: 0;
            bottom: auto;
            left: auto; }
          body > .header-nd .app-drawer-nd .app-drawer-submenu a:hover .pre {
            fill: #3d3d3d; }
        body > .header-nd .app-drawer-nd .app-drawer-submenu .sso-apps h4,
        body > .header-nd .app-drawer-nd .app-drawer-submenu .others h4 {
          color: #899098;
          font-family: "Exo 2";
          font-size: 12px;
          font-weight: 600;
          letter-spacing: 0.5px;
          line-height: 20px;
          text-align: left;
          padding-bottom: 10px;
          margin-top: 0; }
        body > .header-nd .app-drawer-nd .app-drawer-submenu .sso-apps .tool-link,
        body > .header-nd .app-drawer-nd .app-drawer-submenu .others .tool-link {
          color: #343E4A;
          font-family: "Exo 2";
          font-size: 14px;
          font-weight: 600;
          letter-spacing: 0.5px;
          line-height: 24px;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          body > .header-nd .app-drawer-nd .app-drawer-submenu .sso-apps .tool-link .arrow-icon,
          body > .header-nd .app-drawer-nd .app-drawer-submenu .others .tool-link .arrow-icon {
            width: 11px;
            height: 11px; }
        body > .header-nd .app-drawer-nd .app-drawer-submenu .others path {
          fill: #E20026; }
      body > .header-nd .app-drawer-nd.toolbox {
        min-height: 45px;
        min-width: 54px;
        margin-left: 23px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-top: 1px; }
        body > .header-nd .app-drawer-nd.toolbox label {
          color: #000000;
          font-family: "Exo 2";
          font-size: 14px;
          letter-spacing: 0.5px;
          line-height: 24px;
          text-transform: capitalize;
          margin-top: 0;
          font-weight: 400; }
          body > .header-nd .app-drawer-nd.toolbox label.close-app-drawer {
            color: #E20026 !important; }
            @media screen and (max-width: 900px) {
              body > .header-nd .app-drawer-nd.toolbox label.close-app-drawer .subtitle {
                display: none !important; } }
          @media screen and (max-width: 900px) {
            body > .header-nd .app-drawer-nd.toolbox label {
              display: none !important; } }
        @media screen and (max-width: 900px) {
          body > .header-nd .app-drawer-nd.toolbox {
            width: 85px;
            height: 80px;
            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;
            margin-left: 0; } }
  @media screen and (max-width: 900px) and (max-width: 460px) {
    body > .header-nd .app-drawer-nd.toolbox.open {
      height: 80px;
      width: 85px;
      background-color: #EEF0F1;
      margin-left: 0;
      margin-right: 0;
      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; } }
    body > .header-nd .app-drawer {
      margin-top: 4px;
      margin-right: 3px;
      overflow: hidden;
      height: 1.5rem;
      width: 1.5rem; }
      body > .header-nd .app-drawer .close-app-drawer {
        display: none; }
      body > .header-nd .app-drawer span.trigger {
        height: 1rem;
        width: 1rem; }
        body > .header-nd .app-drawer span.trigger svg {
          height: 24px;
          width: 24px; }
      body > .header-nd .app-drawer .trigger {
        height: 100%;
        width: 100%; }
      body > .header-nd .app-drawer .app-drawer-submenu {
        z-index: 999; }
        @media screen and (max-width: 900px) {
          body > .header-nd .app-drawer .app-drawer-submenu {
            min-width: 300px; } }
        body > .header-nd .app-drawer .app-drawer-submenu section + section {
          border-top: 1px solid #d8d8d8;
          margin-top: 1rem;
          padding-top: 0.5rem; }
        body > .header-nd .app-drawer .app-drawer-submenu a {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-weight: 400;
          padding: 0.5rem 1.5rem 0.5rem 0;
          position: relative; }
          @media screen and (min-width: 901px) and (max-width: 1200px) {
            body > .header-nd .app-drawer .app-drawer-submenu a {
              height: 2rem; } }
          @media screen and (max-width: 900px) {
            body > .header-nd .app-drawer .app-drawer-submenu a {
              font-size: 1rem; } }
          body > .header-nd .app-drawer .app-drawer-submenu a + a {
            border-top: 1px solid #d8d8d8; }
          body > .header-nd .app-drawer .app-drawer-submenu a .pre {
            height: 1.8rem;
            width: 1.8rem;
            fill: #000;
            margin-right: 0.5rem; }
          body > .header-nd .app-drawer .app-drawer-submenu a .post {
            position: absolute;
            top: auto;
            right: 0;
            bottom: auto;
            left: auto; }
          body > .header-nd .app-drawer .app-drawer-submenu a:hover .pre {
            fill: #3d3d3d; }
  body .sub-header {
    background-color: #343E4A;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase; }
    @media screen and (max-width: 900px) {
      body .sub-header {
        font-size: 0.875rem; } }
    body .sub-header .container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 3.75rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      font-size: 16px; }
      @media screen and (min-width: 601px) {
        body .sub-header .container {
          font-size: 20px; } }
    body .sub-header a {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      body .sub-header a svg {
        margin-right: 1rem; }
    body .sub-header .buttons-wrapper {
      margin: 0 -0.5rem; }
      @media screen and (max-width: 600px) {
        body .sub-header .buttons-wrapper {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; } }
      body .sub-header .buttons-wrapper .button,
      body .sub-header .buttons-wrapper button {
        padding: 0;
        margin: 0 1rem; }
        @media screen and (max-width: 600px) {
          body .sub-header .buttons-wrapper .button,
          body .sub-header .buttons-wrapper button {
            min-width: 0;
            padding-left: 1rem;
            padding-right: 1rem;
            margin: 0 0.25rem !important; } }
      body .sub-header .buttons-wrapper .hidden {
        display: none; }
      body .sub-header .buttons-wrapper .injected-svg + span {
        margin-left: 0.5rem; }
      body .sub-header .buttons-wrapper .primary .injected-svg {
        fill: #000; }
      body .sub-header .buttons-wrapper .link:hover {
        text-decoration: none; }
      body .sub-header .buttons-wrapper .link .injected-svg {
        fill: #fff; }
  body .nav-edit-action {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 767px) {
      body .nav-edit-action {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    @media screen and (max-width: 767px) {
      body .nav-edit-action .buttons-wrapper {
        width: 100%;
        margin-top: 20px; }
        body .nav-edit-action .buttons-wrapper button {
          width: 100%; } }
    body .nav-edit-action .buttons-wrapper .hidden {
      display: none; }
    body .nav-edit-action .buttons-wrapper button.link.white {
      color: #000; }
  body .landing-header .desktop-header-wrapper {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 600px) {
      body .landing-header .desktop-header-wrapper {
        display: none; } }
    body .landing-header .desktop-header-wrapper a.logo {
      margin-left: 60px;
      margin-right: 60px;
      min-width: 130px;
      max-height: 60px; }
    body .landing-header .desktop-header-wrapper .nav {
      background-color: #fff;
      width: 100%;
      height: 60px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-right: 60px; }
      body .landing-header .desktop-header-wrapper .nav > * {
        margin: 0 10px; }
      body .landing-header .desktop-header-wrapper .nav .change-region {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        body .landing-header .desktop-header-wrapper .nav .change-region svg {
          margin-right: 10px;
          height: 40%;
          width: 40%; }
          body .landing-header .desktop-header-wrapper .nav .change-region svg use {
            fill: #000; }
    body .landing-header .desktop-header-wrapper .steyr-btn .steyr-btn-text, body .landing-header .desktop-header-wrapper #page-company-management #modal-user-details button.close .steyr-btn-text, #page-company-management #modal-user-details body .landing-header .desktop-header-wrapper button.close .steyr-btn-text {
      padding: 11px 40px; }
  body .landing-header .mobile-header-wrapper {
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 60px; }
    @media screen and (max-width: 600px) {
      body .landing-header .mobile-header-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    body .landing-header .mobile-header-wrapper .bbq-open {
      height: 30px;
      width: 30px;
      margin-left: 20px; }
    body .landing-header .mobile-header-wrapper .mobile-logo img {
      height: 55px; }
    body .landing-header .mobile-header-wrapper .mobile-right-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-right: 10px; }
      body .landing-header .mobile-header-wrapper .mobile-right-nav svg {
        height: 30px;
        width: 30px;
        margin-right: 10px; }
        body .landing-header .mobile-header-wrapper .mobile-right-nav svg use {
          fill: #3a3a3a; }
  body .landing-header .sidebar {
    z-index: 10;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    display: none; }
    body .landing-header .sidebar.right {
      right: 0; }
    body .landing-header .sidebar.left {
      left: 0; }
    body .landing-header .sidebar .sidebar-overlay {
      height: 100%;
      width: 100%;
      background-color: #000;
      opacity: 0.3;
      position: fixed; }
    body .landing-header .sidebar .sidebar-content {
      width: 300px;
      height: 100%;
      background-color: #fff;
      position: fixed;
      right: 0; }
      @media screen and (max-width: 460px) {
        body .landing-header .sidebar .sidebar-content {
          width: 100%; } }
      body .landing-header .sidebar .sidebar-content .sidebar-content-header {
        height: 60px;
        background-color: #000;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 20px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        body .landing-header .sidebar .sidebar-content .sidebar-content-header .close-sidebar svg {
          fill: #fff;
          margin-right: 20px;
          cursor: pointer;
          height: 18px;
          width: 30px; }
      body .landing-header .sidebar .sidebar-content .sidebar-content-title {
        text-transform: uppercase;
        padding: 15px 20px;
        font-weight: bold;
        font-size: 13px; }
      body .landing-header .sidebar .sidebar-content .sidebar-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 0 20px; }
        body .landing-header .sidebar .sidebar-content .sidebar-items .sidebar-item {
          font-weight: bolder;
          padding: 6px 10px; }
          @media screen and (max-width: 460px) {
            body .landing-header .sidebar .sidebar-content .sidebar-items .sidebar-item {
              padding: 10px 10px; } }
    body .landing-header .sidebar#mobile-nav-sidebar .sidebar-content-header {
      background-color: #fff;
      color: #000;
      font-size: 1.2rem;
      border-bottom: 1px solid #F2F2F2;
      padding-right: 20px; }
      body .landing-header .sidebar#mobile-nav-sidebar .sidebar-content-header svg {
        fill: #000;
        height: 30px;
        width: 30px;
        fill: #000; }
        body .landing-header .sidebar#mobile-nav-sidebar .sidebar-content-header svg use {
          fill: #000; }
    body .landing-header .sidebar#mobile-nav-sidebar .sidebar-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0; }
      body .landing-header .sidebar#mobile-nav-sidebar .sidebar-items .sidebar-item {
        text-transform: uppercase;
        padding: 20px;
        border-bottom: 1px solid #F2F2F2; }

.breadcrumbs {
  background: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 0 0 1rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  padding: 0.5rem 2.25rem;
  position: relative;
  z-index: 9; }
  @media screen and (max-width: 900px) {
    .breadcrumbs {
      display: none; } }
  .breadcrumbs a {
    text-transform: uppercase; }
    .breadcrumbs a::after {
      color: #000;
      content: "-";
      cursor: default;
      margin: 0 0.5rem; }

.breadcrumbs-nd {
  background: transparent;
  background-color: #343E4A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 0;
  position: relative;
  z-index: 9;
  width: 100%;
  margin: 0 auto;
  max-width: 1320px;
  margin-top: 85px; }
  @media screen and (max-width: 1365px) {
    .breadcrumbs-nd {
      padding: 0.5rem 2.25rem; } }
  @media screen and (max-width: 1180px) {
    .breadcrumbs-nd {
      border-bottom: 1px solid #c7cdd0; } }
  .breadcrumbs-nd a {
    color: #899098;
    font-family: "Exo 2";
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 24px; }
    .breadcrumbs-nd a::after {
      content: "/";
      cursor: default;
      margin: 0 0.5rem; }
    .breadcrumbs-nd a.dark-bg {
      color: #ffffff; }
    @media screen and (max-width: 600px) {
      .breadcrumbs-nd a {
        font-size: 12px;
        line-height: 20px; } }
  .breadcrumbs-nd span {
    color: #e20026;
    font-family: "Exo 2";
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.5px;
    line-height: 24px; }
    .breadcrumbs-nd span.dark-bg {
      color: #ffffff; }
    @media screen and (max-width: 600px) {
      .breadcrumbs-nd span {
        font-size: 12px;
        line-height: 20px; } }
  .breadcrumbs-nd.grey-bg span {
    color: #343E4A; }

.carousel-wrapper {
  display: block;
  margin-bottom: 1rem; }
  @media screen and (min-width: 601px) {
    .carousel-wrapper {
      padding: 0.5rem; } }

.owl-carousel {
  padding: 0 2rem;
  position: relative; }
  @media screen and (max-width: 600px) {
    .owl-carousel {
      padding: 0 1.25rem; } }
  .owl-carousel .media-wrapper {
    margin-bottom: 1em; }
  .owl-carousel .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    pointer-events: none; }
    .owl-carousel .owl-nav button {
      height: 2rem;
      width: 2rem;
      background-color: transparent;
      border: 0;
      margin-top: -1rem;
      outline: none;
      padding: 0;
      pointer-events: all; }
      @media screen and (max-width: 600px) {
        .owl-carousel .owl-nav button {
          height: 1.25rem;
          width: 1.25rem; } }
      .owl-carousel .owl-nav button svg {
        height: 2rem;
        width: 2rem;
        fill: #E20026;
        margin: 0; }
        @media screen and (max-width: 600px) {
          .owl-carousel .owl-nav button svg {
            height: 1.25rem;
            width: 1.25rem; } }
      .owl-carousel .owl-nav button.owl-prev svg {
        height: 2rem;
        width: 2rem; }
        @media screen and (max-width: 600px) {
          .owl-carousel .owl-nav button.owl-prev svg {
            height: 1.25rem;
            width: 1.25rem; } }
      .owl-carousel .owl-nav button.owl-prev.disabled {
        opacity: .5; }
        .owl-carousel .owl-nav button.owl-prev.disabled svg {
          cursor: default; }
      .owl-carousel .owl-nav button.owl-next svg {
        height: 2rem;
        width: 2rem; }
        @media screen and (max-width: 600px) {
          .owl-carousel .owl-nav button.owl-next svg {
            height: 1.25rem;
            width: 1.25rem; } }
      .owl-carousel .owl-nav button.owl-next.disabled {
        opacity: .5; }
        .owl-carousel .owl-nav button.owl-next.disabled svg {
          cursor: default; }
    .owl-carousel .owl-nav svg {
      height: 2rem;
      width: 2rem;
      cursor: pointer;
      -webkit-transition: fill .2s ease-in;
      transition: fill .2s ease-in; }
  .owl-carousel .owl-dots {
    position: absolute;
    top: 1.875rem;
    right: 0;
    bottom: auto;
    left: auto;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    pointer-events: none; }
    .owl-carousel .owl-dots > .owl-dot {
      height: 0.875rem;
      width: 0.875rem;
      background-color: rgba(255, 255, 255, 0.6);
      border-radius: 100%;
      display: inline-block;
      margin: 0 0.25rem 0;
      pointer-events: all;
      position: relative; }
      .owl-carousel .owl-dots > .owl-dot.active {
        background-color: #fff; }
        .owl-carousel .owl-dots > .owl-dot.active span {
          position: absolute;
          top: 0.13125rem;
          right: 0.13125rem;
          bottom: auto;
          left: auto;
          height: 0.6125rem;
          width: 0.6125rem;
          background-color: #f1b514;
          border-radius: 100%;
          display: inline-block;
          margin: auto; }
  .owl-carousel .card {
    margin: 0 1.125rem; }
    @media screen and (max-width: 600px) {
      .owl-carousel .card {
        margin: 0 1rem; } }
    @media screen and (min-width: 901px) {
      .owl-carousel .card {
        margin: 0 2.25rem; } }

@media screen and (min-width: 601px) {
  .tabs {
    margin: 0 -2.25rem; } }

.tabs > nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #edebe8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  margin: 0 2.25rem;
  overflow-x: visible; }
  @media screen and (max-width: 600px) {
    .tabs > nav {
      margin: 0; } }
  .tabs > nav > a {
    color: #000;
    font-weight: bold;
    text-align: center;
    text-transform: capitalize; }
    @media screen and (min-width: 601px) {
      .tabs > nav > a {
        font-size: 0.875rem;
        padding: 0.5rem 2.25rem;
        white-space: nowrap; } }
    @media screen and (max-width: 600px) {
      .tabs > nav > a {
        font-size: 0.875rem;
        padding: 0.5rem 1.125rem; } }
    .tabs > nav > a:hover {
      text-decoration: none; }
    .tabs > nav > a.current {
      border-bottom: 3px solid #E20026;
      color: #000; }

.tabs .tab-content {
  display: none; }
  @media screen and (max-width: 600px) {
    .tabs .tab-content {
      margin: 1rem 0; } }
  @media screen and (min-width: 601px) {
    .tabs .tab-content {
      margin: 1rem 2.25rem; } }
  .tabs .tab-content.current {
    display: block; }

#global-loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  height: 100vh;
  width: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in 0s, width 0s ease-in 0.2s;
  transition: opacity 0.2s ease-in 0s, width 0s ease-in 0.2s;
  z-index: 99999; }
  #global-loader.show {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in 0s, width 0s ease-in 0s;
    transition: opacity 0.2s ease-in 0s, width 0s ease-in 0s;
    width: 100vw; }
  #global-loader.stay-hidden {
    display: none !important; }

.spinner {
  height: 100px;
  width: 100%;
  position: relative;
  stroke: #E20026; }
  .spinner::before {
    content: '';
    display: block;
    padding-top: 100%; }
  .spinner .circular {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-animation: rotate 2s linear infinite;
            animation: rotate 2s linear infinite;
    margin: auto;
    -webkit-transform-origin: center center;
            transform-origin: center center; }
  .spinner .path {
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
            animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round; }

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

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

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@media screen and (max-width: 992px) {
  #page-product-registration-associate-dealer,
  #page-product-registration-link-products-equipment,
  #page-product-registration-link-products-plm {
    overflow: inherit; } }

@media screen and (max-width: 992px) {
  #page-product-registration-associate-dealer .next-step-container,
  #page-product-registration-link-products-equipment .next-step-container,
  #page-product-registration-link-products-plm .next-step-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 12px 18px;
    position: sticky;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 1;
    -webkit-transition: 0.5s all;
    transition: 0.5s all; }
    #page-product-registration-associate-dealer .next-step-container button:first-child,
    #page-product-registration-link-products-equipment .next-step-container button:first-child,
    #page-product-registration-link-products-plm .next-step-container button:first-child {
      margin-right: 10px; } }

#page-product-registration-associate-dealer .next-step-container.button-sticky,
#page-product-registration-link-products-equipment .next-step-container.button-sticky,
#page-product-registration-link-products-plm .next-step-container.button-sticky {
  margin-left: -1.125rem;
  margin-right: -1.125rem;
  -webkit-transition: 0.5s all;
  transition: 0.5s all; }

@media screen and (max-width: 992px) {
  #product-details {
    overflow: inherit; } }

@media screen and (max-width: 992px) {
  #product-details .preferred-dealers .buttons-wrapper:not(.enableSaveButton) {
    width: 100% !important; } }

#product-details .preferred-dealers .buttons-wrapper.button-relative {
  margin-top: 12px; }

#product-details .preferred-dealers .buttons-wrapper.button-sticky {
  margin-top: 12px; }

@media screen and (max-width: 992px) {
  #product-details .preferred-dealers .enableSaveButton {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 12px 18px;
    position: sticky;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 1;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    margin-top: 0px !important; }
    #product-details .preferred-dealers .enableSaveButton button:first-child {
      margin-right: 10px; } }

#product-details .preferred-dealers .enableSaveButton.button-sticky {
  margin-left: -1.125rem;
  margin-right: -1.125rem;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  background: #f8f8f8;
  padding: 12px 18px;
  -webkit-box-shadow: 0px 10px 10px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 10px 10px 8px rgba(0, 0, 0, 0.3); }

#product-details .preferred-dealers .enableSaveButton.button-relative {
  padding: 12px 0; }

.pdp-pagination-container {
  margin: 1rem -1.125rem; }
  @media screen and (max-width: 600px) {
    .pdp-pagination-container.pdp-myLinkedPLM-pagination ul.pagination {
      padding-bottom: 1rem; } }
  .pdp-pagination-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    list-style: none;
    padding: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .pdp-pagination-container ul.one-page {
      display: none; }
    .pdp-pagination-container ul .prev {
      -webkit-transform: translate(0px, 2.5px);
              transform: translate(0px, 2.5px); }
    .pdp-pagination-container ul .next span,
    .pdp-pagination-container ul .previous span {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .pdp-pagination-container ul .disabled a {
      opacity: 0.3; }
    .pdp-pagination-container ul li {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer;
      margin: 0 5px; }
    .pdp-pagination-container ul .page-bar {
      width: 32px;
      height: 4px;
      background: #d3d3d3; }
      .pdp-pagination-container ul .page-bar a {
        width: 100%;
        height: 100%; }
    .pdp-pagination-container ul .page-bar.active {
      background: #899098; }

@media screen and (max-width: 900px) {
  .pdp-pagination-container .pagination li.prev, .pdp-pagination-container .pagination li.next, .pdp-pagination-container .pagination li.active {
    display: block; }
    .pdp-pagination-container .pagination li.prev a, .pdp-pagination-container .pagination li.next a, .pdp-pagination-container .pagination li.active a {
      white-space: nowrap; } }

#test {
  color: red; }

body {
  padding: 0;
  background-color: #fff; }

.evo-redirect-header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px auto; }
  .evo-redirect-header img {
    width: 200px;
    margin: 10px; }

/* .evo-redirect-header{
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #E20026;
  img{
    width: 180px;
    margin-left: 20px;
  }
} */
.evo-redirect-container {
  border-top: 1px solid #f3f1f1;
  padding: 20px 40px; }
  .evo-redirect-container .evo-redirect-go-back {
    margin-bottom: 40px; }
    .evo-redirect-container .evo-redirect-go-back a {
      color: #000; }
      .evo-redirect-container .evo-redirect-go-back a p {
        display: inline;
        text-decoration: underline; }
  .evo-redirect-container .evo-redirect-not-supported-msg {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .evo-redirect-container .evo-redirect-not-supported-msg p {
      text-align: center;
      color: #E20026;
      margin: 0;
      font-size: 1.4rem; }
      .evo-redirect-container .evo-redirect-not-supported-msg p .myplmconnect {
        font-size: 1.7rem;
        font-weight: bold; }
  .evo-redirect-container .evo-redirect-app .evo-redirect-app-text {
    margin-top: 50px;
    margin-bottom: 10px;
    text-align: center; }
  .evo-redirect-container .evo-redirect-app .evo-redirect-app-badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .evo-redirect-container .evo-redirect-app .evo-redirect-app-badges img {
      margin-top: 10px;
      height: 50px; }
  .evo-redirect-container .evo-redirect-go-to-desktop {
    text-align: center;
    margin-top: 60px;
    text-decoration: underline; }
    .evo-redirect-container .evo-redirect-go-to-desktop a {
      text-decoration: underline; }

.dealer-locator {
  /*the container must be positioned relative:*/
  /*when hovering an item:*/
  /*when navigating through the items using the arrow keys:*/
  /* fine autocomplete */ }
  .dealer-locator .autocomplete {
    position: relative;
    display: inline-block; }
  .dealer-locator input {
    border: 1px solid transparent;
    background-color: #f1f1f1;
    padding: 10px;
    font-size: 16px; }
  .dealer-locator input[type="text"] {
    background-color: #f1f1f1;
    width: 100%; }
  .dealer-locator input[type="text"]::-ms-clear {
    display: none;
    width: 0;
    height: 0; }
  .dealer-locator label[id="labelLocationName"] {
    inline-size: 300px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .dealer-locator input[type="submit"] {
    background-color: DodgerBlue;
    color: #fff;
    cursor: pointer; }
  .dealer-locator .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    max-height: 100px;
    overflow-y: scroll; }
  .dealer-locator #locationNameautocomplete-list strong {
    color: #e20026; }
  .dealer-locator .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4; }
    .dealer-locator .autocomplete-items div:last-child {
      border-bottom: 0; }
  .dealer-locator .autocomplete-items div:hover {
    background-color: #e9e9e9; }
  .dealer-locator .autocomplete-active {
    background-color: #d4d4d4 !important;
    color: #ffffff; }
  .dealer-locator button.searchLocationName {
    border: 0;
    margin: 0;
    position: absolute;
    right: 1px;
    bottom: 1px;
    display: none; }
  .dealer-locator #searchResult {
    list-style: none;
    position: absolute;
    border: 1px solid #d4d4d4;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    max-height: 100px;
    overflow-y: scroll;
    margin: 0 8px;
    padding: 0; }
  .dealer-locator #searchResult li {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4; }
    .dealer-locator #searchResult li:last-child {
      border-bottom: 0; }
    .dealer-locator #searchResult li:hover {
      background-color: #e9e9e9; }
  .dealer-locator #searchResult li:hover {
    cursor: pointer; }
  @media screen and (min-width: 901px) {
    .dealer-locator .select-field .select2 {
      min-width: 90%;
      width: 100% !important; }
    .dealer-locator .input-field input {
      min-width: 93%; } }
  .dealer-locator .dealer-locator-modal {
    min-height: 300px; }
    .dealer-locator .dealer-locator-modal .select-field.filled .placeholder {
      top: 2px; }
    .dealer-locator .dealer-locator-modal .select-field .placeholder {
      top: 17px; }
    @media screen and (max-width: 600px) {
      .dealer-locator .dealer-locator-modal footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important; } }
    @media screen and (max-width: 600px) {
      .dealer-locator .dealer-locator-modal footer button {
        min-width: auto;
        font-size: 14px; } }
    @media screen and (max-width: 600px) {
      .dealer-locator .dealer-locator-modal footer button .steyr-btn-text {
        font-size: 14px; } }
    .dealer-locator .dealer-locator-modal .cancel {
      color: #000;
      border: none; }
      @media screen and (max-width: 600px) {
        .dealer-locator .dealer-locator-modal .cancel {
          margin: 0.25rem 0.5rem 0.25rem 0px !important; } }
    @media screen and (max-width: 600px) {
      .dealer-locator .dealer-locator-modal .submit-save {
        margin: 0.25rem 0.5rem 0.25rem 0 !important; } }
    @media screen and (min-width: 901px) {
      .dealer-locator .dealer-locator-modal {
        width: 90vw; } }
  .dealer-locator .loader,
  .dealer-locator .location-search-center {
    display: none; }
    .dealer-locator .loader.show,
    .dealer-locator .location-search-center.show {
      display: block; }
  .dealer-locator .title, .dealer-locator .location-search-center {
    color: #343E4A;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.5px; }
    @media screen and (max-width: 600px) {
      .dealer-locator .title, .dealer-locator .location-search-center {
        font-size: 14px;
        line-height: 18px;
        margin-top: 0px;
        margin-bottom: 5px; } }
  .dealer-locator .search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0;
    padding: 1rem 0 4rem; }
    @media screen and (min-width: 901px) {
      .dealer-locator .search .mobile-hide {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important; }
      .dealer-locator .search .desktop-hide {
        display: none !important; } }
    .dealer-locator .search .position-mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    @media screen and (max-width: 900px) {
      .dealer-locator .search {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .dealer-locator .search .mobile-hide {
          display: none !important; }
        .dealer-locator .search .desktop-hide {
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important; } }
    .dealer-locator .search .position {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #E20026;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-weight: bold;
      white-space: nowrap; }
      @media screen and (max-width: 900px) {
        .dealer-locator .search .position {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-bottom: 0.5rem; } }
      .dealer-locator .search .position .injected-svg {
        height: 2rem;
        width: 2rem;
        fill: #E20026;
        margin-right: 0.5rem; }
    @media screen and (max-width: 900px) {
      .dealer-locator .search .separator {
        border-top: 1px solid #919191;
        margin: 0.5rem 0 1rem; } }
    @media screen and (min-width: 901px) {
      .dealer-locator .search .separator {
        margin: 0 2.25rem;
        position: relative; }
        .dealer-locator .search .separator::before {
          height: 0;
          width: 4.5rem;
          position: absolute;
          top: 1.6rem;
          right: -2.3rem;
          bottom: auto;
          left: auto;
          border-top: 1px solid #919191;
          content: "";
          display: block;
          -webkit-transform: rotate(120deg);
                  transform: rotate(120deg); } }
    .dealer-locator .search .form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 900px) {
        .dealer-locator .search .form {
          -webkit-box-align: stretch;
              -ms-flex-align: stretch;
                  align-items: stretch;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .dealer-locator .search .form .position-mobile {
            width: auto; }
          .dealer-locator .search .form .dealerSearch {
            padding-top: 20px; }
            .dealer-locator .search .form .dealerSearch .typeLocation {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex; }
              .dealer-locator .search .form .dealerSearch .typeLocation label {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center; }
                .dealer-locator .search .form .dealerSearch .typeLocation label:first-child {
                  padding-right: 20px; }
                .dealer-locator .search .form .dealerSearch .typeLocation label span {
                  padding: 0px 10px 0 5px; }
              .dealer-locator .search .form .dealerSearch .typeLocation .injected-svg {
                height: 1.5rem;
                width: 1.5rem; }
          .dealer-locator .search .form #searchResult {
            margin: 0; } }
      .dealer-locator .search .form .dealerSearch .typeLocation label .radio-icon {
        position: relative;
        width: 24px;
        height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0; }
        .dealer-locator .search .form .dealerSearch .typeLocation label .radio-icon::before {
          content: '';
          position: absolute;
          height: 100%;
          width: 100%;
          -webkit-transition: .4s;
          transition: .4s;
          background-image: url(/Content/images/steyr-radio-off.svg);
          background-size: contain;
          background-repeat: no-repeat; }
      .dealer-locator .search .form .dealerSearch .typeLocation input:checked + .radio-icon:before {
        background-image: url(/Content/images/steyr-radio-on.svg); }
      @media screen and (min-width: 901px) {
        .dealer-locator .search .form {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-flex: 1;
              -ms-flex: 1 0 0%;
                  flex: 1 0; }
          .dealer-locator .search .form .position-mobile {
            width: 30%; }
          .dealer-locator .search .form .dealerSearch {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            padding: 0 50px;
            width: 60%; }
            .dealer-locator .search .form .dealerSearch .typeLocation {
              padding-right: 10px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex; }
              .dealer-locator .search .form .dealerSearch .typeLocation label {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center; }
                .dealer-locator .search .form .dealerSearch .typeLocation label span {
                  padding: 4px 10px 0 5px; }
              .dealer-locator .search .form .dealerSearch .typeLocation .injected-svg {
                height: 1.5rem;
                width: 1.5rem; } }
      .dealer-locator .search .form button {
        min-height: 0;
        padding: 9px 25px;
        cursor: pointer;
        border-color: #e20026;
        margin-right: 0;
        min-width: 0; }
        .dealer-locator .search .form button.submit-search {
          display: none; }
        .dealer-locator .search .form button svg {
          fill: #e20026; }
        .dealer-locator .search .form button:disabled {
          border-color: #b2b2b2; }
          .dealer-locator .search .form button:disabled svg {
            fill: #b2b2b2; }
        @media screen and (max-width: 900px) {
          .dealer-locator .search .form button {
            margin-left: 0 !important;
            width: 100%; }
            .dealer-locator .search .form button.searchLocationName {
              width: auto; } }
        @media screen and (min-width: 901px) {
          .dealer-locator .search .form button {
            margin-left: 0; } }
      @media screen and (min-width: 901px) {
        .dealer-locator .search .form .country {
          width: 30%; }
        .dealer-locator .search .form .location {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 0%;
                  flex: 1 0;
          padding: 0 0.5rem; } }
  .dealer-locator .dealers-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1rem 0;
    padding: 0; }
    @media screen and (min-width: 601px) {
      .dealer-locator .dealers-wrapper {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    @media screen and (max-width: 600px) {
      .dealer-locator .dealers-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .dealer-locator .dealers-wrapper li {
      background: #fff;
      -webkit-box-shadow: 1px 2px 16px 0 rgba(214, 213, 213, 0.5);
              box-shadow: 1px 2px 16px 0 rgba(214, 213, 213, 0.5);
      list-style: none;
      margin: 0.5rem 2% 0.5rem 2%;
      padding: 1rem 1.125rem;
      position: relative; }
      .dealer-locator .dealers-wrapper li h3 {
        color: #343E4A;
        font-size: 12px;
        font-weight: bold;
        line-height: 16px;
        letter-spacing: 0.38px;
        margin-top: 0px; }
      @media screen and (min-width: 901px) {
        .dealer-locator .dealers-wrapper li {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 32%;
                  flex: 0 0 32%;
          max-width: 25%; }
          .dealer-locator .dealers-wrapper li:nth-child(3n) {
            margin-right: 0; } }
      @media screen and (min-width: 601px) and (max-width: 900px) {
        .dealer-locator .dealers-wrapper li {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 49%;
                  flex: 0 0 49%;
          max-width: 32%; }
          .dealer-locator .dealers-wrapper li:nth-child(2n) {
            margin-right: 0; } }
      @media screen and (max-width: 600px) {
        .dealer-locator .dealers-wrapper li {
          margin-right: 0;
          max-width: 70%; } }
      .dealer-locator .dealers-wrapper li h3 {
        margin-right: 1.375rem;
        margin-top: 0; }
      .dealer-locator .dealers-wrapper li .info {
        color: #343E4A;
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0.5px;
        text-align: left;
        display: block;
        margin-top: 0.5rem; }
      .dealer-locator .dealers-wrapper li .card-logo-image .logo-img {
        height: 25px;
        width: 100px; }
      .dealer-locator .dealers-wrapper li .edit-wrapper {
        position: absolute;
        top: 1rem;
        right: 22px;
        bottom: auto;
        left: auto; }
        .dealer-locator .dealers-wrapper li .edit-wrapper svg {
          overflow: visible; }
        .dealer-locator .dealers-wrapper li .edit-wrapper .checkbox .checkboxWrp::before {
          content: '';
          position: absolute;
          height: 14px;
          width: 14px;
          -webkit-transition: .4s;
          transition: .4s;
          background-image: url(/Content/images/steyr-checkbox-unfilled.svg);
          background-size: contain;
          background-repeat: no-repeat; }
        .dealer-locator .dealers-wrapper li .edit-wrapper .checkbox input:checked + .checkboxWrp:before {
          background-image: url(/Content/images/steyr-checkbox-filled.svg); }
  .dealer-locator.dealer-locator .form .select-field {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0; }
  @media screen and (min-width: 901px) {
    .dealer-locator.dealer-locator .form .state {
      margin-left: 1.125rem;
      margin-right: 1.125rem; } }

#product-details {
  /* Validation Serial Integration */ }
  #product-details .hidden {
    display: none; }
  #product-details .current {
    display: block; }
  #product-details .vehicle-info-item .checkbox {
    width: auto; }
    #product-details .vehicle-info-item .checkbox svg {
      pointer-events: none; }
  #product-details .checkbox svg {
    height: 1.0rem; }
  #product-details .popover span {
    right: 20px !important; }
  #product-details .label.has-secondary-pin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1; }
    #product-details .label.has-secondary-pin .popover-trigger {
      margin-left: 5px;
      z-index: 999; }
    @media screen and (max-width: 460px) {
      #product-details .label.has-secondary-pin {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
  #product-details .label:not(.has-secondary-pin) .popover-trigger {
    display: none; }
  #product-details .pin-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #product-details .pin-wrapper .label {
      margin-right: 10px; }
      @media screen and (max-width: 600px) {
        #product-details .pin-wrapper .label {
          margin-right: 0; } }
    @media screen and (max-width: 600px) {
      #product-details .pin-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%; }
        #product-details .pin-wrapper .pin {
          width: 100%; } }
    @media screen and (max-width: 600px) {
      #product-details .pin-wrapper.top-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left;
        width: 100%; } }
  #product-details .modal-wrapper {
    max-height: 80%;
    width: 80vw !important;
    border-radius: 0px;
    padding: 25px 30px; }
    @media screen and (max-width: 900px) {
      #product-details .modal-wrapper {
        width: 776px !important; } }
    @media screen and (max-width: 992px) {
      #product-details .modal-wrapper {
        width: 80vw !important; } }
    @media screen and (max-width: 600px) {
      #product-details .modal-wrapper {
        width: 80vw !important;
        padding: 10px 20px; } }
    #product-details .modal-wrapper .close-button {
      fill: #343E4A;
      width: 14px;
      height: 14px; }
      @media screen and (max-width: 600px) {
        #product-details .modal-wrapper .close-button {
          top: 15px; } }
    #product-details .modal-wrapper header h3 {
      color: #343E4A;
      font-size: 20px;
      font-weight: bold;
      line-height: 24px;
      letter-spacing: 0px;
      text-transform: capitalize;
      margin: 0;
      padding-right: 15px; }
      @media screen and (max-width: 600px) {
        #product-details .modal-wrapper header h3 {
          font-size: 16px; } }
  #product-details .pin-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #product-details .pin-wrapper .label {
      margin-right: 5px; }
      @media screen and (max-width: 600px) {
        #product-details .pin-wrapper .label {
          margin-right: 10px; } }
  #product-details .modal-add-equipment .modal-wrapper {
    width: 85%; }
  @media screen and (min-width: 901px) {
    #product-details .associated-devices {
      padding-top: 0; } }
  @media screen and (min-width: 901px) {
    #product-details .modal-wrapper.dealer-locator-modal main .form .location {
      margin: 8px 0 16px;
      padding: 0 0.5rem; } }
  #product-details .modal-wrapper.dealer-locator-modal footer {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  #product-details #message-modal .modal-wrapper main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    #product-details #message-modal .modal-wrapper main .header-icon {
      margin-right: 0 !important; }
    #product-details #message-modal .modal-wrapper main .icon-success {
      height: 35px;
      width: 35px; }
    #product-details #message-modal .modal-wrapper main h2 {
      margin-left: 10px;
      text-transform: none; }
    #product-details #message-modal .modal-wrapper main footer {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      margin-top: 50px; }
  #product-details.edit-name .product-info {
    display: none; }
  #product-details.edit-name .edit-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #product-details.edit-name .associated-items .buttons-wrapper {
    display: none; }
  #product-details .empty-message {
    background: #fff;
    display: none;
    font-size: 0.875rem;
    margin: 0.5rem 0;
    padding: 1rem 1.125rem; }
    #product-details .empty-message.show {
      display: block; }
  #product-details .manage-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: absolute;
    right: 0; }
    @media screen and (max-width: 600px) {
      #product-details .manage-icons {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        position: relative;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
    #product-details .manage-icons .icon {
      cursor: pointer;
      margin-right: 0.5rem; }
      @media screen and (max-width: 600px) {
        #product-details .manage-icons .icon {
          -ms-flex-preferred-size: 60px;
              flex-basis: 60px; }
          #product-details .manage-icons .icon div {
            text-transform: uppercase;
            max-width: 55px; } }
      #product-details .manage-icons .icon a {
        display: block; }
      #product-details .manage-icons .icon:hover .injected-svg g {
        fill: #E20026; }
      #product-details .manage-icons .icon:hover div {
        text-decoration: underline;
        color: #E20026; }
      #product-details .manage-icons .icon.delete, #product-details .manage-icons .icon.manage {
        float: right;
        text-align: center;
        width: 90px; }
        #product-details .manage-icons .icon.delete div, #product-details .manage-icons .icon.manage div {
          font-size: 10px;
          font-weight: 400; }
      #product-details .manage-icons .icon.delete {
        margin-right: -16px; }
        @media screen and (max-width: 600px) {
          #product-details .manage-icons .icon.delete {
            -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2; } }
      #product-details .manage-icons .icon.manage svg {
        width: 27px; }
      @media screen and (max-width: 600px) {
        #product-details .manage-icons .icon.manage {
          display: none; } }
      #product-details .manage-icons .icon.edit {
        margin-left: 15px;
        text-align: center;
        display: block; }
        @media screen and (max-width: 600px) {
          #product-details .manage-icons .icon.edit {
            margin-left: -18px; } }
        #product-details .manage-icons .icon.edit div {
          font-size: 10px;
          font-weight: 400;
          display: none; }
          @media screen and (max-width: 600px) {
            #product-details .manage-icons .icon.edit div {
              display: block; } }
        @media screen and (min-width: 601px) {
          #product-details .manage-icons .icon.edit {
            display: none; } }
      #product-details .manage-icons .icon a,
      #product-details .manage-icons .icon a .injected-svg,
      #product-details .manage-icons .icon a g,
      #product-details .manage-icons .icon a svg {
        color: #000;
        fill: #000; }
      #product-details .manage-icons .icon a:hover,
      #product-details .manage-icons .icon a:hover .injected-svg,
      #product-details .manage-icons .icon a:hover g,
      #product-details .manage-icons .icon a:hover svg {
        color: #E20026;
        fill: #E20026; }
    #product-details .manage-icons .injected-svg {
      height: 1.25rem;
      width: 1.25rem;
      fill: #000; }
  #product-details .product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative; }
    @media screen and (min-width: 601px) {
      #product-details .product-info {
        margin-top: 40px; } }
    @media screen and (max-width: 600px) {
      #product-details .product-info {
        padding-left: 7px; } }
    #product-details .product-info .edit-nickname {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #product-details .product-info .edit-nickname .icon {
        margin-left: 5px;
        height: 0.95rem;
        width: 0.95rem;
        cursor: pointer; }
        #product-details .product-info .edit-nickname .icon svg {
          height: 0.95rem;
          width: 0.95rem; }
        @media screen and (max-width: 600px) {
          #product-details .product-info .edit-nickname .icon {
            display: none; } }
      #product-details .product-info .edit-nickname .injected-svg {
        height: 1.25rem;
        width: 1.25rem;
        fill: #000; }
      #product-details .product-info .edit-nickname span:hover .injected-svg {
        color: #E20026;
        fill: #E20026; }
    #product-details .product-info .custom-name {
      font-size: 16px; }
      #product-details .product-info .custom-name.no-nickname {
        font-size: 13px; }
        @media screen and (max-width: 460px) {
          #product-details .product-info .custom-name.no-nickname {
            display: none; } }
        @media screen and (max-width: 600px) {
          #product-details .product-info .custom-name.no-nickname {
            display: none; } }
    #product-details .product-info .pin {
      font-size: 18px;
      font-weight: 500;
      color: #343E4A; }
      @media screen and (max-width: 600px) {
        #product-details .product-info .pin {
          margin-top: 5px;
          font-size: 16px; } }
    #product-details .product-info .name {
      margin-top: 0; }
      @media screen and (min-width: 601px) {
        #product-details .product-info .name {
          font-size: 1.5rem; } }
      @media screen and (max-width: 600px) {
        #product-details .product-info .name {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; } }
      #product-details .product-info .name .injected-svg {
        height: 1.25rem;
        width: 1.25rem;
        fill: #000; }
      #product-details .product-info .name .icon {
        cursor: pointer;
        margin-right: 0.5rem; }
        @media screen and (max-width: 600px) {
          #product-details .product-info .name .icon {
            -ms-flex-preferred-size: 60px;
                flex-basis: 60px; } }
        #product-details .product-info .name .icon a {
          display: block; }
        #product-details .product-info .name .icon:hover .injected-svg g {
          fill: #E20026; }
        #product-details .product-info .name .icon:hover div {
          text-decoration: underline;
          color: #E20026; }
        #product-details .product-info .name .icon.delete, #product-details .product-info .name .icon.manage {
          float: right;
          text-align: center;
          width: 90px; }
          #product-details .product-info .name .icon.delete div, #product-details .product-info .name .icon.manage div {
            font-size: 10px;
            font-weight: 400; }
        #product-details .product-info .name .icon.delete {
          margin-right: -16px; }
          @media screen and (max-width: 600px) {
            #product-details .product-info .name .icon.delete {
              -webkit-box-ordinal-group: 3;
                  -ms-flex-order: 2;
                      order: 2; } }
        #product-details .product-info .name .icon.manage svg {
          width: 27px; }
        @media screen and (max-width: 600px) {
          #product-details .product-info .name .icon.manage {
            display: none; } }
        #product-details .product-info .name .icon.edit {
          margin-left: 15px;
          text-align: center;
          display: block; }
          @media screen and (max-width: 600px) {
            #product-details .product-info .name .icon.edit {
              margin-left: -18px; } }
          #product-details .product-info .name .icon.edit div {
            font-size: 10px;
            font-weight: 400;
            display: none; }
            @media screen and (max-width: 600px) {
              #product-details .product-info .name .icon.edit div {
                display: block; } }
        #product-details .product-info .name .icon a,
        #product-details .product-info .name .icon a .injected-svg,
        #product-details .product-info .name .icon a g,
        #product-details .product-info .name .icon a svg {
          color: #000;
          fill: #000; }
        #product-details .product-info .name .icon a:hover,
        #product-details .product-info .name .icon a:hover .injected-svg,
        #product-details .product-info .name .icon a:hover g,
        #product-details .product-info .name .icon a:hover svg {
          color: #E20026;
          fill: #E20026; }
      #product-details .product-info .name .product-name {
        float: left;
        font-weight: bold;
        font-family: "Exo Slab Pro";
        font-size: 36px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 44px;
        text-transform: none;
        color: #343E4A;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 50%; }
        @media screen and (max-width: 600px) {
          #product-details .product-info .name .product-name {
            display: block;
            margin-bottom: 0.5rem;
            max-width: 100%; } }
        @media screen and (min-width: 601px) {
          #product-details .product-info .name .product-name {
            margin-right: 1.125rem; } }
  #product-details .pin-disclaimer {
    margin-top: 2rem; }
    #product-details .pin-disclaimer .button {
      margin-left: 0;
      margin-right: 0; }
    #product-details .pin-disclaimer p {
      font-size: 0.875rem;
      font-weight: bold; }
  #product-details .edit-name {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media screen and (min-width: 601px) {
      #product-details .edit-name {
        max-width: 50%; }
        #product-details .edit-name .buttons-wrapper {
          margin-left: -0.5rem;
          margin-right: -0.5rem; }
        #product-details .edit-name button {
          margin-left: 0.5rem;
          margin-right: 0.5rem;
          min-width: 0; } }
  #product-details .tabs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 50px; }
    #product-details .tabs-wrapper .hidden {
      display: none; }
    #product-details .tabs-wrapper .tab {
      margin-right: 60px;
      cursor: pointer; }
      #product-details .tabs-wrapper .tab.current {
        border-bottom: 4px solid #E20026; }
    #product-details .tabs-wrapper .tab-name {
      text-transform: capitalize;
      font-size: 22px;
      margin-bottom: 5px; }
    @media screen and (max-width: 600px) {
      #product-details .tabs-wrapper {
        margin-bottom: 0; }
        #product-details .tabs-wrapper.mobile-tabs {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-weight: 700;
          margin: 8px 0 30px;
          width: 100%;
          max-width: 490px;
          overflow-x: scroll;
          overflow-y: hidden; }
          #product-details .tabs-wrapper.mobile-tabs .tab-name {
            font-family: "Exo 2";
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0.5px;
            line-height: 24px;
            text-align: center;
            margin-bottom: 0; }
          #product-details .tabs-wrapper.mobile-tabs .tab {
            color: #C7CDD0;
            -webkit-box-flex: 1;
                -ms-flex: 1 0 100%;
                    flex: 1 0 100%;
            padding: 0.5rem 0;
            text-align: center;
            text-transform: initial;
            max-width: -webkit-fit-content;
            max-width: -moz-fit-content;
            max-width: fit-content;
            margin-right: 83px;
            position: relative; }
            #product-details .tabs-wrapper.mobile-tabs .tab.current {
              border-bottom: 4px solid #E20026;
              color: #343E4A; }
            #product-details .tabs-wrapper.mobile-tabs .tab:first-child::after {
              content: '';
              width: 1px;
              height: 24px;
              background-color: #C7CDD0;
              position: absolute;
              right: -17.5px;
              bottom: 8px; } }
  #product-details .associated-items {
    padding: 2rem 0 0.5rem;
    position: relative; }
    #product-details .associated-items .nickname {
      margin-bottom: 10px;
      display: block; }
    @media screen and (max-width: 600px) {
      #product-details .associated-items {
        padding-top: 0; } }
    #product-details .associated-items .pin.has-secondary {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    #product-details .associated-items > h3 {
      margin-bottom: 1rem; }
      @media screen and (max-width: 600px) {
        #product-details .associated-items > h3 {
          margin: 0; } }
    #product-details .associated-items .table-wrapper .checkbox.edit, #product-details .associated-items .table-wrapper .info.edit {
      display: none; }
    @media screen and (min-width: 601px) and (max-width: 900px) {
      #product-details .associated-items .table-wrapper thead {
        display: none; }
      #product-details .associated-items .table-wrapper tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 1rem 0;
        position: relative;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      #product-details .associated-items .table-wrapper td {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        padding-bottom: 0;
        padding-top: 0; }
        #product-details .associated-items .table-wrapper td .value {
          word-break: break-word; }
      #product-details .associated-items .table-wrapper .pin {
        width: 20%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        #product-details .associated-items .table-wrapper .pin .pin-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
      #product-details .associated-items .table-wrapper .product {
        margin-bottom: 0; }
      #product-details .associated-items .table-wrapper .product,
      #product-details .associated-items .table-wrapper .brand {
        width: 13%; }
      #product-details .associated-items .table-wrapper .name,
      #product-details .associated-items .table-wrapper .nickname,
      #product-details .associated-items .table-wrapper .associations {
        width: 30%; }
      #product-details .associated-items .table-wrapper .pin,
      #product-details .associated-items .table-wrapper .associations {
        padding-top: 0.5rem; }
        #product-details .associated-items .table-wrapper .pin .key,
        #product-details .associated-items .table-wrapper .associations .key {
          display: inline;
          font-size: 0.75rem; }
      #product-details .associated-items .table-wrapper .product .value,
      #product-details .associated-items .table-wrapper .pin .value,
      #product-details .associated-items .table-wrapper .associations .value {
        font-size: 0.875rem; }
      #product-details .associated-items .table-wrapper .associations {
        width: 20%; }
      #product-details .associated-items .table-wrapper .actions {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        padding: 0;
        width: 1%; } }
  @media screen and (min-width: 601px) and (max-width: 900px) and (max-width: 600px) {
    #product-details .associated-items .table-wrapper .actions .arrow-icon {
      position: absolute;
      right: 0;
      top: 50%; } }
    @media screen and (max-width: 600px) {
      #product-details .associated-items .table-wrapper thead {
        display: none; }
      #product-details .associated-items .table-wrapper tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 1rem 0;
        position: relative;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
      #product-details .associated-items .table-wrapper td {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        padding-bottom: 8px;
        padding-top: 0; }
        #product-details .associated-items .table-wrapper td .value {
          word-break: break-word; }
      #product-details .associated-items .table-wrapper .pin {
        width: 20%; }
      #product-details .associated-items .table-wrapper .product {
        margin-bottom: 0; }
      #product-details .associated-items .table-wrapper .product,
      #product-details .associated-items .table-wrapper .brand {
        width: 13%; }
      #product-details .associated-items .table-wrapper .name,
      #product-details .associated-items .table-wrapper .nickname,
      #product-details .associated-items .table-wrapper .associations {
        width: 30%; }
      #product-details .associated-items .table-wrapper .pin,
      #product-details .associated-items .table-wrapper .associations {
        padding-top: 0.5rem; }
        #product-details .associated-items .table-wrapper .pin .key,
        #product-details .associated-items .table-wrapper .associations .key {
          display: inline;
          font-size: 0.75rem; }
      #product-details .associated-items .table-wrapper .associations {
        width: 20%; }
      #product-details .associated-items .table-wrapper .actions {
        padding: 0;
        width: 1%; } }
  @media screen and (max-width: 600px) and (max-width: 600px) {
    #product-details .associated-items .table-wrapper .actions .arrow-icon {
      position: absolute;
      right: 0;
      top: 50%; } }
    #product-details .associated-items .table-wrapper tr.hidden {
      display: none; }
    #product-details .associated-items .buttons-wrapper {
      padding-bottom: 20px;
      margin-top: 30px; }
      #product-details .associated-items .buttons-wrapper button {
        padding: 0; }
        #product-details .associated-items .buttons-wrapper button.link-box, #product-details .associated-items .buttons-wrapper button.load-more-button, #product-details .associated-items .buttons-wrapper button.load-less-button {
          border: none; }
          #product-details .associated-items .buttons-wrapper button.link-box:hover, #product-details .associated-items .buttons-wrapper button.load-more-button:hover, #product-details .associated-items .buttons-wrapper button.load-less-button:hover {
            padding-left: 8px; }
      #product-details .associated-items .buttons-wrapper.left {
        margin-top: 1rem; }
    #product-details .associated-items h4 {
      font-size: 1rem; }
    #product-details .associated-items .edit-wrapper {
      position: absolute;
      top: 1rem;
      right: 1.125rem;
      bottom: auto;
      left: auto; }
      #product-details .associated-items .edit-wrapper .injected-svg {
        height: 1.25rem;
        width: 1.25rem; }
        #product-details .associated-items .edit-wrapper .injected-svg.alt {
          fill: #7f7366; }
    #product-details .associated-items .edit-list {
      display: none; }
      #product-details .associated-items .edit-list.show {
        display: inline-block; }
    #product-details .associated-items .cancel-edit,
    #product-details .associated-items .edit-wrapper,
    #product-details .associated-items .submit-edit {
      display: none; }
    #product-details .associated-items.edit-mode .cancel-edit,
    #product-details .associated-items.edit-mode .edit-wrapper,
    #product-details .associated-items.edit-mode .submit-edit {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    #product-details .associated-items.edit-mode .add-item,
    #product-details .associated-items.edit-mode .edit-list {
      display: none; }
    #product-details .associated-items.edit-mode .editable {
      background: #fff; }
    #product-details .associated-items:not(.edit-mode) li {
      background: #fff; }
      #product-details .associated-items:not(.edit-mode) li:not([data-dealer-id]) {
        cursor: pointer;
        -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
        transition: -webkit-box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; }
        @media screen and (max-width: 600px) {
          #product-details .associated-items:not(.edit-mode) li:not([data-dealer-id]) {
            border-left: 18px solid #F2F2F2;
            border-right: 18px solid #F2F2F2; } }
        #product-details .associated-items:not(.edit-mode) li:not([data-dealer-id]):hover {
          -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.24);
                  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.24); }
  #product-details .associated-dealers.edit-mode h4 {
    padding-right: 1.375rem; }
  #product-details .associated-dealers.edit-mode .directions {
    visibility: hidden; }
  #product-details .associated-dealers h4 {
    margin-top: 0; }
  #product-details .modal-add-product h4 {
    margin-top: 20px;
    margin-bottom: 14px;
    text-transform: uppercase;
    color: #343E4A;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.5px; }
    @media screen and (max-width: 600px) {
      #product-details .modal-add-product h4 {
        font-size: 14px;
        margin-top: 0px;
        margin-bottom: 5px; } }
    #product-details .modal-add-product h4 span {
      font-weight: normal; }
  #product-details .modal-add-product .move-device {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media screen and (max-width: 600px) {
      #product-details .modal-add-product .move-device {
        margin-bottom: 5px; } }
    #product-details .modal-add-product .move-device svg {
      height: 30px;
      width: 30px;
      margin-right: 10px;
      margin-top: 11px; }
    #product-details .modal-add-product .move-device .text-container {
      justify-self: center; }
      #product-details .modal-add-product .move-device .text-container h2 {
        color: #343E4A;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        letter-spacing: 0px; }
        @media screen and (max-width: 600px) {
          #product-details .modal-add-product .move-device .text-container h2 {
            font-size: 10px;
            line-height: 12px; } }
      #product-details .modal-add-product .move-device .text-container p {
        color: #343E4A;
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
        letter-spacing: 0px;
        margin: 0; }
        @media screen and (max-width: 600px) {
          #product-details .modal-add-product .move-device .text-container p {
            font-size: 10px;
            line-height: 12px; } }
    #product-details .modal-add-product .move-device.hidden {
      visibility: hidden; }
  #product-details .modal-add-product .buttons-wrapper {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
    @media screen and (max-width: 600px) {
      #product-details .modal-add-product .buttons-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    #product-details .modal-add-product .buttons-wrapper.hidden {
      display: none; }
  #product-details .modal-add-product button {
    min-width: 120px; }
    #product-details .modal-add-product button.clear {
      color: #000 !important;
      border: none;
      background: none;
      min-width: 95px; }
      #product-details .modal-add-product button.clear .steyr-btn-text {
        color: #000;
        padding: 0px; }
  #product-details .modal-add-product .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 600px) {
      #product-details .modal-add-product .button-container {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    @media screen and (max-width: 600px) {
      #product-details .modal-add-product .button-container button {
        width: 48%; } }
  #product-details .modal-add-product footer {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media screen and (max-width: 600px) {
      #product-details .modal-add-product footer .buttons-wrapper button {
        width: 48%; } }
  @media screen and (max-width: 600px) and (max-width: 600px) {
    #product-details .modal-add-product footer .buttons-wrapper button {
      min-width: auto; } }
  @media screen and (max-width: 600px) and (max-width: 600px) {
    #product-details .modal-add-product footer .buttons-wrapper button .steyr-btn-text {
      font-size: 14px; } }
  #product-details .modal-add-product .owl-carousel {
    padding: 0 1rem; }
    #product-details .modal-add-product .owl-carousel .owl-next,
    #product-details .modal-add-product .owl-carousel .owl-prev {
      height: 1rem;
      width: 1rem;
      margin: -0.5rem 0 0;
      min-width: 0;
      position: absolute;
      top: 50%; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        #product-details .modal-add-product .owl-carousel .owl-next,
        #product-details .modal-add-product .owl-carousel .owl-prev {
          height: 100px;
          top: 30%; } }
      #product-details .modal-add-product .owl-carousel .owl-next:hover,
      #product-details .modal-add-product .owl-carousel .owl-prev:hover {
        -webkit-box-shadow: none;
                box-shadow: none; }
        #product-details .modal-add-product .owl-carousel .owl-next:hover svg,
        #product-details .modal-add-product .owl-carousel .owl-prev:hover svg {
          fill: #000; }
      #product-details .modal-add-product .owl-carousel .owl-next svg,
      #product-details .modal-add-product .owl-carousel .owl-prev svg {
        height: 1rem;
        width: 1rem;
        fill: #3a3a3a;
        -webkit-transition: fill 0.2s ease-in;
        transition: fill 0.2s ease-in; }
    #product-details .modal-add-product .owl-carousel .owl-prev {
      left: 0; }
    #product-details .modal-add-product .owl-carousel .owl-next {
      right: 0; }
  #product-details .modal-add-product .products-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    overflow: auto; }
    #product-details .modal-add-product .products-carousel .owl-stage .owl-item .device,
    #product-details .modal-add-product .products-carousel .owl-stage .owl-item .equipment {
      margin: 16px 20px; }
      @media screen and (max-width: 600px) {
        #product-details .modal-add-product .products-carousel .owl-stage .owl-item .device,
        #product-details .modal-add-product .products-carousel .owl-stage .owl-item .equipment {
          margin: 10px; } }
    #product-details .modal-add-product .products-carousel .owl-stage .owl-item:first-child .device,
    #product-details .modal-add-product .products-carousel .owl-stage .owl-item:first-child .equipment {
      margin-left: 10px; }
      @media screen and (max-width: 600px) {
        #product-details .modal-add-product .products-carousel .owl-stage .owl-item:first-child .device,
        #product-details .modal-add-product .products-carousel .owl-stage .owl-item:first-child .equipment {
          margin: 10px; } }
    #product-details .modal-add-product .products-carousel .owl-stage .owl-item:last-child .device,
    #product-details .modal-add-product .products-carousel .owl-stage .owl-item:last-child .equipment {
      margin-right: 10px; }
      @media screen and (max-width: 600px) {
        #product-details .modal-add-product .products-carousel .owl-stage .owl-item:last-child .device,
        #product-details .modal-add-product .products-carousel .owl-stage .owl-item:last-child .equipment {
          margin: 10px; } }
    #product-details .modal-add-product .products-carousel .owl-stage .owl-item img {
      max-width: 120px;
      margin: 0 auto; }
    #product-details .modal-add-product .products-carousel .device,
    #product-details .modal-add-product .products-carousel .equipment {
      background: #fff;
      cursor: pointer;
      margin: 1rem 0.5625rem;
      padding: 15px 10px;
      position: relative;
      -webkit-box-shadow: 1px 2px 16px 0 rgba(214, 213, 213, 0.5);
              box-shadow: 1px 2px 16px 0 rgba(214, 213, 213, 0.5); }
    #product-details .modal-add-product .products-carousel .device h4,
    #product-details .modal-add-product .products-carousel .equipment h4 {
      color: #343E4A;
      font-size: 12px;
      font-weight: 600;
      line-height: 16px;
      letter-spacing: 0.38px;
      margin-top: 0px;
      padding-right: 22px;
      margin-bottom: 0px;
      height: 32px;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
      @media screen and (max-width: 992px) {
        #product-details .modal-add-product .products-carousel .device h4,
        #product-details .modal-add-product .products-carousel .equipment h4 {
          padding-right: 30px; } }
    #product-details .modal-add-product .products-carousel .pin {
      color: #899098;
      font-size: 12px;
      line-height: 20px;
      letter-spacing: 0.5px;
      text-align: left;
      display: block;
      margin-bottom: 16px; }
    #product-details .modal-add-product .products-carousel .edit-wrapper {
      position: absolute;
      top: 1rem;
      right: 22px;
      bottom: auto;
      left: auto; }
      #product-details .modal-add-product .products-carousel .edit-wrapper .checkbox .checkboxWrp::before {
        content: '';
        position: absolute;
        height: 14px;
        width: 14px;
        -webkit-transition: .4s;
        transition: .4s;
        background-image: url(/Content/images/steyr-checkbox-unfilled.svg);
        background-size: contain;
        background-repeat: no-repeat; }
      #product-details .modal-add-product .products-carousel .edit-wrapper .checkbox input:checked + .checkboxWrp:before {
        background-image: url(/Content/images/steyr-checkbox-filled.svg); }
      #product-details .modal-add-product .products-carousel .edit-wrapper .radio .radio-icon {
        position: relative;
        width: 19px;
        height: 19px;
        min-width: 19px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 8px;
        cursor: pointer; }
        #product-details .modal-add-product .products-carousel .edit-wrapper .radio .radio-icon::before {
          content: '';
          position: absolute;
          height: 100%;
          width: 100%;
          -webkit-transition: .4s;
          transition: .4s;
          background-image: url(/Content/images/steyr-radio-off.svg);
          background-size: contain;
          background-repeat: no-repeat; }
      #product-details .modal-add-product .products-carousel .edit-wrapper .radio input:checked + .radio-icon:before {
        background-image: url(/Content/images/steyr-radio-on.svg); }
  #product-details .modal-add-equipment header,
  #product-details .modal-add-product header {
    /* position: relative; top :18px;*/
    top: 0; }
  #product-details .modal-add-equipment footer,
  #product-details .modal-add-product footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  #product-details .modal-add-equipment button.submit .steyr-btn-text {
    padding: 11px 25px; }
  #product-details .modal-add-equipment .products-carousel .edit-wrapper {
    position: absolute;
    top: 12px;
    right: 8px;
    bottom: auto;
    left: auto; }
  @media screen and (max-width: 600px) {
    #product-details .modal-add-equipment footer {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      #product-details .modal-add-equipment footer .steyr-btn-text {
        padding: 11px 12px !important; } }
  #product-details .modal-add-device .link-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0; }
    #product-details .modal-add-device .link-box:hover {
      padding: 0; }
  #product-details .modal-add-device footer {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (max-width: 600px) {
      #product-details .modal-add-device footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        #product-details .modal-add-device footer button {
          width: 48%; } }
  #product-details .modal-delete .modal-wrapper {
    max-width: 400px; }
  @media screen and (max-width: 600px) {
    #product-details #validation-serial-product {
      margin: 0; } }
  #product-details #validation-serial-product .with-pin .pin-submit {
    width: 100%; }
    @media screen and (max-width: 600px) {
      #product-details #validation-serial-product .with-pin .pin-submit {
        width: 100%; } }
    #product-details #validation-serial-product .with-pin .pin-submit.form {
      margin-top: 0.25rem;
      width: auto; }
      #product-details #validation-serial-product .with-pin .pin-submit.form .validate-pin {
        position: relative;
        -webkit-box-align: normal;
            -ms-flex-align: normal;
                align-items: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        #product-details #validation-serial-product .with-pin .pin-submit.form .validate-pin .validate-btn-container {
          width: auto; }
          @media screen and (max-width: 600px) {
            #product-details #validation-serial-product .with-pin .pin-submit.form .validate-pin .validate-btn-container {
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center; } }
          @media screen and (max-width: 600px) {
            #product-details #validation-serial-product .with-pin .pin-submit.form .validate-pin .validate-btn-container .button.primary {
              margin: 0; } }
        #product-details #validation-serial-product .with-pin .pin-submit.form .validate-pin .tooltip {
          position: absolute;
          z-index: 11;
          right: 5px;
          bottom: 10px;
          width: 15px;
          height: 15px; }
          #product-details #validation-serial-product .with-pin .pin-submit.form .validate-pin .tooltip svg {
            fill: #7f7366; }
          #product-details #validation-serial-product .with-pin .pin-submit.form .validate-pin .tooltip .tooltiptext {
            visibility: hidden;
            width: 252px;
            background-color: #7f7366;
            color: #fff;
            text-align: center;
            border-radius: 2px;
            padding: 10px;
            position: absolute;
            z-index: 1;
            bottom: 159%;
            left: 50%;
            margin-left: -126px;
            opacity: 0;
            -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s;
            font-size: 0.8rem;
            line-height: 18px; }
            #product-details #validation-serial-product .with-pin .pin-submit.form .validate-pin .tooltip .tooltiptext::after {
              content: "";
              position: absolute;
              top: 100%;
              left: 50%;
              margin-left: -5px;
              border-width: 5px;
              border-style: solid;
              border-color: #7f7366 transparent transparent transparent; }
          #product-details #validation-serial-product .with-pin .pin-submit.form .validate-pin .tooltip:hover .tooltiptext {
            visibility: visible;
            opacity: 1; }
        @media screen and (max-width: 600px) {
          #product-details #validation-serial-product .with-pin .pin-submit.form .validate-pin {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; } }
        #product-details #validation-serial-product .with-pin .pin-submit.form .validate-pin button {
          cursor: pointer; }
          @media screen and (max-width: 600px) {
            #product-details #validation-serial-product .with-pin .pin-submit.form .validate-pin button {
              width: 100%; } }
          @media screen and (min-width: 601px) {
            #product-details #validation-serial-product .with-pin .pin-submit.form .validate-pin button {
              margin-left: 2rem; } }
        #product-details #validation-serial-product .with-pin .pin-submit.form .validate-pin .input-field {
          min-width: 30rem;
          -webkit-box-shadow: none;
                  box-shadow: none; }
          @media screen and (max-width: 600px) {
            #product-details #validation-serial-product .with-pin .pin-submit.form .validate-pin .input-field {
              min-width: 100%; } }
      #product-details #validation-serial-product .with-pin .pin-submit.form .pin-selection,
      #product-details #validation-serial-product .with-pin .pin-submit.form .pin-submit,
      #product-details #validation-serial-product .with-pin .pin-submit.form .with-pin {
        display: none; }
      #product-details #validation-serial-product .with-pin .pin-submit.form .without-pin {
        display: none;
        position: relative; }
        #product-details #validation-serial-product .with-pin .pin-submit.form .without-pin .search-input,
        #product-details #validation-serial-product .with-pin .pin-submit.form .without-pin .select-input {
          margin: 1rem 0 2rem; }
        #product-details #validation-serial-product .with-pin .pin-submit.form .without-pin .without-pin-disclaimer {
          display: block;
          font-size: 0.875rem;
          left: 50%;
          padding-left: 1.125rem;
          position: absolute;
          top: 4px; }
      #product-details #validation-serial-product .with-pin .pin-submit.form .pin-submit {
        width: 100%; }
        @media screen and (max-width: 600px) {
          #product-details #validation-serial-product .with-pin .pin-submit.form .pin-submit {
            width: 100%; } }
      #product-details #validation-serial-product .with-pin .pin-submit.form .pin-selected-product-box,
      #product-details #validation-serial-product .with-pin .pin-submit.form .without-pin-selected-product-box {
        display: none;
        margin: 1rem 0; }
        #product-details #validation-serial-product .with-pin .pin-submit.form .pin-selected-product-box > div .box-content,
        #product-details #validation-serial-product .with-pin .pin-submit.form .without-pin-selected-product-box > div .box-content {
          background: #fff;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding: 1rem 1.125rem 2rem;
          position: relative; }
          #product-details #validation-serial-product .with-pin .pin-submit.form .pin-selected-product-box > div .box-content .parallelogram,
          #product-details #validation-serial-product .with-pin .pin-submit.form .without-pin-selected-product-box > div .box-content .parallelogram {
            margin-bottom: 1rem; }
          #product-details #validation-serial-product .with-pin .pin-submit.form .pin-selected-product-box > div .box-content .thumbnail,
          #product-details #validation-serial-product .with-pin .pin-submit.form .without-pin-selected-product-box > div .box-content .thumbnail {
            padding: 0 1.125rem 0 0; }
            @media screen and (max-width: 600px) {
              #product-details #validation-serial-product .with-pin .pin-submit.form .pin-selected-product-box > div .box-content .thumbnail,
              #product-details #validation-serial-product .with-pin .pin-submit.form .without-pin-selected-product-box > div .box-content .thumbnail {
                padding: 0; }
                #product-details #validation-serial-product .with-pin .pin-submit.form .pin-selected-product-box > div .box-content .thumbnail img,
                #product-details #validation-serial-product .with-pin .pin-submit.form .without-pin-selected-product-box > div .box-content .thumbnail img {
                  max-width: 48px; } }
          #product-details #validation-serial-product .with-pin .pin-submit.form .pin-selected-product-box > div .box-content .info,
          #product-details #validation-serial-product .with-pin .pin-submit.form .without-pin-selected-product-box > div .box-content .info {
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            padding: 0 1.125rem; }
            #product-details #validation-serial-product .with-pin .pin-submit.form .pin-selected-product-box > div .box-content .info h2,
            #product-details #validation-serial-product .with-pin .pin-submit.form .without-pin-selected-product-box > div .box-content .info h2 {
              font-weight: normal; }
            #product-details #validation-serial-product .with-pin .pin-submit.form .pin-selected-product-box > div .box-content .info p,
            #product-details #validation-serial-product .with-pin .pin-submit.form .without-pin-selected-product-box > div .box-content .info p {
              margin-top: 0; }
              #product-details #validation-serial-product .with-pin .pin-submit.form .pin-selected-product-box > div .box-content .info p:first-child,
              #product-details #validation-serial-product .with-pin .pin-submit.form .without-pin-selected-product-box > div .box-content .info p:first-child {
                color: #003e85;
                font-weight: bold; }
        #product-details #validation-serial-product .with-pin .pin-submit.form .pin-selected-product-box button,
        #product-details #validation-serial-product .with-pin .pin-submit.form .without-pin-selected-product-box button {
          margin-top: 1rem; }
      #product-details #validation-serial-product .with-pin .pin-submit.form .pin-note {
        background-color: #d8d8d8;
        border-radius: 2px;
        display: none;
        font-size: 0.875rem;
        margin-bottom: 2rem;
        padding: 1rem;
        width: 100%; }
        #product-details #validation-serial-product .with-pin .pin-submit.form .pin-note > p {
          margin: 0; }
        #product-details #validation-serial-product .with-pin .pin-submit.form .pin-note.show {
          display: block; }
        @media screen and (min-width: 601px) {
          #product-details #validation-serial-product .with-pin .pin-submit.form .pin-note .product {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            text-align: left;
            -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                    align-items: baseline; } }
        #product-details #validation-serial-product .with-pin .pin-submit.form .pin-note.pin-error {
          margin: 0.5rem 0; }
          #product-details #validation-serial-product .with-pin .pin-submit.form .pin-note.pin-error.duplicate .product .info {
            margin-right: 15px;
            width: auto;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex; }
  #product-details #validation-serial-product .with-pin .pin-selected-product-box,
  #product-details #validation-serial-product .with-pin .without-pin-selected-product-box {
    display: none;
    margin: 1rem 0; }
    #product-details #validation-serial-product .with-pin .pin-selected-product-box > div .box-content,
    #product-details #validation-serial-product .with-pin .without-pin-selected-product-box > div .box-content {
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 1rem 1.125rem 2rem;
      position: relative; }
      #product-details #validation-serial-product .with-pin .pin-selected-product-box > div .box-content .parallelogram,
      #product-details #validation-serial-product .with-pin .without-pin-selected-product-box > div .box-content .parallelogram {
        margin-bottom: 1rem; }
      #product-details #validation-serial-product .with-pin .pin-selected-product-box > div .box-content .thumbnail,
      #product-details #validation-serial-product .with-pin .without-pin-selected-product-box > div .box-content .thumbnail {
        padding: 0 1.125rem 0 0; }
        @media screen and (max-width: 600px) {
          #product-details #validation-serial-product .with-pin .pin-selected-product-box > div .box-content .thumbnail,
          #product-details #validation-serial-product .with-pin .without-pin-selected-product-box > div .box-content .thumbnail {
            padding: 0; }
            #product-details #validation-serial-product .with-pin .pin-selected-product-box > div .box-content .thumbnail img,
            #product-details #validation-serial-product .with-pin .without-pin-selected-product-box > div .box-content .thumbnail img {
              max-width: 48px; } }
      #product-details #validation-serial-product .with-pin .pin-selected-product-box > div .box-content .info,
      #product-details #validation-serial-product .with-pin .without-pin-selected-product-box > div .box-content .info {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 0 1.125rem; }
        #product-details #validation-serial-product .with-pin .pin-selected-product-box > div .box-content .info h2,
        #product-details #validation-serial-product .with-pin .without-pin-selected-product-box > div .box-content .info h2 {
          font-weight: normal; }
        #product-details #validation-serial-product .with-pin .pin-selected-product-box > div .box-content .info p,
        #product-details #validation-serial-product .with-pin .without-pin-selected-product-box > div .box-content .info p {
          margin-top: 0; }
          #product-details #validation-serial-product .with-pin .pin-selected-product-box > div .box-content .info p:first-child,
          #product-details #validation-serial-product .with-pin .without-pin-selected-product-box > div .box-content .info p:first-child {
            color: #003e85;
            font-weight: bold; }
    #product-details #validation-serial-product .with-pin .pin-selected-product-box button,
    #product-details #validation-serial-product .with-pin .without-pin-selected-product-box button {
      margin-top: 1rem; }
  #product-details #validation-serial-product .pin-label {
    position: relative;
    top: 44px;
    -webkit-transition: all 0.05s ease;
    transition: all 0.05s ease;
    margin-left: 10px;
    color: #999;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: italic; }
    #product-details #validation-serial-product .pin-label.up {
      top: 23px;
      font-style: normal;
      font-size: 12px; }
  #product-details .next-step-container {
    /* @include screen-until-md {
      padding: $spacing-vertical-lg $spacing-horizontal-md;
    }

    @include screen-from-lg {
      padding: $spacing-vertical-lg 110px;
    } */
    margin: 0; }
    #product-details .next-step-container button {
      display: none;
      margin: 0; }
  @media screen and (max-width: 767px) {
    #product-details .associated-items .vehicle-info-item-value .left, #product-details .associated-items .vehicle-info-item-value .right {
      width: 50%;
      word-wrap: break-word; }
    #product-details .associated-items .vehicle-info-item-value .right {
      text-align: right; } }
  #product-details ::-webkit-scrollbar {
    width: 0;
    height: 0; }

#product-list #mobile-tab-ass,
#product-list-page #mobile-tab-ass {
  border-bottom: 4px solid #E20026;
  color: #343E4A; }

#product-list .buttons-wrapper,
#product-list-page .buttons-wrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 20px; }
  #product-list .buttons-wrapper.left,
  #product-list-page .buttons-wrapper.left {
    padding-top: 10px; }
  #product-list .buttons-wrapper .steyr-btn-text-product-list,
  #product-list-page .buttons-wrapper .steyr-btn-text-product-list {
    font-size: 13px;
    font-weight: bold;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    text-transform: uppercase;
    padding: 11px 25px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #product-list .buttons-wrapper button,
  #product-list-page .buttons-wrapper button {
    min-height: auto;
    max-height: 24px;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  #product-list .buttons-wrapper .link-box, #product-list .buttons-wrapper .load-more-button, #product-list .buttons-wrapper .load-less-button,
  #product-list-page .buttons-wrapper .link-box,
  #product-list-page .buttons-wrapper .load-more-button,
  #product-list-page .buttons-wrapper .load-less-button {
    border: none; }
    #product-list .buttons-wrapper .link-box:hover, #product-list .buttons-wrapper .load-more-button:hover, #product-list .buttons-wrapper .load-less-button:hover,
    #product-list-page .buttons-wrapper .link-box:hover,
    #product-list-page .buttons-wrapper .load-more-button:hover,
    #product-list-page .buttons-wrapper .load-less-button:hover {
      padding-left: 8px; }
  @media screen and (max-width: 460px) {
    #product-list .buttons-wrapper,
    #product-list-page .buttons-wrapper {
      width: 100%;
      padding-bottom: 24px;
      margin-bottom: 16px;
      border-bottom: 1px solid #899098; }
      #product-list .buttons-wrapper.left,
      #product-list-page .buttons-wrapper.left {
        border-bottom: none; } }

#product-list .toolbar,
#product-list-page .toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 58px;
  margin-top: 26px; }
  #product-list .toolbar .search-container,
  #product-list-page .toolbar .search-container {
    max-width: 444px;
    width: 100%; }
    #product-list .toolbar .search-container .input-field [type='text'],
    #product-list-page .toolbar .search-container .input-field [type='text'] {
      -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
      font-family: 'Exo 2', Arial, Helvetica, sans-serif;
      font-size: 16px;
      letter-spacing: 0;
      line-height: 19px;
      padding-left: 41px;
      border: none; }
    #product-list .toolbar .search-container .search,
    #product-list-page .toolbar .search-container .search {
      position: absolute;
      top: 6px;
      left: -8px; }
      @media screen and (max-width: 600px) {
        #product-list .toolbar .search-container .search,
        #product-list-page .toolbar .search-container .search {
          top: 3px; } }
      #product-list .toolbar .search-container .search .injected-svg,
      #product-list-page .toolbar .search-container .search .injected-svg {
        height: 13px;
        width: 13px; }
  #product-list .toolbar label,
  #product-list-page .toolbar label {
    padding-left: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 95%; }
  @media screen and (max-width: 600px) {
    #product-list .toolbar,
    #product-list-page .toolbar {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; }
      #product-list .toolbar .search,
      #product-list-page .toolbar .search {
        top: 2px; } }
  @media screen and (max-width: 460px) {
    #product-list .toolbar .button,
    #product-list .toolbar button,
    #product-list-page .toolbar .button,
    #product-list-page .toolbar button {
      min-width: auto; } }

#product-list .empty-message,
#product-list-page .empty-message {
  background: #fff;
  font-size: 0.875rem;
  margin: 0.5rem 0;
  padding: 1rem 1.125rem; }

#product-list h2,
#product-list-page h2 {
  color: #343E4A;
  font-family: "Exo 2";
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 34px;
  text-transform: none; }

@media screen and (max-width: 600px) {
  #product-list .title-wrapper,
  #product-list-page .title-wrapper {
    display: none; } }

#product-list .subtitle,
#product-list-page .subtitle {
  color: #343E4A;
  font-family: "Exo 2";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 24px; }

#product-list .filter-title-wrapper,
#product-list-page .filter-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%; }
  @media screen and (max-width: 600px) {
    #product-list .filter-title-wrapper,
    #product-list-page .filter-title-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      width: 100%; } }
  #product-list .filter-title-wrapper .filters,
  #product-list-page .filter-title-wrapper .filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #product-list .filter-title-wrapper .filters .filter,
    #product-list-page .filter-title-wrapper .filters .filter {
      min-width: 232px;
      width: 100% !important;
      margin-left: 20px; }
      #product-list .filter-title-wrapper .filters .filter .select-field .placeholder,
      #product-list-page .filter-title-wrapper .filters .filter .select-field .placeholder {
        top: 5px;
        z-index: 2;
        color: #343E4A !important;
        font-family: "Exo 2";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 14px;
        text-transform: uppercase;
        -webkit-transform: none;
                transform: none; }
      #product-list .filter-title-wrapper .filters .filter .select-field.filled .placeholder, #product-list .filter-title-wrapper .filters .filter .select-field.open .placeholder,
      #product-list-page .filter-title-wrapper .filters .filter .select-field.filled .placeholder,
      #product-list-page .filter-title-wrapper .filters .filter .select-field.open .placeholder {
        top: 5px;
        z-index: 2;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 19px;
        text-transform: capitalize; }
      @media screen and (max-width: 600px) {
        #product-list .filter-title-wrapper .filters .filter,
        #product-list-page .filter-title-wrapper .filters .filter {
          margin-left: 0; } }
    @media screen and (max-width: 600px) {
      #product-list .filter-title-wrapper .filters,
      #product-list-page .filter-title-wrapper .filters {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        display: block; }
        #product-list .filter-title-wrapper .filters.unassociated,
        #product-list-page .filter-title-wrapper .filters.unassociated {
          display: block !important; } }
    @media screen and (max-width: 460px) {
      #product-list .filter-title-wrapper .filters,
      #product-list-page .filter-title-wrapper .filters {
        width: 100%; } }
    #product-list .filter-title-wrapper .filters.unassociated,
    #product-list-page .filter-title-wrapper .filters.unassociated {
      display: none; }
  #product-list .filter-title-wrapper.bottom,
  #product-list-page .filter-title-wrapper.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding-bottom: 12px; }
    @media screen and (max-width: 600px) {
      #product-list .filter-title-wrapper.bottom,
      #product-list-page .filter-title-wrapper.bottom {
        padding-bottom: 0; } }

#product-list .popover span,
#product-list-page .popover span {
  right: 20px !important; }

#product-list .popover-trigger,
#product-list-page .popover-trigger {
  fill: #7F7366;
  margin-left: 5px;
  height: 20px;
  width: 20px; }

#product-list .table-wrapper,
#product-list-page .table-wrapper {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 3px 15px 0 rgba(185, 181, 181, 0.5);
          box-shadow: 0 3px 15px 0 rgba(185, 181, 181, 0.5);
  padding: 0 21px 0 35px; }
  @media screen and (max-width: 320px) {
    #product-list .table-wrapper,
    #product-list-page .table-wrapper {
      padding: 0 21px 0 15px; } }
  #product-list .table-wrapper table,
  #product-list-page .table-wrapper table {
    margin: 0; }
    #product-list .table-wrapper table thead,
    #product-list-page .table-wrapper table thead {
      color: #343E4A;
      font-family: "Exo 2";
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 0.38px;
      line-height: 16px; }
    @media screen and (min-width: 601px) {
      #product-list .table-wrapper table th,
      #product-list .table-wrapper table td,
      #product-list-page .table-wrapper table th,
      #product-list-page .table-wrapper table td {
        height: 3.75rem;
        padding: 0.5rem 0.5rem;
        vertical-align: middle; }
        #product-list .table-wrapper table th:first-child,
        #product-list .table-wrapper table td:first-child,
        #product-list-page .table-wrapper table th:first-child,
        #product-list-page .table-wrapper table td:first-child {
          padding: 0.5rem 0; } }
    #product-list .table-wrapper table th .arrow-icon,
    #product-list .table-wrapper table td .arrow-icon,
    #product-list-page .table-wrapper table th .arrow-icon,
    #product-list-page .table-wrapper table td .arrow-icon {
      width: 11px;
      height: 11px; }
    #product-list .table-wrapper table th .value,
    #product-list .table-wrapper table td .value,
    #product-list-page .table-wrapper table th .value,
    #product-list-page .table-wrapper table td .value {
      color: #343E4A;
      font-family: "Exo 2";
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.5px;
      line-height: 24px; }
      @media screen and (max-width: 600px) {
        #product-list .table-wrapper table th .value,
        #product-list .table-wrapper table td .value,
        #product-list-page .table-wrapper table th .value,
        #product-list-page .table-wrapper table td .value {
          color: #343E4A;
          font-family: "Exo 2";
          font-size: 12px;
          font-weight: bold;
          letter-spacing: 0.5px;
          line-height: 20px;
          text-align: right;
          text-transform: capitalize; } }
    #product-list .table-wrapper table .wrapper-values,
    #product-list-page .table-wrapper table .wrapper-values {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    #product-list .table-wrapper table .name,
    #product-list-page .table-wrapper table .name {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%; }
      @media screen and (max-width: 600px) {
        #product-list .table-wrapper table .name,
        #product-list-page .table-wrapper table .name {
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; } }
      #product-list .table-wrapper table .name p,
      #product-list-page .table-wrapper table .name p {
        margin: 0; }
    @media screen and (max-width: 600px) {
      #product-list .table-wrapper table .nickname .key,
      #product-list-page .table-wrapper table .nickname .key {
        display: none; } }
    #product-list .table-wrapper table .nickname p,
    #product-list-page .table-wrapper table .nickname p {
      width: 185px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block; }
      @media screen and (max-width: 600px) {
        #product-list .table-wrapper table .nickname p,
        #product-list-page .table-wrapper table .nickname p {
          text-align: right;
          font-size: 12px;
          margin: 0; } }
    #product-list .table-wrapper table .vehicle-info-item,
    #product-list-page .table-wrapper table .vehicle-info-item {
      border-bottom: 0.5px solid #343E4A; }
      @media screen and (max-width: 600px) {
        #product-list .table-wrapper table .vehicle-info-item,
        #product-list-page .table-wrapper table .vehicle-info-item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          position: relative;
          max-width: initial;
          padding: 20px 0;
          border-bottom: 0.5px solid #EEF0F1; } }
      #product-list .table-wrapper table .vehicle-info-item .vehicle-info-item-value,
      #product-list-page .table-wrapper table .vehicle-info-item .vehicle-info-item-value {
        text-transform: capitalize; }
        @media screen and (max-width: 600px) {
          #product-list .table-wrapper table .vehicle-info-item .vehicle-info-item-value,
          #product-list-page .table-wrapper table .vehicle-info-item .vehicle-info-item-value {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            width: 100%;
            margin-bottom: 8px;
            padding-bottom: 0; } }
        @media screen and (max-width: 767px) {
          #product-list .table-wrapper table .vehicle-info-item .vehicle-info-item-value .left, #product-list .table-wrapper table .vehicle-info-item .vehicle-info-item-value .right,
          #product-list-page .table-wrapper table .vehicle-info-item .vehicle-info-item-value .left,
          #product-list-page .table-wrapper table .vehicle-info-item .vehicle-info-item-value .right {
            width: 50%; }
          #product-list .table-wrapper table .vehicle-info-item .vehicle-info-item-value .right,
          #product-list-page .table-wrapper table .vehicle-info-item .vehicle-info-item-value .right {
            text-align: right; } }
      #product-list .table-wrapper table .vehicle-info-item.lastElement,
      #product-list-page .table-wrapper table .vehicle-info-item.lastElement {
        border-bottom: none; }
      #product-list .table-wrapper table .vehicle-info-item.hidden,
      #product-list-page .table-wrapper table .vehicle-info-item.hidden {
        display: none; }
      @media screen and (max-width: 600px) {
        #product-list .table-wrapper table .vehicle-info-item .actions .arrow-icon,
        #product-list-page .table-wrapper table .vehicle-info-item .actions .arrow-icon {
          position: absolute;
          right: -8px;
          top: 50%; } }
    #product-list .table-wrapper table tr.empty,
    #product-list-page .table-wrapper table tr.empty {
      height: 10px;
      border: 0; }
      @media screen and (min-width: 601px) and (max-width: 900px) {
        #product-list .table-wrapper table tr.empty,
        #product-list-page .table-wrapper table tr.empty {
          padding: 0; } }
      @media screen and (max-width: 600px) {
        #product-list .table-wrapper table tr.empty,
        #product-list-page .table-wrapper table tr.empty {
          display: none; } }

#product-list .name span,
#product-list-page .name span {
  font-weight: bold; }

#product-list .name p,
#product-list-page .name p {
  font-weight: normal;
  display: inline-block; }
  @media screen and (max-width: 600px) {
    #product-list .name p,
    #product-list-page .name p {
      display: block;
      font-size: 14px; } }

#product-list .has-secondary-pin .key,
#product-list-page .has-secondary-pin .key {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (min-width: 601px) {
    #product-list .has-secondary-pin .key,
    #product-list-page .has-secondary-pin .key {
      display: none; } }

#product-list .pin .popover-trigger,
#product-list-page .pin .popover-trigger {
  margin-top: -2px; }

@media screen and (max-width: 600px) {
  #product-list .pin-wrapper,
  #product-list-page .pin-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%; }
    #product-list .pin-wrapper .value,
    #product-list-page .pin-wrapper .value {
      -ms-flex-preferred-size: 10%;
          flex-basis: 10%;
      overflow: unset !important; } }

#product-list .pin-wrapper .value,
#product-list-page .pin-wrapper .value {
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block; }

#product-list .hidden,
#product-list-page .hidden {
  display: none; }

@media screen and (max-width: 600px) {
  #product-list .page-vehicle.mobile,
  #product-list .prodict-list.mobile,
  #product-list-page .page-vehicle.mobile,
  #product-list-page .prodict-list.mobile {
    display: none; }
  #product-list .page-vehicle.mobile-show,
  #product-list .prodict-list.mobile-show,
  #product-list-page .page-vehicle.mobile-show,
  #product-list-page .prodict-list.mobile-show {
    display: block; } }

@media screen and (max-width: 600px) {
  #product-list .page-vehicle .table-wrapper.mobile,
  #product-list .prodict-list .table-wrapper.mobile,
  #product-list-page .page-vehicle .table-wrapper.mobile,
  #product-list-page .prodict-list .table-wrapper.mobile {
    display: none; } }

#product-list .page-vehicle td.actions,
#product-list .prodict-list td.actions,
#product-list-page .page-vehicle td.actions,
#product-list-page .prodict-list td.actions {
  overflow: visible; }

@media screen and (min-width: 601px) and (max-width: 900px) {
  #product-list .page-vehicle table thead,
  #product-list .prodict-list table thead,
  #product-list-page .page-vehicle table thead,
  #product-list-page .prodict-list table thead {
    display: none; }
  #product-list .page-vehicle table tr,
  #product-list .prodict-list table tr,
  #product-list-page .page-vehicle table tr,
  #product-list-page .prodict-list table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 0;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #product-list .page-vehicle table td,
  #product-list .prodict-list table td,
  #product-list-page .page-vehicle table td,
  #product-list-page .prodict-list table td {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding-bottom: 0;
    padding-top: 0; }
    #product-list .page-vehicle table td .value,
    #product-list .prodict-list table td .value,
    #product-list-page .page-vehicle table td .value,
    #product-list-page .prodict-list table td .value {
      word-break: break-word; }
  #product-list .page-vehicle table .pin,
  #product-list .prodict-list table .pin,
  #product-list-page .page-vehicle table .pin,
  #product-list-page .prodict-list table .pin {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #product-list .page-vehicle table .pin .pin-wrapper,
    #product-list .prodict-list table .pin .pin-wrapper,
    #product-list-page .page-vehicle table .pin .pin-wrapper,
    #product-list-page .prodict-list table .pin .pin-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  #product-list .page-vehicle table .product,
  #product-list .prodict-list table .product,
  #product-list-page .page-vehicle table .product,
  #product-list-page .prodict-list table .product {
    margin-bottom: 0; }
  #product-list .page-vehicle table .product,
  #product-list .page-vehicle table .brand,
  #product-list .prodict-list table .product,
  #product-list .prodict-list table .brand,
  #product-list-page .page-vehicle table .product,
  #product-list-page .page-vehicle table .brand,
  #product-list-page .prodict-list table .product,
  #product-list-page .prodict-list table .brand {
    width: 13%; }
  #product-list .page-vehicle table .name,
  #product-list .page-vehicle table .nickname,
  #product-list .page-vehicle table .associations,
  #product-list .prodict-list table .name,
  #product-list .prodict-list table .nickname,
  #product-list .prodict-list table .associations,
  #product-list-page .page-vehicle table .name,
  #product-list-page .page-vehicle table .nickname,
  #product-list-page .page-vehicle table .associations,
  #product-list-page .prodict-list table .name,
  #product-list-page .prodict-list table .nickname,
  #product-list-page .prodict-list table .associations {
    width: 30%; }
  #product-list .page-vehicle table .pin,
  #product-list .page-vehicle table .associations,
  #product-list .prodict-list table .pin,
  #product-list .prodict-list table .associations,
  #product-list-page .page-vehicle table .pin,
  #product-list-page .page-vehicle table .associations,
  #product-list-page .prodict-list table .pin,
  #product-list-page .prodict-list table .associations {
    padding-top: 0.5rem; }
    #product-list .page-vehicle table .pin .key,
    #product-list .page-vehicle table .associations .key,
    #product-list .prodict-list table .pin .key,
    #product-list .prodict-list table .associations .key,
    #product-list-page .page-vehicle table .pin .key,
    #product-list-page .page-vehicle table .associations .key,
    #product-list-page .prodict-list table .pin .key,
    #product-list-page .prodict-list table .associations .key {
      display: inline;
      font-size: 0.75rem; }
  #product-list .page-vehicle table .product .value,
  #product-list .page-vehicle table .pin .value,
  #product-list .page-vehicle table .associations .value,
  #product-list .prodict-list table .product .value,
  #product-list .prodict-list table .pin .value,
  #product-list .prodict-list table .associations .value,
  #product-list-page .page-vehicle table .product .value,
  #product-list-page .page-vehicle table .pin .value,
  #product-list-page .page-vehicle table .associations .value,
  #product-list-page .prodict-list table .product .value,
  #product-list-page .prodict-list table .pin .value,
  #product-list-page .prodict-list table .associations .value {
    font-size: 0.875rem; }
  #product-list .page-vehicle table .associations,
  #product-list .prodict-list table .associations,
  #product-list-page .page-vehicle table .associations,
  #product-list-page .prodict-list table .associations {
    width: 20%; }
  #product-list .page-vehicle table .actions,
  #product-list .prodict-list table .actions,
  #product-list-page .page-vehicle table .actions,
  #product-list-page .prodict-list table .actions {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    padding: 0;
    width: 1%; } }

@media screen and (min-width: 901px) {
  #product-list .page-vehicle table,
  #product-list .prodict-list table,
  #product-list-page .page-vehicle table,
  #product-list-page .prodict-list table {
    table-layout: fixed; }
    #product-list .page-vehicle table td,
    #product-list .prodict-list table td,
    #product-list-page .page-vehicle table td,
    #product-list-page .prodict-list table td {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #product-list .page-vehicle table .product,
    #product-list .prodict-list table .product,
    #product-list-page .page-vehicle table .product,
    #product-list-page .prodict-list table .product {
      width: 13%; }
    #product-list .page-vehicle table .name .value,
    #product-list .prodict-list table .name .value,
    #product-list-page .page-vehicle table .name .value,
    #product-list-page .prodict-list table .name .value {
      width: 220px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block; }
    #product-list .page-vehicle table .brand,
    #product-list .prodict-list table .brand,
    #product-list-page .page-vehicle table .brand,
    #product-list-page .prodict-list table .brand {
      width: 15%; }
    #product-list .page-vehicle table .pin,
    #product-list .prodict-list table .pin,
    #product-list-page .page-vehicle table .pin,
    #product-list-page .prodict-list table .pin {
      width: 25%; }
    #product-list .page-vehicle table .associations,
    #product-list .prodict-list table .associations,
    #product-list-page .page-vehicle table .associations,
    #product-list-page .prodict-list table .associations {
      width: 18%; }
    #product-list .page-vehicle table .actions,
    #product-list .prodict-list table .actions,
    #product-list-page .page-vehicle table .actions,
    #product-list-page .prodict-list table .actions {
      width: 3rem; } }

#product-list .page-vehicle tbody tr:not(.empty-list),
#product-list .prodict-list tbody tr:not(.empty-list),
#product-list-page .page-vehicle tbody tr:not(.empty-list),
#product-list-page .prodict-list tbody tr:not(.empty-list) {
  cursor: pointer; }

#product-list .page-vehicle .empty-list,
#product-list .prodict-list .empty-list,
#product-list-page .page-vehicle .empty-list,
#product-list-page .prodict-list .empty-list {
  font-size: 0.875rem; }
  #product-list .page-vehicle .empty-list td,
  #product-list .prodict-list .empty-list td,
  #product-list-page .page-vehicle .empty-list td,
  #product-list-page .prodict-list .empty-list td {
    padding: 1rem 1rem; }

@media screen and (min-width: 600px) {
  #product-list .mobile-tabs,
  #product-list-page .mobile-tabs {
    display: none; } }

@media screen and (max-width: 600px) {
  #product-list,
  #product-list-page {
    margin-top: 0; }
    #product-list .mobile-tabs,
    #product-list-page .mobile-tabs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-weight: 700;
      margin: 8px 0 30px;
      width: 100%;
      color: #343E4A;
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 0.5px;
      line-height: 24px;
      text-align: center;
      max-width: 490px;
      overflow-x: scroll;
      overflow-y: hidden; }
      #product-list .mobile-tabs .tab,
      #product-list-page .mobile-tabs .tab {
        color: #C7CDD0;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
        padding: 0.5rem 0;
        text-align: center;
        text-transform: initial;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin-right: 83px;
        position: relative; }
        #product-list .mobile-tabs .tab.current,
        #product-list-page .mobile-tabs .tab.current {
          border-bottom: 2px solid #E20026;
          color: #000; }
        #product-list .mobile-tabs .tab:first-child::after,
        #product-list-page .mobile-tabs .tab:first-child::after {
          content: '';
          width: 1px;
          height: 24px;
          background-color: #C7CDD0;
          position: absolute;
          right: -17.5px; }
    #product-list .product-list,
    #product-list-page .product-list {
      display: none; }
      #product-list .product-list h2,
      #product-list-page .product-list h2 {
        display: none; }
      #product-list .product-list.current,
      #product-list-page .product-list.current {
        display: block; }
    #product-list tbody tr,
    #product-list-page tbody tr {
      position: relative; }
      #product-list tbody tr .product .key,
      #product-list tbody tr .name .key,
      #product-list-page tbody tr .product .key,
      #product-list-page tbody tr .name .key {
        display: none; }
      #product-list tbody tr .name,
      #product-list-page tbody tr .name {
        font-size: 1rem; }
      #product-list tbody tr .actions,
      #product-list-page tbody tr .actions {
        position: absolute;
        top: 50%;
        right: 0.5rem;
        bottom: auto;
        left: auto;
        height: 1rem;
        width: 1rem;
        margin-top: -0.5rem; } }

#product-list ::-webkit-scrollbar,
#product-list-page ::-webkit-scrollbar {
  width: 0;
  height: 0; }

#product-list-page .empty-message {
  display: none; }

@media screen and (max-width: 600px) {
  #product-list-page tbody tr .name .key {
    display: block; }
  #product-list-page tbody tr .product .key {
    display: block; } }

.modal-wrapper.pin-warning header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .modal-wrapper.pin-warning header span {
    color: #343E4A;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .modal-wrapper.pin-warning header span {
        font-size: 16px; } }
  .modal-wrapper.pin-warning header .close-button {
    width: 14px;
    height: 14px;
    fill: #343E4A; }

.modal-wrapper.pin-warning .icon-warning {
  height: 2rem;
  width: 2rem;
  margin-top: 4px;
  margin-right: 4px;
  vertical-align: middle; }

.modal-wrapper.pin-warning .icon-warning {
  fill: #E20026;
  margin-top: 4px;
  margin-right: 4px; }

#page-product-registration-link-products-equipment .owl-prev {
  display: none; }

#page-product-registration-register-product #plm-product-family label.placeholder {
  display: block;
  overflow: hidden; }

#page-product-registration-register-product #plm-product-family .select2-search {
  display: none; }

#page-product-registration-register-product #plm-product-family .select2-container {
  width: 100% !important; }

#page-product-registration-register-product #equipment-product-family .select2-container {
  width: 100% !important; }

#page-product-registration-register-product .radio svg {
  overflow: visible; }

#page-product-registration-register-product > section {
  margin-bottom: 0;
  max-width: 1200px;
  padding: 0 110px; }
  @media screen and (max-width: 600px) {
    #page-product-registration-register-product > section {
      padding: 0 1.125rem; } }

@media screen and (max-width: 767px) {
  #page-product-registration-register-product .progress-bar {
    -webkit-transform: inherit;
            transform: inherit; } }

@media screen and (max-width: 767px) {
  #page-product-registration-register-product .progress-bar {
    padding-top: 10px; } }

@media screen and (max-width: 767px) {
  #page-product-registration-register-product .progress-bar_desktop {
    display: none; } }

#page-product-registration-register-product .progress-bar_mobile {
  display: none; }
  @media screen and (max-width: 600px) {
    #page-product-registration-register-product .progress-bar_mobile {
      display: none; } }
  @media screen and (max-width: 767px) {
    #page-product-registration-register-product .progress-bar_mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  #page-product-registration-register-product .progress-bar_mobile .progress-bar-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
    #page-product-registration-register-product .progress-bar_mobile .progress-bar-steps .step-count {
      color: #343E4A;
      font-size: 12px;
      line-height: 20px;
      letter-spacing: 0.5px;
      display: block; }
    #page-product-registration-register-product .progress-bar_mobile .progress-bar-steps .label {
      color: #343E4A;
      font-size: 12px;
      font-weight: bold;
      line-height: 20px;
      letter-spacing: 0.5px; }

@media screen and (max-width: 600px) {
  #page-product-registration-register-product .progress-bar li {
    width: 170px; } }

@media screen and (max-width: 767px) {
  #page-product-registration-register-product .progress-bar li {
    width: 95px; } }

#page-product-registration-register-product .progress-bar li:not(.step-0)::before {
  position: absolute;
  top: auto;
  right: 50%;
  bottom: 76px;
  left: auto; }
  @media screen and (max-width: 767px) {
    #page-product-registration-register-product .progress-bar li:not(.step-0)::before {
      position: absolute;
      top: auto;
      right: 50%;
      bottom: 18px;
      left: auto; } }

#page-product-registration-register-product .progress-bar li .circle-step {
  border: 2px solid #343E4A; }
  @media screen and (max-width: 767px) {
    #page-product-registration-register-product .progress-bar li .circle-step {
      width: 19px;
      height: 19px; } }

#page-product-registration-register-product .progress-bar li .label-step {
  color: #343E4A;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  opacity: 0.5; }

#page-product-registration-register-product .progress-bar li.completed .circle-step, #page-product-registration-register-product .progress-bar li.current .circle-step {
  border-color: #E20026; }

#page-product-registration-register-product .progress-bar li.completed .label-step, #page-product-registration-register-product .progress-bar li.current .label-step {
  font-weight: bold;
  opacity: 1; }

#page-product-registration-register-product .step-register {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #page-product-registration-register-product .step-register p {
    margin-bottom: 1rem; }
  #page-product-registration-register-product .step-register label {
    margin-bottom: 0.5rem; }
  #page-product-registration-register-product .step-register .register {
    padding-right: 2.25rem;
    width: 415px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      #page-product-registration-register-product .step-register .register {
        width: 100%; } }
    #page-product-registration-register-product .step-register .register .reg-title {
      color: #343E4A;
      font-size: 16px;
      font-weight: 600;
      line-height: 24px;
      letter-spacing: 0.5px; }
      @media screen and (max-width: 767px) {
        #page-product-registration-register-product .step-register .register .reg-title {
          font-size: 14px; } }
    #page-product-registration-register-product .step-register .register .product-type-selection {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      padding-bottom: 36px;
      width: 100%; }
      @media screen and (max-width: 767px) {
        #page-product-registration-register-product .step-register .register .product-type-selection {
          padding-bottom: 26px; } }
      #page-product-registration-register-product .step-register .register .product-type-selection label {
        width: 50%;
        color: #343E4A;
        font-size: 14px;
        font-weight: normal;
        line-height: 24px;
        letter-spacing: 0.5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        word-wrap: break-word; }
        @media screen and (max-width: 767px) {
          #page-product-registration-register-product .step-register .register .product-type-selection label {
            width: 50%; } }
        #page-product-registration-register-product .step-register .register .product-type-selection label .radio-icon {
          position: relative;
          width: 20px;
          height: 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-right: 8px;
          cursor: pointer; }
          #page-product-registration-register-product .step-register .register .product-type-selection label .radio-icon::before {
            content: '';
            position: absolute;
            height: 100%;
            width: 100%;
            -webkit-transition: .4s;
            transition: .4s;
            background-image: url(/Content/images/steyr-radio-off.svg);
            background-size: contain;
            background-repeat: no-repeat; }
        #page-product-registration-register-product .step-register .register .product-type-selection label span {
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          word-break: break-word; }
        #page-product-registration-register-product .step-register .register .product-type-selection label input:checked + .radio-icon:before {
          background-image: url(/Content/images/steyr-radio-on.svg); }
    #page-product-registration-register-product .step-register .register .select-brands-wrpper {
      display: none;
      width: 100%;
      margin-bottom: 20px; }
      @media screen and (max-width: 767px) {
        #page-product-registration-register-product .step-register .register .select-brands-wrpper {
          margin-bottom: 10px; } }
      #page-product-registration-register-product .step-register .register .select-brands-wrpper h4 {
        color: #343E4A;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.5px;
        margin: 0 0 20px; }
        @media screen and (max-width: 767px) {
          #page-product-registration-register-product .step-register .register .select-brands-wrpper h4 {
            font-size: 14px;
            margin: 0 0 6px; } }
      #page-product-registration-register-product .step-register .register .select-brands-wrpper .select-field.filled {
        border-bottom: 0px; }
      #page-product-registration-register-product .step-register .register .select-brands-wrpper .select-field.filled .select2-selection--single {
        border-bottom: none !important; }
      #page-product-registration-register-product .step-register .register .select-brands-wrpper .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 15px 2.25rem 0.5rem 1rem;
        text-transform: capitalize; }
      #page-product-registration-register-product .step-register .register .select-brands-wrpper .select2-container--disabled .select2-selection__arrow {
        display: none; }
    #page-product-registration-register-product .step-register .register .pin-selection {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      #page-product-registration-register-product .step-register .register .pin-selection h4 {
        color: #343E4A;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.5px;
        margin: 0 0 18px 0; }
        @media screen and (max-width: 767px) {
          #page-product-registration-register-product .step-register .register .pin-selection h4 {
            font-size: 14px;
            margin: 0 0 6px 0; } }
      #page-product-registration-register-product .step-register .register .pin-selection p {
        color: #343E4A;
        font-size: 14px;
        font-weight: normal;
        font-style: italic;
        line-height: 16px;
        letter-spacing: 0.5px;
        margin: 0px; }
        @media screen and (max-width: 767px) {
          #page-product-registration-register-product .step-register .register .pin-selection p {
            font-size: 12px; } }
      #page-product-registration-register-product .step-register .register .pin-selection .switch-wrapper {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        margin: 25px 0 12px; }
        #page-product-registration-register-product .step-register .register .pin-selection .switch-wrapper .switch-mesg {
          color: #343E4A;
          font-size: 16px;
          font-weight: 600;
          line-height: 24px;
          letter-spacing: 0.5px;
          text-transform: uppercase;
          margin-right: 10px; }
      #page-product-registration-register-product .step-register .register .pin-selection label {
        min-width: 4rem;
        margin-bottom: 0px; }
        #page-product-registration-register-product .step-register .register .pin-selection label .slider:before, #page-product-registration-register-product .step-register .register .pin-selection label input:checked + .slider:before {
          background-image: none; }
    #page-product-registration-register-product .step-register .register .enter-serial-no-wrp h4 {
      color: #343E4A;
      font-size: 16px;
      font-weight: 600;
      line-height: 24px;
      letter-spacing: 0.5px;
      margin: 0 0 18px 0; }
      @media screen and (max-width: 767px) {
        #page-product-registration-register-product .step-register .register .enter-serial-no-wrp h4 {
          font-size: 14px;
          margin: 0px; } }
    #page-product-registration-register-product .step-register .register .pin-note {
      background-color: #d8d8d8;
      border-radius: 1rem;
      display: none;
      font-size: 0.875rem;
      margin-bottom: 2rem;
      padding: 1rem;
      text-align: center; }
      #page-product-registration-register-product .step-register .register .pin-note > p {
        margin: 0; }
      #page-product-registration-register-product .step-register .register .pin-note.show {
        display: block; }
      #page-product-registration-register-product .step-register .register .pin-note .product {
        margin: 1rem auto; }
        @media screen and (min-width: 601px) {
          #page-product-registration-register-product .step-register .register .pin-note .product {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            max-width: 450px;
            text-align: left; } }
      #page-product-registration-register-product .step-register .register .pin-note.pin-error {
        margin: 0.5rem 0;
        width: 100%; }
    #page-product-registration-register-product .step-register .register .form {
      margin-top: 0.25rem;
      width: 50%; }
    #page-product-registration-register-product .step-register .register .pin-selection,
    #page-product-registration-register-product .step-register .register .pin-submit,
    #page-product-registration-register-product .step-register .register .with-pin {
      display: none;
      width: 100%; }
    #page-product-registration-register-product .step-register .register .with-pin .pin-note.duplicate .button.primary {
      color: #000;
      text-decoration: underline;
      font-weight: bold; }
    #page-product-registration-register-product .step-register .register .without-pin {
      display: none;
      position: relative;
      width: 100%; }
      #page-product-registration-register-product .step-register .register .without-pin .select-input,
      #page-product-registration-register-product .step-register .register .without-pin .search-input {
        margin: 1rem 0 2rem; }
      #page-product-registration-register-product .step-register .register .without-pin label.placeholder {
        z-index: 2;
        top: 16px;
        line-height: 17px;
        color: #343E4A;
        font-size: 16px; }
      #page-product-registration-register-product .step-register .register .without-pin .select-field.filled .placeholder {
        top: 2px; }
      #page-product-registration-register-product .step-register .register .without-pin .without-pin-disclaimer {
        display: block;
        font-size: 0.875rem;
        left: 50%;
        padding-left: 1.125rem;
        position: absolute;
        top: 4px; }
    #page-product-registration-register-product .step-register .register .validate-pin {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media screen and (max-width: 600px) {
        #page-product-registration-register-product .step-register .register .validate-pin {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      #page-product-registration-register-product .step-register .register .validate-pin button {
        margin-top: 20px;
        margin-right: 0px; }
        @media screen and (max-width: 600px) {
          #page-product-registration-register-product .step-register .register .validate-pin button {
            width: 100%; } }
        @media screen and (max-width: 767px) {
          #page-product-registration-register-product .step-register .register .validate-pin button {
            width: 100% !important; } }
      #page-product-registration-register-product .step-register .register .validate-pin .input-field {
        background-color: #fff;
        width: 100%; }
        #page-product-registration-register-product .step-register .register .validate-pin .input-field [type='text'] {
          max-height: 50px;
          min-height: 50px;
          border-bottom: 0px;
          -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
                  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); }
          #page-product-registration-register-product .step-register .register .validate-pin .input-field [type='text']:not(:disabled):active, #page-product-registration-register-product .step-register .register .validate-pin .input-field [type='text']:not(:disabled):focus, #page-product-registration-register-product .step-register .register .validate-pin .input-field [type='text']:not(:disabled).filled {
            background: #fff;
            border-bottom: 4px solid #898989; }
            #page-product-registration-register-product .step-register .register .validate-pin .input-field [type='text']:not(:disabled):active + label, #page-product-registration-register-product .step-register .register .validate-pin .input-field [type='text']:not(:disabled):focus + label, #page-product-registration-register-product .step-register .register .validate-pin .input-field [type='text']:not(:disabled).filled + label {
              color: #343E4A !important;
              left: 1rem;
              top: 5px;
              -webkit-transform: scale(0.8);
                      transform: scale(0.8);
              font-size: 12px;
              line-height: 13px; }
        @media screen and (max-width: 600px) {
          #page-product-registration-register-product .step-register .register .validate-pin .input-field {
            min-width: 100%; } }
    #page-product-registration-register-product .step-register .register .without-pin-other-checkbox {
      display: none; }
      #page-product-registration-register-product .step-register .register .without-pin-other-checkbox .other-checkbox-text {
        color: #343E4A;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.5px;
        margin: 0 0 28px; }
        @media screen and (max-width: 767px) {
          #page-product-registration-register-product .step-register .register .without-pin-other-checkbox .other-checkbox-text {
            font-size: 14px;
            margin: 0 0 6px; } }
      #page-product-registration-register-product .step-register .register .without-pin-other-checkbox .without-pin-submit-equipment-other.form {
        width: 100%; }
      #page-product-registration-register-product .step-register .register .without-pin-other-checkbox .without-pin-submit-equipment-other #equipment-product-brand .select2-container--default.select2-container--disabled .select2-selection--single,
      #page-product-registration-register-product .step-register .register .without-pin-other-checkbox .without-pin-submit-equipment-other #equipment-product-family-vehicle .select2-container--default.select2-container--disabled .select2-selection--single {
        border-bottom: none; }
      #page-product-registration-register-product .step-register .register .without-pin-other-checkbox .without-pin-submit-equipment-other .select-field.filled .select2-selection--single {
        border-bottom: none !important; }
      #page-product-registration-register-product .step-register .register .without-pin-other-checkbox .without-pin-submit-equipment-other .next-button button {
        margin-top: 20px;
        margin-right: 0px; }
        @media screen and (max-width: 767px) {
          #page-product-registration-register-product .step-register .register .without-pin-other-checkbox .without-pin-submit-equipment-other .next-button button {
            width: 100%; } }
    #page-product-registration-register-product .step-register .register .pin-submit {
      width: 100%; }
      @media screen and (max-width: 600px) {
        #page-product-registration-register-product .step-register .register .pin-submit {
          width: 100%; } }
    #page-product-registration-register-product .step-register .register .pin-selected-product-box,
    #page-product-registration-register-product .step-register .register .without-pin-selected-product-box {
      display: none;
      margin: 1rem 0; }
      #page-product-registration-register-product .step-register .register .pin-selected-product-box > div .box-content,
      #page-product-registration-register-product .step-register .register .without-pin-selected-product-box > div .box-content {
        background: #f2f2f2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 1rem 1.125rem 2rem;
        position: relative; }
        #page-product-registration-register-product .step-register .register .pin-selected-product-box > div .box-content .parallelogram,
        #page-product-registration-register-product .step-register .register .without-pin-selected-product-box > div .box-content .parallelogram {
          margin-bottom: 1rem;
          margin-left: 0px;
          background-color: #343e4a; }
          #page-product-registration-register-product .step-register .register .pin-selected-product-box > div .box-content .parallelogram::before,
          #page-product-registration-register-product .step-register .register .without-pin-selected-product-box > div .box-content .parallelogram::before {
            content: none; }
        #page-product-registration-register-product .step-register .register .pin-selected-product-box > div .box-content .thumbnail,
        #page-product-registration-register-product .step-register .register .without-pin-selected-product-box > div .box-content .thumbnail {
          padding: 0 1.125rem 0 0; }
          @media screen and (max-width: 600px) {
            #page-product-registration-register-product .step-register .register .pin-selected-product-box > div .box-content .thumbnail,
            #page-product-registration-register-product .step-register .register .without-pin-selected-product-box > div .box-content .thumbnail {
              padding: 0; }
              #page-product-registration-register-product .step-register .register .pin-selected-product-box > div .box-content .thumbnail img,
              #page-product-registration-register-product .step-register .register .without-pin-selected-product-box > div .box-content .thumbnail img {
                max-width: 48px; } }
        #page-product-registration-register-product .step-register .register .pin-selected-product-box > div .box-content .info,
        #page-product-registration-register-product .step-register .register .without-pin-selected-product-box > div .box-content .info {
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          padding: 0 1.125rem; }
          #page-product-registration-register-product .step-register .register .pin-selected-product-box > div .box-content .info h2,
          #page-product-registration-register-product .step-register .register .without-pin-selected-product-box > div .box-content .info h2 {
            font-weight: normal; }
          #page-product-registration-register-product .step-register .register .pin-selected-product-box > div .box-content .info .model-title,
          #page-product-registration-register-product .step-register .register .without-pin-selected-product-box > div .box-content .info .model-title {
            margin-top: -5px; }
          #page-product-registration-register-product .step-register .register .pin-selected-product-box > div .box-content .info p,
          #page-product-registration-register-product .step-register .register .without-pin-selected-product-box > div .box-content .info p {
            margin-top: 0; }
            #page-product-registration-register-product .step-register .register .pin-selected-product-box > div .box-content .info p:first-child,
            #page-product-registration-register-product .step-register .register .without-pin-selected-product-box > div .box-content .info p:first-child {
              color: #003e85;
              font-weight: bold; }
      #page-product-registration-register-product .step-register .register .pin-selected-product-box button,
      #page-product-registration-register-product .step-register .register .without-pin-selected-product-box button {
        margin-top: 1rem; }
    #page-product-registration-register-product .step-register .register .pin-selected-product-box > div .box-content {
      background: #fff;
      -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
              box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5); }
      #page-product-registration-register-product .step-register .register .pin-selected-product-box > div .box-content .name-title {
        color: #343E4A;
        font-size: 20px;
        font-weight: bold !important;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: left;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-right: 30px; }
      #page-product-registration-register-product .step-register .register .pin-selected-product-box > div .box-content .model-title {
        color: #343E4A;
        font-size: 14px;
        font-weight: bold !important;
        line-height: 24px;
        letter-spacing: 0.5px;
        text-align: left;
        margin-bottom: 0px; }
    #page-product-registration-register-product .step-register .register .without-pin-submit-equipment,
    #page-product-registration-register-product .step-register .register .without-pin-submit-plm {
      display: none;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%; }
      #page-product-registration-register-product .step-register .register .without-pin-submit-equipment > *,
      #page-product-registration-register-product .step-register .register .without-pin-submit-plm > * {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; }
        @media screen and (max-width: 600px) {
          #page-product-registration-register-product .step-register .register .without-pin-submit-equipment > *,
          #page-product-registration-register-product .step-register .register .without-pin-submit-plm > * {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 98%;
                    flex: 0 0 98%; } }
      #page-product-registration-register-product .step-register .register .without-pin-submit-equipment .input-field,
      #page-product-registration-register-product .step-register .register .without-pin-submit-equipment .select-field,
      #page-product-registration-register-product .step-register .register .without-pin-submit-plm .input-field,
      #page-product-registration-register-product .step-register .register .without-pin-submit-plm .select-field {
        display: block;
        margin-bottom: 1rem; }
      #page-product-registration-register-product .step-register .register .without-pin-submit-equipment .select2-container--default.select2-container--disabled .select2-selection--single,
      #page-product-registration-register-product .step-register .register .without-pin-submit-plm .select2-container--default.select2-container--disabled .select2-selection--single {
        border-bottom: none; }
      #page-product-registration-register-product .step-register .register .without-pin-submit-equipment .select-field.filled .select2-selection--single,
      #page-product-registration-register-product .step-register .register .without-pin-submit-plm .select-field.filled .select2-selection--single {
        border-bottom: none !important; }
      #page-product-registration-register-product .step-register .register .without-pin-submit-equipment .buttons-wrapper,
      #page-product-registration-register-product .step-register .register .without-pin-submit-plm .buttons-wrapper {
        margin: 20px 0; }
        #page-product-registration-register-product .step-register .register .without-pin-submit-equipment .buttons-wrapper .primary,
        #page-product-registration-register-product .step-register .register .without-pin-submit-plm .buttons-wrapper .primary {
          margin-left: 0px; }
      #page-product-registration-register-product .step-register .register .without-pin-submit-equipment .next-button,
      #page-product-registration-register-product .step-register .register .without-pin-submit-plm .next-button {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; }
        @media screen and (max-width: 460px) {
          #page-product-registration-register-product .step-register .register .without-pin-submit-equipment .next-button,
          #page-product-registration-register-product .step-register .register .without-pin-submit-plm .next-button {
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
        @media screen and (max-width: 600px) {
          #page-product-registration-register-product .step-register .register .without-pin-submit-equipment .next-button,
          #page-product-registration-register-product .step-register .register .without-pin-submit-plm .next-button {
            margin-top: 1rem; } }
        #page-product-registration-register-product .step-register .register .without-pin-submit-equipment .next-button button,
        #page-product-registration-register-product .step-register .register .without-pin-submit-plm .next-button button {
          margin-right: 0; }
          @media screen and (max-width: 600px) {
            #page-product-registration-register-product .step-register .register .without-pin-submit-equipment .next-button button,
            #page-product-registration-register-product .step-register .register .without-pin-submit-plm .next-button button {
              width: 100%;
              margin-top: 20px; } }
    #page-product-registration-register-product .step-register .register .mandatory-fields {
      font-size: 12px;
      margin: 1rem 0 0.5rem;
      text-align: right; }
    #page-product-registration-register-product .step-register .register .next-button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  @media screen and (max-width: 900px) {
    #page-product-registration-register-product .step-register .register {
      padding-right: 0; } }

#page-product-registration-register-product .next-step-container {
  margin: 0; }
  #page-product-registration-register-product .next-step-container .cancel {
    border: none;
    color: #000;
    margin-right: 10px; }
  @media screen and (min-width: 901px) {
    #page-product-registration-register-product .next-step-container {
      padding: 2rem 130px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media screen and (max-width: 900px) {
    #page-product-registration-register-product .next-step-container {
      padding: 2rem 95px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media screen and (max-width: 600px) {
    #page-product-registration-register-product .next-step-container {
      padding: 2rem 20px; } }
  #page-product-registration-register-product .next-step-container button {
    display: none; }

#page-product-registration-register-product .box.vertical {
  padding: 10px; }

.modal-pin-alert .cancel, .modal-plm-alert .cancel {
  border: none;
  color: #000;
  text-decoration: underline;
  text-transform: capitalize; }
  @media screen and (max-width: 767px) {
    .modal-pin-alert .cancel, .modal-plm-alert .cancel {
      min-width: auto;
      padding: 0 15px 0px;
      margin-right: 0 !important; } }

.modal-pin-alert .submit, .modal-plm-alert .submit {
  min-width: 125px;
  margin-left: 0 !important; }
  @media screen and (max-width: 767px) {
    .modal-pin-alert .submit, .modal-plm-alert .submit {
      margin-right: 0 !important; } }

.modal-pin-alert .modal-wrapper, .modal-plm-alert .modal-wrapper {
  max-width: 900px;
  text-align: center;
  width: 776px;
  padding: 25px 36px;
  border-radius: 0; }
  @media screen and (max-width: 767px) {
    .modal-pin-alert .modal-wrapper, .modal-plm-alert .modal-wrapper {
      width: 80%;
      padding: 25px 20px; } }
  .modal-pin-alert .modal-wrapper main, .modal-plm-alert .modal-wrapper main {
    margin: 28px 0 0px; }
    @media screen and (max-width: 767px) {
      .modal-pin-alert .modal-wrapper main, .modal-plm-alert .modal-wrapper main {
        margin: 0px; } }
    .modal-pin-alert .modal-wrapper main p, .modal-plm-alert .modal-wrapper main p {
      color: #343E4A;
      font-size: 16px;
      font-weight: 600;
      line-height: 24px;
      text-align: left; }
      @media screen and (max-width: 767px) {
        .modal-pin-alert .modal-wrapper main p, .modal-plm-alert .modal-wrapper main p {
          font-size: 14px;
          margin: 0px; } }
  .modal-pin-alert .modal-wrapper footer, .modal-plm-alert .modal-wrapper footer {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media screen and (max-width: 767px) {
      .modal-pin-alert .modal-wrapper footer, .modal-plm-alert .modal-wrapper footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }

.validate-btn-container {
  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;
  width: 100%; }
  @media screen and (max-width: 460px) {
    .validate-btn-container {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .validate-btn-container .steyr-btn, .validate-btn-container #page-company-management #modal-user-details button.close, #page-company-management #modal-user-details .validate-btn-container button.close {
    width: auto !important; }

#page-product-registration-associate-dealer .input-field label {
  font-size: 0.875rem; }

#page-product-registration-associate-dealer input:disabled {
  border-bottom: 2px solid #B2B2B2; }

#page-product-registration-associate-dealer #associate-to-product {
  margin-right: 0; }
  @media screen and (max-width: 900px) {
    #page-product-registration-associate-dealer #associate-to-product {
      margin-left: 0px; } }
  @media screen and (max-width: 460px) {
    #page-product-registration-associate-dealer #associate-to-product {
      margin-left: 0px; } }
  @media screen and (max-width: 767px) {
    #page-product-registration-associate-dealer #associate-to-product {
      width: 100%; } }

#page-product-registration-associate-dealer #add-dealer-button {
  background: transparent;
  border: none;
  color: #000; }
  @media screen and (max-width: 767px) {
    #page-product-registration-associate-dealer #add-dealer-button {
      width: 100%; } }
  #page-product-registration-associate-dealer #add-dealer-button .steyr-btn-text {
    color: #000;
    text-transform: initial;
    text-decoration: underline; }

@media screen and (max-width: 460px) {
  #page-product-registration-associate-dealer .buttons-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #page-product-registration-associate-dealer .buttons-wrapper button {
      min-width: 180px; } }

#page-product-registration-associate-dealer .product-registration-section {
  margin-bottom: 0;
  max-width: 1200px;
  padding: 0 50px; }
  @media screen and (max-width: 600px) {
    #page-product-registration-associate-dealer .product-registration-section {
      padding: 0 1.125rem; } }

#page-product-registration-associate-dealer .progress-bar {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 767px) {
    #page-product-registration-associate-dealer .progress-bar {
      -webkit-transform: inherit;
              transform: inherit; } }
  @media screen and (max-width: 767px) {
    #page-product-registration-associate-dealer .progress-bar {
      padding-top: 10px; } }
  @media screen and (max-width: 767px) {
    #page-product-registration-associate-dealer .progress-bar_desktop {
      display: none; } }
  #page-product-registration-associate-dealer .progress-bar_mobile {
    display: none; }
    @media screen and (max-width: 600px) {
      #page-product-registration-associate-dealer .progress-bar_mobile {
        display: none; } }
    @media screen and (max-width: 767px) {
      #page-product-registration-associate-dealer .progress-bar_mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    #page-product-registration-associate-dealer .progress-bar_mobile .progress-bar-steps {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center; }
      #page-product-registration-associate-dealer .progress-bar_mobile .progress-bar-steps .step-count {
        color: #343E4A;
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0.5px;
        display: block; }
      #page-product-registration-associate-dealer .progress-bar_mobile .progress-bar-steps .label {
        color: #343E4A;
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
        letter-spacing: 0.5px; }
  @media screen and (max-width: 600px) {
    #page-product-registration-associate-dealer .progress-bar li {
      width: 170px; } }
  @media screen and (max-width: 767px) {
    #page-product-registration-associate-dealer .progress-bar li {
      width: 95px; } }
  #page-product-registration-associate-dealer .progress-bar li:not(.step-0)::before {
    position: absolute;
    top: auto;
    right: 50%;
    bottom: 76px;
    left: auto; }
    @media screen and (max-width: 767px) {
      #page-product-registration-associate-dealer .progress-bar li:not(.step-0)::before {
        position: absolute;
        top: auto;
        right: 50%;
        bottom: 18px;
        left: auto; } }
  #page-product-registration-associate-dealer .progress-bar li .circle-step {
    border: 2px solid #343E4A; }
    @media screen and (max-width: 767px) {
      #page-product-registration-associate-dealer .progress-bar li .circle-step {
        width: 19px;
        height: 19px; } }
  #page-product-registration-associate-dealer .progress-bar li .label-step {
    color: #343E4A;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    opacity: 0.5; }
  #page-product-registration-associate-dealer .progress-bar li.completed .circle-step, #page-product-registration-associate-dealer .progress-bar li.current .circle-step {
    border-color: #E20026; }
  #page-product-registration-associate-dealer .progress-bar li.completed .label-step, #page-product-registration-associate-dealer .progress-bar li.current .label-step {
    font-weight: bold;
    opacity: 1; }

#page-product-registration-associate-dealer .step-dealer > p {
  margin-bottom: 0; }

#page-product-registration-associate-dealer .step-dealer .step-dealer-title {
  color: #343E4A;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: center;
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    #page-product-registration-associate-dealer .step-dealer .step-dealer-title {
      font-size: 14px;
      text-align: left;
      margin-bottom: 26px; } }

#page-product-registration-associate-dealer .step-dealer > button {
  margin-left: 0;
  margin-top: 1rem; }

#page-product-registration-associate-dealer .step-dealer .dealers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 -1rem;
  border: none !important; }
  #page-product-registration-associate-dealer .step-dealer .dealers::after {
    content: '';
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto; }

#page-product-registration-associate-dealer .step-dealer .dealers-empty {
  background: #F2F2F2;
  display: none;
  margin-top: 1rem;
  padding: 1.125rem; }

#page-product-registration-associate-dealer .step-dealer .dealer-card {
  background: transparent;
  padding: 0 18px;
  width: 33.33%;
  margin-top: 0px;
  margin-bottom: 34px; }
  @media screen and (min-width: 901px) {
    #page-product-registration-associate-dealer .step-dealer .dealer-card {
      width: 33.33333%; } }
  @media screen and (max-width: 992px) {
    #page-product-registration-associate-dealer .step-dealer .dealer-card {
      width: 50%; } }
  @media screen and (max-width: 600px) {
    #page-product-registration-associate-dealer .step-dealer .dealer-card {
      width: 100%;
      margin-bottom: 26px; } }
  #page-product-registration-associate-dealer .step-dealer .dealer-card .content {
    margin-top: 30px;
    margin-right: 0; }
  #page-product-registration-associate-dealer .step-dealer .dealer-card .dealer {
    background: #d8d8d8;
    height: 100%;
    padding: 1rem 1rem; }
    #page-product-registration-associate-dealer .step-dealer .dealer-card .dealer.light-background {
      background: #fff;
      -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
              box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5); }
    #page-product-registration-associate-dealer .step-dealer .dealer-card .dealer h3 {
      margin-top: 0; }
    #page-product-registration-associate-dealer .step-dealer .dealer-card .dealer .tooltip svg {
      fill: #000;
      height: 19px;
      width: 19px;
      margin-top: -2px; }
    #page-product-registration-associate-dealer .step-dealer .dealer-card .dealer .tooltip .tooltiptext {
      background: #000;
      margin-left: -127px; }
      @media screen and (max-width: 600px) {
        #page-product-registration-associate-dealer .step-dealer .dealer-card .dealer .tooltip .tooltiptext {
          margin-left: -178px; }
          #page-product-registration-associate-dealer .step-dealer .dealer-card .dealer .tooltip .tooltiptext::after {
            left: 70%; } }
      #page-product-registration-associate-dealer .step-dealer .dealer-card .dealer .tooltip .tooltiptext::after {
        border-color: #000 transparent transparent transparent; }
  #page-product-registration-associate-dealer .step-dealer .dealer-card .checkbox {
    right: 2rem; }

#page-product-registration-associate-dealer .next-step-container {
  padding: 2rem 1.125rem;
  background: transparent;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (min-width: 600px) {
    #page-product-registration-associate-dealer .next-step-container {
      padding: 30px 110px 2rem; } }
  @media screen and (max-width: 767px) {
    #page-product-registration-associate-dealer .next-step-container {
      padding: 1rem 1.125rem; } }
  #page-product-registration-associate-dealer .next-step-container .button:last-child {
    margin-right: 0; }

#page-product-registration-associate-dealer .modal-wrapper {
  max-height: 80%;
  width: 80vw !important;
  border-radius: 0px;
  padding: 25px 30px; }
  @media screen and (max-width: 900px) {
    #page-product-registration-associate-dealer .modal-wrapper {
      width: 776px !important; } }
  @media screen and (max-width: 992px) {
    #page-product-registration-associate-dealer .modal-wrapper {
      width: 80vw !important; } }
  @media screen and (max-width: 600px) {
    #page-product-registration-associate-dealer .modal-wrapper {
      width: 80vw !important;
      padding: 10px 20px; } }
  #page-product-registration-associate-dealer .modal-wrapper .close-button {
    fill: #343E4A;
    width: 14px;
    height: 14px; }
    @media screen and (max-width: 600px) {
      #page-product-registration-associate-dealer .modal-wrapper .close-button {
        top: 15px; } }
  #page-product-registration-associate-dealer .modal-wrapper header h3 {
    color: #343E4A;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin: 0;
    padding-right: 15px; }
    @media screen and (max-width: 600px) {
      #page-product-registration-associate-dealer .modal-wrapper header h3 {
        font-size: 16px; } }
  #page-product-registration-associate-dealer .modal-wrapper footer {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

body.no-scroll {
  position: fixed;
  overflow: hidden; }

#page-product-registration-link-products-equipment .owl-prev,
#page-product-registration-link-products-plm .owl-prev {
  display: none; }

#page-product-registration-link-products-equipment .checkbox .injected-svg,
#page-product-registration-link-products-plm .checkbox .injected-svg {
  overflow: visible; }

#page-product-registration-link-products-equipment .skip-step,
#page-product-registration-link-products-plm .skip-step {
  background: transparent;
  border: none;
  color: #000; }
  #page-product-registration-link-products-equipment .skip-step .steyr-btn-text,
  #page-product-registration-link-products-plm .skip-step .steyr-btn-text {
    color: #000;
    text-transform: initial;
    text-decoration: underline; }

#page-product-registration-link-products-equipment .complete-registration,
#page-product-registration-link-products-plm .complete-registration {
  margin-right: 0;
  margin-left: 0px; }

#page-product-registration-link-products-equipment .buttons-wrapper,
#page-product-registration-link-products-plm .buttons-wrapper {
  padding: 2rem 1.125rem; }
  @media screen and (max-width: 460px) {
    #page-product-registration-link-products-equipment .buttons-wrapper,
    #page-product-registration-link-products-plm .buttons-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #page-product-registration-link-products-equipment .buttons-wrapper button,
      #page-product-registration-link-products-plm .buttons-wrapper button {
        max-width: 180px;
        min-width: 180px; } }
  @media screen and (min-width: 601px) {
    #page-product-registration-link-products-equipment .buttons-wrapper,
    #page-product-registration-link-products-plm .buttons-wrapper {
      padding: 55px 110px 2rem; } }

#page-product-registration-link-products-equipment .product-registration-section,
#page-product-registration-link-products-plm .product-registration-section {
  background: transparent;
  margin-bottom: 0;
  max-width: 1200px;
  padding: 0 50px;
  overflow: auto;
  overflow-x: hidden; }
  @media screen and (max-width: 600px) {
    #page-product-registration-link-products-equipment .product-registration-section,
    #page-product-registration-link-products-plm .product-registration-section {
      padding: 0 1.125rem; } }

#page-product-registration-link-products-equipment .step-link .empty-message,
#page-product-registration-link-products-plm .step-link .empty-message {
  background: #F2F2F2;
  display: none;
  font-size: 0.875rem;
  margin: 1rem 0;
  padding: 0.5rem 1rem; }
  #page-product-registration-link-products-equipment .step-link .empty-message.show,
  #page-product-registration-link-products-plm .step-link .empty-message.show {
    display: block;
    text-align: center; }

#page-product-registration-link-products-equipment .step-link h4,
#page-product-registration-link-products-plm .step-link h4 {
  margin-bottom: 1rem;
  margin-top: 2rem; }

#page-product-registration-link-products-equipment .step-link > button,
#page-product-registration-link-products-plm .step-link > button {
  margin-top: 1rem; }

#page-product-registration-link-products-equipment .step-link .owl-carousel,
#page-product-registration-link-products-plm .step-link .owl-carousel {
  padding: 0 1rem; }
  #page-product-registration-link-products-equipment .step-link .owl-carousel .owl-prev,
  #page-product-registration-link-products-equipment .step-link .owl-carousel .owl-next,
  #page-product-registration-link-products-plm .step-link .owl-carousel .owl-prev,
  #page-product-registration-link-products-plm .step-link .owl-carousel .owl-next {
    height: 1rem;
    width: 1rem;
    margin: -0.5rem 0 0;
    min-width: 0;
    position: absolute;
    top: 50%; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      #page-product-registration-link-products-equipment .step-link .owl-carousel .owl-prev,
      #page-product-registration-link-products-equipment .step-link .owl-carousel .owl-next,
      #page-product-registration-link-products-plm .step-link .owl-carousel .owl-prev,
      #page-product-registration-link-products-plm .step-link .owl-carousel .owl-next {
        height: 100px;
        top: 30%; } }
    #page-product-registration-link-products-equipment .step-link .owl-carousel .owl-prev:hover,
    #page-product-registration-link-products-equipment .step-link .owl-carousel .owl-next:hover,
    #page-product-registration-link-products-plm .step-link .owl-carousel .owl-prev:hover,
    #page-product-registration-link-products-plm .step-link .owl-carousel .owl-next:hover {
      -webkit-box-shadow: none;
              box-shadow: none; }
    #page-product-registration-link-products-equipment .step-link .owl-carousel .owl-prev svg,
    #page-product-registration-link-products-equipment .step-link .owl-carousel .owl-next svg,
    #page-product-registration-link-products-plm .step-link .owl-carousel .owl-prev svg,
    #page-product-registration-link-products-plm .step-link .owl-carousel .owl-next svg {
      height: 1rem;
      width: 1rem;
      fill: #3a3a3a;
      -webkit-transition: fill 0.2s ease-in;
      transition: fill 0.2s ease-in; }
  #page-product-registration-link-products-equipment .step-link .owl-carousel .owl-prev,
  #page-product-registration-link-products-plm .step-link .owl-carousel .owl-prev {
    left: 0; }
  #page-product-registration-link-products-equipment .step-link .owl-carousel .owl-next,
  #page-product-registration-link-products-plm .step-link .owl-carousel .owl-next {
    right: 0; }
  #page-product-registration-link-products-equipment .step-link .owl-carousel .owl-stage,
  #page-product-registration-link-products-plm .step-link .owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch; }

#page-product-registration-link-products-equipment .step-link .product-item-wrapper,
#page-product-registration-link-products-plm .step-link .product-item-wrapper {
  padding: 0.5rem 1rem; }
  #page-product-registration-link-products-equipment .step-link .product-item-wrapper .product-item,
  #page-product-registration-link-products-plm .step-link .product-item-wrapper .product-item {
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    height: 265px;
    padding: 0.5rem 1rem;
    padding-top: 3.4rem;
    position: relative; }
    #page-product-registration-link-products-equipment .step-link .product-item-wrapper .product-item h3,
    #page-product-registration-link-products-plm .step-link .product-item-wrapper .product-item h3 {
      font-size: 1rem;
      font-weight: normal;
      margin-bottom: 0.5rem;
      margin-top: 0.5rem; }
    #page-product-registration-link-products-equipment .step-link .product-item-wrapper .product-item img,
    #page-product-registration-link-products-plm .step-link .product-item-wrapper .product-item img {
      display: block;
      margin: auto;
      max-width: 120px;
      width: 100%; }
    #page-product-registration-link-products-equipment .step-link .product-item-wrapper .product-item .radio,
    #page-product-registration-link-products-equipment .step-link .product-item-wrapper .product-item .checkbox,
    #page-product-registration-link-products-plm .step-link .product-item-wrapper .product-item .radio,
    #page-product-registration-link-products-plm .step-link .product-item-wrapper .product-item .checkbox {
      position: absolute;
      right: 34px;
      top: 10px; }
      #page-product-registration-link-products-equipment .step-link .product-item-wrapper .product-item .radio label,
      #page-product-registration-link-products-equipment .step-link .product-item-wrapper .product-item .checkbox label,
      #page-product-registration-link-products-plm .step-link .product-item-wrapper .product-item .radio label,
      #page-product-registration-link-products-plm .step-link .product-item-wrapper .product-item .checkbox label {
        padding: 0; }

#page-product-registration-link-products-equipment .step-link .devices-carousel,
#page-product-registration-link-products-plm .step-link .devices-carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #page-product-registration-link-products-equipment .step-link .devices-carousel .owl-nav svg,
  #page-product-registration-link-products-plm .step-link .devices-carousel .owl-nav svg {
    fill: #E20026; }
    #page-product-registration-link-products-equipment .step-link .devices-carousel .owl-nav svg.left-arrow,
    #page-product-registration-link-products-plm .step-link .devices-carousel .owl-nav svg.left-arrow {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    #page-product-registration-link-products-equipment .step-link .devices-carousel .owl-nav svg g,
    #page-product-registration-link-products-plm .step-link .devices-carousel .owl-nav svg g {
      fill: #E20026; }
  #page-product-registration-link-products-equipment .step-link .devices-carousel .device,
  #page-product-registration-link-products-plm .step-link .devices-carousel .device {
    background: #fff;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
    cursor: pointer;
    margin: 1rem 0.5625rem;
    min-height: 256px;
    padding: 1rem 1rem;
    position: relative; }
    #page-product-registration-link-products-equipment .step-link .devices-carousel .device h4,
    #page-product-registration-link-products-plm .step-link .devices-carousel .device h4 {
      color: #343E4A;
      font-size: 20px;
      font-weight: bold;
      line-height: 24px;
      letter-spacing: 0px;
      text-align: left;
      margin-bottom: 0px;
      margin-top: 0px;
      padding-right: 30px; }
    #page-product-registration-link-products-equipment .step-link .devices-carousel .device .nickname,
    #page-product-registration-link-products-plm .step-link .devices-carousel .device .nickname {
      color: #343E4A;
      font-size: 14px;
      font-weight: bold;
      line-height: 24px;
      letter-spacing: 0.5px;
      text-align: left;
      margin-bottom: 0px; }
    #page-product-registration-link-products-equipment .step-link .devices-carousel .device .pin,
    #page-product-registration-link-products-plm .step-link .devices-carousel .device .pin {
      color: #343E4A;
      font-size: 14px;
      font-weight: normal;
      line-height: 24px;
      letter-spacing: 0.5px;
      text-align: left;
      display: block; }
    #page-product-registration-link-products-equipment .step-link .devices-carousel .device .prod-img,
    #page-product-registration-link-products-plm .step-link .devices-carousel .device .prod-img {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 16px; }
    #page-product-registration-link-products-equipment .step-link .devices-carousel .device .logo-img,
    #page-product-registration-link-products-plm .step-link .devices-carousel .device .logo-img {
      width: 166px;
      height: 136px;
      margin: 0 auto; }
  #page-product-registration-link-products-equipment .step-link .devices-carousel .edit-wrapper,
  #page-product-registration-link-products-plm .step-link .devices-carousel .edit-wrapper {
    position: absolute;
    top: 1rem;
    right: 10px;
    bottom: auto;
    left: auto; }
    #page-product-registration-link-products-equipment .step-link .devices-carousel .edit-wrapper label .radio-icon,
    #page-product-registration-link-products-plm .step-link .devices-carousel .edit-wrapper label .radio-icon {
      position: relative;
      width: 20px;
      height: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      #page-product-registration-link-products-equipment .step-link .devices-carousel .edit-wrapper label .radio-icon::before,
      #page-product-registration-link-products-plm .step-link .devices-carousel .edit-wrapper label .radio-icon::before {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        -webkit-transition: .4s;
        transition: .4s;
        background-image: url(/Content/images/steyr-radio-off.svg);
        background-size: contain;
        background-repeat: no-repeat; }
    #page-product-registration-link-products-equipment .step-link .devices-carousel .edit-wrapper label input:checked + .radio-icon:before,
    #page-product-registration-link-products-plm .step-link .devices-carousel .edit-wrapper label input:checked + .radio-icon:before {
      background-image: url(/Content/images/steyr-radio-on.svg); }

@media screen and (max-width: 767px) {
  #page-product-registration-link-products-equipment .progress-bar,
  #page-product-registration-link-products-plm .progress-bar {
    -webkit-transform: inherit;
            transform: inherit; } }

@media screen and (max-width: 767px) {
  #page-product-registration-link-products-equipment .progress-bar,
  #page-product-registration-link-products-plm .progress-bar {
    padding-top: 10px; } }

@media screen and (max-width: 767px) {
  #page-product-registration-link-products-equipment .progress-bar_desktop,
  #page-product-registration-link-products-plm .progress-bar_desktop {
    display: none; } }

#page-product-registration-link-products-equipment .progress-bar_mobile,
#page-product-registration-link-products-plm .progress-bar_mobile {
  display: none; }
  @media screen and (max-width: 600px) {
    #page-product-registration-link-products-equipment .progress-bar_mobile,
    #page-product-registration-link-products-plm .progress-bar_mobile {
      display: none; } }
  @media screen and (max-width: 767px) {
    #page-product-registration-link-products-equipment .progress-bar_mobile,
    #page-product-registration-link-products-plm .progress-bar_mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  #page-product-registration-link-products-equipment .progress-bar_mobile .progress-bar-steps,
  #page-product-registration-link-products-plm .progress-bar_mobile .progress-bar-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
    #page-product-registration-link-products-equipment .progress-bar_mobile .progress-bar-steps .step-count,
    #page-product-registration-link-products-plm .progress-bar_mobile .progress-bar-steps .step-count {
      color: #343E4A;
      font-size: 12px;
      line-height: 20px;
      letter-spacing: 0.5px;
      display: block; }
    #page-product-registration-link-products-equipment .progress-bar_mobile .progress-bar-steps .label,
    #page-product-registration-link-products-plm .progress-bar_mobile .progress-bar-steps .label {
      color: #343E4A;
      font-size: 12px;
      font-weight: bold;
      line-height: 20px;
      letter-spacing: 0.5px; }

@media screen and (max-width: 600px) {
  #page-product-registration-link-products-equipment .progress-bar li,
  #page-product-registration-link-products-plm .progress-bar li {
    width: 170px; } }

@media screen and (max-width: 767px) {
  #page-product-registration-link-products-equipment .progress-bar li,
  #page-product-registration-link-products-plm .progress-bar li {
    width: 95px; } }

#page-product-registration-link-products-equipment .progress-bar li:not(.step-0)::before,
#page-product-registration-link-products-plm .progress-bar li:not(.step-0)::before {
  position: absolute;
  top: auto;
  right: 50%;
  bottom: 76px;
  left: auto; }
  @media screen and (max-width: 767px) {
    #page-product-registration-link-products-equipment .progress-bar li:not(.step-0)::before,
    #page-product-registration-link-products-plm .progress-bar li:not(.step-0)::before {
      position: absolute;
      top: auto;
      right: 50%;
      bottom: 18px;
      left: auto; } }

#page-product-registration-link-products-equipment .progress-bar li .circle-step,
#page-product-registration-link-products-plm .progress-bar li .circle-step {
  border: 2px solid #343E4A; }
  @media screen and (max-width: 767px) {
    #page-product-registration-link-products-equipment .progress-bar li .circle-step,
    #page-product-registration-link-products-plm .progress-bar li .circle-step {
      width: 19px;
      height: 19px; } }

#page-product-registration-link-products-equipment .progress-bar li .label-step,
#page-product-registration-link-products-plm .progress-bar li .label-step {
  color: #343E4A;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  opacity: 0.5; }

#page-product-registration-link-products-equipment .progress-bar li.completed .circle-step, #page-product-registration-link-products-equipment .progress-bar li.current .circle-step,
#page-product-registration-link-products-plm .progress-bar li.completed .circle-step,
#page-product-registration-link-products-plm .progress-bar li.current .circle-step {
  border-color: #E20026; }

#page-product-registration-link-products-equipment .progress-bar li.completed .label-step, #page-product-registration-link-products-equipment .progress-bar li.current .label-step,
#page-product-registration-link-products-plm .progress-bar li.completed .label-step,
#page-product-registration-link-products-plm .progress-bar li.current .label-step {
  font-weight: bold;
  opacity: 1; }

#page-product-registration-link-products-equipment .step-link .step-dealer-title,
#page-product-registration-link-products-plm .step-link .step-dealer-title {
  color: #343E4A;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: center;
  margin-bottom: 12px; }

#page-product-registration-link-products-equipment .next-step-container,
#page-product-registration-link-products-plm .next-step-container {
  background: transparent;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 600px) {
    #page-product-registration-link-products-equipment .next-step-container,
    #page-product-registration-link-products-plm .next-step-container {
      padding: 2rem 1.125rem; } }
  @media screen and (min-width: 901px) {
    #page-product-registration-link-products-equipment .next-step-container,
    #page-product-registration-link-products-plm .next-step-container {
      padding: 2rem 110px; } }
  #page-product-registration-link-products-equipment .next-step-container .button:last-child,
  #page-product-registration-link-products-plm .next-step-container .button:last-child {
    margin-right: 0; }

#page-product-registration-link-products-equipment .step-link .devices-carousel .edit-wrapper {
  right: 30px; }
  #page-product-registration-link-products-equipment .step-link .devices-carousel .edit-wrapper .checkboxWrp::before {
    content: '';
    position: absolute;
    height: 18px;
    width: 18px;
    -webkit-transition: .4s;
    transition: .4s;
    background-image: url(/Content/images/steyr-checkbox-unfilled.svg);
    background-size: contain;
    background-repeat: no-repeat; }
  #page-product-registration-link-products-equipment .step-link .devices-carousel .edit-wrapper input:checked + .checkboxWrp:before {
    background-image: url(/Content/images/steyr-checkbox-filled.svg); }

#page-product-registration-feedback > section {
  background: #fff;
  margin-bottom: 0;
  max-width: 1200px;
  padding: 0 110px; }
  @media screen and (max-width: 600px) {
    #page-product-registration-feedback > section {
      padding: 0 2.25rem; } }

#page-product-registration-feedback h2 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  text-transform: uppercase; }
  #page-product-registration-feedback h2 img,
  #page-product-registration-feedback h2 svg {
    height: 2rem;
    width: 2rem;
    fill: #00ab00;
    margin-left: 0.5rem; }

#page-product-registration-feedback h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-transform: none; }
  @media screen and (max-width: 900px) {
    #page-product-registration-feedback h3 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  #page-product-registration-feedback h3 small {
    font-size: 0.875rem;
    font-weight: normal; }
    @media screen and (max-width: 900px) {
      #page-product-registration-feedback h3 small {
        -ms-flex-item-align: end;
            align-self: flex-end;
        margin-top: 1rem; } }

#page-product-registration-feedback > section {
  background: transparent;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1 1;
  margin-bottom: 0;
  max-width: 1200px;
  padding: 0 110px; }
  @media screen and (max-width: 600px) {
    #page-product-registration-feedback > section {
      padding: 0 1.125rem; } }

#page-product-registration-feedback .step-section {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (max-width: 767px) {
    #page-product-registration-feedback .step-section .progress-bar {
      -webkit-transform: inherit;
              transform: inherit; } }
  @media screen and (max-width: 767px) {
    #page-product-registration-feedback .step-section .progress-bar {
      padding-top: 10px; } }
  @media screen and (max-width: 767px) {
    #page-product-registration-feedback .step-section .progress-bar_desktop {
      display: none; } }
  #page-product-registration-feedback .step-section .progress-bar_mobile {
    display: none; }
    @media screen and (max-width: 600px) {
      #page-product-registration-feedback .step-section .progress-bar_mobile {
        display: none; } }
    @media screen and (max-width: 767px) {
      #page-product-registration-feedback .step-section .progress-bar_mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    #page-product-registration-feedback .step-section .progress-bar_mobile .progress-bar-steps {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center; }
      #page-product-registration-feedback .step-section .progress-bar_mobile .progress-bar-steps .step-count {
        color: #343E4A;
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0.5px;
        display: block; }
      #page-product-registration-feedback .step-section .progress-bar_mobile .progress-bar-steps .label {
        color: #343E4A;
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
        letter-spacing: 0.5px; }
  @media screen and (max-width: 600px) {
    #page-product-registration-feedback .step-section .progress-bar li {
      width: 170px; } }
  @media screen and (max-width: 767px) {
    #page-product-registration-feedback .step-section .progress-bar li {
      width: 95px; } }
  #page-product-registration-feedback .step-section .progress-bar li:not(.step-0)::before {
    position: absolute;
    top: auto;
    right: 50%;
    bottom: 76px;
    left: auto; }
    @media screen and (max-width: 767px) {
      #page-product-registration-feedback .step-section .progress-bar li:not(.step-0)::before {
        position: absolute;
        top: auto;
        right: 50%;
        bottom: 18px;
        left: auto; } }
  #page-product-registration-feedback .step-section .progress-bar li .circle-step {
    border: 2px solid #343E4A; }
    @media screen and (max-width: 767px) {
      #page-product-registration-feedback .step-section .progress-bar li .circle-step {
        width: 19px;
        height: 19px; } }
  #page-product-registration-feedback .step-section .progress-bar li .label-step {
    color: #343E4A;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    opacity: 0.5; }
  #page-product-registration-feedback .step-section .progress-bar li.completed .circle-step, #page-product-registration-feedback .step-section .progress-bar li.current .circle-step {
    border-color: #E20026; }
  #page-product-registration-feedback .step-section .progress-bar li.completed .label-step, #page-product-registration-feedback .step-section .progress-bar li.current .label-step {
    font-weight: bold;
    opacity: 1; }
  #page-product-registration-feedback .step-section h2 {
    margin-bottom: 0.5rem;
    margin-top: 2rem; }
  #page-product-registration-feedback .step-section .thank-you-title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 40px;
    margin-top: 2rem;
    width: 100%; }
    #page-product-registration-feedback .step-section .thank-you-title img {
      margin-right: 10px; }
      @media screen and (max-width: 767px) {
        #page-product-registration-feedback .step-section .thank-you-title img {
          margin-bottom: 10px; } }
    @media screen and (max-width: 600px) {
      #page-product-registration-feedback .step-section .thank-you-title {
        font-size: 1rem; } }
    @media screen and (min-width: 601px) {
      #page-product-registration-feedback .step-section .thank-you-title {
        font-size: 26px; } }
    @media screen and (max-width: 767px) {
      #page-product-registration-feedback .step-section .thank-you-title {
        font-size: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center;
        margin-bottom: 16px;
        margin-top: 10px; } }
    #page-product-registration-feedback .step-section .thank-you-title .injected-svg {
      height: 2rem;
      width: 3rem;
      fill: #00ab00; }
  #page-product-registration-feedback .step-section .links {
    margin: 60px 0 2rem; }
    @media screen and (min-width: 460px) {
      #page-product-registration-feedback .step-section .links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        #page-product-registration-feedback .step-section .links button {
          margin: 0 10px; } }
    @media screen and (max-width: 460px) {
      #page-product-registration-feedback .step-section .links button {
        width: 100%; } }
    @media screen and (max-width: 460px) {
      #page-product-registration-feedback .step-section .links {
        margin: 15px 0 0; } }
    #page-product-registration-feedback .step-section .links button.primary {
      background: transparent;
      border: none;
      color: #000; }
      #page-product-registration-feedback .step-section .links button.primary .steyr-btn-text {
        color: #000;
        text-transform: initial;
        text-decoration: underline; }
  #page-product-registration-feedback .step-section .step-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 1% 4rem;
    width: 98%; }
    @media screen and (max-width: 900px) {
      #page-product-registration-feedback .step-section .step-wrapper {
        -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; } }
    #page-product-registration-feedback .step-section .step-wrapper .step {
      color: #7f7366;
      margin: 0 3%;
      position: relative;
      text-align: center;
      width: 28%; }
      @media screen and (max-width: 900px) {
        #page-product-registration-feedback .step-section .step-wrapper .step {
          margin-bottom: 2rem;
          width: 100%; } }
      #page-product-registration-feedback .step-section .step-wrapper .step img,
      #page-product-registration-feedback .step-section .step-wrapper .step svg {
        fill: #7f7366; }
      #page-product-registration-feedback .step-section .step-wrapper .step .step-header {
        font-size: 1.5rem;
        font-weight: 700;
        height: 50px; }
        #page-product-registration-feedback .step-section .step-wrapper .step .step-header img,
        #page-product-registration-feedback .step-section .step-wrapper .step .step-header svg {
          height: 1.25rem;
          width: 1.25rem;
          margin-left: 0.5rem; }
      #page-product-registration-feedback .step-section .step-wrapper .step .step-description {
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: 0.5rem; }
      #page-product-registration-feedback .step-section .step-wrapper .step .step-note {
        color: #000;
        font-size: 0.875rem; }
      #page-product-registration-feedback .step-section .step-wrapper .step .arrow {
        position: absolute;
        right: -30%;
        top: 50%; }
        @media screen and (max-width: 900px) {
          #page-product-registration-feedback .step-section .step-wrapper .step .arrow {
            display: none; } }

#page-product-registration-feedback .now {
  margin: 0.5rem 0;
  color: #343E4A;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    #page-product-registration-feedback .now {
      font-size: 14px;
      text-align: left; } }
  #page-product-registration-feedback .now.no-margin {
    margin-top: -5px; }

#page-product-registration-feedback .send-button {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 2rem 0 0; }

#page-product-registration-feedback .send-email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

#forgot-password,
#forgot-password-step2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  #forgot-password .arrow,
  #forgot-password-step2 .arrow {
    margin-right: 10px; }
  #forgot-password > section,
  #forgot-password-step2 > section {
    margin-bottom: 0;
    max-width: 1200px;
    padding: 0; }
  #forgot-password .step-section,
  #forgot-password-step2 .step-section {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    #forgot-password .step-section .thank-you-title,
    #forgot-password-step2 .step-section .thank-you-title {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #3a3a3a;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-bottom: 0.5rem;
      margin-top: 2rem;
      width: 100%; }
      @media screen and (max-width: 600px) {
        #forgot-password .step-section .thank-you-title,
        #forgot-password-step2 .step-section .thank-you-title {
          font-size: 1rem; } }
      @media screen and (min-width: 601px) {
        #forgot-password .step-section .thank-you-title,
        #forgot-password-step2 .step-section .thank-you-title {
          font-size: 1.875rem; } }
      #forgot-password .step-section .thank-you-title .injected-svg,
      #forgot-password-step2 .step-section .thank-you-title .injected-svg {
        height: 3rem;
        width: 3rem;
        fill: #00ab00; }
    #forgot-password .step-section .step-wrapper,
    #forgot-password-step2 .step-section .step-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 -2.5% 4rem;
      width: 98%; }
      @media screen and (max-width: 900px) {
        #forgot-password .step-section .step-wrapper,
        #forgot-password-step2 .step-section .step-wrapper {
          -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; } }
      #forgot-password .step-section .step-wrapper .step,
      #forgot-password-step2 .step-section .step-wrapper .step {
        color: #000;
        margin: 0 7.5%;
        position: relative;
        text-align: center;
        width: 20%; }
        @media screen and (max-width: 900px) {
          #forgot-password .step-section .step-wrapper .step,
          #forgot-password-step2 .step-section .step-wrapper .step {
            margin-bottom: 2rem;
            width: 100%; } }
        #forgot-password .step-section .step-wrapper .step img,
        #forgot-password .step-section .step-wrapper .step svg,
        #forgot-password-step2 .step-section .step-wrapper .step img,
        #forgot-password-step2 .step-section .step-wrapper .step svg {
          fill: #e20026; }
        #forgot-password .step-section .step-wrapper .step .step-header,
        #forgot-password-step2 .step-section .step-wrapper .step .step-header {
          font-size: 1.5rem;
          font-weight: 700;
          margin-bottom: 0.5rem; }
          #forgot-password .step-section .step-wrapper .step .step-header img,
          #forgot-password .step-section .step-wrapper .step .step-header svg,
          #forgot-password-step2 .step-section .step-wrapper .step .step-header img,
          #forgot-password-step2 .step-section .step-wrapper .step .step-header svg {
            height: 2rem;
            width: 2rem; }
        #forgot-password .step-section .step-wrapper .step .step-description,
        #forgot-password-step2 .step-section .step-wrapper .step .step-description {
          font-size: 1rem;
          font-weight: 700;
          margin-bottom: 0.5rem; }
        #forgot-password .step-section .step-wrapper .step .step-note,
        #forgot-password-step2 .step-section .step-wrapper .step .step-note {
          color: #000;
          font-size: 0.875rem; }
        #forgot-password .step-section .step-wrapper .step .arrow,
        #forgot-password-step2 .step-section .step-wrapper .step .arrow {
          position: absolute;
          top: 15%;
          right: -67%;
          bottom: auto;
          left: auto;
          width: 50%; }
          @media screen and (max-width: 900px) {
            #forgot-password .step-section .step-wrapper .step .arrow,
            #forgot-password-step2 .step-section .step-wrapper .step .arrow {
              display: none; } }
  #forgot-password .now,
  #forgot-password-step2 .now {
    color: #3a3a3a;
    font-weight: 700;
    margin: 1rem 0 2rem; }
  #forgot-password .send-button,
  #forgot-password-step2 .send-button {
    margin: 2rem 0; }
  #forgot-password .send-email,
  #forgot-password-step2 .send-email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media screen and (min-width: 601px) {
      #forgot-password .send-email,
      #forgot-password-step2 .send-email {
        margin: 0 3rem;
        padding: 0 3rem; } }
    #forgot-password .send-email h2,
    #forgot-password-step2 .send-email h2 {
      font-weight: 600;
      text-transform: none; }
      #forgot-password .send-email h2 small,
      #forgot-password-step2 .send-email h2 small {
        color: #919191;
        font-size: 0.75rem;
        font-weight: 400; }
        @media screen and (max-width: 600px) {
          #forgot-password .send-email h2 small,
          #forgot-password-step2 .send-email h2 small {
            display: block;
            margin-top: 0.5rem;
            text-align: right; } }
        @media screen and (min-width: 601px) {
          #forgot-password .send-email h2 small,
          #forgot-password-step2 .send-email h2 small {
            float: right; } }
  #forgot-password .buttons-wrapper,
  #forgot-password-step2 .buttons-wrapper {
    margin: 0; }

#forgot-password-step2 {
  display: none; }
  #forgot-password-step2 .progress-bar {
    margin: 0; }

#reset-password,
#reset-password-step2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  #reset-password .confirm-password .show-password,
  #reset-password-step2 .confirm-password .show-password {
    right: 0.5rem !important; }
  #reset-password .arrow,
  #reset-password-step2 .arrow {
    margin-right: 10px; }
  #reset-password h1,
  #reset-password-step2 h1 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    font-weight: normal; }
    #reset-password h1 img,
    #reset-password h1 svg,
    #reset-password-step2 h1 img,
    #reset-password-step2 h1 svg {
      height: 2rem;
      width: 2rem;
      fill: #00ab00;
      margin-left: 0.5rem; }
    @media screen and (max-width: 600px) {
      #reset-password h1,
      #reset-password-step2 h1 {
        font-size: 1rem; }
        #reset-password h1 img,
        #reset-password h1 svg,
        #reset-password-step2 h1 img,
        #reset-password-step2 h1 svg {
          height: 3rem;
          width: 3rem; } }
  #reset-password h2,
  #reset-password-step2 h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-transform: none; }
    @media screen and (max-width: 900px) {
      #reset-password h2,
      #reset-password-step2 h2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    #reset-password h2 small,
    #reset-password-step2 h2 small {
      color: #919191;
      font-size: 12px;
      font-weight: normal; }
      @media screen and (max-width: 900px) {
        #reset-password h2 small,
        #reset-password-step2 h2 small {
          margin-top: 1rem; } }
  #reset-password > section,
  #reset-password-step2 > section {
    margin-bottom: 0;
    max-width: 1200px;
    padding: 0 110px; }
    @media screen and (max-width: 600px) {
      #reset-password > section,
      #reset-password-step2 > section {
        padding: 0 1rem; } }
  #reset-password .login-button,
  #reset-password-step2 .login-button {
    margin: 3rem 0; }
  #reset-password .thankyou-section,
  #reset-password-step2 .thankyou-section {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  #reset-password .thank-you-title,
  #reset-password-step2 .thank-you-title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #3a3a3a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0.5rem;
    margin-top: 2rem;
    width: 100%; }
    @media screen and (max-width: 600px) {
      #reset-password .thank-you-title,
      #reset-password-step2 .thank-you-title {
        font-size: 1rem; } }
    @media screen and (min-width: 601px) {
      #reset-password .thank-you-title,
      #reset-password-step2 .thank-you-title {
        font-size: 1.875rem; } }
    #reset-password .thank-you-title .injected-svg,
    #reset-password-step2 .thank-you-title .injected-svg {
      height: 3rem;
      width: 3rem;
      fill: #00ab00; }
  #reset-password .buttons-wrapper,
  #reset-password-step2 .buttons-wrapper {
    margin: 0; }
  #reset-password .input-wrapper,
  #reset-password-step2 .input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (max-width: 900px) {
      #reset-password .input-wrapper,
      #reset-password-step2 .input-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    #reset-password .input-wrapper .input-field,
    #reset-password-step2 .input-wrapper .input-field {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 40%;
              flex: 0 1 40%; }
      #reset-password .input-wrapper .input-field.email input,
      #reset-password-step2 .input-wrapper .input-field.email input {
        border-bottom: 0;
        color: #000; }
      #reset-password .input-wrapper .input-field.email label,
      #reset-password-step2 .input-wrapper .input-field.email label {
        color: #7f7366; }
    #reset-password .input-wrapper .popover-trigger,
    #reset-password-step2 .input-wrapper .popover-trigger {
      position: absolute;
      top: 15px;
      right: 8px;
      bottom: 0.5rem;
      left: auto;
      fill: #E20026; }
  #reset-password .save-button,
  #reset-password-step2 .save-button {
    margin: 2rem 0; }
  #reset-password .send-psw,
  #reset-password-step2 .send-psw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

#reset-password-step2 {
  display: none; }
  #reset-password-step2 .progress-bar {
    margin: 0; }

input[disabled],
textarea[disabled] {
  color: #000 !important; }

::-ms-reveal {
  display: none !important; }

#reset-password .input-field.email [type='text']:disabled.filled,
#reset-password .input-field.email [type='password']:disabled.filled,
#reset-password .input-field.email [type='email']:disabled.filled,
#reset-password .input-field.email [type='tel']:disabled.filled,
#reset-password .input-field.email textarea:disabled.filled {
  background-color: transparent;
  border-bottom: 0px; }

#reset-password .input-field.email {
  cursor: not-allowed; }

#reset-password .password-field #password::-ms-reveal, #reset-password .password-field #confirm-password::-ms-reveal {
  display: none !important; }

#reset-password .password-field .password-info {
  right: 5px !important; }

#reset-password .password-field .popover {
  background: #000;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 20px -3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 20px -3px rgba(0, 0, 0, 0.3);
  color: #fff;
  display: none;
  font-size: 0.75rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
  margin-right: -2.125rem;
  padding: 0.5rem 1rem;
  position: fixed;
  text-transform: none;
  width: 200px;
  z-index: 21; }
  #reset-password .password-field .popover > span {
    position: absolute;
    top: auto;
    right: 22px;
    bottom: -4px;
    left: auto;
    height: 0;
    width: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.25rem solid #000;
    content: ''; }

#page-add-user {
  min-width: 900px; }
  @media screen and (max-width: 900px) {
    #page-add-user {
      min-width: 100%; } }
  #page-add-user .box-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 100%;
    width: 100%; }
    #page-add-user .box-content > div {
      width: 48%; }
      @media screen and (max-width: 900px) {
        #page-add-user .box-content > div {
          width: 100%; } }
    #page-add-user .box-content .select-input label {
      left: 15px !important; }
    #page-add-user .box-content .select-input .select2-selection__rendered {
      font-size: 16px;
      padding-left: 1rem !important; }
    #page-add-user .box-content .input-field [type='text']:disabled.filled,
    #page-add-user .box-content .input-field [type='password']:disabled.filled,
    #page-add-user .box-content .input-field [type='email']:disabled.filled,
    #page-add-user .box-content .input-field [type='tel']:disabled.filled,
    #page-add-user .box-content .input-field textarea:disabled.filled {
      background-color: transparent;
      border-bottom: 0px; }
    #page-add-user .box-content .read-only.input-field {
      cursor: not-allowed; }
  #page-add-user .button-box {
    margin: 0; }
    @media screen and (min-width: 601px) {
      #page-add-user .button-box button {
        margin: 1rem 0 1rem 1.125rem; } }
    #page-add-user .button-box + section {
      margin-top: 0; }
  #page-add-user .ms-google-captcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 2rem; }
    @media screen and (max-width: 460px) {
      #page-add-user .ms-google-captcha {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0 0 1rem; } }

.tooltip-add-user {
  position: absolute;
  top: auto;
  bottom: 1rem;
  left: auto;
  height: 1.25rem;
  width: 1.25rem;
  right: 0.5rem; }
  .tooltip-add-user svg {
    fill: #7f7366 !important;
    height: 20px !important;
    width: 20px !important; }
  .tooltip-add-user .tooltiptext {
    visibility: hidden;
    width: 200px;
    background: #000;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.24);
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.24);
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -173px;
    font-size: 0.75rem;
    font-weight: 400;
    margin-right: -106px;
    padding: 0.5rem 1rem; }
    .tooltip-add-user .tooltiptext::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 86%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #000 transparent transparent transparent; }
  .tooltip-add-user:hover .tooltiptext {
    visibility: visible; }

#edit-job-title-modal {
  color: #000; }
  @media screen and (max-width: 900px) {
    #edit-job-title-modal .modal-wrapper {
      margin-top: 10vh; } }
  @media screen and (min-width: 901px) {
    #edit-job-title-modal .modal-wrapper {
      margin-top: 14vh; } }
  @media screen and (max-width: 600px) {
    #edit-job-title-modal .modal-wrapper {
      padding: 2rem 1.125rem 1rem; } }
  #edit-job-title-modal .close-icon {
    position: absolute;
    top: 18px;
    right: 20px; }
    #edit-job-title-modal .close-icon svg {
      fill: #000;
      height: 18px;
      width: 18px; }
    #edit-job-title-modal .close-icon:hover svg {
      fill: #E20026;
      cursor: pointer; }
  #edit-job-title-modal h2 {
    font-size: 1.125rem;
    font-weight: normal;
    margin-bottom: 2rem;
    margin-top: 3rem;
    text-align: center;
    text-transform: none; }
    @media screen and (max-width: 600px) {
      #edit-job-title-modal h2 {
        margin-top: 0.5rem; } }
  #edit-job-title-modal .job-titles {
    margin: auto;
    max-width: 400px;
    overflow: hidden; }
    #edit-job-title-modal .job-titles .radio,
    #edit-job-title-modal .job-titles > span {
      display: block;
      margin-bottom: 1rem; }
    #edit-job-title-modal .job-titles .radio {
      display: block;
      font-size: 1rem;
      margin-left: 3rem; }
      #edit-job-title-modal .job-titles .radio .radio-icon-wrp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
      #edit-job-title-modal .job-titles .radio .radio-icon {
        position: relative;
        width: 20px;
        height: 20px;
        min-width: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 8px;
        cursor: pointer; }
        #edit-job-title-modal .job-titles .radio .radio-icon::before {
          content: '';
          position: absolute;
          height: 100%;
          width: 100%;
          -webkit-transition: .4s;
          transition: .4s;
          background-image: url(/Content/images/steyr-radio-off.svg);
          background-size: contain;
          background-repeat: no-repeat; }
      #edit-job-title-modal .job-titles .radio input:checked + .radio-icon:before {
        background-image: url(/Content/images/steyr-radio-on.svg); }
      #edit-job-title-modal .job-titles .radio label {
        margin-left: 1rem; }
    #edit-job-title-modal .job-titles hr {
      border: none;
      border-bottom: 1px solid #919191;
      margin: 1rem 0; }
    #edit-job-title-modal .job-titles > span svg {
      fill: #7f7366;
      margin-bottom: -2px;
      margin-right: 4px; }
  #edit-job-title-modal .box {
    background: #d8d8d8;
    border-radius: 0.5rem;
    display: none;
    font-size: 0.875rem;
    margin: 1rem auto;
    max-width: 1000px;
    padding: 1rem;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    #edit-job-title-modal .box svg {
      height: 3rem;
      width: 3rem;
      fill: #E20026;
      min-width: 3rem; }
    #edit-job-title-modal .box span {
      margin-left: 1rem; }
  #edit-job-title-modal footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

#page-company-management .icon-black {
  fill: #3D3D3D; }

#page-company-management div.email {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  word-break: break-all; }

#page-company-management .input-field p {
  margin: 0;
  margin-top: 5px;
  font-size: 1rem; }

#page-company-management .input-field.flat {
  padding-left: 15px;
  background: #fff;
  border-bottom: 4px solid #899098 !important;
  opacity: unset;
  -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); }
  #page-company-management .input-field.flat label {
    color: #949494;
    font-size: 0.8rem; }

#page-company-management .input-field.search-input span:first-of-type svg {
  -ms-flex-preferred-size: 5%;
      flex-basis: 5%;
  height: 19px;
  width: 19px;
  fill: #000;
  position: absolute;
  bottom: 10px;
  right: 2px; }

#page-company-management .input-field input {
  padding-top: 11px;
  padding-bottom: 0;
  padding-left: 16px;
  text-overflow: ellipsis;
  padding-right: 42px; }

#page-company-management .box-marketing p {
  padding: 0 1.125rem; }

#page-company-management .box-marketing .checkboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 1.125rem; }
  #page-company-management .box-marketing .checkboxes > * {
    margin-bottom: 0.5rem;
    margin-right: 5%;
    padding: 0.5rem 1rem;
    width: 25%; }
    @media screen and (max-width: 600px) {
      #page-company-management .box-marketing .checkboxes > * {
        width: 100%; } }

#page-company-management .box-marketing .open-questions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1rem; }
  #page-company-management .box-marketing .open-questions > * {
    width: 48%; }
    @media screen and (max-width: 600px) {
      #page-company-management .box-marketing .open-questions > * {
        width: 100%; } }

#page-company-management .box {
  overflow: visible; }
  @media screen and (min-width: 601px) {
    #page-company-management .box.company .box-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #page-company-management .box.company .box-content > * {
        width: 45%; }
      #page-company-management .box.company .box-content .description {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
  @media screen and (min-width: 601px) {
    #page-company-management .box.billing .box-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #page-company-management .box.billing .box-content > * {
        width: 45%; }
        #page-company-management .box.billing .box-content > *.address {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 100%;
                  flex: 1 0 100%;
          max-width: 100%; } }
  #page-company-management .box.find .box-content {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 600px) {
      #page-company-management .box.find .box-content {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 1.125rem; }
        #page-company-management .box.find .box-content .search-input {
          width: 100%; } }
    #page-company-management .box.find .box-content .search-button {
      margin-left: 1.125rem; }
      @media screen and (max-width: 600px) {
        #page-company-management .box.find .box-content .search-button {
          margin-left: auto; } }
    #page-company-management .box.find .box-content .add-user-button {
      margin-left: auto;
      max-height: 2rem;
      margin-bottom: 0; }
      @media screen and (max-width: 600px) {
        #page-company-management .box.find .box-content .add-user-button {
          margin-left: 0;
          margin-top: 1rem;
          width: 100%; } }

#page-company-management #users .find {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem; }
  @media screen and (min-width: 601px) {
    #page-company-management #users .find {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media screen and (max-width: 600px) {
    #page-company-management #users .find {
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  #page-company-management #users .find .add-user-button {
    margin-right: 0; }
  #page-company-management #users .find .search-input {
    min-width: 300px; }

#page-company-management #users .box-users .box-header > div,
#page-company-management #users .box-users .box-content > div {
  word-break: break-word;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (max-width: 600px) {
    #page-company-management #users .box-users .box-header > div,
    #page-company-management #users .box-users .box-content > div {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  #page-company-management #users .box-users .box-header > div .action .disabled,
  #page-company-management #users .box-users .box-content > div .action .disabled {
    color: #7f7366;
    font-size: 0.75rem; }
    @media screen and (min-width: 601px) {
      #page-company-management #users .box-users .box-header > div .action .disabled,
      #page-company-management #users .box-users .box-content > div .action .disabled {
        max-width: 130px; } }
  @media screen and (min-width: 601px) {
    #page-company-management #users .box-users .box-header > div .job-title .value,
    #page-company-management #users .box-users .box-content > div .job-title .value {
      -ms-flex-preferred-size: 55%;
          flex-basis: 55%; } }
  #page-company-management #users .box-users .box-header > div .job-title h5,
  #page-company-management #users .box-users .box-content > div .job-title h5 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #page-company-management #users .box-users .box-header > div > div,
  #page-company-management #users .box-users .box-content > div > div {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 600px) {
      #page-company-management #users .box-users .box-header > div > div,
      #page-company-management #users .box-users .box-content > div > div {
        font-size: 1rem;
        margin-bottom: 0.5rem;
        width: 100%; } }
    #page-company-management #users .box-users .box-header > div > div .edit-job-title-button,
    #page-company-management #users .box-users .box-content > div > div .edit-job-title-button {
      margin-left: 5px; }
      #page-company-management #users .box-users .box-header > div > div .edit-job-title-button .injected-svg,
      #page-company-management #users .box-users .box-content > div > div .edit-job-title-button .injected-svg {
        height: 1rem;
        width: 1rem;
        -webkit-transition: fill 0.2s ease-in;
        transition: fill 0.2s ease-in; }
        #page-company-management #users .box-users .box-header > div > div .edit-job-title-button .injected-svg:hover,
        #page-company-management #users .box-users .box-content > div > div .edit-job-title-button .injected-svg:hover {
          fill: #E20026; }
    #page-company-management #users .box-users .box-header > div > div.signUpDate, #page-company-management #users .box-users .box-header > div > div.locked,
    #page-company-management #users .box-users .box-content > div > div.signUpDate,
    #page-company-management #users .box-users .box-content > div > div.locked {
      display: none; }
    #page-company-management #users .box-users .box-header > div > div.ismyself,
    #page-company-management #users .box-users .box-content > div > div.ismyself {
      display: none; }
    @media screen and (min-width: 601px) {
      #page-company-management #users .box-users .box-header > div > div.surname, #page-company-management #users .box-users .box-header > div > div.name,
      #page-company-management #users .box-users .box-content > div > div.surname,
      #page-company-management #users .box-users .box-content > div > div.name {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 15%;
                flex: 0 0 15%; }
      #page-company-management #users .box-users .box-header > div > div.job-title,
      #page-company-management #users .box-users .box-content > div > div.job-title {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 18%;
                flex: 0 0 18%; }
      #page-company-management #users .box-users .box-header > div > div.email,
      #page-company-management #users .box-users .box-content > div > div.email {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 30%;
                flex: 0 0 30%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        word-break: break-all; }
      #page-company-management #users .box-users .box-header > div > div.action,
      #page-company-management #users .box-users .box-content > div > div.action {
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 0 1.125rem;
        text-align: center;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 5%;
                flex: 0 0 5%; }
        #page-company-management #users .box-users .box-header > div > div.action svg,
        #page-company-management #users .box-users .box-content > div > div.action svg {
          height: 1.25rem;
          width: 1.25rem; }
      #page-company-management #users .box-users .box-header > div > div.status,
      #page-company-management #users .box-users .box-content > div > div.status {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 8%;
                flex: 0 0 8%; } }
  #page-company-management #users .box-users .box-header > div svg,
  #page-company-management #users .box-users .box-content > div svg {
    height: 0.875rem;
    width: 0.875rem;
    cursor: pointer;
    margin-left: 5px; }

#page-company-management #users .box-users .box-header .mobile-label,
#page-company-management #users .box-users .box-content .mobile-label {
  display: none; }
  @media screen and (max-width: 600px) {
    #page-company-management #users .box-users .box-header .mobile-label,
    #page-company-management #users .box-users .box-content .mobile-label {
      display: block;
      font-weight: bold;
      min-width: 40%;
      text-transform: uppercase; } }

#page-company-management #users .box-users .box-header h5 {
  color: #7f7366;
  margin-bottom: 0;
  text-transform: uppercase; }

#page-company-management #users .box-users .box-header svg {
  fill: #7f7366; }

@media screen and (max-width: 600px) {
  #page-company-management #users .box-users .box-header {
    display: none; } }

#page-company-management #users .box-users .box-content {
  padding: 0; }
  #page-company-management #users .box-users .box-content > div {
    min-height: 3rem;
    padding: 1rem 1.125rem; }
    #page-company-management #users .box-users .box-content > div:not(:last-child) {
      border-bottom: 2px solid #edebe8; }
  #page-company-management #users .box-users .box-content .remove-user .injected-svg {
    height: 1.25rem;
    width: 1.25rem;
    -webkit-transition: fill 0.2s ease-in;
    transition: fill 0.2s ease-in; }
    #page-company-management #users .box-users .box-content .remove-user .injected-svg:hover {
      fill: #E20026; }

#page-company-management .button-box + section {
  margin-top: 0; }

#page-company-management textarea {
  overflow: hidden;
  max-height: initial;
  resize: none; }

#page-company-management #modal-user-details .detail-item {
  word-break: break-word; }
  #page-company-management #modal-user-details .detail-item svg {
    fill: #E20026; }
    #page-company-management #modal-user-details .detail-item svg path {
      fill: #E20026; }

#page-company-management #modal-user-details .modal-wrapper {
  overflow-y: auto;
  padding: 50px 10px 0px 60px; }
  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    #page-company-management #modal-user-details .modal-wrapper {
      width: 95vw; } }
  @media screen and (max-width: 900px) {
    #page-company-management #modal-user-details .modal-wrapper {
      margin-top: 10vh; } }
  @media screen and (min-width: 901px) {
    #page-company-management #modal-user-details .modal-wrapper {
      margin-top: 14vh; } }
  @media screen and (max-width: 600px) {
    #page-company-management #modal-user-details .modal-wrapper {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 3px; } }

#page-company-management #modal-user-details .close-icon {
  position: absolute;
  top: 18px;
  right: 20px; }
  #page-company-management #modal-user-details .close-icon svg {
    fill: #000;
    height: 18px;
    width: 18px; }
  #page-company-management #modal-user-details .close-icon:hover svg {
    fill: #E20026;
    cursor: pointer; }

#page-company-management #modal-user-details main {
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  overflow: auto;
  margin-top: 20px; }
  #page-company-management #modal-user-details main .content {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    margin-right: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 40px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DED9D5; }
    @media screen and (min-width: 601px) and (max-width: 900px) {
      #page-company-management #modal-user-details main .content {
        margin-right: 10px;
        -ms-flex-preferred-size: 90%;
            flex-basis: 90%; } }
    @media screen and (max-width: 600px) {
      #page-company-management #modal-user-details main .content {
        margin-right: 10px;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; } }
    #page-company-management #modal-user-details main .content h3 {
      color: #7F7366;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      font-family: 'Exo 2', Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 0px; }
      @media screen and (max-width: 600px) {
        #page-company-management #modal-user-details main .content h3 {
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; } }
    #page-company-management #modal-user-details main .content hr {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      margin-left: 0px;
      height: 2px;
      -ms-flex-item-align: center;
          align-self: center; }
      @media screen and (max-width: 600px) {
        #page-company-management #modal-user-details main .content hr {
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; } }
    #page-company-management #modal-user-details main .content .detail-block-spacer {
      -ms-flex-preferred-size: 13%;
          flex-basis: 13%; }
      @media screen and (max-width: 600px) {
        #page-company-management #modal-user-details main .content .detail-block-spacer {
          -ms-flex-preferred-size: 0%;
              flex-basis: 0%; } }
    #page-company-management #modal-user-details main .content .detail-block {
      -ms-flex-preferred-size: 80%;
          flex-basis: 80%;
      margin-left: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-bottom: 10px; }
      #page-company-management #modal-user-details main .content .detail-block .detail-label {
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
        margin-bottom: 18px;
        color: #000;
        font-family: 'Exo 2', Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 600; }
      #page-company-management #modal-user-details main .content .detail-block .detail-item {
        -ms-flex-preferred-size: 60%;
            flex-basis: 60%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 2px;
        word-break: break-word; }
        #page-company-management #modal-user-details main .content .detail-block .detail-item svg {
          height: 20px;
          width: 20px;
          margin-left: 5px; }
    #page-company-management #modal-user-details main .content .button-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media screen and (max-width: 600px) {
        #page-company-management #modal-user-details main .content .button-container {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      #page-company-management #modal-user-details main .content .button-container .link-box {
        padding: 0.7rem 1.125rem;
        left: 0px;
        position: relative;
        -webkit-transition: 0.3s;
        transition: 0.3s; }
        #page-company-management #modal-user-details main .content .button-container .link-box:not(:disabled):hover {
          left: 8px; }
        #page-company-management #modal-user-details main .content .button-container .link-box .steyr-btn-link {
          margin-left: 0px; }
          #page-company-management #modal-user-details main .content .button-container .link-box .steyr-btn-link svg {
            position: relative;
            top: 2px; }
      #page-company-management #modal-user-details main .content .button-container .dismiss, #page-company-management #modal-user-details main .content .button-container .delete {
        margin-right: 0; }
      #page-company-management #modal-user-details main .content .button-container.delete, #page-company-management #modal-user-details main .content .button-container.invite {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        width: 55%;
        margin-left: auto; }
        @media screen and (max-width: 600px) {
          #page-company-management #modal-user-details main .content .button-container.delete, #page-company-management #modal-user-details main .content .button-container.invite {
            width: 200px;
            margin: auto; } }
      @media screen and (max-width: 600px) {
        #page-company-management #modal-user-details main .content .button-container button {
          -ms-flex-preferred-size: 200px;
              flex-basis: 200px; } }
      #page-company-management #modal-user-details main .content .button-container button.dismiss {
        margin-right: unset; }
        @media screen and (max-width: 600px) {
          #page-company-management #modal-user-details main .content .button-container button.dismiss {
            margin-right: 0; } }
    #page-company-management #modal-user-details main .content .locked-message {
      margin-left: 46.6%; }
      @media screen and (max-width: 600px) {
        #page-company-management #modal-user-details main .content .locked-message {
          margin: auto; } }
  #page-company-management #modal-user-details main .close-button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: -4px; }

#page-company-management #modal-user-details footer button {
  width: 230px;
  margin-left: auto;
  margin-right: auto; }

#page-company-management .tab-nav-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 26px; }
  #page-company-management .tab-nav-wrapper > nav {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #edebe8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    margin: 0 2.25rem;
    overflow-x: visible; }
    @media screen and (max-width: 600px) {
      #page-company-management .tab-nav-wrapper > nav {
        margin: 0; } }
    @media screen and (max-width: 767px) {
      #page-company-management .tab-nav-wrapper > nav {
        width: 100%; } }
    #page-company-management .tab-nav-wrapper > nav > a {
      color: #000;
      font-weight: bold;
      text-align: center;
      text-transform: capitalize; }
      @media screen and (min-width: 601px) {
        #page-company-management .tab-nav-wrapper > nav > a {
          font-size: 0.875rem;
          padding: 0.5rem 2.25rem;
          white-space: nowrap; } }
      @media screen and (max-width: 600px) {
        #page-company-management .tab-nav-wrapper > nav > a {
          font-size: 0.875rem;
          padding: 0.5rem 1.125rem; } }
      #page-company-management .tab-nav-wrapper > nav > a:hover {
        text-decoration: none; }
      #page-company-management .tab-nav-wrapper > nav > a.current {
        border-bottom: 3px solid #E20026;
        color: #000; }
  #page-company-management .tab-nav-wrapper .buttons-wrapper {
    margin: 0 2.25rem; }
    @media screen and (max-width: 767px) {
      #page-company-management .tab-nav-wrapper .buttons-wrapper {
        margin: 20px 2.25rem 0; } }

#page-company-management .read-only-mode .input-field [type='text']:disabled.filled,
#page-company-management .read-only-mode .input-field [type='password']:disabled.filled,
#page-company-management .read-only-mode .input-field [type='email']:disabled.filled,
#page-company-management .read-only-mode .input-field [type='tel']:disabled.filled,
#page-company-management .read-only-mode .input-field textarea:disabled.filled {
  background-color: transparent;
  border-bottom: 0px; }

#page-company-management .read-only-mode .select-field.filled, #page-company-management .read-only-mode .select-field.filled .select2-selection--single, #page-company-management .read-only-mode .input-field.flat {
  border-bottom: 0px !important;
  background-color: transparent; }

#page-company-management .read-only-mode .box-content .input-field, #page-company-management .read-only-mode .box-content .select-field {
  cursor: not-allowed; }

#page-company-management-body #message-modal .modal-wrapper {
  width: 90%; }
  #page-company-management-body #message-modal .modal-wrapper header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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; }
    #page-company-management-body #message-modal .modal-wrapper header .icon-warning {
      height: 60px;
      width: 60px; }
    #page-company-management-body #message-modal .modal-wrapper header h2 {
      width: 100%;
      text-align: center; }

@media screen and (min-width: 600px) {
  #page-company-management-body #message-modal.half-width .modal-wrapper {
    width: 50vw; } }

#page-company-management-body .modal.success header {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  #page-company-management-body .modal.success header h2 {
    width: unset !important; }
  #page-company-management-body .modal.success header .header-icon {
    margin-right: 10px !important; }

@media screen and (max-width: 767px) {
  #page-company-management-body #page-company-management {
    margin-top: 0px; } }

#page-my-account .search-container {
  width: 100%; }
  #page-my-account .search-container .steyr-btn, #page-my-account .search-container #page-company-management #modal-user-details button.close, #page-company-management #modal-user-details #page-my-account .search-container button.close {
    margin-left: 30px; }
    @media screen and (max-width: 600px) {
      #page-my-account .search-container .steyr-btn, #page-my-account .search-container #page-company-management #modal-user-details button.close, #page-company-management #modal-user-details #page-my-account .search-container button.close {
        margin-left: 0; } }
  #page-my-account .search-container .input-field {
    max-width: 435px;
    width: 100% !important;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    color: #343E4A;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px; }

#page-my-account .select-dealer-container {
  margin-right: 30px;
  margin-left: 0 !important; }
  #page-my-account .select-dealer-container .select-field {
    margin: 0; }
  #page-my-account .select-dealer-container.disabled {
    pointer-events: none; }
    #page-my-account .select-dealer-container.disabled label {
      color: #949494; }
    #page-my-account .select-dealer-container.disabled .select2-selection--single {
      border-color: #949494; }
    #page-my-account .select-dealer-container.disabled svg use {
      fill: #949494; }

#page-my-account a.disabled {
  pointer-events: none;
  border-color: #949494 !important;
  color: #949494 !important; }

#page-my-account .steyr-btn.primary .steyr-btn-arrow, #page-my-account #page-company-management #modal-user-details button.primary.close .steyr-btn-arrow, #page-company-management #modal-user-details #page-my-account button.primary.close .steyr-btn-arrow {
  display: none; }

#page-my-account .tab-content {
  display: none; }
  @media screen and (max-width: 600px) {
    #page-my-account .tab-content {
      margin: 1rem 0; } }
  @media screen and (min-width: 601px) {
    #page-my-account .tab-content {
      margin: 1rem 1.25rem; } }
  #page-my-account .tab-content.current {
    display: block; }

#page-my-account a.current {
  margin-top: -25px; }

#page-my-account input:disabled + label {
  color: #949494 !important; }

#page-my-account .to-page-wrapper .steyr-btn, #page-my-account .to-page-wrapper #page-company-management #modal-user-details button.close, #page-company-management #modal-user-details #page-my-account .to-page-wrapper button.close {
  border-color: #E20026 !important; }
  #page-my-account .to-page-wrapper .steyr-btn .steyr-btn-text, #page-my-account .to-page-wrapper #page-company-management #modal-user-details button.close .steyr-btn-text, #page-company-management #modal-user-details #page-my-account .to-page-wrapper button.close .steyr-btn-text {
    text-align: center; }
  #page-my-account .to-page-wrapper .steyr-btn .steyr-btn-arrow, #page-my-account .to-page-wrapper #page-company-management #modal-user-details button.close .steyr-btn-arrow, #page-company-management #modal-user-details #page-my-account .to-page-wrapper button.close .steyr-btn-arrow {
    display: none;
    border-color: #E20026 !important; }
    #page-my-account .to-page-wrapper .steyr-btn .steyr-btn-arrow svg, #page-my-account .to-page-wrapper #page-company-management #modal-user-details button.close .steyr-btn-arrow svg, #page-company-management #modal-user-details #page-my-account .to-page-wrapper button.close .steyr-btn-arrow svg {
      fill: #E20026 !important; }

#page-my-account .to-page {
  margin-top: 10px;
  margin-bottom: 15px; }

@media screen and (max-width: 600px) {
  #page-my-account .no-product-requests {
    display: none !important; } }

@media screen and (max-width: 600px) {
  #page-my-account ul.open {
    left: 10px !important;
    width: 220px !important; } }

@media screen and (max-width: 600px) {
  #page-my-account .select-dealer-container {
    margin-right: 30px; } }

@media screen and (max-width: 600px) {
  #page-my-account .dashboard-bydealer .button {
    margin-left: 15px !important; } }

#page-my-account .dashboard-byproduct .steyr-btn.disabled, #page-my-account .dashboard-byproduct #page-company-management #modal-user-details button.disabled.close, #page-company-management #modal-user-details #page-my-account .dashboard-byproduct button.disabled.close {
  pointer-events: none;
  opacity: 0.3; }

#page-my-account .dashboard-byproduct a {
  pointer-events: none; }

#page-my-account .dashboard-byproduct .search-section {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (max-width: 600px) {
    #page-my-account .dashboard-byproduct .search-section {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  #page-my-account .dashboard-byproduct .search-section input {
    color: #343E4A;
    font-family: "Exo 2";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px; }
  #page-my-account .dashboard-byproduct .search-section:focus {
    border-bottom: 4px solid #343E4A !important; }
  #page-my-account .dashboard-byproduct .search-section svg {
    top: 15px;
    bottom: 0; }

@media screen and (max-width: 600px) {
  #page-my-account .dashboard-byproduct .button {
    margin-left: 14px !important;
    margin-top: 0 !important; } }

@media screen and (max-width: 600px) {
  #page-my-account .dashboard-byproduct .input-container {
    margin-left: 10px !important;
    display: inline-block !important; } }

#page-my-account .product.current {
  text-align: left; }

#page-my-account span.showing {
  font-size: 12px;
  font-weight: normal;
  text-transform: none; }
  @media screen and (max-width: 600px) {
    #page-my-account span.showing {
      display: none; } }

#page-my-account .product-list .to-page {
  float: right;
  margin: 10px 0; }

#page-my-account section {
  position: relative; }

#page-my-account .to-page-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media screen and (max-width: 600px) {
    #page-my-account .to-page-wrapper a {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

#page-my-account .async-loader {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in 0s, width 0s ease-in 0.2s;
  transition: opacity 0.2s ease-in 0s, width 0s ease-in 0.2s;
  z-index: 99999; }
  #page-my-account .async-loader.show {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in 0s, width 0s ease-in 0s;
    transition: opacity 0.2s ease-in 0s, width 0s ease-in 0s;
    width: 100%;
    height: 100%;
    pointer-events: all; }
    #page-my-account .async-loader.show + .no-requests {
      opacity: 0 !important; }

#page-my-account > h2 {
  margin: 2rem 0 1rem; }

#page-my-account > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #page-my-account > section.box {
    display: none; }
  #page-my-account > section.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #page-my-account > section.async {
    position: relative; }
  @media screen and (max-width: 600px) {
    #page-my-account > section {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media screen and (min-width: 601px) and (max-width: 900px) {
    #page-my-account > section {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media screen and (min-width: 601px) {
    #page-my-account > section {
      margin-left: -1.125rem;
      margin-right: -1.125rem; } }
  @media screen and (max-width: 600px) {
    #page-my-account > section .card-wrapper {
      margin-bottom: 1rem; } }
  @media screen and (min-width: 601px) and (max-width: 900px) {
    #page-my-account > section .card-wrapper {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%;
      padding: 1.125rem; }
      #page-my-account > section .card-wrapper:nth-of-type(even) {
        padding-right: 0; }
      #page-my-account > section .card-wrapper:nth-of-type(odd) {
        padding-left: 0; } }
  @media screen and (min-width: 901px) {
    #page-my-account > section .card-wrapper {
      max-width: 353px;
      width: 100%;
      padding: 1.125rem;
      padding-left: 0; } }
  #page-my-account > section .card-wrapper.dealer-request {
    padding: 2.25rem; }
  #page-my-account > section .card-wrapper > a {
    background: transparent;
    color: #000;
    display: block;
    min-height: 100%;
    width: 100%; }
  #page-my-account > section .card-wrapper .card {
    padding: 1.125rem;
    padding-left: 0;
    background: none;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
    #page-my-account > section .card-wrapper .card.account-card {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 600px) {
        #page-my-account > section .card-wrapper .card.account-card {
          min-height: 5rem; } }
      @media screen and (min-width: 601px) {
        #page-my-account > section .card-wrapper .card.account-card {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          min-height: 10rem;
          text-align: center; } }
      #page-my-account > section .card-wrapper .card.account-card h2 {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 0%;
                flex: 0 1; }
      #page-my-account > section .card-wrapper .card.account-card svg {
        height: 3rem;
        width: 3rem;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin-right: 1.125rem; }
        #page-my-account > section .card-wrapper .card.account-card svg path {
          fill: #E20026; }
    #page-my-account > section .card-wrapper .card.application-card {
      min-height: 8rem; }
      #page-my-account > section .card-wrapper .card.application-card h2 {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #E20026;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 20px;
        margin-bottom: 1rem;
        position: relative;
        text-transform: none; }
      #page-my-account > section .card-wrapper .card.application-card .pre {
        height: 1.25rem;
        width: 1.25rem;
        margin-right: 0.5rem; }
      #page-my-account > section .card-wrapper .card.application-card .post {
        position: absolute;
        top: auto;
        right: 0;
        bottom: auto;
        left: auto; }
      #page-my-account > section .card-wrapper .card.application-card p {
        color: #343E4A;
        font-family: "Exo 2";
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.5px;
        line-height: 24px;
        word-wrap: break-word; }

#page-my-account .vehicle-managment .product-list {
  background: transparent;
  padding: 47px 60px 5px; }
  @media screen and (max-width: 600px) {
    #page-my-account .vehicle-managment .product-list {
      width: 100%;
      padding: 47px 22px 5px; } }
  @media screen and (max-width: 340px) {
    #page-my-account .vehicle-managment .product-list {
      padding: 47px 10px 5px; } }
  #page-my-account .vehicle-managment .product-list .vehicle-count {
    margin: 15px 0 8px;
    color: #343E4A;
    font-family: "Exo 2";
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 24px; }
    @media screen and (min-width: 601px) and (max-width: 900px) {
      #page-my-account .vehicle-managment .product-list .vehicle-count {
        margin-bottom: 15px; } }
    #page-my-account .vehicle-managment .product-list .vehicle-count a {
      text-decoration: none; }
  #page-my-account .vehicle-managment .product-list .table-wrapper {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 3px 15px 0 rgba(185, 181, 181, 0.5);
            box-shadow: 0 3px 15px 0 rgba(185, 181, 181, 0.5); }
    #page-my-account .vehicle-managment .product-list .table-wrapper table {
      margin: 0; }
      #page-my-account .vehicle-managment .product-list .table-wrapper table thead {
        color: #343E4A;
        font-family: "Exo 2";
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0.38px;
        line-height: 16px; }
      #page-my-account .vehicle-managment .product-list .table-wrapper table th:first-child,
      #page-my-account .vehicle-managment .product-list .table-wrapper table td:first-child {
        padding: 0.5rem 35px; }
      @media screen and (min-width: 601px) {
        #page-my-account .vehicle-managment .product-list .table-wrapper table th,
        #page-my-account .vehicle-managment .product-list .table-wrapper table td {
          height: 3.75rem;
          padding: 0.5rem 1rem;
          vertical-align: middle; } }
      #page-my-account .vehicle-managment .product-list .table-wrapper table th .arrow-icon,
      #page-my-account .vehicle-managment .product-list .table-wrapper table td .arrow-icon {
        width: 11px;
        height: 11px; }
      #page-my-account .vehicle-managment .product-list .table-wrapper table th .value,
      #page-my-account .vehicle-managment .product-list .table-wrapper table td .value {
        color: #343E4A;
        font-family: "Exo 2";
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.5px;
        line-height: 24px; }
      #page-my-account .vehicle-managment .product-list .table-wrapper table .name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media screen and (min-width: 901px) {
          #page-my-account .vehicle-managment .product-list .table-wrapper table .name {
            width: 100%; } }
        #page-my-account .vehicle-managment .product-list .table-wrapper table .name p {
          margin: 0; }
      #page-my-account .vehicle-managment .product-list .table-wrapper table .brand {
        width: 15%; }
      #page-my-account .vehicle-managment .product-list .table-wrapper table tr.empty {
        height: 10px;
        border: 0; }
        @media screen and (min-width: 601px) and (max-width: 900px) {
          #page-my-account .vehicle-managment .product-list .table-wrapper table tr.empty {
            padding: 0; } }
        @media screen and (max-width: 600px) {
          #page-my-account .vehicle-managment .product-list .table-wrapper table tr.empty {
            display: none; } }
  #page-my-account .vehicle-managment .product-list .line-spacer {
    width: 100%;
    border-bottom: 1px solid #EDEBE8;
    margin: 20px 0 5px; }

#page-my-account #dealer-visibility-page {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: visible;
  background: transparent;
  padding: 0 60px 5px; }
  @media screen and (max-width: 600px) {
    #page-my-account #dealer-visibility-page {
      padding: 0 22px; } }
  @media screen and (max-width: 340px) {
    #page-my-account #dealer-visibility-page {
      padding: 0 10px 5px; } }
  #page-my-account #dealer-visibility-page .no-request .button {
    color: #000;
    border-color: #000; }
  #page-my-account #dealer-visibility-page .bydealer-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #page-my-account #dealer-visibility-page .link-box {
    padding-right: 8px; }
    #page-my-account #dealer-visibility-page .link-box:hover {
      padding-right: 0; }
    #page-my-account #dealer-visibility-page .link-box .card-img {
      width: 14px;
      height: 14px;
      position: unset;
      -ms-flex-preferred-size: auto;
          flex-basis: auto; }
    @media screen and (max-width: 450px) {
      #page-my-account #dealer-visibility-page .link-box {
        margin-left: 0;
        margin-top: 30px;
        margin-bottom: 20px;
        margin-right: 0; } }
  #page-my-account #dealer-visibility-page #requests-section {
    width: 100%; }
    @media screen and (min-width: 601px) and (max-width: 900px) {
      #page-my-account #dealer-visibility-page #requests-section .top-tabs {
        margin: 0 -1.25rem; } }
    #page-my-account #dealer-visibility-page #requests-section .top-tabs .tabs-navigation {
      margin-top: 0; }
      @media screen and (max-width: 600px) {
        #page-my-account #dealer-visibility-page #requests-section .top-tabs .tabs-navigation .product {
          border: 0 !important;
          width: 100%;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin: 10px auto; } }
      #page-my-account #dealer-visibility-page #requests-section .top-tabs .tabs-navigation .product .counter-product {
        display: none; }
        @media screen and (max-width: 600px) {
          #page-my-account #dealer-visibility-page #requests-section .top-tabs .tabs-navigation .product .counter-product {
            top: auto;
            left: auto;
            right: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; } }
    #page-my-account #dealer-visibility-page #requests-section .top-tabs .tab-content {
      border-bottom: 1px solid #ded9d5;
      margin-bottom: 0; }
    #page-my-account #dealer-visibility-page #requests-section .no-request {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer,
      #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        margin: 0;
        padding-bottom: 60px;
        max-width: 50%; }
        @media screen and (max-width: 600px) {
          #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer,
          #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct {
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
            max-width: 100%; } }
        #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer .by-title,
        #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct .by-title {
          color: #343E4A;
          font-family: "Exo 2";
          font-size: 16px;
          font-weight: 600;
          letter-spacing: 0.5px;
          line-height: 24px;
          padding-bottom: 16px;
          text-transform: capitalize; }
          @media screen and (max-width: 600px) {
            #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer .by-title,
            #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct .by-title {
              font-size: 14px; } }
        #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer .select-dealer-container,
        #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct .select-dealer-container {
          min-width: 220px;
          max-width: 435px;
          width: 100%;
          float: left;
          margin-left: 35px; }
          @media screen and (max-width: 460px) {
            #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer .select-dealer-container,
            #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct .select-dealer-container {
              width: 100%; } }
        #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer .button,
        #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct .button {
          margin-top: 22px;
          width: 15%;
          margin-left: 36px; }
        #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer .steyr-btn, #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer #page-company-management #modal-user-details button.close, #page-company-management #modal-user-details #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer button.close,
        #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct .steyr-btn,
        #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct #page-company-management #modal-user-details button.close,
        #page-company-management #modal-user-details #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct button.close {
          max-width: 125px;
          width: 100%;
          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; }
        #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer .input-container,
        #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct .input-container {
          width: 70% !important;
          padding-top: 0px !important;
          padding-bottom: 4px !important;
          min-height: 49px !important;
          margin-left: 35px; }
          #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer .input-container input,
          #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct .input-container input {
            margin-bottom: -3px; }
          #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer .input-container label,
          #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct .input-container label {
            top: 24px;
            font-size: 16px !important; }
          #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer .input-container:focus-within label,
          #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct .input-container:focus-within label {
            top: 0px;
            color: #B2B2B2;
            font-size: 12px !important; }
          #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer .input-container.filled label,
          #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct .input-container.filled label {
            top: 0px;
            color: #B2B2B2;
            font-size: 12px !important; }
        #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer .search-result .filter-list.open,
        #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct .search-result .filter-list.open {
          top: 0;
          left: 35px;
          width: 390px;
          -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
                  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); }
      @media screen and (max-width: 600px) {
        #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-bydealer {
          border: 0; } }
      #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct .by-title {
        padding-left: 10px; }
        @media screen and (max-width: 600px) {
          #page-my-account #dealer-visibility-page #requests-section .no-request .dashboard-byproduct .by-title {
            padding-left: 0; } }
      #page-my-account #dealer-visibility-page #requests-section .no-request .search-title {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        font-size: 16px;
        margin: 30px 0 20px; }
        @media screen and (max-width: 600px) {
          #page-my-account #dealer-visibility-page #requests-section .no-request .search-title {
            font-size: 14px; } }
    #page-my-account #dealer-visibility-page #requests-section #search-by-section {
      margin: 0; }
    #page-my-account #dealer-visibility-page #requests-section .mobile-only {
      display: none; }
      @media screen and (max-width: 600px) {
        #page-my-account #dealer-visibility-page #requests-section .mobile-only {
          display: block; } }
  @media screen and (max-width: 600px) {
    #page-my-account #dealer-visibility-page .to-page-wrapper {
      width: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  #page-my-account #dealer-visibility-page .to-page {
    margin-right: 25px;
    margin-bottom: 13px; }
    @media screen and (max-width: 600px) {
      #page-my-account #dealer-visibility-page .to-page {
        width: 80%;
        margin: 24px 10%; } }

#page-my-account #page-my-profile {
  background: transparent;
  width: 50%;
  float: left;
  margin-right: 1%;
  padding-left: 40px; }
  @media screen and (max-width: 600px) {
    #page-my-account #page-my-profile {
      width: 100%;
      margin-right: 0;
      padding-left: 0; } }
  #page-my-account #page-my-profile .my-profile {
    padding: 22px 22px 5px;
    width: 100%; }
  @media screen and (max-width: 600px) {
    #page-my-account #page-my-profile .to-page {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      float: none;
      width: 80%;
      margin: 24px 10%; } }

#page-my-account #page-company-management {
  background: transparent;
  width: 50%;
  float: right; }
  @media screen and (max-width: 600px) {
    #page-my-account #page-company-management {
      width: 100%;
      margin-left: 0; } }
  #page-my-account #page-company-management .company-management {
    width: 100%;
    padding: 22px 60px 5px 0; }
    @media screen and (max-width: 600px) {
      #page-my-account #page-company-management .company-management {
        padding: 22px 60px 5px 22px; } }
    @media screen and (min-width: 601px) and (max-width: 900px) {
      #page-my-account #page-company-management .company-management .input-field {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        margin-right: inherit; } }
  #page-my-account #page-company-management .tab-content {
    display: block;
    margin-top: 0;
    margin-bottom: 0; }
  @media screen and (max-width: 600px) {
    #page-my-account #page-company-management .to-page {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      float: none;
      width: 80%;
      margin: 24px 10%; } }

#page-my-account #page-company-management .box.vertical,
#page-my-account #page-my-profile .box.vertical {
  border-bottom: 1px solid #979797;
  margin-bottom: 5px; }
  #page-my-account #page-company-management .box.vertical .box-content,
  #page-my-account #page-my-profile .box.vertical .box-content {
    background: transparent;
    padding: 39px 0 0; }
    #page-my-account #page-company-management .box.vertical .box-content .input-field input,
    #page-my-account #page-my-profile .box.vertical .box-content .input-field input {
      font-size: 14px;
      padding-left: 0;
      padding-right: 0;
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      pointer-events: all; }
      #page-my-account #page-company-management .box.vertical .box-content .input-field input:hover,
      #page-my-account #page-my-profile .box.vertical .box-content .input-field input:hover {
        overflow: visible;
        position: relative;
        width: 150%; }
    #page-my-account #page-company-management .box.vertical .box-content .input-field label,
    #page-my-account #page-my-profile .box.vertical .box-content .input-field label {
      left: 0;
      top: -15px;
      color: #343E4A !important;
      font-family: "Exo 2";
      font-size: 20px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 24px;
      padding-bottom: 10px; }
    #page-my-account #page-company-management .box.vertical .box-content .input-field textarea,
    #page-my-account #page-my-profile .box.vertical .box-content .input-field textarea {
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
      #page-my-account #page-company-management .box.vertical .box-content .input-field textarea label,
      #page-my-account #page-my-profile .box.vertical .box-content .input-field textarea label {
        top: 0; }

#page-my-account .box.visible .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start; }

#page-my-account .box.visible h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1 1; }

#page-my-account .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  #page-my-account .title h3 {
    color: #343E4A;
    letter-spacing: 0;
    line-height: 34px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: bold;
    text-transform: capitalize;
    margin: 0; }
    @media screen and (max-width: 600px) {
      #page-my-account .title h3 {
        font-size: 20px;
        line-height: inherit; } }
  #page-my-account .title .dash-icon {
    margin-right: 26px;
    height: 31px; }
    @media screen and (max-width: 460px) {
      #page-my-account .title .dash-icon {
        margin-right: 10px;
        height: 27px; } }

#page-my-account .to-page {
  margin-right: 0; }
  #page-my-account .to-page a {
    color: inherit; }
    #page-my-account .to-page a:hover {
      text-decoration: none; }
  #page-my-account .to-page.vehicle {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    float: none;
    width: 80%;
    margin: 24px 5%;
    padding: 0 0 !important; }
    #page-my-account .to-page.vehicle a {
      width: 100%;
      text-align: center; }

#page-my-account .clearer {
  clear: both; }

#page-my-account .sso-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (min-width: 601px) {
    #page-my-account .sso-wrapper {
      padding: 90px 60px 0; } }
  @media screen and (max-width: 600px) {
    #page-my-account .sso-wrapper {
      width: 100%;
      padding: 47px 22px 5px; } }
  @media screen and (max-width: 340px) {
    #page-my-account .sso-wrapper {
      padding: 47px 10px 5px; } }
  #page-my-account .sso-wrapper .sso-apps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media screen and (max-width: 600px) {
      #page-my-account .sso-wrapper .sso-apps {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  #page-my-account .sso-wrapper .sso-title {
    color: #343E4A;
    font-family: "Exo 2";
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 34px;
    text-transform: capitalize; }
  #page-my-account .sso-wrapper .product-name {
    color: #E20026;
    font-family: "Exo 2";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px; }

#page-my-account .only-mobile-container {
  display: none; }
  @media screen and (max-width: 600px) {
    #page-my-account .only-mobile-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  #page-my-account .only-mobile-container .counter {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #page-my-account .only-mobile-container .counter .label {
      font-weight: bold;
      margin: 10px 0 5px; }
    #page-my-account .only-mobile-container .counter .number {
      -ms-flex-item-align: center;
          align-self: center; }
  #page-my-account .only-mobile-container .new-product-container {
    width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    border-top: 1px solid #ded9d5; }
    #page-my-account .only-mobile-container .new-product-container .new-product.button {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      float: none;
      width: 90%;
      margin: 24px 5%; }
      @media screen and (max-width: 460px) {
        #page-my-account .only-mobile-container .new-product-container .new-product.button {
          width: 100%; } }
      #page-my-account .only-mobile-container .new-product-container .new-product.button a {
        color: inherit; }

#page-my-account .no-mobile {
  width: 100%; }
  @media screen and (max-width: 600px) {
    #page-my-account .no-mobile {
      display: none !important; } }

@media screen and (min-width: 601px) and (max-width: 900px) {
  #page-my-account {
    padding: 0 2rem; } }

#page-my-account-old > h2 {
  margin: 2rem 0 1rem; }

#page-my-account-old > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 600px) {
    #page-my-account-old > section {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media screen and (min-width: 601px) and (max-width: 900px) {
    #page-my-account-old > section {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media screen and (min-width: 601px) {
    #page-my-account-old > section {
      margin-bottom: 3rem;
      margin-left: -1.125rem;
      margin-right: -1.125rem;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media screen and (max-width: 600px) {
    #page-my-account-old > section .card-wrapper {
      margin-bottom: 1rem; } }
  @media screen and (min-width: 601px) and (max-width: 900px) {
    #page-my-account-old > section .card-wrapper {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%;
      padding: 1.125rem; }
      #page-my-account-old > section .card-wrapper .account-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        #page-my-account-old > section .card-wrapper .account-card svg {
          margin-right: 0 !important;
          margin-top: 10px; } }
  @media screen and (min-width: 901px) {
    #page-my-account-old > section .card-wrapper {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 33%;
              flex: 0 0 33%;
      max-width: 33%;
      padding: 1.125rem; }
      #page-my-account-old > section .card-wrapper .account-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        #page-my-account-old > section .card-wrapper .account-card svg {
          margin-right: 0 !important;
          margin-top: 10px; } }
  #page-my-account-old > section .card-wrapper > a {
    background: #fff;
    color: #000;
    display: block;
    min-height: 100%;
    width: 100%; }
  #page-my-account-old > section .card-wrapper .card {
    padding: 1.125rem; }
    #page-my-account-old > section .card-wrapper .card.account-card {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 600px) {
        #page-my-account-old > section .card-wrapper .card.account-card {
          min-height: 5rem; } }
      @media screen and (min-width: 601px) {
        #page-my-account-old > section .card-wrapper .card.account-card {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          height: 10rem;
          text-align: center; } }
      #page-my-account-old > section .card-wrapper .card.account-card h2 {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 0%;
                flex: 1 1; }
      #page-my-account-old > section .card-wrapper .card.account-card svg {
        height: 3rem;
        width: 3rem;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin-right: 1.125rem; }
        #page-my-account-old > section .card-wrapper .card.account-card svg path {
          fill: #E20026; }
    #page-my-account-old > section .card-wrapper .card.application-card {
      position: relative;
      min-height: 8rem; }
      #page-my-account-old > section .card-wrapper .card.application-card h2 {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #E20026;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.125rem;
        margin-bottom: 1rem;
        position: relative;
        text-transform: none; }
        #page-my-account-old > section .card-wrapper .card.application-card h2 .pre {
          height: 1.25rem;
          width: 1.25rem;
          margin-right: 0.5rem; }
        #page-my-account-old > section .card-wrapper .card.application-card h2 .post {
          position: absolute;
          top: auto;
          right: 0;
          bottom: auto;
          left: auto; }
      #page-my-account-old > section .card-wrapper .card.application-card .out-of-title {
        position: absolute;
        top: 30px;
        right: 10px;
        bottom: auto;
        left: auto; }
      #page-my-account-old > section .card-wrapper .card.application-card p {
        font-size: 0.75rem;
        font-weight: normal; }

#page-my-policies #field-privacy, #page-my-policies #field-marketing {
  padding-left: 10px; }

#page-my-profile .close-icon,
#password-modal .close-icon {
  position: absolute;
  right: 15px;
  top: 15px; }

#page-my-profile .box-content,
#page-my-profile main,
#password-modal .box-content,
#password-modal main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  #page-my-profile .box-content > div,
  #page-my-profile main > div,
  #password-modal .box-content > div,
  #password-modal main > div {
    width: 45%; }
    #page-my-profile .box-content > div.phone-group,
    #page-my-profile main > div.phone-group,
    #password-modal .box-content > div.phone-group,
    #password-modal main > div.phone-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      #page-my-profile .box-content > div.phone-group .select-field,
      #page-my-profile main > div.phone-group .select-field,
      #password-modal .box-content > div.phone-group .select-field,
      #password-modal main > div.phone-group .select-field {
        margin-right: 0.5rem;
        min-width: 135px; }
        #page-my-profile .box-content > div.phone-group .select-field .select2-selection__rendered,
        #page-my-profile main > div.phone-group .select-field .select2-selection__rendered,
        #password-modal .box-content > div.phone-group .select-field .select2-selection__rendered,
        #password-modal main > div.phone-group .select-field .select2-selection__rendered {
          height: 46px; }
      #page-my-profile .box-content > div.phone-group .input-field,
      #page-my-profile main > div.phone-group .input-field,
      #password-modal .box-content > div.phone-group .input-field,
      #password-modal main > div.phone-group .input-field {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
                flex: 1 0;
        min-width: 0; }
        #page-my-profile .box-content > div.phone-group .input-field input,
        #page-my-profile main > div.phone-group .input-field input,
        #password-modal .box-content > div.phone-group .input-field input,
        #password-modal main > div.phone-group .input-field input {
          max-width: 100%; }
      #page-my-profile .box-content > div.phone-group label,
      #page-my-profile main > div.phone-group label,
      #password-modal .box-content > div.phone-group label,
      #password-modal main > div.phone-group label {
        color: #949494 !important;
        font-size: 16px; }
    @media screen and (max-width: 600px) {
      #page-my-profile .box-content > div,
      #page-my-profile main > div,
      #password-modal .box-content > div,
      #password-modal main > div {
        width: 100%; }
        #page-my-profile .box-content > div .field-phone,
        #page-my-profile main > div .field-phone,
        #password-modal .box-content > div .field-phone,
        #password-modal main > div .field-phone {
          width: 100%; } }
    @media screen and (min-width: 601px) and (max-width: 900px) {
      #page-my-profile .box-content > div,
      #page-my-profile main > div,
      #password-modal .box-content > div,
      #password-modal main > div {
        width: 100%; } }
    @media screen and (min-width: 901px) and (max-width: 1200px) {
      #page-my-profile .box-content > div,
      #page-my-profile main > div,
      #password-modal .box-content > div,
      #password-modal main > div {
        width: 48%; } }

@media screen and (max-width: 600px) {
  #page-my-profile .gdpr-separator,
  #password-modal .gdpr-separator {
    width: 92% !important; } }

#page-my-profile .gdpr_policy_wrapper .input-field,
#password-modal .gdpr_policy_wrapper .input-field {
  width: 100%;
  padding: 0 16px; }

#page-my-profile .gdpr_policy_wrapper .gdpr_description_wrapper,
#password-modal .gdpr_policy_wrapper .gdpr_description_wrapper {
  padding-left: 20px !important; }

@media screen and (max-width: 600px) {
  #page-my-profile .gdpr_policy_wrapper .gdpr_radio_wrapper,
  #password-modal .gdpr_policy_wrapper .gdpr_radio_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    text-align: left;
    margin: 25px 0px 0 3px !important;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }

@media screen and (max-width: 600px) {
  #page-my-profile .gdpr_policy_wrapper .gdpr_radio_wrapper label,
  #password-modal .gdpr_policy_wrapper .gdpr_radio_wrapper label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px !important; } }

@media screen and (max-width: 600px) {
  #page-my-profile .gdpr_policy_wrapper .gdpr_radio_wrapper label svg,
  #password-modal .gdpr_policy_wrapper .gdpr_radio_wrapper label svg {
    margin: 0 !important; } }

@media screen and (max-width: 600px) {
  #page-my-profile .gdpr_policy_wrapper .gdpr_radio_wrapper label span,
  #password-modal .gdpr_policy_wrapper .gdpr_radio_wrapper label span {
    margin-left: 5px !important; } }

@media screen and (max-width: 600px) {
  #page-my-profile .gdpr_policy_wrapper.checkbox,
  #password-modal .gdpr_policy_wrapper.checkbox {
    padding-left: 0;
    padding-right: 0; }
    #page-my-profile .gdpr_policy_wrapper.checkbox .input-field,
    #password-modal .gdpr_policy_wrapper.checkbox .input-field {
      padding: 0; }
    #page-my-profile .gdpr_policy_wrapper.checkbox label,
    #password-modal .gdpr_policy_wrapper.checkbox label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
    @media screen and (max-width: 600px) and (min-width: 601px) {
      #page-my-profile .gdpr_policy_wrapper.checkbox label,
      #password-modal .gdpr_policy_wrapper.checkbox label {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }

@media screen and (max-width: 600px) {
      #page-my-profile .gdpr_policy_wrapper.checkbox label span,
      #password-modal .gdpr_policy_wrapper.checkbox label span {
        -ms-flex-preferred-size: 95%;
            flex-basis: 95%; } }
      @media screen and (max-width: 600px) and (min-width: 601px) {
        #page-my-profile .gdpr_policy_wrapper.checkbox label span,
        #password-modal .gdpr_policy_wrapper.checkbox label span {
          padding: 0 10px; } }

@media screen and (max-width: 600px) {
      #page-my-profile .gdpr_policy_wrapper.checkbox label svg,
      #password-modal .gdpr_policy_wrapper.checkbox label svg {
        -ms-flex-preferred-size: 10%;
            flex-basis: 10%; } }

#page-my-profile .button-box,
#password-modal .button-box {
  margin: 0; }
  @media screen and (min-width: 601px) {
    #page-my-profile .button-box button,
    #password-modal .button-box button {
      margin: 1rem 0 1rem 1.125rem; } }
  #page-my-profile .button-box + section,
  #password-modal .button-box + section {
    margin-top: 0; }

#page-my-profile .password-change,
#password-modal .password-change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (max-width: 600px) {
    #page-my-profile .password-change button,
    #password-modal .password-change button {
      min-width: auto; } }
  #page-my-profile .password-change input,
  #password-modal .password-change input {
    min-width: 55%;
    width: 55%; }
    @media screen and (min-width: 901px) and (max-width: 1200px) {
      #page-my-profile .password-change input,
      #password-modal .password-change input {
        min-width: 55%;
        width: 55%; } }
    @media screen and (max-width: 600px) {
      #page-my-profile .password-change input,
      #password-modal .password-change input {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        max-width: 100%; } }
  @media screen and (max-width: 600px) {
    #page-my-profile .password-change .show-password,
    #password-modal .password-change .show-password {
      right: 0; } }
  @media screen and (min-width: 601px) {
    #page-my-profile .password-change .show-password,
    #password-modal .password-change .show-password {
      right: 45%; } }

@media screen and (min-width: 601px) {
  #page-my-profile .password-change .change-password-button,
  #page-my-profile .password-field .change-password-button,
  #password-modal .password-change .change-password-button,
  #password-modal .password-field .change-password-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    margin: 0; } }

#password-modal {
  min-width: 900px; }
  #password-modal .modal-wrapper {
    width: auto !important; }
  #password-modal .input-field {
    width: 100%; }
  @media screen and (max-width: 900px) {
    #password-modal {
      min-width: 100%; } }
  #password-modal .popover-trigger {
    position: absolute;
    top: auto;
    right: -1.125rem;
    bottom: 16px;
    left: auto;
    fill: #949494; }

.page-my-profile-body #message-modal .modal-wrapper {
  border-radius: 0px;
  max-width: 1200px;
  width: 70%; }
  @media screen and (max-width: 900px) {
    .page-my-profile-body #message-modal .modal-wrapper {
      width: 90%; } }
  @media screen and (max-width: 600px) {
    .page-my-profile-body #message-modal .modal-wrapper .steyr-btn, .page-my-profile-body #message-modal .modal-wrapper #page-company-management #modal-user-details button.close, #page-company-management #modal-user-details .page-my-profile-body #message-modal .modal-wrapper button.close {
      min-width: auto; } }
  .page-my-profile-body #message-modal .modal-wrapper header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .page-my-profile-body #message-modal .modal-wrapper header svg {
      margin-bottom: 5px; }

#page-my-profile-body #page-my-profile .read-only-mode .input-field [type='text']:disabled.filled,
#page-my-profile-body #page-my-profile .read-only-mode .input-field [type='password']:disabled.filled,
#page-my-profile-body #page-my-profile .read-only-mode .input-field [type='email']:disabled.filled,
#page-my-profile-body #page-my-profile .read-only-mode .input-field [type='tel']:disabled.filled,
#page-my-profile-body #page-my-profile .read-only-mode .input-field textarea:disabled.filled,
.page-my-profile-body #page-my-profile .read-only-mode .input-field [type='text']:disabled.filled,
.page-my-profile-body #page-my-profile .read-only-mode .input-field [type='password']:disabled.filled,
.page-my-profile-body #page-my-profile .read-only-mode .input-field [type='email']:disabled.filled,
.page-my-profile-body #page-my-profile .read-only-mode .input-field [type='tel']:disabled.filled,
.page-my-profile-body #page-my-profile .read-only-mode .input-field textarea:disabled.filled {
  background-color: transparent;
  border-bottom: 0px; }

#page-my-profile-body #page-my-profile .read-only-mode .select-field.filled, #page-my-profile-body #page-my-profile .read-only-mode .select-field.filled .select2-selection--single,
.page-my-profile-body #page-my-profile .read-only-mode .select-field.filled,
.page-my-profile-body #page-my-profile .read-only-mode .select-field.filled .select2-selection--single {
  border-bottom: 0px !important;
  background-color: transparent; }

#page-my-profile-body #page-my-profile .read-only-mode .box-content .input-field, #page-my-profile-body #page-my-profile .read-only-mode .box-content .select-field,
.page-my-profile-body #page-my-profile .read-only-mode .box-content .input-field,
.page-my-profile-body #page-my-profile .read-only-mode .box-content .select-field {
  cursor: not-allowed; }

#page-my-profile .box.vertical .box-content .input-field textarea {
  border: 0 !important;
  background: transparent;
  overflow-wrap: break-word;
  white-space: normal;
  word-break: break-all;
  pointer-events: none;
  /* overflow: hidden; */
  /* padding: 0; */
  resize: none;
  font-size: 16px;
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 1281px) {
    #page-my-profile .box.vertical .box-content .input-field textarea {
      max-height: unset;
      height: 100%; } }

#page-my-profile .delete-user-account .box-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

#page-my-profile .delete-account-lable p {
  margin: 0; }

#page-my-profile .delete-account-lable .clickHere {
  cursor: pointer; }

#page-my-profile .delete-account-lable .alreadySent {
  display: none; }

.modal-delete-user-account .modal-wrapper {
  max-height: 80%;
  width: 776px !important;
  border-radius: 0px;
  padding: 25px 30px; }
  @media screen and (max-width: 900px) {
    .modal-delete-user-account .modal-wrapper {
      width: 776px !important; } }
  @media screen and (max-width: 992px) {
    .modal-delete-user-account .modal-wrapper {
      width: 80vw !important; } }
  @media screen and (max-width: 600px) {
    .modal-delete-user-account .modal-wrapper {
      width: 80vw !important;
      padding: 10px 20px; } }
  .modal-delete-user-account .modal-wrapper .close-button {
    fill: #343E4A;
    width: 14px;
    height: 14px; }
    @media screen and (max-width: 600px) {
      .modal-delete-user-account .modal-wrapper .close-button {
        top: 15px; } }
  .modal-delete-user-account .modal-wrapper header h3 {
    color: #343E4A;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin: 0;
    padding-right: 15px; }
    @media screen and (max-width: 600px) {
      .modal-delete-user-account .modal-wrapper header h3 {
        font-size: 16px; } }
  .modal-delete-user-account .modal-wrapper footer {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

.my-profile #gdpr-wrapper .gdpr_modal {
  max-width: 100% !important;
  overflow-y: inherit !important;
  overflow-x: inherit !important;
  max-height: 100% !important; }
  .my-profile #gdpr-wrapper .gdpr_modal.active {
    top: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
    left: 0 !important; }
  .my-profile #gdpr-wrapper .gdpr_modal #policy_0, .my-profile #gdpr-wrapper .gdpr_modal #policy_10, .my-profile #gdpr-wrapper .gdpr_modal #policy_11, .my-profile #gdpr-wrapper .gdpr_modal #policy_12 {
    display: none !important; }
  .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px 34px !important; }
    .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper.editable {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin: 0;
      padding: 0;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
      @media screen and (max-width: 768px) {
        .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper.editable {
          -webkit-box-ordinal-group: 3 !important;
              -ms-flex-order: 2 !important;
                  order: 2 !important;
          margin-top: 0 !important;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          padding: 0 !important; } }
      .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper.editable .gdpr_label_radio {
        font-size: 12px;
        font-weight: 600;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        @media screen and (max-width: 768px) {
          .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper.editable .gdpr_label_radio {
            margin: 0  !important; } }
        .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper.editable .gdpr_label_radio:first-of-type {
          margin-right: 2% !important; }
          @media screen and (max-width: 768px) {
            .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper.editable .gdpr_label_radio:first-of-type {
              margin: 0 0 24px !important; } }
        .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper.editable .gdpr_label_radio svg {
          -ms-flex-item-align: start;
              align-self: flex-start; }
        .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper.editable .gdpr_label_radio span {
          color: #343e4a !important;
          font-family: "Exo 2";
          font-size: 14px;
          font-weight: normal !important;
          letter-spacing: 0.5px;
          line-height: 24px; }
    .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      padding: 0 !important; }
      @media screen and (max-width: 768px) {
        .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper {
          -webkit-box-ordinal-group: 2 !important;
              -ms-flex-order: 1 !important;
                  order: 1 !important; } }
      .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper h3 {
        position: unset;
        margin-bottom: 0 !important;
        font-size: 14px !important; }
      .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper p {
        padding: 16px 0 !important;
        font-size: 12px !important; }
        @media screen and (max-width: 768px) {
          .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper p {
            padding: 24px 0 !important; } }
    @media screen and (max-width: 768px) {
      .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.radio {
        padding: 16px 18px 16px !important;
        margin: 0 !important; } }
  .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox {
    visibility: visible;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px 34px 48px !important; }
    @media screen and (max-width: 768px) {
      .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox {
        padding: 16px 18px 48px !important; } }
    .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label {
      visibility: visible;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important; }
      .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label svg {
        border: none !important;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
        width: 21px;
        height: 16px;
        margin: 0 !important;
        -ms-flex-item-align: center;
            align-self: center; }
    .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_checkbox_wrapper {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      width: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      @media screen and (max-width: 768px) {
        .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_checkbox_wrapper {
          margin-top: 0 !important;
          padding: 0 !important;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_checkbox_wrapper .checkbox_label {
        margin-right: 40px; }
        @media screen and (min-width: 1024px) {
          .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_checkbox_wrapper .checkbox_label {
            margin-bottom: 0; } }
        .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_checkbox_wrapper .checkbox_label input:disabled ~ span {
          opacity: 0.5 !important; }
      .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_checkbox_wrapper .checkbox_label_description {
        margin-left: 8px; }
      .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_checkbox_wrapper.editable {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        margin: 0;
        padding: 0;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
        @media screen and (max-width: 768px) {
          .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_checkbox_wrapper.editable {
            -webkit-box-ordinal-group: 3 !important;
                -ms-flex-order: 2 !important;
                    order: 2 !important;
            margin-top: 0 !important;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            padding: 0 !important; } }
        .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_checkbox_wrapper.editable .gdpr_label_checkbox {
          font-size: 12px;
          font-weight: 600; }
          .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_checkbox_wrapper.editable .gdpr_label_checkbox:first-of-type {
            margin-right: 2% !important; }
            @media screen and (max-width: 768px) {
              .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_checkbox_wrapper.editable .gdpr_label_checkbox:first-of-type {
                margin: 0 0 24px !important; } }
    .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_description_wrapper {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      padding: 0 !important; }
      .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_description_wrapper h3 {
        position: unset;
        margin-bottom: 0 !important;
        font-size: 14px !important; }
      .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_description_wrapper p {
        padding: 16px 0 !important;
        font-size: 12px !important; }
        @media screen and (max-width: 768px) {
          .my-profile #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_description_wrapper p {
            padding: 24px 0 !important; } }
  .my-profile #gdpr-wrapper .gdpr_modal .gdpr-separator {
    width: 95%; }

.my-profile #gdpr-wrapper .gdpr_policy_wrapper.checkbox.box-content {
  display: none; }

#gdprModal .checkbox svg .background {
  fill: transparent; }

#gdprModal .checkbox input:disabled:checked + svg .background {
  fill: rgba(127, 115, 102, 0.5); }

#gdprModal .checkbox input:checked + svg .background, #gdprModal .checkbox input:checked + svg .border {
  fill: #E20026; }

#gdprModal .checkbox input:disabled:checked + svg .border {
  fill: rgba(127, 115, 102, 0.5); }

#page-my-policies .close-icon,
#password-modal .close-icon {
  position: absolute;
  right: 15px;
  top: 15px; }

#page-my-policies .box-content,
#page-my-policies main,
#password-modal .box-content,
#password-modal main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  #page-my-policies .box-content > div,
  #page-my-policies main > div,
  #password-modal .box-content > div,
  #password-modal main > div {
    width: 45%; }
    #page-my-policies .box-content > div.phone-group,
    #page-my-policies main > div.phone-group,
    #password-modal .box-content > div.phone-group,
    #password-modal main > div.phone-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      #page-my-policies .box-content > div.phone-group .select-field,
      #page-my-policies main > div.phone-group .select-field,
      #password-modal .box-content > div.phone-group .select-field,
      #password-modal main > div.phone-group .select-field {
        margin-right: 0.5rem;
        min-width: 135px; }
        #page-my-policies .box-content > div.phone-group .select-field .select2-selection__rendered,
        #page-my-policies main > div.phone-group .select-field .select2-selection__rendered,
        #password-modal .box-content > div.phone-group .select-field .select2-selection__rendered,
        #password-modal main > div.phone-group .select-field .select2-selection__rendered {
          height: 46px; }
      #page-my-policies .box-content > div.phone-group .input-field,
      #page-my-policies main > div.phone-group .input-field,
      #password-modal .box-content > div.phone-group .input-field,
      #password-modal main > div.phone-group .input-field {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
                flex: 1 0;
        min-width: 0; }
        #page-my-policies .box-content > div.phone-group .input-field input,
        #page-my-policies main > div.phone-group .input-field input,
        #password-modal .box-content > div.phone-group .input-field input,
        #password-modal main > div.phone-group .input-field input {
          max-width: 100%; }
      #page-my-policies .box-content > div.phone-group label,
      #page-my-policies main > div.phone-group label,
      #password-modal .box-content > div.phone-group label,
      #password-modal main > div.phone-group label {
        color: #949494 !important;
        font-size: 16px; }
    @media screen and (max-width: 600px) {
      #page-my-policies .box-content > div,
      #page-my-policies main > div,
      #password-modal .box-content > div,
      #password-modal main > div {
        width: 100%; }
        #page-my-policies .box-content > div .field-phone,
        #page-my-policies main > div .field-phone,
        #password-modal .box-content > div .field-phone,
        #password-modal main > div .field-phone {
          width: 100%; } }
    @media screen and (min-width: 601px) and (max-width: 900px) {
      #page-my-policies .box-content > div,
      #page-my-policies main > div,
      #password-modal .box-content > div,
      #password-modal main > div {
        width: 100%; } }
    @media screen and (min-width: 901px) and (max-width: 1200px) {
      #page-my-policies .box-content > div,
      #page-my-policies main > div,
      #password-modal .box-content > div,
      #password-modal main > div {
        width: 48%; } }

@media screen and (max-width: 600px) {
  #page-my-policies .gdpr-separator,
  #password-modal .gdpr-separator {
    width: 92% !important; } }

#page-my-policies .gdpr_policy_wrapper .input-field,
#password-modal .gdpr_policy_wrapper .input-field {
  width: 100%;
  padding: 0 16px; }
  #page-my-policies .gdpr_policy_wrapper .input-field span,
  #password-modal .gdpr_policy_wrapper .input-field span {
    padding-left: 7px; }

#page-my-policies .gdpr_policy_wrapper .gdpr_description_wrapper,
#password-modal .gdpr_policy_wrapper .gdpr_description_wrapper {
  padding-left: 20px !important; }

@media screen and (max-width: 600px) {
  #page-my-policies .gdpr_policy_wrapper .gdpr_radio_wrapper,
  #password-modal .gdpr_policy_wrapper .gdpr_radio_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    text-align: left;
    margin: 25px 0px 0 3px !important;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }

@media screen and (max-width: 600px) {
  #page-my-policies .gdpr_policy_wrapper .gdpr_radio_wrapper label,
  #password-modal .gdpr_policy_wrapper .gdpr_radio_wrapper label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px !important; } }

@media screen and (max-width: 600px) {
  #page-my-policies .gdpr_policy_wrapper .gdpr_radio_wrapper label svg,
  #password-modal .gdpr_policy_wrapper .gdpr_radio_wrapper label svg {
    margin: 0 !important; } }

@media screen and (max-width: 600px) {
  #page-my-policies .gdpr_policy_wrapper .gdpr_radio_wrapper label span,
  #password-modal .gdpr_policy_wrapper .gdpr_radio_wrapper label span {
    margin-left: 5px !important; } }

#page-my-policies .gdpr_policy_wrapper .gdpr_radio_wrapper label .checkboxWrp::before,
#password-modal .gdpr_policy_wrapper .gdpr_radio_wrapper label .checkboxWrp::before {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  margin-top: -10px;
  background-image: url(/Content/images/steyr-checkbox-unfilled.svg);
  background-size: contain;
  background-repeat: no-repeat; }

#page-my-policies .gdpr_policy_wrapper .gdpr_radio_wrapper label input:checked + .checkboxWrp:before,
#password-modal .gdpr_policy_wrapper .gdpr_radio_wrapper label input:checked + .checkboxWrp:before {
  background-image: url(/Content/images/steyr-checkbox-filled.svg); }

@media screen and (max-width: 600px) {
  #page-my-policies .gdpr_policy_wrapper.checkbox,
  #password-modal .gdpr_policy_wrapper.checkbox {
    padding-left: 0;
    padding-right: 0; }
    #page-my-policies .gdpr_policy_wrapper.checkbox .input-field,
    #password-modal .gdpr_policy_wrapper.checkbox .input-field {
      padding: 0; }
    #page-my-policies .gdpr_policy_wrapper.checkbox label,
    #password-modal .gdpr_policy_wrapper.checkbox label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
    @media screen and (max-width: 600px) and (min-width: 601px) {
      #page-my-policies .gdpr_policy_wrapper.checkbox label,
      #password-modal .gdpr_policy_wrapper.checkbox label {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }

@media screen and (max-width: 600px) {
      #page-my-policies .gdpr_policy_wrapper.checkbox label span,
      #password-modal .gdpr_policy_wrapper.checkbox label span {
        -ms-flex-preferred-size: 90%;
            flex-basis: 90%; } }
      @media screen and (max-width: 600px) and (min-width: 601px) {
        #page-my-policies .gdpr_policy_wrapper.checkbox label span,
        #password-modal .gdpr_policy_wrapper.checkbox label span {
          padding: 0 10px; } }

@media screen and (max-width: 600px) {
      #page-my-policies .gdpr_policy_wrapper.checkbox label svg,
      #password-modal .gdpr_policy_wrapper.checkbox label svg {
        -ms-flex-preferred-size: 10%;
            flex-basis: 10%; }
      #page-my-policies .gdpr_policy_wrapper.checkbox label .checkboxWrp::before,
      #password-modal .gdpr_policy_wrapper.checkbox label .checkboxWrp::before {
        content: '';
        position: absolute;
        height: 20px;
        width: 20px;
        margin-top: -10px;
        background-image: url(/Content/images/steyr-checkbox-unfilled.svg);
        background-size: contain;
        background-repeat: no-repeat; }
      #page-my-policies .gdpr_policy_wrapper.checkbox label input:checked + .checkboxWrp:before,
      #password-modal .gdpr_policy_wrapper.checkbox label input:checked + .checkboxWrp:before {
        background-image: url(/Content/images/steyr-checkbox-filled.svg); } }

#page-my-policies .button-box,
#password-modal .button-box {
  margin: 0; }
  @media screen and (min-width: 601px) {
    #page-my-policies .button-box button,
    #password-modal .button-box button {
      margin: 1rem 0 1rem 1.125rem; } }
  #page-my-policies .button-box + section,
  #password-modal .button-box + section {
    margin-top: 0; }

#page-my-policies .password-change,
#password-modal .password-change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (max-width: 600px) {
    #page-my-policies .password-change button,
    #password-modal .password-change button {
      min-width: auto; } }
  #page-my-policies .password-change input,
  #password-modal .password-change input {
    min-width: 55%;
    width: 55%; }
    @media screen and (min-width: 901px) and (max-width: 1200px) {
      #page-my-policies .password-change input,
      #password-modal .password-change input {
        min-width: 55%;
        width: 55%; } }
    @media screen and (max-width: 600px) {
      #page-my-policies .password-change input,
      #password-modal .password-change input {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        max-width: 100%; } }
  @media screen and (max-width: 600px) {
    #page-my-policies .password-change .show-password,
    #password-modal .password-change .show-password {
      right: 0; } }
  @media screen and (min-width: 601px) {
    #page-my-policies .password-change .show-password,
    #password-modal .password-change .show-password {
      right: 45%; } }

@media screen and (min-width: 601px) {
  #page-my-policies .password-change .change-password-button,
  #page-my-policies .password-field .change-password-button,
  #password-modal .password-change .change-password-button,
  #password-modal .password-field .change-password-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    margin: 0; } }

#password-modal {
  min-width: 900px; }
  #password-modal .modal-wrapper {
    width: auto !important; }
  #password-modal .input-field {
    width: 100%; }
  @media screen and (max-width: 900px) {
    #password-modal {
      min-width: 100%; } }
  #password-modal .popover-trigger {
    position: absolute;
    top: auto;
    right: -1.125rem;
    bottom: 16px;
    left: auto;
    fill: #949494; }

@media screen and (min-width: 601px) {
  .page-my-policies-body #message-modal .modal-wrapper {
    width: 50vw; } }

.page-my-policies-body #message-modal .modal-wrapper header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .page-my-policies-body #message-modal .modal-wrapper header svg {
    margin-bottom: 5px; }

.gdpr_policy_wrapper.checkbox .input-field.to-send.editable .checkboxWrp {
  padding-right: 5px; }
  .gdpr_policy_wrapper.checkbox .input-field.to-send.editable .checkboxWrp::before {
    content: '';
    position: absolute;
    height: 20px;
    margin-left: -21px;
    width: 20px;
    margin-top: -1px;
    background-image: url(/Content/images/steyr-checkbox-unfilled.svg);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer; }

.gdpr_policy_wrapper.checkbox .input-field.to-send.editable input:checked + .checkboxWrp:before {
  background-image: url(/Content/images/steyr-checkbox-filled.svg);
  cursor: pointer; }

.gdpr_policy_wrapper.checkbox .input-field.to-send.editable input:disabled + .checkboxWrp:before {
  background-image: url(/Content/images/steyr-checkbox-filled.svg);
  opacity: 0.4;
  cursor: auto; }

.gdpr_policy_wrapper.checkbox .input-field.to-send.editable .custm_checkboxWrp {
  padding-right: 0px !important;
  padding-left: 23px !important; }

#page-settings {
  position: relative;
  padding-bottom: 35px; }
  #page-settings + #message-modal .modal-wrapper {
    width: 50vw; }
  @media screen and (max-width: 600px) {
    #page-settings .settings {
      margin-bottom: 70px; } }
  #page-settings .settings .intro {
    font-size: 14px;
    padding: 18px 0px 37px; }
  #page-settings .settings .input-field {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    color: #343E4A;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px; }
  #page-settings #mycase .box {
    overflow: visible; }
  #page-settings #mycase h3 {
    position: relative; }
  #page-settings #mycase .injected-svg {
    fill: #7f7366;
    margin-left: 0.5rem;
    vertical-align: bottom; }
  #page-settings #mycase svg #MyEquipment #D_mySteyr---MyEquipment---Detail-Page---Promotion---Manteinance--NotFound {
    fill: #899098; }
  #page-settings #mycase .popover {
    font-weight: 400; }
  #page-settings .box-content,
  #page-settings .modal-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    #page-settings .box-content > div,
    #page-settings .modal-content > div {
      width: 45%; }
      @media screen and (max-width: 600px) {
        #page-settings .box-content > div,
        #page-settings .modal-content > div {
          width: 100%; } }
      @media screen and (min-width: 601px) and (max-width: 900px) {
        #page-settings .box-content > div,
        #page-settings .modal-content > div {
          width: 100%; } }
      @media screen and (min-width: 901px) and (max-width: 1200px) {
        #page-settings .box-content > div,
        #page-settings .modal-content > div {
          width: 48%; } }
  #page-settings .button-box + section {
    margin-top: 0; }
  #page-settings #delete-profile {
    position: absolute;
    bottom: -10px;
    font-size: 14px; }
  #page-settings .tab-nav-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    #page-settings .tab-nav-wrapper > nav {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-bottom: 1px solid #edebe8;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-weight: 700;
      margin: 0 2.25rem;
      overflow-x: visible; }
      @media screen and (max-width: 600px) {
        #page-settings .tab-nav-wrapper > nav {
          margin: 0; } }
      @media screen and (max-width: 767px) {
        #page-settings .tab-nav-wrapper > nav {
          width: 100%; } }
      #page-settings .tab-nav-wrapper > nav > a {
        color: #000;
        font-weight: bold;
        text-align: center;
        text-transform: capitalize; }
        @media screen and (min-width: 601px) {
          #page-settings .tab-nav-wrapper > nav > a {
            font-size: 0.875rem;
            padding: 0.5rem 2.25rem;
            white-space: nowrap; } }
        @media screen and (max-width: 600px) {
          #page-settings .tab-nav-wrapper > nav > a {
            font-size: 0.875rem;
            padding: 0.5rem 1.125rem; } }
        #page-settings .tab-nav-wrapper > nav > a:hover {
          text-decoration: none; }
        #page-settings .tab-nav-wrapper > nav > a.current {
          border-bottom: 3px solid #E20026;
          color: #000; }
    #page-settings .tab-nav-wrapper .buttons-wrapper {
      margin: 0 2.25rem; }
      @media screen and (max-width: 767px) {
        #page-settings .tab-nav-wrapper .buttons-wrapper {
          margin: 20px 2.25rem 0; } }
  #page-settings .settings .read-only-mode .input-field {
    background-color: transparent; }
  #page-settings .read-only-mode .input-field [type='text']:disabled.filled,
  #page-settings .read-only-mode .input-field [type='password']:disabled.filled,
  #page-settings .read-only-mode .input-field [type='email']:disabled.filled,
  #page-settings .read-only-mode .input-field [type='tel']:disabled.filled,
  #page-settings .read-only-mode .input-field textarea:disabled.filled {
    background-color: transparent;
    border-bottom: 0px; }
  #page-settings .read-only-mode .select-field.filled, #page-settings .read-only-mode .select-field.filled .select2-selection--single {
    border-bottom: 0px !important;
    background-color: transparent; }
  #page-settings .read-only-mode .box-content .input-field, #page-settings .read-only-mode .box-content .select-field {
    cursor: not-allowed; }

.gdpr_modal {
  display: block;
  width: 50%;
  top: -100%;
  background: #EDEBE8;
  border-radius: 5px;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  max-height: 80%;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 auto;
  z-index: 999999;
  padding-bottom: 1rem; }
  .gdpr_modal.active {
    top: 0% !important; }
  .gdpr_modal .gdpr_policy_wrapper.button {
    border: none !important;
    background: none !important;
    position: static;
    width: auto;
    float: right;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
    margin-right: 0;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }
    .gdpr_modal .gdpr_policy_wrapper.button:hover {
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
    .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button {
      margin: 0 5px !important;
      -webkit-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
      cursor: pointer;
      line-height: unset !important;
      margin: 0.5rem 1rem;
      border: 0;
      border-radius: 2px;
      color: #f8f8f8;
      font-family: inherit;
      font-size: 0.875rem;
      font-weight: 600;
      line-height: 1;
      min-height: 38px;
      outline: 0;
      padding: 0.5rem 1.125rem;
      text-transform: uppercase; }
      .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button.submit {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
                order: 1;
        margin-right: 0 !important;
        background: #a21e25;
        color: #f8f8f8; }
      .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button.cancel {
        background: none !important;
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
                order: 2;
        color: #a21e25; }
        .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button.cancel:hover {
          -webkit-box-shadow: none !important;
                  box-shadow: none !important;
          text-decoration: underline; }
      .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button:after, .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button:before {
        background-image: none !important; }
  .gdpr_modal .close {
    display: none;
    position: absolute;
    right: 5px;
    top: 15px;
    width: 32px;
    height: 32px;
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer; }
    .gdpr_modal .close:hover {
      opacity: 1; }
    .gdpr_modal .close:after {
      position: absolute;
      left: 15px;
      content: " ";
      height: 20px;
      width: 2px;
      background-color: #a21e25;
      -webkit-transition: height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition: height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
    .gdpr_modal .close:before {
      position: absolute;
      left: 15px;
      content: " ";
      height: 20px;
      width: 2px;
      background-color: #a21e25;
      -webkit-transition: height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition: height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .gdpr_modal .close:after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .gdpr_modal .close:hover {
      /*
      &:after, &:before {
        height: 25px;
        width: 1px;
      }*/ }
  .gdpr_modal input:invalid {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .gdpr_modal input[type=checkbox], .gdpr_modal input[type=radio] {
    margin-top: 0 !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none !important;
    background: none !important;
    color: inherit !important;
    cursor: pointer;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    position: relative !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
    display: none;
    pointer-events: unset !important; }
  .gdpr_modal input[type=checkbox] + label:before, .gdpr_modal input[type=radio] + label:before {
    width: 15px !important;
    height: 15px !important;
    left: 5px !important;
    top: 0 !important; }
  .gdpr_modal label {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none !important;
    background: none !important;
    color: inherit !important;
    cursor: pointer;
    width: auto !important;
    height: auto !important;
    margin-top: 0 !important; }
  .gdpr_modal .scroll_radio_wrapper {
    overflow-y: scroll;
    max-height: 300px !important; }
  .gdpr_modal .gdpr_policy_wrapper {
    padding: 10px !important; }
    .gdpr_modal .gdpr_policy_wrapper.title {
      text-align: center !important; }
      .gdpr_modal .gdpr_policy_wrapper.title .main_title {
        font-size: inherit; }
      .gdpr_modal .gdpr_policy_wrapper.title .sub_title {
        font-size: 0.8rem;
        text-align: left; }
    .gdpr_modal .gdpr_policy_wrapper.radio {
      border: 1px solid rgba(53, 53, 53, 0.83);
      margin-bottom: 5px;
      border-radius: 2px; }
      .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper {
        text-align: center;
        position: relative; }
        .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper .gdpr_label_radio {
          font-size: 0.8rem;
          color: #353535;
          font-weight: 600 !important; }
          .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper .gdpr_label_radio .injected-svg {
            margin-right: 0.3rem; }
          .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper .gdpr_label_radio:first-of-type {
            margin-right: 15px; }
      .gdpr_modal .gdpr_policy_wrapper.radio.gdpr_radio_error {
        border: 1px solid #a21e25; }
        .gdpr_modal .gdpr_policy_wrapper.radio.gdpr_radio_error .gdpr_description_wrapper, .gdpr_modal .gdpr_policy_wrapper.radio.gdpr_radio_error .gdpr_radio_wrapper .gdpr_label_radio.gdpr_radio_error {
          color: #a21e25 !important;
          -webkit-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
          transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
    .gdpr_modal .gdpr_policy_wrapper.checkbox {
      margin-bottom: 0.3rem !important;
      float: none !important;
      display: inline-block !important;
      padding: 0; }
      .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_checkbox {
        -webkit-appearance: checkbox !important;
        position: relative !important;
        left: -3px !important;
        top: 0 !important;
        padding: 0;
        margin: 0; }
      .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label {
        display: inline !important; }
        .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label .injected-svg {
          margin-right: 0.3rem; }
        .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label a {
          color: #a21e25;
          text-decoration: none; }
          .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label a:hover {
            text-decoration: underline !important; }
        .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label.gdpr_chek_error {
          color: #a21e25 !important;
          -webkit-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
          transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
    .gdpr_modal .gdpr_policy_wrapper.button:after {
      content: none;
      background: none; }

@media only screen and (min-width: 320px) {
  .gdpr_modal {
    width: 90%;
    padding: 15px; }
    .gdpr_modal .gdpr_policy_wrapper {
      padding: 10px; }
      .gdpr_modal .gdpr_policy_wrapper.button {
        text-align: center; }
      .gdpr_modal .gdpr_policy_wrapper.title {
        text-align: center !important; }
      .gdpr_modal .gdpr_policy_wrapper.radio {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: column;
        -ms-flex-flow: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-flow: column; }
        .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper {
          -ms-flex-order: 2;
          -webkit-box-ordinal-group: 3;
                  order: 2;
          padding: 25px 0; }
        .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper {
          -ms-flex-order: 1;
          -webkit-box-ordinal-group: 2;
                  order: 1; }
          .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper p {
            font-size: 0.8rem !important;
            margin: 0 !important; }
          .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper h3 {
            font-size: 0.9em !important;
            margin-top: 0 !important;
            margin-bottom: 5px !important; }
      .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label {
        line-height: 1.2rem !important;
        font-size: 0.8rem !important; } }

@media only screen and (min-width: 768px) {
  .gdpr_modal {
    width: 80%;
    padding: 25px; }
    .gdpr_modal .gdpr_policy_wrapper.button {
      text-align: right; }
    .gdpr_modal .gdpr_policy_wrapper.radio {
      display: -ms-flexbox;
      display: -webkit-box;
      display: flex;
      -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      -ms-flex-align: center;
      -webkit-box-align: center;
              align-items: center; }
      .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper, .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper {
        -ms-flex: 1;
        -webkit-box-flex: 1;
                flex: 1 1; }
      .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
                order: 2; }
        .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper h3 {
          font-size: 1.17rem;
          line-height: normal; }
        .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper p {
          line-height: normal;
          margin-top: 0 !important; }
      .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
                order: 1;
        text-align: center;
        position: relative;
        padding: 0;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        margin-right: 10px;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
                justify-content: center;
        -ms-flex-align: center;
        -webkit-box-align: center;
                align-items: center; } }

@media only screen and (min-width: 992px) {
  .gdpr_modal {
    width: 70%; } }

@media only screen and (min-width: 1366px) {
  .gdpr_modal {
    width: 60%; } }

.gdpr_velina {
  top: 0;
  bottom: 0;
  background-color: rgba(45, 45, 45, 0.9);
  z-index: 9999; }

#gdpr-wrapper .gdpr_modal, #gdpr-wrapper .gdpr_velina {
  position: relative;
  width: 100%;
  padding: 0;
  z-index: 0;
  /*   div#policy_1::after {
      content: ' ';
      border-bottom: 1px solid #DED9D5;
      width: 800px;
      position: absolute;
      bottom: 125px;
      left: calc((100% - 800px)/2);
  } */ }
  #gdpr-wrapper .gdpr_modal #policy_1, #gdpr-wrapper .gdpr_velina #policy_1 {
    padding-bottom: 20px !important; }
  #gdpr-wrapper .gdpr_modal hr.gdpr-separator, #gdpr-wrapper .gdpr_velina hr.gdpr-separator {
    margin: -1px auto;
    width: 70%;
    border: 1px solid #DED9D5; }
  #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper, #gdpr-wrapper .gdpr_velina .gdpr_policy_wrapper {
    margin: auto;
    border: 0;
    background: #f8f8f8;
    padding-top: 15px !important;
    min-height: 130px; }
    @media screen and (min-width: 601px) {
      #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper, #gdpr-wrapper .gdpr_velina .gdpr_policy_wrapper {
        width: 100%; } }
    #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper .gdpr_description_wrapper, #gdpr-wrapper .gdpr_velina .gdpr_policy_wrapper .gdpr_description_wrapper {
      -ms-flex-preferred-size: 70%;
          flex-basis: 70%;
      padding-right: 25px; }
      @media screen and (max-width: 600px) {
        #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper .gdpr_description_wrapper, #gdpr-wrapper .gdpr_velina .gdpr_policy_wrapper .gdpr_description_wrapper {
          padding-left: 30px; } }
      #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper .gdpr_description_wrapper h3, #gdpr-wrapper .gdpr_velina .gdpr_policy_wrapper .gdpr_description_wrapper h3 {
        position: absolute;
        left: 60px;
        text-transform: capitalize !important; }
        @media screen and (max-width: 600px) {
          #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper .gdpr_description_wrapper h3, #gdpr-wrapper .gdpr_velina .gdpr_policy_wrapper .gdpr_description_wrapper h3 {
            left: 10px; } }
      #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper .gdpr_description_wrapper p, #gdpr-wrapper .gdpr_velina .gdpr_policy_wrapper .gdpr_description_wrapper p {
        padding-top: 22px; }
    #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper .gdpr_radio_wrapper, #gdpr-wrapper .gdpr_velina .gdpr_policy_wrapper .gdpr_radio_wrapper {
      -ms-flex-preferred-size: 30%;
          flex-basis: 30%;
      -webkit-box-pack: left;
          -ms-flex-pack: left;
              justify-content: left;
      margin: 25px 0px 0 20px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media screen and (max-width: 600px) {
        #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper .gdpr_radio_wrapper, #gdpr-wrapper .gdpr_velina .gdpr_policy_wrapper .gdpr_radio_wrapper {
          margin-left: 0; } }
      #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper .gdpr_radio_wrapper .gdpr_label_radio:first-of-type, #gdpr-wrapper .gdpr_velina .gdpr_policy_wrapper .gdpr_radio_wrapper .gdpr_label_radio:first-of-type {
        margin-right: 20%; }
      #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper .gdpr_radio_wrapper .gdpr_label_radio, #gdpr-wrapper .gdpr_velina .gdpr_policy_wrapper .gdpr_radio_wrapper .gdpr_label_radio {
        color: #000 !important;
        font-family: "Open Sans";
        font-size: 1rem;
        font-weight: 600 !important;
        margin-top: 0 !important;
        margin-bottom: 0;
        cursor: default; }
        #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper .gdpr_radio_wrapper .gdpr_label_radio .injected-svg, #gdpr-wrapper .gdpr_velina .gdpr_policy_wrapper .gdpr_radio_wrapper .gdpr_label_radio .injected-svg {
          margin-right: 0.6rem; }
        #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper .gdpr_radio_wrapper .gdpr_label_radio input ~ span, #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper .gdpr_radio_wrapper .gdpr_label_radio input ~ svg, #gdpr-wrapper .gdpr_velina .gdpr_policy_wrapper .gdpr_radio_wrapper .gdpr_label_radio input ~ span, #gdpr-wrapper .gdpr_velina .gdpr_policy_wrapper .gdpr_radio_wrapper .gdpr_label_radio input ~ svg {
          cursor: pointer; }
        #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper .gdpr_radio_wrapper .gdpr_label_radio input:disabled ~ span, #gdpr-wrapper .gdpr_modal .gdpr_policy_wrapper .gdpr_radio_wrapper .gdpr_label_radio input:disabled ~ svg, #gdpr-wrapper .gdpr_velina .gdpr_policy_wrapper .gdpr_radio_wrapper .gdpr_label_radio input:disabled ~ span, #gdpr-wrapper .gdpr_velina .gdpr_policy_wrapper .gdpr_radio_wrapper .gdpr_label_radio input:disabled ~ svg {
          cursor: default; }
  #gdpr-wrapper .gdpr_modal .button, #gdpr-wrapper .gdpr_velina .button {
    display: none; }
  #gdpr-wrapper .gdpr_modal .checkbox, #gdpr-wrapper .gdpr_velina .checkbox {
    display: none !important;
    visibility: hidden; }

.gdpr_error_msg {
  display: none;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  color: #E20026;
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: 8px; }

#page-delete-profile .icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 54px; }
  @media screen and (max-width: 600px) {
    #page-delete-profile .icon-container {
      margin-top: 15px; } }
  #page-delete-profile .icon-container svg {
    height: 70px;
    width: 70px;
    fill: #E20026; }

#page-delete-profile .message-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #page-delete-profile .message-container h3 {
    font-size: 26px;
    text-transform: none;
    text-align: center;
    margin-top: 26px; }
    @media screen and (max-width: 600px) {
      #page-delete-profile .message-container h3 {
        font-size: 22px; } }
  #page-delete-profile .message-container span {
    text-align: center;
    font-size: 18px;
    margin-top: 28px; }

#page-delete-profile .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 85px; }
  @media screen and (max-width: 600px) {
    #page-delete-profile .button-container {
      margin-left: auto;
      margin-right: auto;
      max-width: 250px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-top: 34px; } }
  @media screen and (max-width: 600px) {
    #page-delete-profile .button-container a {
      margin-bottom: 20px; } }
  #page-delete-profile .button-container .cancel {
    color: #000;
    background: transparent;
    border: none;
    line-height: 40px; }
  #page-delete-profile .button-container .confirm {
    background: #E20026;
    line-height: normal; }

#page-delete-profile-feedback #delete-profile-feedback {
  display: block;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #page-delete-profile-feedback #delete-profile-feedback .message-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    #page-delete-profile-feedback #delete-profile-feedback .message-container h3 {
      margin-top: 53px;
      font-size: 26px;
      text-transform: none; }
  #page-delete-profile-feedback #delete-profile-feedback .feedback-container {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
    max-width: 950px; }
    #page-delete-profile-feedback #delete-profile-feedback .feedback-container span {
      margin-top: 26px;
      font-size: 18px;
      color: #000; }
    #page-delete-profile-feedback #delete-profile-feedback .feedback-container .description {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      margin-top: 15px; }
      #page-delete-profile-feedback #delete-profile-feedback .feedback-container .description textarea {
        max-height: unset;
        resize: none;
        overflow: hidden; }
  #page-delete-profile-feedback #delete-profile-feedback .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 60px auto;
    width: 80%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media screen and (max-width: 600px) {
      #page-delete-profile-feedback #delete-profile-feedback .button-container {
        max-width: 250px;
        width: unset; } }
    #page-delete-profile-feedback #delete-profile-feedback .button-container .home {
      color: #000;
      background: transparent;
      -webkit-box-shadow: unset;
              box-shadow: unset;
      line-height: 40px;
      border: none; }
    #page-delete-profile-feedback #delete-profile-feedback .button-container .send {
      line-height: normal; }
    @media screen and (max-width: 600px) {
      #page-delete-profile-feedback #delete-profile-feedback .button-container a {
        width: 90%;
        margin-bottom: 20px;
        text-align: center; } }

#page-delete-profile-feedback-body #message-modal .modal-wrapper {
  width: 980px; }
  #page-delete-profile-feedback-body #message-modal .modal-wrapper header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #page-delete-profile-feedback-body #message-modal .modal-wrapper header .header-icon {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: 10px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #page-delete-profile-feedback-body #message-modal .modal-wrapper header .header-icon .icon-warning {
        height: 60px;
        width: 60px; }
    #page-delete-profile-feedback-body #message-modal .modal-wrapper header h2 {
      text-align: center; }
  #page-delete-profile-feedback-body #message-modal .modal-wrapper footer button {
    margin-left: 40px;
    margin-right: 40px; }

@media screen and (max-width: 600px) {
  #add-equipment-device-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }

#add-equipment-device-page .container-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  #add-equipment-device-page .container-wrapper .icon {
    padding: 25.5px 26px 22.45px 26px;
    background: #ffffff;
    margin-right: 1px;
    height: 125px; }
    #add-equipment-device-page .container-wrapper .icon svg {
      width: 89px;
      height: 78px;
      min-width: 89px; }
  @media screen and (max-width: 600px) {
    #add-equipment-device-page .container-wrapper .icon {
      display: none; } }
  #add-equipment-device-page .container-wrapper .container-desktop {
    width: auto;
    height: 125px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 23px 29px 22px 26px;
    background: #ffffff; }
    @media screen and (max-width: 600px) {
      #add-equipment-device-page .container-wrapper .container-desktop {
        display: none; } }
    #add-equipment-device-page .container-wrapper .container-desktop .text-container .title .title-text {
      font-size: 20px;
      color: #343e4a;
      margin: 0;
      font-family: "Exo 2", sans-serif;
      font-weight: bold;
      line-height: 24px;
      text-align: left; }
    #add-equipment-device-page .container-wrapper .container-desktop .text-container .sub-text-container .sub-text {
      margin: 0;
      font-family: "Exo 2", sans-serif;
      color: #343e4a;
      font-size: 14px;
      line-height: 24px;
      margin-top: 8px; }
    #add-equipment-device-page .container-wrapper .container-desktop .btn-nd {
      margin-left: 34px; }

#add-equipment-device-page .container-mobile {
  height: 125px;
  padding: 0;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 18px 6px 22px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 310px;
  max-height: 366px; }
  @media screen and (min-width: 600px) {
    #add-equipment-device-page .container-mobile {
      display: none; } }
  #add-equipment-device-page .container-mobile .icon {
    padding: 27.5px 0 23.45px 0;
    -ms-flex-item-align: center;
        align-self: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
    #add-equipment-device-page .container-mobile .icon svg {
      width: 89px;
      height: 78px;
      min-width: 89px; }
  #add-equipment-device-page .container-mobile .title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
    #add-equipment-device-page .container-mobile .title .title-text {
      font-size: 16px;
      color: #343e4a;
      margin: 0;
      margin-bottom: 16.35px;
      font-family: "Exo 2", sans-serif;
      font-weight: bold; }
  #add-equipment-device-page .container-mobile .sub-text-container {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
    #add-equipment-device-page .container-mobile .sub-text-container .sub-text {
      margin: 0;
      font-family: "Exo 2", sans-serif;
      color: #343e4a;
      font-size: 12px;
      line-height: 20px; }
  #add-equipment-device-page .container-mobile .btn-nd {
    background: #e20026;
    color: #ffffff;
    margin-top: 21px;
    font-family: "Exo 2", sans-serif;
    font-weight: bold;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    width: 126px;
    min-width: 126px;
    height: 50px;
    -ms-flex-item-align: center;
        align-self: center;
    border-top-right-radius: 5px 50%;
    border-bottom-right-radius: 5px 50%;
    border-top-left-radius: 5px 50%;
    border-bottom-left-radius: 5px 50%; }
    #add-equipment-device-page .container-mobile .btn-nd:hover {
      color: #e20026;
      background: #ffffff; }

#dashboard-cards {
  padding-right: 67px; }
  #dashboard-cards:last-child {
    padding-right: 0; }
  @media screen and (max-width: 1240px) {
    #dashboard-cards {
      padding-right: 55px; } }
  @media screen and (max-width: 600px) {
    #dashboard-cards {
      padding-right: 0; } }
  #dashboard-cards .card-container {
    max-height: 534px;
    min-height: 534px;
    max-width: 353px;
    min-width: 353px;
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    margin-top: 56px; }
    @media screen and (max-width: 1180px) {
      #dashboard-cards .card-container {
        max-width: 309px;
        min-width: auto;
        max-height: 496px;
        min-height: 496px;
        width: 100%;
        height: 100%; } }
    @media screen and (max-width: 600px) {
      #dashboard-cards .card-container.equip {
        margin-top: 8px !important; } }
    #dashboard-cards .card-container .card-text {
      position: absolute;
      top: 0;
      margin: 16px 0 0 16px;
      font-family: "Exo 2", sans-serif;
      font-weight: bold;
      text-transform: capitalize;
      font-size: 20px;
      color: #ffffff;
      pointer-events: none; }
      @media screen and (max-width: 1180px) {
        #dashboard-cards .card-container .card-text {
          margin: 18px 0 0 17px;
          font-size: 16px; } }
    #dashboard-cards .card-container .card-text-description {
      margin: 0;
      padding: 32px 16px 30px 16px;
      font-size: 14px;
      font-family: "Exo 2", sans-serif;
      color: #000000;
      line-height: 24px;
      letter-spacing: 0.5px; }
      @media screen and (max-width: 1180px) {
        #dashboard-cards .card-container .card-text-description {
          font-size: 12px;
          padding: 19px 5px 27px 16px;
          color: #343e4a;
          line-height: 20px; } }
    #dashboard-cards .card-container .card-portal-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: left;
          -ms-flex-pack: left;
              justify-content: left;
      padding-left: 15px;
      padding-bottom: 34px; }
      #dashboard-cards .card-container .card-portal-container:hover {
        padding-left: 23px; }
      @media screen and (max-width: 1180px) {
        #dashboard-cards .card-container .card-portal-container {
          padding-bottom: 22px;
          padding-left: 12px; }
          #dashboard-cards .card-container .card-portal-container:hover {
            padding-left: 23px; } }
      #dashboard-cards .card-container .card-portal-container .svg {
        height: 14.4px;
        width: 14.4px; }
      #dashboard-cards .card-container .card-portal-container .card-link {
        text-transform: uppercase;
        color: black;
        margin-left: 4.8px;
        font-family: "Exo 2", sans-serif;
        font-weight: bold;
        font-size: 16px; }
        #dashboard-cards .card-container .card-portal-container .card-link:hover {
          text-decoration: underline; }
  #dashboard-cards #s-fleet-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 600px) {
      #dashboard-cards #s-fleet-card {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    #dashboard-cards #s-fleet-card .image-container {
      position: relative; }
      @media screen and (max-width: 1180px) {
        #dashboard-cards #s-fleet-card .image-container {
          max-height: 342px;
          min-height: 342px; } }
      #dashboard-cards #s-fleet-card .image-container .s-fleet {
        position: absolute;
        top: auto;
        left: 0;
        height: 26px;
        width: 158px;
        margin-left: 16px;
        bottom: 0;
        margin-bottom: 17px; }
      @media screen and (max-width: 1180px) {
        #dashboard-cards #s-fleet-card .image-container .bg-image {
          min-height: 342px; } }
  #dashboard-cards #my-equip-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 600px) {
      #dashboard-cards #my-equip-card {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    #dashboard-cards #my-equip-card .card-container {
      max-height: 534px;
      min-height: 534px;
      max-width: 353px;
      width: 100%;
      height: 100%;
      background: #fff;
      position: relative;
      margin-top: 56px; }
      @media screen and (max-width: 1180px) {
        #dashboard-cards #my-equip-card .card-container {
          max-width: 309px;
          max-height: 496px;
          min-height: 496px;
          width: 100%;
          height: 100%; } }
      #dashboard-cards #my-equip-card .card-container .image-container {
        padding: 87px 20px 20px;
        border-bottom: 1px solid #eef0f1;
        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;
        min-width: 353px;
        min-height: 345px; }
        @media screen and (max-width: 1180px) {
          #dashboard-cards #my-equip-card .card-container .image-container {
            min-width: auto;
            min-height: 328px; } }
        #dashboard-cards #my-equip-card .card-container .image-container .bg-image {
          height: auto;
          width: auto; }
      #dashboard-cards #my-equip-card .card-container .card-text {
        color: #343e4a;
        text-transform: initial; }
      @media screen and (max-width: 1180px) {
        #dashboard-cards #my-equip-card .card-container .card-text-description {
          padding: 32px 16px 30px 16px; } }
      #dashboard-cards #my-equip-card .card-container .notifications-box {
        width: 146px;
        height: 30px;
        background: #e20026;
        position: absolute;
        left: 16px;
        color: #ffffff;
        font-family: "Exo 2";
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 24px;
        bottom: 175px;
        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;
        text-transform: uppercase;
        font-weight: 600; }
        @media screen and (max-width: 1180px) {
          #dashboard-cards #my-equip-card .card-container .notifications-box {
            width: 118px;
            font-size: 12px;
            bottom: 155px; } }
  #dashboard-cards #weather-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 600px) {
      #dashboard-cards #weather-card {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    #dashboard-cards #weather-card .weather-card-container {
      max-height: 534px;
      max-width: 353px;
      width: 100%;
      height: 100%;
      background: #fff;
      position: relative;
      margin-top: 56px; }
      @media screen and (max-width: 1180px) {
        #dashboard-cards #weather-card .weather-card-container {
          max-width: 309px;
          max-height: 496px;
          width: 100%;
          height: 100%; } }
    #dashboard-cards #weather-card .daily-forecast {
      position: absolute;
      top: 104px;
      left: 16px;
      right: 22px;
      max-height: 315px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: 100%; }
      @media screen and (max-width: 1180px) {
        #dashboard-cards #weather-card .daily-forecast {
          padding-bottom: 26.5px !important;
          top: 35px;
          left: 0;
          right: 0; } }
      #dashboard-cards #weather-card .daily-forecast .top-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        @media screen and (max-width: 1180px) {
          #dashboard-cards #weather-card .daily-forecast .top-box {
            padding-top: 54px;
            padding-bottom: 52.97px;
            padding-left: 16px;
            padding-right: 15px; } }
        #dashboard-cards #weather-card .daily-forecast .top-box .temperature {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
        #dashboard-cards #weather-card .daily-forecast .top-box .subtext {
          color: #ffffff;
          font-family: "Exo 2";
          font-size: 14px;
          letter-spacing: 0.5px;
          line-height: 15px;
          text-align: center;
          margin: 0;
          font-weight: 300; }
          #dashboard-cards #weather-card .daily-forecast .top-box .subtext.mean {
            font-size: 26px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 34px;
            padding-bottom: 12px;
            padding-top: 11px; }
            @media screen and (max-width: 1180px) {
              #dashboard-cards #weather-card .daily-forecast .top-box .subtext.mean {
                font-size: 20px;
                line-height: 24px;
                padding-bottom: 15px; } }
          #dashboard-cards #weather-card .daily-forecast .top-box .subtext.min {
            border-right: 1px solid white;
            padding-right: 2px;
            margin-right: 5px; }
          #dashboard-cards #weather-card .daily-forecast .top-box .subtext.date {
            padding-top: 13.5px; }
            @media screen and (max-width: 1180px) {
              #dashboard-cards #weather-card .daily-forecast .top-box .subtext.date {
                padding-top: 8px;
                font-size: 12px;
                line-height: 20px; } }
          #dashboard-cards #weather-card .daily-forecast .top-box .subtext.label-icon {
            padding-top: 7.5px;
            word-break: break-word; }
            @media screen and (max-width: 1180px) {
              #dashboard-cards #weather-card .daily-forecast .top-box .subtext.label-icon {
                padding-top: 2px;
                font-size: 12px;
                line-height: 20px; } }
        #dashboard-cards #weather-card .daily-forecast .top-box .min-max {
          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; }
          @media screen and (max-width: 1180px) {
            #dashboard-cards #weather-card .daily-forecast .top-box .min-max {
              margin-top: 1px; } }
        #dashboard-cards #weather-card .daily-forecast .top-box .place {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          #dashboard-cards #weather-card .daily-forecast .top-box .place .city {
            color: #ffffff;
            font-family: "Exo 2";
            font-size: 30px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 44px;
            margin: 0;
            text-align: center;
            width: 180px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            text-align: center;
            padding-right: 5px;
            padding-left: 5px; }
            @media screen and (max-width: 1180px) {
              #dashboard-cards #weather-card .daily-forecast .top-box .place .city {
                font-size: 26px;
                line-height: 34px;
                padding-bottom: 3px;
                padding-top: 3px;
                text-align: center;
                width: 160px; } }
        #dashboard-cards #weather-card .daily-forecast .top-box .weather-icon-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding-top: 5px; }
          @media screen and (max-width: 1180px) {
            #dashboard-cards #weather-card .daily-forecast .top-box .weather-icon-container {
              padding-top: 0; } }
          #dashboard-cards #weather-card .daily-forecast .top-box .weather-icon-container .weather-icon {
            width: 44px;
            height: 44px; }
      #dashboard-cards #weather-card .daily-forecast .bottom-box table {
        margin: 0; }
        #dashboard-cards #weather-card .daily-forecast .bottom-box table tr {
          background-color: transparent;
          border-bottom: 0.5px solid #ffffff; }
          @media screen and (max-width: 1180px) {
            #dashboard-cards #weather-card .daily-forecast .bottom-box table tr {
              display: table-row; } }
          #dashboard-cards #weather-card .daily-forecast .bottom-box table tr.last {
            border-bottom: none; }
          #dashboard-cards #weather-card .daily-forecast .bottom-box table tr .hour-container {
            text-align: right; }
            @media screen and (max-width: 1180px) {
              #dashboard-cards #weather-card .daily-forecast .bottom-box table tr .hour-container {
                padding-right: 15px; } }
          #dashboard-cards #weather-card .daily-forecast .bottom-box table tr .text-container {
            width: 100%;
            position: relative; }
            #dashboard-cards #weather-card .daily-forecast .bottom-box table tr .text-container .text {
              white-space: pre-line;
              word-break: break-word;
              position: absolute;
              right: 0;
              bottom: 0;
              top: 15px; }
              @media screen and (max-width: 1180px) {
                #dashboard-cards #weather-card .daily-forecast .bottom-box table tr .text-container .text {
                  right: 15px; } }
        #dashboard-cards #weather-card .daily-forecast .bottom-box table td {
          height: auto;
          width: auto;
          color: #ffffff;
          font-family: "Exo 2";
          font-size: 14px;
          letter-spacing: 0.5px;
          padding: 8.93px 0 10px 10px; }
          @media screen and (max-width: 1180px) {
            #dashboard-cards #weather-card .daily-forecast .bottom-box table td {
              font-size: 12px;
              padding: 10px 0 10px 15px; } }
          #dashboard-cards #weather-card .daily-forecast .bottom-box table td .weather-icon {
            height: 20px;
            width: 22px; }
        @media screen and (max-width: 1180px) {
          #dashboard-cards #weather-card .daily-forecast .bottom-box table .weather-svg {
            padding-left: 19px; } }
    #dashboard-cards #weather-card .card-text {
      position: absolute;
      top: 0;
      margin: 16px 0 0 16px;
      font-family: "Exo 2", sans-serif;
      font-weight: bold;
      text-transform: capitalize;
      font-size: 20px;
      color: #ffffff;
      pointer-events: none; }
      @media screen and (max-width: 1180px) {
        #dashboard-cards #weather-card .card-text {
          margin: 18px 0 0 17px;
          font-size: 16px; } }
    #dashboard-cards #weather-card .card-text-description {
      margin: 0;
      padding: 32px 16px 30px 16px;
      font-size: 14px;
      font-family: "Exo 2", sans-serif;
      color: #000000;
      line-height: 24px; }
      @media screen and (max-width: 1180px) {
        #dashboard-cards #weather-card .card-text-description {
          font-size: 12px;
          padding: 19px 5px 27px 16px;
          color: #343e4a;
          line-height: 20px; } }
    #dashboard-cards #weather-card .card-portal-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: left;
          -ms-flex-pack: left;
              justify-content: left;
      padding-left: 15px;
      padding-bottom: 34px;
      padding-top: 30px; }
      #dashboard-cards #weather-card .card-portal-container:hover {
        padding-left: 23px; }
      @media screen and (max-width: 1180px) {
        #dashboard-cards #weather-card .card-portal-container {
          padding-bottom: 22px;
          padding-left: 12px;
          padding-top: 35px; } }
      #dashboard-cards #weather-card .card-portal-container .svg {
        height: 14.4px;
        width: 14.4px; }
      #dashboard-cards #weather-card .card-portal-container .card-link {
        text-transform: uppercase;
        color: black;
        margin-left: 4.8px;
        font-family: "Exo 2", sans-serif;
        font-weight: bold;
        font-size: 16px; }
        #dashboard-cards #weather-card .card-portal-container .card-link:hover {
          text-decoration: underline; }
    #dashboard-cards #weather-card .bg-image {
      max-height: 447px;
      max-width: 353px;
      min-height: 447px;
      min-width: 353px;
      height: 100%;
      width: 100%; }
      @media screen and (max-width: 1180px) {
        #dashboard-cards #weather-card .bg-image {
          max-height: 415px;
          max-width: 309px;
          min-height: 415px;
          min-width: 0;
          height: 100%;
          width: 100%; } }

.background-light-grey {
  background: #EEF0F1; }
  @media screen and (min-width: 1181px) {
    .background-light-grey::before {
      content: " ";
      background-color: transparent;
      height: 40px;
      width: 100%;
      border-bottom: 1px solid #C7CDD0;
      position: absolute; } }

#dashboard-new {
  background: #EEF0F1; }
  #dashboard-new .cards-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 57px;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left; }
    @media screen and (max-width: 1180px) {
      #dashboard-new .cards-wrapper {
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left; } }
    @media screen and (max-width: 600px) {
      #dashboard-new .cards-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }

@media (max-width: 767px) {
  #page-dashboard {
    margin-top: 1rem; } }

@media (max-width: 600px) {
  #page-dashboard {
    margin-top: 2rem; } }

#page-dashboard .dashboard-section {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 1rem;
  border: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  #page-dashboard .dashboard-section > *:last-child {
    margin-right: auto; }
  #page-dashboard .dashboard-section .card-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33333%;
            flex: 0 1 33.33333%;
    max-width: 33.33333%;
    position: relative;
    padding-bottom: 57px; }
    @media screen and (max-width: 1240px) {
      #page-dashboard .dashboard-section .card-wrapper {
        padding-right: 55px; } }
    @media screen and (max-width: 600px) {
      #page-dashboard .dashboard-section .card-wrapper {
        padding-right: 0;
        padding-bottom: 0; } }
    #page-dashboard .dashboard-section .card-wrapper .card {
      background-color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100%; }
      #page-dashboard .dashboard-section .card-wrapper .card .media-wrapper {
        height: 281px;
        margin-bottom: 0px;
        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; }
        @media screen and (max-width: 1180px) {
          #page-dashboard .dashboard-section .card-wrapper .card .media-wrapper {
            height: 250px; } }
        #page-dashboard .dashboard-section .card-wrapper .card .media-wrapper .crop {
          padding: 0;
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
        #page-dashboard .dashboard-section .card-wrapper .card .media-wrapper img {
          max-height: 281px; }
      #page-dashboard .dashboard-section .card-wrapper .card .actions a {
        color: black;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left;
        padding-left: 15px;
        font-weight: bold;
        font-size: 16px; }
        #page-dashboard .dashboard-section .card-wrapper .card .actions a svg {
          margin-right: 4px; }
        @media screen and (max-width: 1180px) {
          #page-dashboard .dashboard-section .card-wrapper .card .actions a {
            padding-left: 12px; } }
        #page-dashboard .dashboard-section .card-wrapper .card .actions a img {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-right: 5px; }
    #page-dashboard .dashboard-section .card-wrapper .article {
      -webkit-box-shadow: none;
              box-shadow: none;
      max-height: 534px;
      min-height: 534px;
      max-width: 353px;
      min-width: 353px;
      width: 100%;
      height: 100%;
      background: #fff;
      position: relative;
      margin-top: 56px;
      border-radius: 0px !important; }
      @media screen and (max-width: 1180px) {
        #page-dashboard .dashboard-section .card-wrapper .article {
          max-width: 309px;
          min-width: auto;
          max-height: 496px;
          min-height: 496px;
          width: 100%;
          height: 100%;
          border-radius: 0px !important; } }
      #page-dashboard .dashboard-section .card-wrapper .article .title {
        height: 60px; }
        #page-dashboard .dashboard-section .card-wrapper .article .title h3 {
          margin: 0;
          padding: 1.125rem;
          color: #343e4a;
          font-family: "Exo 2", sans-serif;
          font-size: 18px;
          padding: 5px 10px 10px 10px;
          line-height: 20px;
          font-weight: bold;
          text-transform: initial; }
          @media screen and (max-width: 1180px) {
            #page-dashboard .dashboard-section .card-wrapper .article .title h3 {
              font-size: 16px;
              line-height: 24px !important; } }
      @media screen and (max-width: 600px) {
        #page-dashboard .dashboard-section .card-wrapper .article .content {
          min-height: 110px; } }
      @media screen and (min-width: 601px) {
        #page-dashboard .dashboard-section .card-wrapper .article .content {
          min-height: 125px; } }
      #page-dashboard .dashboard-section .card-wrapper .article .content h4 {
        display: none; }
      #page-dashboard .dashboard-section .card-wrapper .article .content p {
        margin: 0;
        padding: 25px 16px 25px 16px;
        font-size: 14px;
        font-family: "Exo 2", sans-serif;
        color: #000000;
        line-height: 24px;
        letter-spacing: 0.5px; }
        @media screen and (max-width: 1180px) {
          #page-dashboard .dashboard-section .card-wrapper .article .content p {
            font-size: 12px;
            padding: 19px 5px 27px 16px;
            color: #343e4a;
            line-height: 20px; } }
    @media screen and (min-width: 601px) and (max-width: 900px) {
      #page-dashboard .dashboard-section .card-wrapper {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        max-width: 50%; } }
    @media screen and (max-width: 600px) {
      #page-dashboard .dashboard-section .card-wrapper {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; } }

@-webkit-keyframes expand {
  0% {
    height: 0vh; }
  100% {
    height: 100vh; } }

.promotional-video-container {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 1100;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-animation: expand 0.75s; }
  .promotional-video-container .embed-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 70%;
    height: 55%; }
  .promotional-video-container .closeBtn {
    cursor: pointer;
    width: 100%; }
    .promotional-video-container .closeBtn img {
      float: right;
      margin: 30px 50px 0 0; }
  .promotional-video-container .iframe-container {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 75%;
    padding-bottom: 56.25%;
    height: 75%; }

.apps-suite-container {
  background-color: #ececec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .apps-suite-container .apps-suite-header-text {
    font-family: "Exo 2";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    margin: 40px 0 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 20px; }
  .apps-suite-container .apps-suite-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 41px; }
    .apps-suite-container .apps-suite-cards .app-card {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding: 16px 20px 30px;
      gap: 18px;
      margin: 20px 30px 0 30px;
      width: 404px;
      background: #ffffff; }
      .apps-suite-container .apps-suite-cards .app-card .app-logo {
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: left;
           object-position: left;
        height: 32px;
        width: 100px; }
      .apps-suite-container .apps-suite-cards .app-card .card-title {
        font-family: "Exo 2";
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        color: #000; }
      .apps-suite-container .apps-suite-cards .app-card .card-desc {
        font-family: "Exo 2";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.005em;
        color: #000;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 0%;
                flex: 1 1; }
      .apps-suite-container .apps-suite-cards .app-card .login-button {
        background: #E20026;
        border-radius: 1px;
        margin: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        padding: 0px;
        gap: 10px;
        -ms-flex-item-align: end;
            align-self: flex-end;
        padding: 0 30px;
        border-top-right-radius: 5px 50%;
        border-bottom-right-radius: 5px 50%;
        border-top-left-radius: 5px 50%;
        border-bottom-left-radius: 5px 50%; }
        @media screen and (max-width: 600px) {
          .apps-suite-container .apps-suite-cards .app-card .login-button {
            min-width: auto; } }

.gdpr_modal {
  display: none;
  width: 50%;
  top: -100%;
  background: #edebe8;
  border-radius: 5px;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  max-height: 80%;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 auto;
  z-index: 999999;
  padding-bottom: 1rem;
  color: #000; }
  .gdpr_modal.active {
    display: block;
    top: 5% !important;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .gdpr_modal .gdpr_policy_wrapper.button {
    border: none !important;
    background: none !important;
    position: static;
    width: auto;
    float: left;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
    margin-right: 0;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }
    .gdpr_modal .gdpr_policy_wrapper.button:hover {
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
    .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button {
      -webkit-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
      cursor: pointer;
      line-height: unset !important;
      border: 0;
      color: #f8f8f8;
      outline: 0;
      text-transform: uppercase;
      font-size: 1rem;
      font-weight: normal;
      line-height: 1.4rem;
      padding: 0.25rem 0.8rem; }
      .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button.submit {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
                order: 1;
        margin-right: 0 !important;
        background: #003e85;
        border: 1px solid #003e85;
        color: #f8f8f8;
        padding: 10px !important; }
        .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button.submit:hover {
          background: #004f97; }
      .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button.cancel {
        background: none !important;
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
                order: 2;
        color: #003e85; }
        .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button.cancel .injected-svg {
          fill: #003e85 !important;
          margin-left: 0.3em; }
        .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button.cancel:hover {
          -webkit-box-shadow: none !important;
                  box-shadow: none !important; }
      .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button:after, .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button:before {
        background-image: none !important; }
  .gdpr_modal .submit {
    padding: 13px !important; }
  .gdpr_modal .close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 32px;
    height: 32px;
    opacity: 0.6;
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer; }
  .gdpr_modal input:invalid {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .gdpr_modal input[type=checkbox], .gdpr_modal input[type=radio] {
    margin-top: 0 !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none !important;
    background: none !important;
    color: inherit !important;
    cursor: pointer;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    position: relative !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
    display: none;
    pointer-events: unset !important; }
  .gdpr_modal input[type=checkbox] + label:before, .gdpr_modal input[type=radio] + label:before {
    top: -4px !important; }
  .gdpr_modal input[type="radio"] + label:after {
    top: 1px !important; }
  .gdpr_modal label {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none !important;
    background: none !important;
    color: inherit !important;
    cursor: pointer;
    width: auto !important;
    height: auto !important;
    margin-top: 0 !important; }
  .gdpr_modal .scroll_radio_wrapper {
    overflow-y: scroll;
    max-height: 300px !important; }
  .gdpr_modal .gdpr_policy_wrapper {
    padding: 10px !important; }
    .gdpr_modal .gdpr_policy_wrapper.title {
      text-align: center !important; }
      .gdpr_modal .gdpr_policy_wrapper.title .sub_title {
        font-size: 0.8rem;
        text-align: left;
        line-height: 1.1rem; }
    .gdpr_modal .gdpr_policy_wrapper.radio {
      border: 1px solid rgba(53, 53, 53, 0.83);
      margin-bottom: 5px;
      border-radius: 2px; }
      .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper p {
        line-height: 1.1rem !important; }
      .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper {
        text-align: center;
        position: relative; }
        .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper .gdpr_label_radio {
          font-size: 0.8rem;
          color: #353535;
          font-weight: 600 !important; }
          .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper .gdpr_label_radio:first-of-type {
            margin-right: 15px; }
      .gdpr_modal .gdpr_policy_wrapper.radio.gdpr_radio_error {
        border: 1px solid #a21e25; }
        .gdpr_modal .gdpr_policy_wrapper.radio.gdpr_radio_error .gdpr_description_wrapper, .gdpr_modal .gdpr_policy_wrapper.radio.gdpr_radio_error .gdpr_radio_wrapper .gdpr_label_radio.gdpr_radio_error {
          color: #a21e25 !important;
          -webkit-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
          transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
    .gdpr_modal .gdpr_policy_wrapper.checkbox {
      margin-bottom: 0.3rem !important;
      float: none !important;
      display: inline-block !important;
      padding: 0; }
      .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_checkbox {
        -webkit-appearance: checkbox !important;
        position: relative !important;
        left: -3px !important;
        top: 0 !important;
        padding: 0;
        margin: 0; }
      .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label {
        display: inline !important; }
        .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label .checkbox_label_description {
          margin-left: 5px; }
        .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label a {
          color: #003e85;
          text-decoration: none; }
        .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label.gdpr_chek_error span {
          color: #a21e25 !important;
          -webkit-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
          transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
    .gdpr_modal .gdpr_policy_wrapper.button:after {
      content: none;
      background: none; }

@media only screen and (min-width: 320px) {
  .gdpr_modal {
    width: 90%;
    padding: 15px; }
    .gdpr_modal .gdpr_policy_wrapper {
      padding: 10px; }
      .gdpr_modal .gdpr_policy_wrapper.button {
        text-align: center; }
      .gdpr_modal .gdpr_policy_wrapper.title {
        text-align: center !important; }
      .gdpr_modal .gdpr_policy_wrapper.radio {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: column;
        -ms-flex-flow: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-flow: column; }
        .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper {
          -ms-flex-order: 2;
          -webkit-box-ordinal-group: 3;
                  order: 2;
          padding: 25px 0; }
        .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper {
          -ms-flex-order: 1;
          -webkit-box-ordinal-group: 2;
                  order: 1; }
          .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper p {
            font-size: 0.8rem !important;
            margin: 0 !important; }
          .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper h3 {
            font-size: 0.9em !important;
            margin-top: 0 !important;
            margin-bottom: 5px !important; }
      .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label {
        line-height: 1.2rem !important;
        font-size: 0.8rem !important; } }

@media only screen and (min-width: 768px) {
  .gdpr_modal {
    width: 80%;
    padding: 25px; }
    .gdpr_modal .gdpr_policy_wrapper.button {
      text-align: right; }
    .gdpr_modal .gdpr_policy_wrapper.radio {
      display: -ms-flexbox;
      display: -webkit-box;
      display: flex;
      -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      -ms-flex-align: center;
      -webkit-box-align: center;
              align-items: center; }
      .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper, .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper {
        -ms-flex: 1;
        -webkit-box-flex: 1;
                flex: 1 1; }
      .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
                order: 2; }
        .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper h3 {
          font-size: 1.17rem;
          line-height: normal; }
        .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper p {
          margin-top: 0 !important; }
      .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
                order: 1;
        text-align: center;
        position: relative;
        padding: 0;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        margin-right: 10px;
        -ms-flex-pack: center;
        -webkit-box-pack: start;
                justify-content: flex-start;
        -ms-flex-align: center;
        -webkit-box-align: center;
                align-items: center;
        position: relative;
        left: 25px; } }

@media only screen and (min-width: 992px) {
  .gdpr_modal {
    width: 70%; } }

@media only screen and (min-width: 1366px) {
  .gdpr_modal {
    width: 60%; } }

.gdpr_velina {
  top: 0;
  bottom: 0;
  background-color: rgba(45, 45, 45, 0.9);
  z-index: 9999; }

.gdpr_modal,
.gdpr_velina {
  position: fixed;
  left: 0;
  right: 0; }

#policy_1,
#policy_2,
#policy_4 {
  border: 1px solid #899098;
  border-radius: 0px; }

#policy_10,
#policy_11,
#policy_12 {
  display: none !important; }

#policy_4 {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  #policy_4 .gdpr_checkbox_wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: relative;
    left: 25px; }
    #policy_4 .gdpr_checkbox_wrapper label {
      margin-right: 50px; }
  #policy_4 .gdpr_description_wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1; }

.gdpr_modal {
  display: none;
  width: 50%;
  top: 5% !important;
  background: #edebe8;
  border-radius: 5px;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  max-height: 80%;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 auto;
  z-index: 999999;
  padding-bottom: 1rem; }
  .gdpr_modal.active {
    display: block;
    top: 5% !important;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .gdpr_modal .gdpr_title_wrapper {
    height: 24px;
    width: 240px;
    color: #343e4a;
    font-family: "Exo 2";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 24px; }
    .gdpr_modal .gdpr_title_wrapper h2,
    .gdpr_modal .gdpr_title_wrapper h3 {
      font-weight: bold; }
  .gdpr_modal .gdpr_policy_wrapper.button {
    border: none !important;
    background: none !important;
    position: static;
    width: auto;
    float: right;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
    margin-right: 0;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }
    .gdpr_modal .gdpr_policy_wrapper.button:hover {
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
    .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button {
      margin: 0 5px !important;
      -webkit-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
      cursor: pointer;
      line-height: unset !important;
      margin: 0.5rem 1rem;
      border: 0;
      color: #fff;
      font-family: inherit;
      font-size: 0.875rem;
      font-weight: 600;
      line-height: 1;
      min-height: 38px;
      outline: 0;
      padding: 0.5rem 1.125rem;
      text-transform: uppercase; }
      .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button.submit {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
                order: 1;
        margin-right: 0 !important;
        background: #e20026;
        color: #fff;
        padding: 13px !important; }
      .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button.cancel {
        color: #000000;
        font-family: "Exo 2";
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 24px; }
        .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button.cancel:hover {
          -webkit-box-shadow: none !important;
                  box-shadow: none !important;
          text-decoration: underline; }
      .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button:after, .gdpr_modal .gdpr_policy_wrapper.button .gdpr_button:before {
        background-image: none !important; }
  .gdpr_modal .close {
    position: absolute;
    right: 5px;
    top: 15px;
    width: 32px;
    height: 32px;
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer; }
    .gdpr_modal .close:hover {
      opacity: 1; }
    .gdpr_modal .close:after {
      position: absolute;
      left: 15px;
      content: " ";
      height: 20px;
      width: 2px;
      background-color: #e20026;
      -webkit-transition: height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition: height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
    .gdpr_modal .close:before {
      position: absolute;
      left: 15px;
      content: " ";
      height: 20px;
      width: 2px;
      background-color: #e20026;
      -webkit-transition: height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition: height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .gdpr_modal .close:after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .gdpr_modal .close:hover {
      /*
      &:after, &:before {
        height: 25px;
        width: 1px;
      }*/ }
  .gdpr_modal input:invalid {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .gdpr_modal input[type=checkbox], .gdpr_modal input[type=radio] {
    margin-top: 0 !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none !important;
    background: none !important;
    color: inherit !important;
    cursor: pointer;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    position: relative !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
    display: none;
    pointer-events: unset !important; }
  .gdpr_modal input[type=checkbox] + label:before, .gdpr_modal input[type=radio] + label:before {
    width: 15px !important;
    height: 15px !important;
    left: 5px !important;
    top: 0 !important; }
  .gdpr_modal label {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none !important;
    background: none !important;
    color: inherit !important;
    cursor: pointer;
    width: auto !important;
    height: auto !important;
    margin-top: 0 !important; }
  .gdpr_modal .scroll_radio_wrapper {
    overflow-y: scroll;
    max-height: 300px !important; }
  .gdpr_modal .gdpr_policy_wrapper {
    padding: 10px !important; }
    .gdpr_modal .gdpr_policy_wrapper.title {
      text-align: center !important; }
      .gdpr_modal .gdpr_policy_wrapper.title .main_title {
        font-size: inherit; }
      .gdpr_modal .gdpr_policy_wrapper.title .sub_title {
        font-size: 0.8rem;
        text-align: left; }
    .gdpr_modal .gdpr_policy_wrapper.radio {
      border: 1px solid rgba(53, 53, 53, 0.83);
      margin-bottom: 5px;
      border-radius: 2px; }
      .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper {
        text-align: center;
        position: relative; }
        .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper .gdpr_label_radio {
          font-size: 0.8rem;
          color: #353535;
          font-weight: 600 !important;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          @media screen and (max-width: 767px) {
            .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper .gdpr_label_radio {
              margin-bottom: 5px; } }
          .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper .gdpr_label_radio .injected-svg {
            margin-right: 0.3rem; }
          .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper .gdpr_label_radio .radio-icon-wrp {
            min-width: 20px;
            width: 20px;
            height: 20px;
            margin-right: 5px; }
          .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper .gdpr_label_radio .radio-icon {
            position: relative;
            width: 20px;
            height: 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper .gdpr_label_radio .radio-icon::before {
              content: "";
              position: absolute;
              height: 100%;
              width: 100%;
              -webkit-transition: 0.4s;
              transition: 0.4s;
              background-image: url(/Content/images/gdpr_radio_off.svg);
              background-size: contain;
              background-repeat: no-repeat; }
          .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper .gdpr_label_radio input:checked + .radio-icon:before {
            background-image: url(/Content/images/gdpr_radio_on.svg); }
          .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper .gdpr_label_radio:first-of-type {
            margin-right: 15px; }
      .gdpr_modal .gdpr_policy_wrapper.radio.gdpr_radio_error {
        border: 1px solid #e20026; }
        .gdpr_modal .gdpr_policy_wrapper.radio.gdpr_radio_error .gdpr_description_wrapper, .gdpr_modal .gdpr_policy_wrapper.radio.gdpr_radio_error .gdpr_radio_wrapper .gdpr_label_radio.gdpr_radio_error {
          color: #e20026 !important;
          -webkit-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
          transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
    .gdpr_modal .gdpr_policy_wrapper.checkbox {
      margin-bottom: 0.3rem !important;
      float: none !important;
      display: inline-block !important;
      padding: 0; }
      .gdpr_modal .gdpr_policy_wrapper.checkbox .gdpr_checkbox {
        -webkit-appearance: checkbox !important;
        position: relative !important;
        left: -3px !important;
        top: 0 !important;
        padding: 0;
        margin: 0; }
      .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label .checkbox-icon-wrp {
          min-width: 18px;
          width: 18px;
          height: 18px;
          margin-right: 5px; }
        .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label .checkboxWrp::before {
          content: "";
          position: absolute;
          height: 18px;
          width: 18px;
          -webkit-transition: 0.4s;
          transition: 0.4s;
          background-image: url(/Content/images/gdpr_chkbox_unchecked.svg);
          background-size: contain;
          background-repeat: no-repeat; }
        .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label input:checked + .checkboxWrp:before {
          background-image: url(/Content/images/gdpr_chkbox_filled.svg); }
        .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label .injected-svg {
          margin-right: 0.3rem; }
        .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label a {
          color: #e20026;
          text-decoration: none; }
          .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label a:hover {
            text-decoration: underline !important; }
        .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label.gdpr_chek_error {
          color: #e20026 !important;
          -webkit-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
          transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
    .gdpr_modal .gdpr_policy_wrapper.button:after {
      content: none;
      background: none; }

@media only screen and (min-width: 320px) {
  .gdpr_modal {
    width: 90%;
    padding: 15px; }
    .gdpr_modal .gdpr_policy_wrapper {
      padding: 10px; }
      .gdpr_modal .gdpr_policy_wrapper.button {
        text-align: center; }
      .gdpr_modal .gdpr_policy_wrapper.title {
        text-align: center !important; }
      .gdpr_modal .gdpr_policy_wrapper.radio {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: column;
        -ms-flex-flow: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-flow: column; }
        .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper {
          -ms-flex-order: 2;
          -webkit-box-ordinal-group: 3;
                  order: 2;
          padding: 25px 0; }
        .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper {
          -ms-flex-order: 1;
          -webkit-box-ordinal-group: 2;
                  order: 1; }
          .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper p {
            font-size: 0.8rem !important;
            margin: 0 !important; }
          .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper h3 {
            font-size: 0.9em !important;
            margin-top: 0 !important;
            margin-bottom: 5px !important; }
      .gdpr_modal .gdpr_policy_wrapper.checkbox .checkbox_label {
        line-height: 1.2rem !important;
        font-size: 0.8rem !important; } }

@media only screen and (min-width: 768px) {
  .gdpr_modal {
    width: 80%;
    padding: 25px; }
    .gdpr_modal .gdpr_policy_wrapper.button {
      text-align: right; }
    .gdpr_modal .gdpr_policy_wrapper.radio {
      display: -ms-flexbox;
      display: -webkit-box;
      display: flex;
      -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      -ms-flex-align: center;
      -webkit-box-align: center;
              align-items: center; }
      .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper, .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper {
        -ms-flex: 1;
        -webkit-box-flex: 1;
                flex: 1 1; }
      .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
                order: 2; }
        .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper h3 {
          color: #343e4a;
          font-family: "Exo 2";
          font-size: 12px;
          font-weight: bold;
          letter-spacing: 0.38px;
          line-height: 16px; }
        .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_description_wrapper p {
          color: #899098;
          font-family: "Exo 2";
          font-size: 12px;
          letter-spacing: 0.5px;
          line-height: 16px; }
      .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
                order: 1;
        text-align: center;
        position: relative;
        padding: 0;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        margin-right: 10px;
        -ms-flex-pack: center;
        -webkit-box-pack: start;
                justify-content: flex-start;
        -ms-flex-align: center;
        -webkit-box-align: center;
                align-items: center;
        position: relative;
        left: 25px; }
        .gdpr_modal .gdpr_policy_wrapper.radio .gdpr_radio_wrapper label {
          color: #343e4a !important;
          font-family: "Exo 2";
          font-size: 14px;
          font-weight: normal !important;
          letter-spacing: 0.5px;
          line-height: 24px; } }

@media only screen and (min-width: 992px) {
  .gdpr_modal {
    width: 70%; } }

@media only screen and (min-width: 1366px) {
  .gdpr_modal {
    width: 60%; } }

.gdpr_velina {
  top: 0;
  bottom: 0;
  background-color: rgba(45, 45, 45, 0.9);
  z-index: 9999; }

.gdpr_modal,
.gdpr_velina {
  position: fixed;
  left: 0;
  right: 0; }

#gdprModal .gdpr_description_wrapper h3 {
  color: #343e4a;
  font-family: "Exo 2";
  font-size: 12px !important;
  font-weight: bold;
  letter-spacing: 0.38px;
  line-height: 16px; }

#gdprModal .gdpr_description_wrapper p {
  color: #899098;
  font-family: "Exo 2";
  font-size: 12px !important;
  letter-spacing: 0.5px;
  line-height: 16px; }

#gdprModal .gdpr_radio_wrapper label {
  color: #343e4a !important;
  font-family: "Exo 2";
  font-size: 14px;
  font-weight: normal !important;
  letter-spacing: 0.5px;
  line-height: 24px; }

#gdprModal .checkbox_label_description {
  color: #343e4a !important;
  font-family: "Exo 2";
  font-size: 14px;
  font-weight: normal !important;
  letter-spacing: 0.5px;
  line-height: 24px; }

#gdprModal .gdpr_chkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#gdprModal #policy_4.disabled {
  opacity: 0.5;
  pointer-events: none; }

#page-user-registration-user .steyr-btn-arrow,
#page-user-registration-company .steyr-btn-arrow {
  display: none; }

#page-user-registration-user .state.hidden,
#page-user-registration-company .state.hidden {
  display: none !important; }

#page-user-registration-user input:disabled,
#page-user-registration-company input:disabled {
  border-bottom: 2px solid #949494 !important;
  color: #949494 !important; }

#page-user-registration-user .passwords-wrapper,
#page-user-registration-company .passwords-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-preferred-size: 100% !important;
      flex-basis: 100% !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #page-user-registration-user .passwords-wrapper .password-field input::-ms-reveal,
  #page-user-registration-company .passwords-wrapper .password-field input::-ms-reveal {
    display: none !important; }
  #page-user-registration-user .passwords-wrapper .input-field,
  #page-user-registration-company .passwords-wrapper .input-field {
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%; }
    @media screen and (max-width: 900px) {
      #page-user-registration-user .passwords-wrapper .input-field,
      #page-user-registration-company .passwords-wrapper .input-field {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; } }
  #page-user-registration-user .passwords-wrapper .confirm-password .show-password,
  #page-user-registration-company .passwords-wrapper .confirm-password .show-password {
    right: 10px !important; }

#page-user-registration-user label.placeholder,
#page-user-registration-company label.placeholder {
  left: 17px !important;
  font-style: normal !important;
  font-size: 16px;
  color: #000; }

#page-user-registration-user .select-field-error-required,
#page-user-registration-company .select-field-error-required {
  position: static; }

#page-user-registration-user :not(output):-moz-ui-invalid,
#page-user-registration-company :not(output):-moz-ui-invalid {
  box-shadow: none; }

#page-user-registration-user .select-field,
#page-user-registration-company .select-field {
  width: 50%; }
  #page-user-registration-user .select-field label,
  #page-user-registration-company .select-field label {
    z-index: 2;
    top: 16px;
    line-height: 17px;
    color: #343E4A; }
  #page-user-registration-user .select-field .select2-selection__rendered,
  #page-user-registration-company .select-field .select2-selection__rendered {
    height: 46px;
    padding-left: 17px !important;
    font-size: 16px !important;
    border-bottom: 4px solid #898989; }
  #page-user-registration-user .select-field.open, #page-user-registration-user .select-field.filled,
  #page-user-registration-company .select-field.open,
  #page-user-registration-company .select-field.filled {
    border-bottom: 4px solid #899098; }
    #page-user-registration-user .select-field.open .placeholder, #page-user-registration-user .select-field.filled .placeholder,
    #page-user-registration-company .select-field.open .placeholder,
    #page-user-registration-company .select-field.filled .placeholder {
      top: 5px !important; }

#page-user-registration-user .phone-group,
#page-user-registration-company .phone-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #page-user-registration-user .phone-group .select-field,
  #page-user-registration-company .phone-group .select-field {
    margin-right: 10px; }
  #page-user-registration-user .phone-group .input-field,
  #page-user-registration-company .phone-group .input-field {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0;
    min-width: 0; }
    #page-user-registration-user .phone-group .input-field input,
    #page-user-registration-company .phone-group .input-field input {
      max-width: 100%; }

#page-user-registration-user > section,
#page-user-registration-company > section {
  background: transparent;
  margin-bottom: 0;
  max-width: 1200px;
  padding: 0 110px; }
  @media screen and (max-width: 600px) {
    #page-user-registration-user > section,
    #page-user-registration-company > section {
      padding: 0 1.125rem; } }

#page-user-registration-user .user-data > h3,
#page-user-registration-company .user-data > h3 {
  text-transform: none; }

#page-user-registration-user .user-data-form,
#page-user-registration-company .user-data-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 1rem 0;
  position: relative; }
  #page-user-registration-user .user-data-form > div,
  #page-user-registration-company .user-data-form > div {
    width: 45%; }
    @media screen and (max-width: 600px) {
      #page-user-registration-user .user-data-form > div,
      #page-user-registration-company .user-data-form > div {
        width: 100%; } }
    @media screen and (min-width: 601px) and (max-width: 900px) {
      #page-user-registration-user .user-data-form > div,
      #page-user-registration-company .user-data-form > div {
        width: 100%; } }
    @media screen and (min-width: 901px) and (max-width: 1200px) {
      #page-user-registration-user .user-data-form > div,
      #page-user-registration-company .user-data-form > div {
        width: 48%; } }
  @media screen and (min-width: 601px) {
    #page-user-registration-user .user-data-form .company-name-read-only,
    #page-user-registration-company .user-data-form .company-name-read-only {
      margin-right: 50%; } }
  #page-user-registration-user .user-data-form .registration-existing-company-checkbox,
  #page-user-registration-company .user-data-form .registration-existing-company-checkbox {
    margin-top: 1rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    #page-user-registration-user .user-data-form .registration-existing-company-checkbox .checkboxContainer,
    #page-user-registration-company .user-data-form .registration-existing-company-checkbox .checkboxContainer {
      width: 14px;
      height: 14px;
      margin-right: 5px;
      margin-top: 3px; }
      #page-user-registration-user .user-data-form .registration-existing-company-checkbox .checkboxContainer .checkboxWrp::before,
      #page-user-registration-company .user-data-form .registration-existing-company-checkbox .checkboxContainer .checkboxWrp::before {
        content: '';
        position: absolute;
        height: 14px;
        width: 14px;
        -webkit-transition: .4s;
        transition: .4s;
        background-image: url(/Content/images/steyr-checkbox-unfilled.svg);
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer; }
      #page-user-registration-user .user-data-form .registration-existing-company-checkbox .checkboxContainer input:checked + .checkboxWrp:before,
      #page-user-registration-company .user-data-form .registration-existing-company-checkbox .checkboxContainer input:checked + .checkboxWrp:before {
        background-image: url(/Content/images/steyr-checkbox-filled.svg); }
  #page-user-registration-user .user-data-form #field-area-code + .select2,
  #page-user-registration-company .user-data-form #field-area-code + .select2 {
    min-width: 80px; }
  #page-user-registration-user .user-data-form .input-field [type='text']:disabled.filled,
  #page-user-registration-user .user-data-form .input-field [type='password']:disabled.filled,
  #page-user-registration-user .user-data-form .input-field [type='email']:disabled.filled,
  #page-user-registration-user .user-data-form .input-field [type='tel']:disabled.filled,
  #page-user-registration-user .user-data-form .input-field textarea:disabled.filled,
  #page-user-registration-company .user-data-form .input-field [type='text']:disabled.filled,
  #page-user-registration-company .user-data-form .input-field [type='password']:disabled.filled,
  #page-user-registration-company .user-data-form .input-field [type='email']:disabled.filled,
  #page-user-registration-company .user-data-form .input-field [type='tel']:disabled.filled,
  #page-user-registration-company .user-data-form .input-field textarea:disabled.filled {
    background-color: transparent;
    border-bottom: 0px !important; }
  #page-user-registration-user .user-data-form .read-only.input-field, #page-user-registration-user .user-data-form .company-name-read-only.input-field,
  #page-user-registration-company .user-data-form .read-only.input-field,
  #page-user-registration-company .user-data-form .company-name-read-only.input-field {
    cursor: not-allowed; }

#page-user-registration-user small,
#page-user-registration-company small {
  color: #949494;
  font-size: 0.75rem;
  font-weight: 600;
  position: absolute;
  right: 0;
  top: -1rem; }

#page-user-registration-user .password-field .change-password-button,
#page-user-registration-company .password-field .change-password-button {
  position: absolute;
  top: 2rem;
  right: 0;
  bottom: auto;
  left: auto;
  text-transform: uppercase; }
  @media screen and (max-width: 600px) {
    #page-user-registration-user .password-field .change-password-button,
    #page-user-registration-company .password-field .change-password-button {
      margin-top: 0.5rem;
      position: static; } }

#page-user-registration-user .input-field img.popover-trigger,
#page-user-registration-company .input-field img.popover-trigger {
  display: none; }

#page-user-registration-user .input-field .popover-trigger,
#page-user-registration-company .input-field .popover-trigger {
  position: absolute;
  top: auto;
  right: -1.125rem;
  bottom: 0.5rem;
  left: auto;
  height: 1.25rem;
  width: 1.25rem;
  right: 0; }
  #page-user-registration-user .input-field .popover-trigger svg,
  #page-user-registration-company .input-field .popover-trigger svg {
    height: 1.25rem;
    width: 1.25rem;
    fill: #7f7366; }

#page-user-registration-user .input-field .popover span,
#page-user-registration-company .input-field .popover span {
  right: 22px; }

#page-user-registration-user .input-field,
#page-user-registration-company .input-field {
  margin: 8px 0 16px;
  position: relative; }
  #page-user-registration-user .input-field .popover-trigger,
  #page-user-registration-company .input-field .popover-trigger {
    position: absolute;
    top: 15px;
    right: 10px;
    bottom: 0.5rem;
    left: auto;
    height: 0.875rem;
    width: 0.875rem; }
  #page-user-registration-user .input-field [type='text'],
  #page-user-registration-user .input-field [type='password'],
  #page-user-registration-user .input-field [type='email'],
  #page-user-registration-user .input-field [type='tel'],
  #page-user-registration-user .input-field textarea,
  #page-user-registration-company .input-field [type='text'],
  #page-user-registration-company .input-field [type='password'],
  #page-user-registration-company .input-field [type='email'],
  #page-user-registration-company .input-field [type='tel'],
  #page-user-registration-company .input-field textarea {
    background: #fff;
    border: 0;
    border-bottom: 4px solid #899098;
    border-radius: 0;
    display: block;
    font-family: inherit;
    font-size: 1rem;
    margin: 0;
    max-height: 52px;
    min-height: 52px;
    min-width: 100%;
    outline: none;
    padding: 22px 1rem 0.5rem;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); }
    #page-user-registration-user .input-field [type='text'] + label,
    #page-user-registration-user .input-field [type='password'] + label,
    #page-user-registration-user .input-field [type='email'] + label,
    #page-user-registration-user .input-field [type='tel'] + label,
    #page-user-registration-user .input-field textarea + label,
    #page-user-registration-company .input-field [type='text'] + label,
    #page-user-registration-company .input-field [type='password'] + label,
    #page-user-registration-company .input-field [type='email'] + label,
    #page-user-registration-company .input-field [type='tel'] + label,
    #page-user-registration-company .input-field textarea + label {
      font-style: normal !important;
      color: #343E4A !important;
      font-size: 16px;
      cursor: text;
      left: 1rem;
      position: absolute;
      top: 16px;
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: top left;
              transform-origin: top left;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      white-space: nowrap;
      font-weight: 500;
      line-height: 17px;
      letter-spacing: 0.5px; }
    #page-user-registration-user .input-field [type='text']:not(:disabled):active, #page-user-registration-user .input-field [type='text']:not(:disabled):focus, #page-user-registration-user .input-field [type='text']:not(:disabled).filled,
    #page-user-registration-user .input-field [type='password']:not(:disabled):active,
    #page-user-registration-user .input-field [type='password']:not(:disabled):focus,
    #page-user-registration-user .input-field [type='password']:not(:disabled).filled,
    #page-user-registration-user .input-field [type='email']:not(:disabled):active,
    #page-user-registration-user .input-field [type='email']:not(:disabled):focus,
    #page-user-registration-user .input-field [type='email']:not(:disabled).filled,
    #page-user-registration-user .input-field [type='tel']:not(:disabled):active,
    #page-user-registration-user .input-field [type='tel']:not(:disabled):focus,
    #page-user-registration-user .input-field [type='tel']:not(:disabled).filled,
    #page-user-registration-user .input-field textarea:not(:disabled):active,
    #page-user-registration-user .input-field textarea:not(:disabled):focus,
    #page-user-registration-user .input-field textarea:not(:disabled).filled,
    #page-user-registration-company .input-field [type='text']:not(:disabled):active,
    #page-user-registration-company .input-field [type='text']:not(:disabled):focus,
    #page-user-registration-company .input-field [type='text']:not(:disabled).filled,
    #page-user-registration-company .input-field [type='password']:not(:disabled):active,
    #page-user-registration-company .input-field [type='password']:not(:disabled):focus,
    #page-user-registration-company .input-field [type='password']:not(:disabled).filled,
    #page-user-registration-company .input-field [type='email']:not(:disabled):active,
    #page-user-registration-company .input-field [type='email']:not(:disabled):focus,
    #page-user-registration-company .input-field [type='email']:not(:disabled).filled,
    #page-user-registration-company .input-field [type='tel']:not(:disabled):active,
    #page-user-registration-company .input-field [type='tel']:not(:disabled):focus,
    #page-user-registration-company .input-field [type='tel']:not(:disabled).filled,
    #page-user-registration-company .input-field textarea:not(:disabled):active,
    #page-user-registration-company .input-field textarea:not(:disabled):focus,
    #page-user-registration-company .input-field textarea:not(:disabled).filled {
      background: #fff;
      border-bottom: 4px solid #898989; }
      #page-user-registration-user .input-field [type='text']:not(:disabled):active + label, #page-user-registration-user .input-field [type='text']:not(:disabled):focus + label, #page-user-registration-user .input-field [type='text']:not(:disabled).filled + label,
      #page-user-registration-user .input-field [type='password']:not(:disabled):active + label,
      #page-user-registration-user .input-field [type='password']:not(:disabled):focus + label,
      #page-user-registration-user .input-field [type='password']:not(:disabled).filled + label,
      #page-user-registration-user .input-field [type='email']:not(:disabled):active + label,
      #page-user-registration-user .input-field [type='email']:not(:disabled):focus + label,
      #page-user-registration-user .input-field [type='email']:not(:disabled).filled + label,
      #page-user-registration-user .input-field [type='tel']:not(:disabled):active + label,
      #page-user-registration-user .input-field [type='tel']:not(:disabled):focus + label,
      #page-user-registration-user .input-field [type='tel']:not(:disabled).filled + label,
      #page-user-registration-user .input-field textarea:not(:disabled):active + label,
      #page-user-registration-user .input-field textarea:not(:disabled):focus + label,
      #page-user-registration-user .input-field textarea:not(:disabled).filled + label,
      #page-user-registration-company .input-field [type='text']:not(:disabled):active + label,
      #page-user-registration-company .input-field [type='text']:not(:disabled):focus + label,
      #page-user-registration-company .input-field [type='text']:not(:disabled).filled + label,
      #page-user-registration-company .input-field [type='password']:not(:disabled):active + label,
      #page-user-registration-company .input-field [type='password']:not(:disabled):focus + label,
      #page-user-registration-company .input-field [type='password']:not(:disabled).filled + label,
      #page-user-registration-company .input-field [type='email']:not(:disabled):active + label,
      #page-user-registration-company .input-field [type='email']:not(:disabled):focus + label,
      #page-user-registration-company .input-field [type='email']:not(:disabled).filled + label,
      #page-user-registration-company .input-field [type='tel']:not(:disabled):active + label,
      #page-user-registration-company .input-field [type='tel']:not(:disabled):focus + label,
      #page-user-registration-company .input-field [type='tel']:not(:disabled).filled + label,
      #page-user-registration-company .input-field textarea:not(:disabled):active + label,
      #page-user-registration-company .input-field textarea:not(:disabled):focus + label,
      #page-user-registration-company .input-field textarea:not(:disabled).filled + label {
        color: #949494 !important;
        left: 1rem;
        top: 5px;
        -webkit-transform: scale(0.8);
                transform: scale(0.8); }
    #page-user-registration-user .input-field [type='text']:not(:disabled):focus,
    #page-user-registration-user .input-field [type='password']:not(:disabled):focus,
    #page-user-registration-user .input-field [type='email']:not(:disabled):focus,
    #page-user-registration-user .input-field [type='tel']:not(:disabled):focus,
    #page-user-registration-user .input-field textarea:not(:disabled):focus,
    #page-user-registration-company .input-field [type='text']:not(:disabled):focus,
    #page-user-registration-company .input-field [type='password']:not(:disabled):focus,
    #page-user-registration-company .input-field [type='email']:not(:disabled):focus,
    #page-user-registration-company .input-field [type='tel']:not(:disabled):focus,
    #page-user-registration-company .input-field textarea:not(:disabled):focus {
      border-bottom: 4px solid #343E4A; }
    #page-user-registration-user .input-field [type='text']:not(:disabled).has-error,
    #page-user-registration-user .input-field [type='password']:not(:disabled).has-error,
    #page-user-registration-user .input-field [type='email']:not(:disabled).has-error,
    #page-user-registration-user .input-field [type='tel']:not(:disabled).has-error,
    #page-user-registration-user .input-field textarea:not(:disabled).has-error,
    #page-user-registration-company .input-field [type='text']:not(:disabled).has-error,
    #page-user-registration-company .input-field [type='password']:not(:disabled).has-error,
    #page-user-registration-company .input-field [type='email']:not(:disabled).has-error,
    #page-user-registration-company .input-field [type='tel']:not(:disabled).has-error,
    #page-user-registration-company .input-field textarea:not(:disabled).has-error {
      border-bottom: 4px solid #E20026 !important; }
      #page-user-registration-user .input-field [type='text']:not(:disabled).has-error + label,
      #page-user-registration-user .input-field [type='password']:not(:disabled).has-error + label,
      #page-user-registration-user .input-field [type='email']:not(:disabled).has-error + label,
      #page-user-registration-user .input-field [type='tel']:not(:disabled).has-error + label,
      #page-user-registration-user .input-field textarea:not(:disabled).has-error + label,
      #page-user-registration-company .input-field [type='text']:not(:disabled).has-error + label,
      #page-user-registration-company .input-field [type='password']:not(:disabled).has-error + label,
      #page-user-registration-company .input-field [type='email']:not(:disabled).has-error + label,
      #page-user-registration-company .input-field [type='tel']:not(:disabled).has-error + label,
      #page-user-registration-company .input-field textarea:not(:disabled).has-error + label {
        color: #E20026 !important; }
      #page-user-registration-user .input-field [type='text']:not(:disabled).has-error ~ .input-field-error,
      #page-user-registration-user .input-field [type='password']:not(:disabled).has-error ~ .input-field-error,
      #page-user-registration-user .input-field [type='email']:not(:disabled).has-error ~ .input-field-error,
      #page-user-registration-user .input-field [type='tel']:not(:disabled).has-error ~ .input-field-error,
      #page-user-registration-user .input-field textarea:not(:disabled).has-error ~ .input-field-error,
      #page-user-registration-company .input-field [type='text']:not(:disabled).has-error ~ .input-field-error,
      #page-user-registration-company .input-field [type='password']:not(:disabled).has-error ~ .input-field-error,
      #page-user-registration-company .input-field [type='email']:not(:disabled).has-error ~ .input-field-error,
      #page-user-registration-company .input-field [type='tel']:not(:disabled).has-error ~ .input-field-error,
      #page-user-registration-company .input-field textarea:not(:disabled).has-error ~ .input-field-error {
        display: block; }
    #page-user-registration-user .input-field [type='text']:not(:disabled).has-error-required,
    #page-user-registration-user .input-field [type='password']:not(:disabled).has-error-required,
    #page-user-registration-user .input-field [type='email']:not(:disabled).has-error-required,
    #page-user-registration-user .input-field [type='tel']:not(:disabled).has-error-required,
    #page-user-registration-user .input-field textarea:not(:disabled).has-error-required,
    #page-user-registration-company .input-field [type='text']:not(:disabled).has-error-required,
    #page-user-registration-company .input-field [type='password']:not(:disabled).has-error-required,
    #page-user-registration-company .input-field [type='email']:not(:disabled).has-error-required,
    #page-user-registration-company .input-field [type='tel']:not(:disabled).has-error-required,
    #page-user-registration-company .input-field textarea:not(:disabled).has-error-required {
      border-bottom: 4px solid #E20026; }
      #page-user-registration-user .input-field [type='text']:not(:disabled).has-error-required ~ .input-field-error-required,
      #page-user-registration-user .input-field [type='password']:not(:disabled).has-error-required ~ .input-field-error-required,
      #page-user-registration-user .input-field [type='email']:not(:disabled).has-error-required ~ .input-field-error-required,
      #page-user-registration-user .input-field [type='tel']:not(:disabled).has-error-required ~ .input-field-error-required,
      #page-user-registration-user .input-field textarea:not(:disabled).has-error-required ~ .input-field-error-required,
      #page-user-registration-company .input-field [type='text']:not(:disabled).has-error-required ~ .input-field-error-required,
      #page-user-registration-company .input-field [type='password']:not(:disabled).has-error-required ~ .input-field-error-required,
      #page-user-registration-company .input-field [type='email']:not(:disabled).has-error-required ~ .input-field-error-required,
      #page-user-registration-company .input-field [type='tel']:not(:disabled).has-error-required ~ .input-field-error-required,
      #page-user-registration-company .input-field textarea:not(:disabled).has-error-required ~ .input-field-error-required {
        display: block; }
    #page-user-registration-user .input-field [type='text']:disabled,
    #page-user-registration-user .input-field [type='password']:disabled,
    #page-user-registration-user .input-field [type='email']:disabled,
    #page-user-registration-user .input-field [type='tel']:disabled,
    #page-user-registration-user .input-field textarea:disabled,
    #page-user-registration-company .input-field [type='text']:disabled,
    #page-user-registration-company .input-field [type='password']:disabled,
    #page-user-registration-company .input-field [type='email']:disabled,
    #page-user-registration-company .input-field [type='tel']:disabled,
    #page-user-registration-company .input-field textarea:disabled {
      border-bottom: 0;
      color: rgba(0, 0, 0, 0.3);
      pointer-events: none; }
      #page-user-registration-user .input-field [type='text']:disabled + label,
      #page-user-registration-user .input-field [type='password']:disabled + label,
      #page-user-registration-user .input-field [type='email']:disabled + label,
      #page-user-registration-user .input-field [type='tel']:disabled + label,
      #page-user-registration-user .input-field textarea:disabled + label,
      #page-user-registration-company .input-field [type='text']:disabled + label,
      #page-user-registration-company .input-field [type='password']:disabled + label,
      #page-user-registration-company .input-field [type='email']:disabled + label,
      #page-user-registration-company .input-field [type='tel']:disabled + label,
      #page-user-registration-company .input-field textarea:disabled + label {
        color: #949494 !important; }
      #page-user-registration-user .input-field [type='text']:disabled.filled,
      #page-user-registration-user .input-field [type='password']:disabled.filled,
      #page-user-registration-user .input-field [type='email']:disabled.filled,
      #page-user-registration-user .input-field [type='tel']:disabled.filled,
      #page-user-registration-user .input-field textarea:disabled.filled,
      #page-user-registration-company .input-field [type='text']:disabled.filled,
      #page-user-registration-company .input-field [type='password']:disabled.filled,
      #page-user-registration-company .input-field [type='email']:disabled.filled,
      #page-user-registration-company .input-field [type='tel']:disabled.filled,
      #page-user-registration-company .input-field textarea:disabled.filled {
        background: #fff; }
        #page-user-registration-user .input-field [type='text']:disabled.filled + label,
        #page-user-registration-user .input-field [type='password']:disabled.filled + label,
        #page-user-registration-user .input-field [type='email']:disabled.filled + label,
        #page-user-registration-user .input-field [type='tel']:disabled.filled + label,
        #page-user-registration-user .input-field textarea:disabled.filled + label,
        #page-user-registration-company .input-field [type='text']:disabled.filled + label,
        #page-user-registration-company .input-field [type='password']:disabled.filled + label,
        #page-user-registration-company .input-field [type='email']:disabled.filled + label,
        #page-user-registration-company .input-field [type='tel']:disabled.filled + label,
        #page-user-registration-company .input-field textarea:disabled.filled + label {
          color: rgba(0, 0, 0, 0.3);
          left: 1rem;
          top: 5px;
          -webkit-transform: scale(0.8);
                  transform: scale(0.8); }
  #page-user-registration-user .input-field textarea,
  #page-user-registration-company .input-field textarea {
    line-height: 1.5rem;
    min-height: 3.5rem; }
  #page-user-registration-user .input-field [type='password'] ~ .show-password,
  #page-user-registration-user .input-field [type='text'] ~ .show-password,
  #page-user-registration-company .input-field [type='password'] ~ .show-password,
  #page-user-registration-company .input-field [type='text'] ~ .show-password {
    position: absolute;
    top: 15px;
    right: 0.5rem;
    bottom: 0.25rem;
    left: auto;
    cursor: pointer; }
    #page-user-registration-user .input-field [type='password'] ~ .show-password svg,
    #page-user-registration-user .input-field [type='text'] ~ .show-password svg,
    #page-user-registration-company .input-field [type='password'] ~ .show-password svg,
    #page-user-registration-company .input-field [type='text'] ~ .show-password svg {
      height: 0.875rem;
      width: 0.875rem;
      pointer-events: none; }
  #page-user-registration-user .input-field.search-input span:first-of-type,
  #page-user-registration-company .input-field.search-input span:first-of-type {
    position: absolute;
    top: auto;
    right: 0.5rem;
    bottom: 0.5rem;
    left: auto;
    color: #000;
    content: '>';
    height: 1em;
    width: 1em; }
    #page-user-registration-user .input-field.search-input span:first-of-type svg,
    #page-user-registration-company .input-field.search-input span:first-of-type svg {
      cursor: pointer;
      fill: #000; }
      #page-user-registration-user .input-field.search-input span:first-of-type svg:hover,
      #page-user-registration-company .input-field.search-input span:first-of-type svg:hover {
        fill: #E20026; }
  #page-user-registration-user .input-field .input-field-error,
  #page-user-registration-user .input-field .input-field-error-required,
  #page-user-registration-company .input-field .input-field-error,
  #page-user-registration-company .input-field .input-field-error-required {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -1rem;
    left: auto;
    color: #E20026;
    display: none;
    font-size: 0.75rem;
    padding: 0 1rem; }

#page-user-registration-user .button-box,
#page-user-registration-company .button-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 1rem;
  padding: 0 0 1rem;
  position: relative; }
  @media screen and (max-width: 600px) {
    #page-user-registration-user .button-box,
    #page-user-registration-company .button-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

#password-modal {
  min-width: 900px; }
  @media screen and (max-width: 900px) {
    #password-modal {
      min-width: 100%; } }

.invitation {
  background: #d8d8d8;
  display: block;
  font-size: 0.875rem;
  padding: 1rem;
  text-align: center; }
  .invitation p {
    margin-bottom: 0; }

.registered-other-portal {
  background: #F2F2F2;
  border-radius: 1rem;
  display: none;
  margin-top: 2rem;
  padding: 1.125rem;
  text-align: center; }
  .registered-other-portal h2 {
    text-transform: none; }
  .registered-other-portal .box-content {
    width: 100%; }
  .registered-other-portal .button {
    margin-top: 1rem; }

.ms-google-captcha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media screen and (max-width: 460px) {
    .ms-google-captcha {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .ms-google-captcha .captcha-container {
    width: 300px;
    height: 80px;
    border: 1px solid #333; }

#page-user-registration-company {
  display: none; }
  #page-user-registration-company > section {
    background: transparent;
    margin-bottom: 0;
    max-width: 1200px;
    padding: 0 110px; }
    @media screen and (max-width: 600px) {
      #page-user-registration-company > section {
        padding: 0 1.125rem; } }
  #page-user-registration-company .company-data > h3 {
    text-transform: none; }
  #page-user-registration-company .registration-company {
    margin: 1rem 0; }
  #page-user-registration-company #business-address.no-biz {
    margin-bottom: 40px; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #page-user-registration-company .modal-content > div {
      margin: 0 auto; } }
  #page-user-registration-company .registration-company,
  #page-user-registration-company .modal-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative; }
    #page-user-registration-company .registration-company > div,
    #page-user-registration-company .modal-content > div {
      width: 45%; }
      @media screen and (max-width: 600px) {
        #page-user-registration-company .registration-company > div,
        #page-user-registration-company .modal-content > div {
          width: 100%; } }
      @media screen and (min-width: 601px) and (max-width: 900px) {
        #page-user-registration-company .registration-company > div,
        #page-user-registration-company .modal-content > div {
          width: 100%; } }
      @media screen and (min-width: 901px) and (max-width: 1200px) {
        #page-user-registration-company .registration-company > div,
        #page-user-registration-company .modal-content > div {
          width: 48%; } }
    #page-user-registration-company .registration-company > .checkbox,
    #page-user-registration-company .modal-content > .checkbox {
      margin-top: 1rem; }
      #page-user-registration-company .registration-company > .checkbox label,
      #page-user-registration-company .modal-content > .checkbox label {
        width: 100%;
        word-wrap: none; }
    #page-user-registration-company .registration-company > .full-width,
    #page-user-registration-company .modal-content > .full-width {
      width: 100%; }
    #page-user-registration-company .registration-company small,
    #page-user-registration-company .modal-content small {
      color: #949494;
      font-size: 0.75rem;
      font-weight: 600;
      position: absolute;
      right: 0;
      top: -1rem; }
  #page-user-registration-company .button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 1rem;
    padding: 1rem 0;
    position: relative; }
    @media screen and (max-width: 600px) {
      #page-user-registration-company .button-box .blackback-to-user-data {
        margin-right: 10px; } }

@media screen and (max-width: 600px) and (max-width: 600px) {
  #page-user-registration-company .button-box .back-to-user-data {
    width: 100%; } }
  #page-user-registration-company #button-cancel,
  #page-user-registration-company #button-save {
    display: none; }
  #page-user-registration-company .registration-company .to-send.checkbox {
    margin-bottom: 5px; }
    #page-user-registration-company .registration-company .to-send.checkbox .checkboxWrp {
      padding-right: 5px; }
      #page-user-registration-company .registration-company .to-send.checkbox .checkboxWrp::before {
        content: '';
        position: absolute;
        height: 20px;
        margin-left: -21px;
        width: 20px;
        margin-top: -1px;
        background-image: url(/Content/images/steyr-checkbox-unfilled.svg);
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer; }
    #page-user-registration-company .registration-company .to-send.checkbox input:checked + .checkboxWrp:before {
      background-image: url(/Content/images/steyr-checkbox-filled.svg);
      cursor: pointer; }
    #page-user-registration-company .registration-company .to-send.checkbox input:disabled + .checkboxWrp:before {
      background-image: url(/Content/images/steyr-checkbox-filled.svg);
      opacity: 0.4;
      cursor: auto; }
    #page-user-registration-company .registration-company .to-send.checkbox .custm_checkboxWrp {
      padding-left: 23px !important; }

#password-modal {
  min-width: 900px; }
  @media screen and (max-width: 900px) {
    #password-modal {
      min-width: 100%; } }

.company-already-exists {
  background: #F2F2F2;
  border-radius: 1rem;
  display: none;
  margin-top: 1rem;
  padding: 1.125rem;
  text-align: center; }
  .company-already-exists h2 {
    text-transform: none; }
  .company-already-exists p {
    margin: 1rem 0; }
  .company-already-exists .company-already-exists-input.input-field {
    margin: auto;
    max-width: 500px; }
  .company-already-exists .box-content {
    width: 100%; }
  .company-already-exists .button {
    margin-top: 1rem; }

.popover-overlay {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  bottom: 0.5rem;
  left: auto;
  min-width: 6rem;
  z-index: 1; }
  .popover-overlay ~ #button-next {
    min-width: 6rem; }
    @media screen and (max-width: 600px) {
      .popover-overlay ~ #button-next {
        width: 100%; } }
  @media screen and (max-width: 600px) {
    .popover-overlay ~ #button-register {
      width: 100%; } }
  @media screen and (max-width: 600px) {
    .popover-overlay ~ #beforeCaptcha {
      width: 100%; } }
  .popover-overlay ~ .popover {
    margin-left: -50px; }
  .popover-overlay ~ #redirect-button-cancel {
    background-color: #000;
    border-top-right-radius: 5px 50%;
    border-bottom-right-radius: 5px 50%;
    border-top-left-radius: 5px 50%;
    border-bottom-left-radius: 5px 50%;
    position: absolute;
    left: 0;
    height: 50px;
    min-width: 110px; }
    @media screen and (max-width: 600px) {
      .popover-overlay ~ #redirect-button-cancel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        position: unset;
        width: 100%; } }

#page-user-registration-feedback .arrow {
  margin-right: 10px; }

#page-user-registration-feedback .registration-feedback-wrapper {
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  #page-user-registration-feedback .registration-feedback-wrapper h2 {
    margin: 0 !important; }
  #page-user-registration-feedback .registration-feedback-wrapper .injected-svg {
    height: 3rem;
    width: 3rem;
    fill: #00ab00; }

#page-user-registration-feedback > section {
  background: transparent;
  margin-bottom: 0;
  max-width: 1200px;
  padding: 0 2.25rem; }

#page-user-registration-feedback h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-transform: none; }
  @media screen and (max-width: 900px) {
    #page-user-registration-feedback h3 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  #page-user-registration-feedback h3 small {
    font-size: 0.875rem;
    font-weight: normal; }
    @media screen and (max-width: 900px) {
      #page-user-registration-feedback h3 small {
        -ms-flex-item-align: end;
            align-self: flex-end;
        margin-top: 1rem; } }

#page-user-registration-feedback .step-section {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  #page-user-registration-feedback .step-section .thank-you-title {
    margin-left: 10px;
    text-transform: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5rem;
    margin-top: 2rem;
    width: 100%; }
    @media screen and (max-width: 600px) {
      #page-user-registration-feedback .step-section .thank-you-title {
        font-size: 1rem; } }
    @media screen and (min-width: 601px) {
      #page-user-registration-feedback .step-section .thank-you-title {
        font-size: 1.875rem; } }
    #page-user-registration-feedback .step-section .thank-you-title .injected-svg {
      height: 3rem;
      width: 3rem;
      fill: #00ab00; }
  #page-user-registration-feedback .step-section .step-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -2.5% 4rem;
    width: 98%; }
    @media screen and (max-width: 900px) {
      #page-user-registration-feedback .step-section .step-wrapper {
        -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; } }
    #page-user-registration-feedback .step-section .step-wrapper .step {
      color: #7f7366;
      margin: 0 7.5%;
      position: relative;
      text-align: center;
      width: 20%; }
      @media screen and (max-width: 900px) {
        #page-user-registration-feedback .step-section .step-wrapper .step {
          margin-bottom: 2rem;
          width: 100%; } }
      #page-user-registration-feedback .step-section .step-wrapper .step img,
      #page-user-registration-feedback .step-section .step-wrapper .step svg {
        fill: #E20026; }
      #page-user-registration-feedback .step-section .step-wrapper .step .step-header {
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: 0.5rem; }
        #page-user-registration-feedback .step-section .step-wrapper .step .step-header img,
        #page-user-registration-feedback .step-section .step-wrapper .step .step-header svg {
          height: 2rem;
          width: 2rem; }
      #page-user-registration-feedback .step-section .step-wrapper .step .step-description {
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
        color: #000; }
      #page-user-registration-feedback .step-section .step-wrapper .step .step-note {
        color: #000;
        font-size: 0.875rem; }
      #page-user-registration-feedback .step-section .step-wrapper .step .arrow {
        margin-right: 10px;
        position: absolute;
        top: 15%;
        right: -67%;
        bottom: auto;
        left: auto;
        width: 50%; }
        @media screen and (max-width: 900px) {
          #page-user-registration-feedback .step-section .step-wrapper .step .arrow {
            display: none; } }

#page-user-registration-feedback .now {
  color: #000;
  font-weight: 700;
  margin: 1rem 0 2rem; }

#page-user-registration-feedback .send-button {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 2rem 0 0; }

#page-user-registration-feedback .send-email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

#page-user-registration-request-feedback .thank-you-title img {
  margin-right: 10px !important; }

#page-user-registration-request-feedback > section {
  background: transparent;
  margin-bottom: 0;
  max-width: 1200px;
  padding: 0 2.25rem; }

#page-user-registration-request-feedback h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-transform: none; }
  @media screen and (max-width: 900px) {
    #page-user-registration-request-feedback h3 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  #page-user-registration-request-feedback h3 small {
    font-size: 0.875rem;
    font-weight: normal; }
    @media screen and (max-width: 900px) {
      #page-user-registration-request-feedback h3 small {
        -ms-flex-item-align: end;
            align-self: flex-end;
        margin-top: 1rem; } }

#page-user-registration-request-feedback .step-section {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  #page-user-registration-request-feedback .step-section .thank-you-title {
    margin-left: 10px !important;
    text-transform: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #3a3a3a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0.5rem;
    margin-top: 2rem;
    width: 100%; }
    @media screen and (max-width: 600px) {
      #page-user-registration-request-feedback .step-section .thank-you-title {
        font-size: 1rem; } }
    @media screen and (min-width: 601px) {
      #page-user-registration-request-feedback .step-section .thank-you-title {
        font-size: 1.875rem; } }
    #page-user-registration-request-feedback .step-section .thank-you-title .injected-svg {
      height: 3rem;
      width: 3rem;
      fill: #00ab00; }
  #page-user-registration-request-feedback .step-section .step-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -2.5% 4rem;
    width: 98%; }
    @media screen and (max-width: 900px) {
      #page-user-registration-request-feedback .step-section .step-wrapper {
        -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; } }
    #page-user-registration-request-feedback .step-section .step-wrapper .step {
      color: #000;
      margin: 0 7.5%;
      position: relative;
      text-align: center;
      width: 20%; }
      @media screen and (max-width: 900px) {
        #page-user-registration-request-feedback .step-section .step-wrapper .step {
          margin-bottom: 2rem;
          width: 100%; } }
      #page-user-registration-request-feedback .step-section .step-wrapper .step img,
      #page-user-registration-request-feedback .step-section .step-wrapper .step svg {
        fill: #E20026; }
      #page-user-registration-request-feedback .step-section .step-wrapper .step .step-header {
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: 0.5rem; }
        #page-user-registration-request-feedback .step-section .step-wrapper .step .step-header img,
        #page-user-registration-request-feedback .step-section .step-wrapper .step .step-header svg {
          height: 2rem;
          width: 2rem;
          margin-left: 0.5rem; }
      #page-user-registration-request-feedback .step-section .step-wrapper .step .step-description {
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: 0.5rem; }
      #page-user-registration-request-feedback .step-section .step-wrapper .step .step-note {
        color: #000;
        font-size: 0.875rem; }
      #page-user-registration-request-feedback .step-section .step-wrapper .step .arrow {
        position: absolute;
        top: 15%;
        right: -115%;
        bottom: auto;
        left: auto;
        width: 85%; }
        @media screen and (max-width: 900px) {
          #page-user-registration-request-feedback .step-section .step-wrapper .step .arrow {
            display: none; } }

#page-user-registration-request-feedback .now {
  color: #000;
  font-weight: 700;
  margin: 1rem 0 2rem; }

#page-user-registration-request-feedback .send-button {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 2rem 0 0; }

#page-user-registration-request-feedback .send-email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

#page-registration-completed {
  margin-left: 0;
  margin-right: 0;
  max-width: 100vw;
  padding-left: 0;
  padding-right: 0; }
  #page-registration-completed .arrow {
    margin-right: 10px; }
  #page-registration-completed .registration-success-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 40px; }
    #page-registration-completed .registration-success-wrapper h2 {
      margin: 0 !important; }
    #page-registration-completed .registration-success-wrapper .injected-svg {
      height: 3rem;
      width: 3rem;
      fill: #00ab00; }
    #page-registration-completed .registration-success-wrapper .thank-you-title {
      font-family: 'Exo 2';
      font-style: normal;
      font-weight: 700;
      font-size: 36px;
      line-height: 44px;
      text-align: center;
      color: #000;
      padding: 0 20px; }
    #page-registration-completed .registration-success-wrapper .registration-message {
      font-family: 'Exo 2';
      font-style: normal;
      font-weight: 700;
      font-size: 20px;
      line-height: 24px;
      color: #000;
      margin-bottom: 24px;
      padding: 0 20px; }
  #page-registration-completed > section {
    background: transparent;
    margin-bottom: 0; }
  #page-registration-completed h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-transform: none; }
    @media screen and (max-width: 900px) {
      #page-registration-completed h3 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    #page-registration-completed h3 small {
      font-size: 0.875rem;
      font-weight: normal; }
      @media screen and (max-width: 900px) {
        #page-registration-completed h3 small {
          -ms-flex-item-align: end;
              align-self: flex-end;
          margin-top: 1rem; } }
  #page-registration-completed .step-section {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    #page-registration-completed .step-section .thank-you-title {
      margin-bottom: 30px;
      width: 100%;
      text-transform: none !important; }
      #page-registration-completed .step-section .thank-you-title img {
        margin-right: 10px; }
      #page-registration-completed .step-section .thank-you-title .injected-svg {
        height: 3rem;
        width: 3rem;
        fill: #00ab00; }
    #page-registration-completed .step-section .step-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 -2.5% 4rem;
      width: 98%; }
      @media screen and (max-width: 900px) {
        #page-registration-completed .step-section .step-wrapper {
          -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; } }
      #page-registration-completed .step-section .step-wrapper .step {
        color: #7f7366;
        margin: 0 7.5%;
        position: relative;
        text-align: center;
        width: 20%; }
        @media screen and (max-width: 900px) {
          #page-registration-completed .step-section .step-wrapper .step {
            margin-bottom: 2rem;
            width: 100%; } }
        #page-registration-completed .step-section .step-wrapper .step img,
        #page-registration-completed .step-section .step-wrapper .step svg {
          fill: #7f7366; }
  #page-registration-completed .button {
    margin-top: 20px;
    margin-bottom: 3rem; }
  #page-registration-completed .now {
    color: #000;
    margin: 1rem 0 2rem; }
  #page-registration-completed .send-button {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin: 2rem 0 0; }
  #page-registration-completed .send-email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.switch-visibility {
  height: 10;
  width: 50px;
  background: rgba(178, 34, 34, 0.5);
  border-radius: 60px;
  /* &:hover {
		.toggle {
			svg {
				opacity: 1;
				transform: translate(-50%, -50%);
				transition: opacity 200ms ease-in-out, transform 160ms ease-in-out;
			}
		}
	} */ }
  .switch-visibility.active {
    background: rgba(0, 250, 154, 0.5);
    /* &:hover {
			.toggle {
				svg {
					transform: translate(-46%, -50%) rotatez(180deg);
					transition: opacity 200ms ease-in-out, transform 160ms ease-in-out;
				}
			}
		} */ }
    .switch-visibility.active .toggle {
      background: mediumspringgreen;
      -webkit-transform: translate(20px, -1px);
              transform: translate(20px, -1px);
      -webkit-transition: background 240ms ease-in-out, -webkit-transform 240ms ease-in-out;
      transition: background 240ms ease-in-out, -webkit-transform 240ms ease-in-out;
      transition: background 240ms ease-in-out, transform 240ms ease-in-out;
      transition: background 240ms ease-in-out, transform 240ms ease-in-out, -webkit-transform 240ms ease-in-out; }
      .switch-visibility.active .toggle svg {
        -webkit-transform: translate(-36%, -50%) rotatez(180deg);
                transform: translate(-36%, -50%) rotatez(180deg);
        -webkit-transition: opacity 200ms ease-in-out, -webkit-transform 160ms ease-in-out;
        transition: opacity 200ms ease-in-out, -webkit-transform 160ms ease-in-out;
        transition: opacity 200ms ease-in-out, transform 160ms ease-in-out;
        transition: opacity 200ms ease-in-out, transform 160ms ease-in-out, -webkit-transform 160ms ease-in-out; }

.toggle {
  height: 30px;
  width: 30px;
  background: firebrick;
  display: block;
  border-radius: 60px;
  -webkit-box-shadow: 0px 4px 4px rgba(13, 13, 13, 0.3);
          box-shadow: 0px 4px 4px rgba(13, 13, 13, 0.3);
  -webkit-transition: background 240ms ease-in-out, -webkit-transform 240ms ease-in-out;
  transition: background 240ms ease-in-out, -webkit-transform 240ms ease-in-out;
  transition: background 240ms ease-in-out, transform 240ms ease-in-out;
  transition: background 240ms ease-in-out, transform 240ms ease-in-out, -webkit-transform 240ms ease-in-out; }
  .toggle svg {
    width: 40%;
    position: absolute;
    top: 50%;
    left: 48%;
    -webkit-transform: translate(-60%, -50%);
            transform: translate(-60%, -50%);
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in-out, -webkit-transform 160ms ease-in-out;
    transition: opacity 200ms ease-in-out, -webkit-transform 160ms ease-in-out;
    transition: opacity 200ms ease-in-out, transform 160ms ease-in-out;
    transition: opacity 200ms ease-in-out, transform 160ms ease-in-out, -webkit-transform 160ms ease-in-out; }

.linked-container-wrapper .linked-container:nth-last-child(1) .wrapper-flex {
  margin-bottom: 30px;
  border-top: none !important; }

#tab-by-dealer .alert-active {
  margin-top: 10px; }

#tab-by-dealer .hidden {
  display: none; }

#tab-by-dealer .manage-visibility.hidden {
  display: none !important; }

#tab-by-dealer .no-dealer-available {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.5rem 0; }

#tab-by-dealer.search-content .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  #tab-by-dealer.search-content .header.hidden {
    display: none; }
  #tab-by-dealer.search-content .header .default-visibility-container {
    margin-left: auto;
    text-transform: uppercase; }
  #tab-by-dealer.search-content .header .select-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 2rem; }

#tab-by-dealer.search-content .intro {
  color: #000;
  font-family: 'Exo 2', Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 3rem 4px 2rem; }

#tab-by-dealer.search-content .toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1rem 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #tab-by-dealer.search-content .toolbar.hidden {
    display: none !important; }
  #tab-by-dealer.search-content .toolbar .no-assigned-items {
    background: #fff;
    display: none;
    font-size: 0.875rem;
    margin: 0.5rem 0;
    padding: 1rem 1.125rem;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  #tab-by-dealer.search-content .toolbar .select-all {
    margin-left: 37px; }
    #tab-by-dealer.search-content .toolbar .select-all .select-all-text {
      margin-right: 23px;
      margin-left: -11px;
      color: #000;
      font-family: 'Exo 2', Arial, Helvetica, sans-serif;
      font-size: 12px; }
  #tab-by-dealer.search-content .toolbar .manage-visibility.manage-top {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  #tab-by-dealer.search-content .toolbar .filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    #tab-by-dealer.search-content .toolbar .filters .associated.filter {
      right: 15px;
      position: relative; }
      #tab-by-dealer.search-content .toolbar .filters .associated.filter img {
        margin-top: 3px;
        margin-right: -6px; }
    #tab-by-dealer.search-content .toolbar .filters .associated,
    #tab-by-dealer.search-content .toolbar .filters .all-products {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #tab-by-dealer.search-content .toolbar .filters .associated svg.filter-icon,
      #tab-by-dealer.search-content .toolbar .filters .all-products svg.filter-icon {
        height: 20px;
        width: 20px;
        margin-top: 5px;
        margin-right: -6px; }
      #tab-by-dealer.search-content .toolbar .filters .associated .select2-selection__arrow,
      #tab-by-dealer.search-content .toolbar .filters .all-products .select2-selection__arrow {
        bottom: 9px; }
    #tab-by-dealer.search-content .toolbar .filters .all-products use#Border {
      stroke: #000; }
    #tab-by-dealer.search-content .toolbar .filters .all-products use#Shape {
      stroke: transparent; }
    #tab-by-dealer.search-content .toolbar .filters .select-field {
      min-width: 232px; }
      #tab-by-dealer.search-content .toolbar .filters .select-field .placeholder {
        top: 5px;
        z-index: 2;
        color: #343E4A !important;
        font-family: "Exo 2";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 14px;
        text-transform: uppercase;
        -webkit-transform: none;
                transform: none; }
      #tab-by-dealer.search-content .toolbar .filters .select-field.filled .placeholder, #tab-by-dealer.search-content .toolbar .filters .select-field.open .placeholder {
        top: 5px;
        z-index: 2;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 19px;
        text-transform: capitalize; }
  #tab-by-dealer.search-content .toolbar.toolbar-detached {
    margin-bottom: 1rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    #tab-by-dealer.search-content .toolbar.toolbar-detached .no-detached-items {
      background: #fff;
      /* display: none; */
      font-size: 0.875rem;
      margin: 0.5rem 0;
      padding: 1rem 1.125rem;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
    #tab-by-dealer.search-content .toolbar.toolbar-detached .select-all {
      display: none; }
  #tab-by-dealer.search-content .toolbar.selected .checkbox svg {
    border: none; }
  #tab-by-dealer.search-content .toolbar .minus-icon {
    visibility: hidden;
    position: relative;
    left: -24px;
    border: 0; }
  #tab-by-dealer.search-content .toolbar .plus-icon {
    visibility: visible; }
  #tab-by-dealer.search-content .toolbar.minus .minus-icon {
    visibility: visible; }
  #tab-by-dealer.search-content .toolbar.minus .plus-icon {
    visibility: hidden; }

#tab-by-dealer.search-content .manage-visibility.manage-top, #tab-by-dealer.search-content .manage-visibility.manage-bottom {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px; }
  #tab-by-dealer.search-content .manage-visibility.manage-top button, #tab-by-dealer.search-content .manage-visibility.manage-bottom button {
    margin-right: 4px; }

#tab-by-dealer.search-content .manage-visibility .steyr-btn-secondary {
  left: 0px;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  #tab-by-dealer.search-content .manage-visibility .steyr-btn-secondary .steyr-btn-text {
    text-transform: uppercase;
    color: black;
    font-family: "Exo 2", sans-serif;
    font-weight: bold;
    font-size: 16px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #tab-by-dealer.search-content .manage-visibility .steyr-btn-secondary .steyr-btn-text svg {
      width: 14px;
      height: 14px;
      position: unset;
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      margin-right: 3.8px; }
  #tab-by-dealer.search-content .manage-visibility .steyr-btn-secondary:disabled {
    color: #949494 !important; }
  #tab-by-dealer.search-content .manage-visibility .steyr-btn-secondary:not(:disabled):hover {
    left: 8px; }

#tab-by-dealer.search-content .checkbox svg {
  border: 1px solid #000;
  height: 1.25rem;
  width: 1.25rem;
  background: transparent; }
  #tab-by-dealer.search-content .checkbox svg .border {
    fill: transparent; }
  #tab-by-dealer.search-content .checkbox svg rect.background {
    x: 0;
    rx: 0;
    ry: 0;
    y: 0;
    height: 100%;
    width: 100%; }

#tab-by-dealer.search-content .response.current,
#tab-by-dealer.search-content .response-detached {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  #tab-by-dealer.search-content .response.current.associated .row,
  #tab-by-dealer.search-content .response-detached.associated .row {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
    #tab-by-dealer.search-content .response.current.associated .row.first,
    #tab-by-dealer.search-content .response-detached.associated .row.first {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0; }
    #tab-by-dealer.search-content .response.current.associated .row.second,
    #tab-by-dealer.search-content .response-detached.associated .row.second {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
  #tab-by-dealer.search-content .response.current .row .linked-container .wrapper-flex,
  #tab-by-dealer.search-content .response-detached .row .linked-container .wrapper-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    #tab-by-dealer.search-content .response.current .row .linked-container .wrapper-flex > div,
    #tab-by-dealer.search-content .response-detached .row .linked-container .wrapper-flex > div {
      -ms-flex-preferred-size: 21.10%;
          flex-basis: 21.10%; }
    #tab-by-dealer.search-content .response.current .row .linked-container .wrapper-flex .name,
    #tab-by-dealer.search-content .response-detached .row .linked-container .wrapper-flex .name {
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      #tab-by-dealer.search-content .response.current .row .linked-container .wrapper-flex .name a,
      #tab-by-dealer.search-content .response-detached .row .linked-container .wrapper-flex .name a {
        color: #000 !important;
        font-weight: bold;
        padding-right: 5px; }
      #tab-by-dealer.search-content .response.current .row .linked-container .wrapper-flex .name .nickname,
      #tab-by-dealer.search-content .response-detached .row .linked-container .wrapper-flex .name .nickname {
        font-family: 'Exo 2', Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: initial; }
    #tab-by-dealer.search-content .response.current .row .linked-container .wrapper-flex .value,
    #tab-by-dealer.search-content .response-detached .row .linked-container .wrapper-flex .value {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      font-size: 10px;
      color: #c4c4c4; }
  #tab-by-dealer.search-content .response.current .row .search-visibility-details,
  #tab-by-dealer.search-content .response-detached .row .search-visibility-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #tab-by-dealer.search-content .response.current .row .search-visibility-details > div,
    #tab-by-dealer.search-content .response-detached .row .search-visibility-details > div {
      -ms-flex-preferred-size: 7%;
          flex-basis: 7%; }
    #tab-by-dealer.search-content .response.current .row .search-visibility-details .visibility.off,
    #tab-by-dealer.search-content .response-detached .row .search-visibility-details .visibility.off {
      opacity: 0.5; }
    #tab-by-dealer.search-content .response.current .row .search-visibility-details .name,
    #tab-by-dealer.search-content .response-detached .row .search-visibility-details .name {
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      #tab-by-dealer.search-content .response.current .row .search-visibility-details .name a,
      #tab-by-dealer.search-content .response-detached .row .search-visibility-details .name a {
        color: #000 !important;
        font-weight: bold;
        padding-right: 5px; }
      #tab-by-dealer.search-content .response.current .row .search-visibility-details .name .nickname,
      #tab-by-dealer.search-content .response-detached .row .search-visibility-details .name .nickname {
        font-family: 'Exo 2', Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: initial; }
    #tab-by-dealer.search-content .response.current .row .search-visibility-details .check-equipment,
    #tab-by-dealer.search-content .response-detached .row .search-visibility-details .check-equipment {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-preferred-size: 6%;
          flex-basis: 6%; }
      #tab-by-dealer.search-content .response.current .row .search-visibility-details .check-equipment .checkbox,
      #tab-by-dealer.search-content .response-detached .row .search-visibility-details .check-equipment .checkbox {
        margin-left: 27px;
        margin-bottom: 0; }
        #tab-by-dealer.search-content .response.current .row .search-visibility-details .check-equipment .checkbox .checkboxWrp::before,
        #tab-by-dealer.search-content .response-detached .row .search-visibility-details .check-equipment .checkbox .checkboxWrp::before {
          content: '';
          position: absolute;
          height: 20px;
          width: 20px;
          margin-top: -10px;
          background-image: url(/Content/images/steyr-checkbox-unfilled.svg);
          background-size: contain;
          background-repeat: no-repeat; }
        #tab-by-dealer.search-content .response.current .row .search-visibility-details .check-equipment .checkbox input:checked + .checkboxWrp:before,
        #tab-by-dealer.search-content .response-detached .row .search-visibility-details .check-equipment .checkbox input:checked + .checkboxWrp:before {
          background-image: url(/Content/images/steyr-checkbox-filled.svg); }
      #tab-by-dealer.search-content .response.current .row .search-visibility-details .check-equipment .alert-icon svg,
      #tab-by-dealer.search-content .response-detached .row .search-visibility-details .check-equipment .alert-icon svg {
        height: 35px;
        width: 35px; }
    #tab-by-dealer.search-content .response.current .row .search-visibility-details .sub-disposition,
    #tab-by-dealer.search-content .response-detached .row .search-visibility-details .sub-disposition {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start; }
      #tab-by-dealer.search-content .response.current .row .search-visibility-details .sub-disposition .voice,
      #tab-by-dealer.search-content .response-detached .row .search-visibility-details .sub-disposition .voice {
        font-size: 10px;
        color: #B2B2B2;
        margin-bottom: 10px; }
      #tab-by-dealer.search-content .response.current .row .search-visibility-details .sub-disposition.show-linked,
      #tab-by-dealer.search-content .response-detached .row .search-visibility-details .sub-disposition.show-linked {
        cursor: pointer;
        -webkit-transition: all 0.50s ease-out;
        transition: all 0.50s ease-out;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
        #tab-by-dealer.search-content .response.current .row .search-visibility-details .sub-disposition.show-linked svg,
        #tab-by-dealer.search-content .response-detached .row .search-visibility-details .sub-disposition.show-linked svg {
          -webkit-transition: -webkit-transform 0.35s ease-out;
          transition: -webkit-transform 0.35s ease-out;
          transition: transform 0.35s ease-out;
          transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
          height: 15px;
          width: 15px; }
        #tab-by-dealer.search-content .response.current .row .search-visibility-details .sub-disposition.show-linked.rotate svg,
        #tab-by-dealer.search-content .response-detached .row .search-visibility-details .sub-disposition.show-linked.rotate svg {
          -webkit-transform: rotate(-90deg);
                  transform: rotate(-90deg); }
  #tab-by-dealer.search-content .response.current .row.selected .checkbox svg,
  #tab-by-dealer.search-content .response-detached .row.selected .checkbox svg {
    border: none; }

#tab-by-dealer .filters .select-field {
  background: transparent;
  min-width: 90px;
  margin-left: 5px;
  margin-right: 5px; }
  #tab-by-dealer .filters .select-field .select2-container--default .select2-selection--single {
    border-bottom: none;
    color: #000;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-size: 12px; }

#tab-by-dealer .search-visibility-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  border: 1px solid #DED9D5;
  padding: 5px 22px 5px 7px;
  margin: 0px 3px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff; }
  #tab-by-dealer .search-visibility-details .voice {
    font-size: 10px;
    color: #000;
    margin-bottom: 10px; }
  #tab-by-dealer .search-visibility-details .name {
    color: #000;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-size: 12px;
    -ms-flex-preferred-size: 35% !important;
        flex-basis: 35% !important; }
  #tab-by-dealer .search-visibility-details .pin,
  #tab-by-dealer .search-visibility-details .linked-devices {
    -ms-flex-preferred-size: 23.5%;
        flex-basis: 23.5%; }
  #tab-by-dealer .search-visibility-details .pin {
    border-left: 0.5px solid #edebe8;
    padding-left: 35px;
    -ms-flex-preferred-size: 23.5% !important;
        flex-basis: 23.5% !important; }
  #tab-by-dealer .search-visibility-details .value {
    color: #000;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-size: 13px; }
  #tab-by-dealer .search-visibility-details .equipement-flex-spacer {
    -ms-flex-preferred-size: 6.5%;
        flex-basis: 6.5%; }
  #tab-by-dealer .search-visibility-details .alert-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-preferred-size: 7% !important;
        flex-basis: 7% !important; }
    #tab-by-dealer .search-visibility-details .alert-icon svg {
      cursor: pointer;
      height: 35px;
      width: 35px; }
    #tab-by-dealer .search-visibility-details .alert-icon.hidden {
      visibility: hidden; }
  #tab-by-dealer .search-visibility-details .show-linked {
    -webkit-transition: all 0.50s ease-out;
    transition: all 0.50s ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-preferred-size: 4% !important;
        flex-basis: 4% !important; }
    #tab-by-dealer .search-visibility-details .show-linked.rotate svg {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    #tab-by-dealer .search-visibility-details .show-linked svg {
      width: 20px !important;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
  #tab-by-dealer .search-visibility-details .visibility.product-info,
  #tab-by-dealer .search-visibility-details .visibility.plm-connect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-preferred-size: 6.5% !important;
        flex-basis: 6.5% !important; }
  #tab-by-dealer .search-visibility-details .switch input:checked + .switch-button .switch-cursor > span {
    border-color: #E20026;
    background: none; }
  #tab-by-dealer .search-visibility-details .switch input + .switch-button .switch-cursor > span {
    border-radius: 1.2rem;
    display: block;
    height: 2rem;
    margin-top: -0.2rem;
    width: 3.1rem;
    border: 2px solid #B2B2B2;
    background: none; }
  #tab-by-dealer .search-visibility-details .visibility .customised-toggle input:checked + .switch-button .switch-cursor > span::before {
    background-image: url(/Content/images/case_icon_eye_open.svg);
    background-color: #E20026;
    left: 1.25rem;
    top: 1px !important; }
  #tab-by-dealer .search-visibility-details .visibility .customised-toggle input + .switch-button .switch-cursor > span::before {
    background-image: url(/Content/images/case_icon_eye_close.svg);
    background-color: #B2B2B2;
    left: 0.3rem;
    top: 0.05rem; }
  #tab-by-dealer .search-visibility-details .plm-connect.active .switch input + .switch-button .switch-cursor > span {
    opacity: 1; }
  #tab-by-dealer .search-visibility-details .plm-connect.active .switch input + .switch-button .switch-cursor > span::before {
    opacity: 1;
    left: 1.30rem; }
  #tab-by-dealer .search-visibility-details .plm-connect .switch .switch-cursor span {
    opacity: 0.4; }
  #tab-by-dealer .search-visibility-details .plm-connect .switch .switch-cursor span::before {
    opacity: 0.4; }

#tab-by-dealer .linked-container {
  list-style: none;
  margin: 10px 3px; }
  #tab-by-dealer .linked-container .wrapper-flex {
    width: 98%;
    float: right;
    border: 1px solid #DED9D5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #DED9D5;
    padding: 5px 20px;
    background: #fff; }
    #tab-by-dealer .linked-container .wrapper-flex .name {
      color: #000;
      font-family: 'Exo 2', Arial, Helvetica, sans-serif;
      font-size: 12px;
      -ms-flex-preferred-size: 15%;
      flex-basis: 13%; }
    #tab-by-dealer .linked-container .wrapper-flex .value {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
      border-left: 0.5px solid #edebe8;
      padding-left: 35px;
      color: #000;
      font-family: 'Exo 2', Arial, Helvetica, sans-serif;
      font-size: 14px; }
      #tab-by-dealer .linked-container .wrapper-flex .value .label {
        font-size: 10px;
        color: #B2B2B2;
        margin-bottom: 10px; }
      #tab-by-dealer .linked-container .wrapper-flex .value .pin {
        color: #000;
        font-family: 'Exo 2', Arial, Helvetica, sans-serif;
        font-size: 14px; }
  #tab-by-dealer .linked-container.ie .wrapper-flex {
    width: 98.8%; }
  #tab-by-dealer .linked-container .wrapper-flex:nth-child(n + 2) {
    border-top: none; }

#tab-by-dealer svg {
  height: 12px;
  width: 12px; }

#tab-my-product {
  margin: 1rem 2.5rem;
  color: #000;
  font-family: 'Exo 2', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px; }
  #tab-my-product p.pin-divider {
    display: inline;
    padding: 0 2px; }
  #tab-my-product .search-container .search-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #tab-my-product .search-container .search-section .search-label {
      margin-top: 29px; }
    #tab-my-product .search-container .search-section .input-field, #tab-my-product .search-container .search-section .input-container {
      width: 353px;
      color: #000;
      min-height: 50px;
      max-height: 50px;
      border: 0;
      background: #fff;
      margin: 0;
      margin-left: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      margin-right: 30px; }
      #tab-my-product .search-container .search-section .input-field input, #tab-my-product .search-container .search-section .input-container input {
        padding-top: 11px;
        padding-bottom: 0;
        padding-left: 16px;
        text-overflow: ellipsis;
        padding-right: 42px; }
      #tab-my-product .search-container .search-section .input-field:focus-within label, #tab-my-product .search-container .search-section .input-container:focus-within label {
        top: 5px;
        color: #B2B2B2;
        font-size: 14px; }
      #tab-my-product .search-container .search-section .input-field:focus-within label, #tab-my-product .search-container .search-section .input-container:focus-within label {
        top: 5px;
        font-size: 14px; }
      #tab-my-product .search-container .search-section .input-field:focus label, #tab-my-product .search-container .search-section .input-container:focus label {
        top: 5px;
        font-size: 14px; }
      #tab-my-product .search-container .search-section .input-field:focus-visible, #tab-my-product .search-container .search-section .input-container:focus-visible {
        border-bottom: 4px solid #343E4A !important; }
      #tab-my-product .search-container .search-section .input-field.filled.disabled, #tab-my-product .search-container .search-section .input-container.filled.disabled {
        border-bottom: none; }
      #tab-my-product .search-container .search-section .input-field.filled label, #tab-my-product .search-container .search-section .input-container.filled label {
        top: 5px;
        font-size: 14px;
        color: #B2B2B2; }
      @media screen and (max-width: 600px) {
        #tab-my-product .search-container .search-section .input-field, #tab-my-product .search-container .search-section .input-container {
          margin-left: 0;
          margin-right: 30px; } }
    #tab-my-product .search-container .search-section label {
      font-style: normal;
      font-size: 16px;
      color: #000;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      top: 15px; }
    #tab-my-product .search-container .search-section input {
      border: 0;
      width: 220px;
      height: 30px;
      -ms-flex-preferred-size: 95%;
          flex-basis: 95%;
      color: #000;
      font-family: 'Exo 2', Arial, Helvetica, sans-serif;
      font-size: 16px;
      background: transparent;
      z-index: 1; }
      #tab-my-product .search-container .search-section input::-ms-clear {
        display: none; }
      #tab-my-product .search-container .search-section input:focus {
        outline: 0px; }
    #tab-my-product .search-container .search-section svg {
      -ms-flex-preferred-size: 5%;
          flex-basis: 5%;
      height: 19px;
      width: 19px;
      fill: #000;
      position: absolute;
      bottom: 14px;
      right: 10px; }
  #tab-my-product .search-container .search-result {
    position: absolute; }
    #tab-my-product .search-container .search-result .filter-list {
      width: 353px;
      list-style-type: none !important;
      overflow: scroll;
      height: 0;
      position: absolute;
      top: -14px;
      left: 117px;
      background-color: white;
      padding: 0;
      z-index: 99999;
      -webkit-transition: height 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
      #tab-my-product .search-container .search-result .filter-list.open {
        height: auto;
        margin: 0;
        top: 0;
        visibility: visible;
        max-height: 200px;
        padding-bottom: 0; }
      #tab-my-product .search-container .search-result .filter-list li {
        padding: 0.25rem 2.25rem 0.25rem 2rem; }
        #tab-my-product .search-container .search-result .filter-list li.item {
          border-bottom: 1px solid #C7CDD0;
          padding: 9px 16px 9px 32px;
          margin: 0px; }
      #tab-my-product .search-container .search-result .filter-list .label {
        font-weight: 600;
        padding-top: 12px;
        padding-left: 17px;
        color: #000;
        font-family: 'Exo 2', Arial, Helvetica, sans-serif;
        font-size: 12px; }
      #tab-my-product .search-container .search-result .filter-list .item:hover {
        cursor: pointer;
        background: #EEF0F1; }
  #tab-my-product .search-container:focus-within .filter-list {
    visibility: visible; }
  #tab-my-product .search-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
    #tab-my-product .search-container .filter-list {
      visibility: hidden; }
    #tab-my-product .search-container .search-label {
      display: inline-block;
      margin-bottom: 5px; }
    #tab-my-product .search-container .search-wrapper {
      display: inline-block; }
    #tab-my-product .search-container .filter-list {
      left: 10px !important; }
  #tab-my-product .response.show-equipment .equipments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 50px; }
    #tab-my-product .response.show-equipment .equipments .intro {
      margin-bottom: 10px;
      margin-top: 15px; }
    #tab-my-product .response.show-equipment .equipments .row .linked-container .wrapper-flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      #tab-my-product .response.show-equipment .equipments .row .linked-container .wrapper-flex > div {
        -ms-flex-preferred-size: 16.35%;
            flex-basis: 16.35%; }
      #tab-my-product .response.show-equipment .equipments .row .linked-container .wrapper-flex .name {
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        #tab-my-product .response.show-equipment .equipments .row .linked-container .wrapper-flex .name a {
          color: #000 !important;
          font-weight: bold;
          padding-right: 5px; }
        #tab-my-product .response.show-equipment .equipments .row .linked-container .wrapper-flex .name .nickname {
          font-family: 'Exo 2', Arial, Helvetica, sans-serif;
          font-size: 12px;
          font-weight: initial; }
      #tab-my-product .response.show-equipment .equipments .row .linked-container .wrapper-flex .value {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        font-size: 10px;
        color: #c4c4c4; }
    #tab-my-product .response.show-equipment .equipments .row.device .search-visibility-details {
      -webkit-box-pack: normal !important;
          -ms-flex-pack: normal !important;
              justify-content: normal !important; }
    #tab-my-product .response.show-equipment .equipments .row .search-visibility-details {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #tab-my-product .response.show-equipment .equipments .row .search-visibility-details > div {
        -ms-flex-preferred-size: 21.10%;
            flex-basis: 21.10%; }
      #tab-my-product .response.show-equipment .equipments .row .search-visibility-details .visibility.off {
        opacity: 0.5; }
      #tab-my-product .response.show-equipment .equipments .row .search-visibility-details .name {
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 58% !important;
            flex-basis: 58% !important;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        #tab-my-product .response.show-equipment .equipments .row .search-visibility-details .name a {
          color: #000 !important;
          font-weight: bold;
          padding-right: 5px; }
      #tab-my-product .response.show-equipment .equipments .row .search-visibility-details .nickname {
        font-family: 'Exo 2', Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: initial; }
      #tab-my-product .response.show-equipment .equipments .row .search-visibility-details .check-equipment {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        #tab-my-product .response.show-equipment .equipments .row .search-visibility-details .check-equipment .checkbox {
          position: absolute;
          left: 27px;
          margin-bottom: 0; }
        #tab-my-product .response.show-equipment .equipments .row .search-visibility-details .check-equipment .alert-icon svg {
          height: 35px;
          width: 35px; }
      #tab-my-product .response.show-equipment .equipments .row .search-visibility-details .sub-disposition {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start; }
        #tab-my-product .response.show-equipment .equipments .row .search-visibility-details .sub-disposition .voice {
          font-size: 10px;
          color: #B2B2B2;
          margin-bottom: 10px; }
        #tab-my-product .response.show-equipment .equipments .row .search-visibility-details .sub-disposition.show-linked {
          cursor: pointer;
          -webkit-transition: all 0.50s ease-out;
          transition: all 0.50s ease-out;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -webkit-box-align: end;
              -ms-flex-align: end;
                  align-items: flex-end; }
          #tab-my-product .response.show-equipment .equipments .row .search-visibility-details .sub-disposition.show-linked svg {
            -webkit-transition: -webkit-transform 0.35s ease-out;
            transition: -webkit-transform 0.35s ease-out;
            transition: transform 0.35s ease-out;
            transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
            width: 20px; }
          #tab-my-product .response.show-equipment .equipments .row .search-visibility-details .sub-disposition.show-linked.rotate svg {
            -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg); }
    #tab-my-product .response.show-equipment .equipments .row.selected .checkbox svg {
      border: none; }
  #tab-my-product .show-dealers-company {
    margin-top: 10px; }
    #tab-my-product .show-dealers-company .filters {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      #tab-my-product .show-dealers-company .filters .select-field {
        background: transparent;
        min-width: 140px;
        margin-left: 5px; }
      #tab-my-product .show-dealers-company .filters .associated,
      #tab-my-product .show-dealers-company .filters .all-products {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        #tab-my-product .show-dealers-company .filters .associated svg,
        #tab-my-product .show-dealers-company .filters .all-products svg {
          height: 20px;
          width: 20px; }
          #tab-my-product .show-dealers-company .filters .associated svg.dropdown-icon,
          #tab-my-product .show-dealers-company .filters .all-products svg.dropdown-icon {
            width: 12px !important;
            height: 12px !important; }
        #tab-my-product .show-dealers-company .filters .associated .select2-selection--single,
        #tab-my-product .show-dealers-company .filters .all-products .select2-selection--single {
          border: 0; }
        #tab-my-product .show-dealers-company .filters .associated .select2-selection__arrow,
        #tab-my-product .show-dealers-company .filters .all-products .select2-selection__arrow {
          bottom: 9px;
          right: 10px !important; }
        #tab-my-product .show-dealers-company .filters .associated img,
        #tab-my-product .show-dealers-company .filters .all-products img {
          margin-top: 5px;
          margin-right: -5px; }
      #tab-my-product .show-dealers-company .filters .all-products use#Border {
        stroke: #000; }
      #tab-my-product .show-dealers-company .filters .all-products use#Shape {
        stroke: transparent; }
      #tab-my-product .show-dealers-company .filters.hidden {
        visibility: hidden; }
    #tab-my-product .show-dealers-company .labels {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 60%;
      font-size: 10px;
      color: #000; }
      #tab-my-product .show-dealers-company .labels.hidden {
        visibility: hidden; }
      #tab-my-product .show-dealers-company .labels .product-info-label {
        font-size: 12px;
        -ms-flex-preferred-size: 22.5%;
            flex-basis: 22.5%;
        text-align: left;
        margin-left: 50px;
        color: #B2B2B2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        word-break: break-word;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media screen and (min-width: 601px) and (max-width: 900px) {
          #tab-my-product .show-dealers-company .labels .product-info-label {
            margin-left: 74px; } }
      #tab-my-product .show-dealers-company .labels .afs-connect-label {
        font-size: 0.8rem;
        -ms-flex-preferred-size: 26.5%;
            flex-basis: 26.5%;
        text-align: right;
        margin-right: -36px;
        color: #B2B2B2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        word-break: break-word;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding-right: 14px; }
      #tab-my-product .show-dealers-company .labels.no-telematic .product-info-label {
        -ms-flex-preferred-size: 30.5%;
            flex-basis: 30.5%; }
      #tab-my-product .show-dealers-company .labels .tooltip {
        position: relative;
        margin-bottom: -5px;
        margin-left: 1px; }
        #tab-my-product .show-dealers-company .labels .tooltip svg {
          height: 18px;
          width: 18px;
          fill: #000; }
      #tab-my-product .show-dealers-company .labels .tooltip:hover .tooltip-container {
        visibility: visible; }
      #tab-my-product .show-dealers-company .labels span.tooltip-container {
        visibility: hidden;
        width: 200px;
        background-color: #000;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 153%;
        left: -161%;
        margin-left: -55px;
        font-size: 12px; }
      #tab-my-product .show-dealers-company .labels .tooltip-container::before {
        content: "";
        position: absolute;
        top: 55px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        border-width: 4px 6px 0 6px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
        z-index: 100; }
    #tab-my-product .show-dealers-company article.row.item.dealer {
      width: 60%;
      border-bottom: 1px solid #DED9D5; }
      #tab-my-product .show-dealers-company article.row.item.dealer .visibility.details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 4rem; }
        #tab-my-product .show-dealers-company article.row.item.dealer .visibility.details .wrapper-details {
          -ms-flex-preferred-size: 50% !important;
              flex-basis: 50% !important; }
          #tab-my-product .show-dealers-company article.row.item.dealer .visibility.details .wrapper-details .name {
            font-family: 'Exo 2', Arial, Helvetica, sans-serif;
            font-size: 16px;
            letter-spacing: 0;
            line-height: 24px; }
          #tab-my-product .show-dealers-company article.row.item.dealer .visibility.details .wrapper-details .location {
            color: #000000;
            font-family: 'Exo 2', Arial, Helvetica, sans-serif;
            font-size: 14px;
            font-weight: 300;
            letter-spacing: 0;
            line-height: 21px; }
        #tab-my-product .show-dealers-company article.row.item.dealer .visibility.details .visibility.product-info,
        #tab-my-product .show-dealers-company article.row.item.dealer .visibility.details .visibility.plm-connect {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -ms-flex-preferred-size: 26.5% !important;
              flex-basis: 26.5% !important; }
        #tab-my-product .show-dealers-company article.row.item.dealer .visibility.details .visibility.plm-connect {
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; }
          #tab-my-product .show-dealers-company article.row.item.dealer .visibility.details .visibility.plm-connect .switch {
            margin-left: 80%; }
        #tab-my-product .show-dealers-company article.row.item.dealer .visibility.details .switch input:checked + .switch-button .switch-cursor > span {
          border-color: #E20026;
          background: none; }
        #tab-my-product .show-dealers-company article.row.item.dealer .visibility.details .switch input + .switch-button .switch-cursor > span {
          border-radius: 1.2rem;
          display: block;
          height: 2rem;
          margin-top: -0.2rem;
          width: 3.1rem;
          border: 2px solid #B2B2B2;
          background: none; }
        #tab-my-product .show-dealers-company article.row.item.dealer .visibility.details .visibility .customised-toggle input:checked + .switch-button .switch-cursor > span::before {
          background-image: url(/Content/images/case_icon_eye_open.svg);
          background-color: #E20026;
          left: 1.30rem;
          top: 0px !important; }
        #tab-my-product .show-dealers-company article.row.item.dealer .visibility.details .visibility .customised-toggle input + .switch-button .switch-cursor > span::before {
          background-image: url(/Content/images/case_icon_eye_close.svg);
          background-color: #B2B2B2;
          left: 0.3rem;
          top: 0.05rem; }
        #tab-my-product .show-dealers-company article.row.item.dealer .visibility.details .plm-connect.active .switch input + .switch-button .switch-cursor > span {
          opacity: 1; }
        #tab-my-product .show-dealers-company article.row.item.dealer .visibility.details .plm-connect .switch input + .switch-button .switch-cursor > span {
          opacity: 0.4; }
    #tab-my-product .show-dealers-company .to-product {
      margin-top: 70px; }
      #tab-my-product .show-dealers-company .to-product .button a {
        color: inherit; }
        #tab-my-product .show-dealers-company .to-product .button a:hover {
          text-decoration: none; }
    #tab-my-product .show-dealers-company .dealers {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      #tab-my-product .show-dealers-company .dealers.associated .row {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
        #tab-my-product .show-dealers-company .dealers.associated .row.first {
          -webkit-box-ordinal-group: 1;
              -ms-flex-order: 0;
                  order: 0; }
        #tab-my-product .show-dealers-company .dealers.associated .row.second {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; }
  #tab-my-product .search-visibility-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    border: 1px solid #DED9D5;
    padding: 5px 20px;
    margin: 0px 0px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: #fff; }
    #tab-my-product .search-visibility-details .check-equipment {
      -ms-flex-preferred-size: 7% !important;
          flex-basis: 7% !important; }
    #tab-my-product .search-visibility-details .voice {
      font-size: 10px;
      color: #B2B2B2;
      margin-bottom: 10px; }
    #tab-my-product .search-visibility-details .name {
      color: #000;
      font-family: 'Exo 2', Arial, Helvetica, sans-serif;
      font-size: 12px;
      -ms-flex-preferred-size: 18% !important;
          flex-basis: 18% !important; }
    #tab-my-product .search-visibility-details .pin,
    #tab-my-product .search-visibility-details .linked-devices {
      -ms-flex-preferred-size: 35%;
          flex-basis: 35%; }
    #tab-my-product .search-visibility-details .pin {
      border-left: 0.5px solid #edebe8;
      padding-left: 52px;
      -ms-flex-preferred-size: 23% !important;
          flex-basis: 23% !important; }
    #tab-my-product .search-visibility-details .value {
      color: #000;
      font-family: 'Exo 2', Arial, Helvetica, sans-serif;
      font-size: 14px; }
    #tab-my-product .search-visibility-details .equipement-flex-spacer {
      -ms-flex-preferred-size: 8%;
          flex-basis: 8%; }
    #tab-my-product .search-visibility-details .alert-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -ms-flex-preferred-size: 18% !important;
          flex-basis: 18% !important; }
      #tab-my-product .search-visibility-details .alert-icon .tooltip-container {
        left: 73%; }
      #tab-my-product .search-visibility-details .alert-icon svg {
        height: 35px;
        width: 35px; }
      #tab-my-product .search-visibility-details .alert-icon.hidden {
        visibility: hidden; }
    #tab-my-product .search-visibility-details .show-linked {
      -webkit-transition: all 0.50s ease-out;
      transition: all 0.50s ease-out;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -ms-flex-preferred-size: 12% !important;
          flex-basis: 12% !important; }
      #tab-my-product .search-visibility-details .show-linked.rotate svg {
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg); }
      #tab-my-product .search-visibility-details .show-linked svg {
        height: 15px;
        width: 15px; }
    #tab-my-product .search-visibility-details .visibility.product-info,
    #tab-my-product .search-visibility-details .visibility.plm-connect {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-preferred-size: 7.5% !important;
          flex-basis: 7.5% !important; }
    #tab-my-product .search-visibility-details .switch input:checked + .switch-button .switch-cursor > span {
      border-color: #E20026;
      background: none; }
    #tab-my-product .search-visibility-details .switch input + .switch-button .switch-cursor > span {
      border-radius: 1.2rem;
      display: block;
      height: 2rem;
      margin-top: -0.2rem;
      width: 3.1rem;
      border: 3px solid #B2B2B2;
      background: none; }
    #tab-my-product .search-visibility-details .visibility .customised-toggle input:checked + .switch-button .switch-cursor > span::before {
      background-image: url(/Content/images/case_icon_eye_open.svg);
      background-color: #E20026;
      left: 1.25rem;
      top: 0.05rem; }
    #tab-my-product .search-visibility-details .visibility .customised-toggle input + .switch-button .switch-cursor > span::before {
      background-image: url(/Content/images/case_icon_eye_close.svg);
      background-color: #B2B2B2;
      left: 0.3rem;
      top: 0.05rem; }
    #tab-my-product .search-visibility-details .plm-connect.active .switch input + .switch-button .switch-cursor > span {
      opacity: 1; }
    #tab-my-product .search-visibility-details .plm-connect .switch input + .switch-button .switch-cursor > span {
      opacity: 0.4; }
  #tab-my-product .linked-container {
    list-style: none;
    margin: 10px 0px; }
    #tab-my-product .linked-container .wrapper-flex {
      width: 98%;
      float: right;
      border: 1px solid #DED9D5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid #DED9D5;
      padding: 5px 20px;
      background: #fff; }
      #tab-my-product .linked-container .wrapper-flex .name {
        color: #000;
        font-family: 'Exo 2', Arial, Helvetica, sans-serif;
        font-size: 12px;
        -ms-flex-preferred-size: 15%;
        flex-basis: 13%; }
      #tab-my-product .linked-container .wrapper-flex .value {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
        border-left: 0.5px solid #edebe8;
        padding-left: 52px;
        color: #000;
        font-family: 'Exo 2', Arial, Helvetica, sans-serif;
        font-size: 14px; }
        #tab-my-product .linked-container .wrapper-flex .value .label {
          font-size: 10px;
          color: #000;
          margin-bottom: 10px; }
        #tab-my-product .linked-container .wrapper-flex .value .pin {
          color: #000;
          font-family: 'Exo 2', Arial, Helvetica, sans-serif;
          font-size: 14px; }
    #tab-my-product .linked-container.ie .wrapper-flex {
      width: 98.8%; }
    #tab-my-product .linked-container .wrapper-flex:nth-child(n + 2) {
      border-top: none; }

.visibility-modal.by-dealer .hidden {
  display: none; }

.visibility-modal.by-dealer .sub-section .reassigned-dealers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

/*  Utils */
.clean-button {
  background-color: transparent;
  border: none;
  color: #000; }

.center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }

#search-by-section button.change-default-visibility {
  padding-right: 5px !important; }

#search-by-section .end-request-message-container {
  display: none; }
  @media screen and (max-width: 600px) {
    #search-by-section .end-request-message-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 50px auto; } }
  #search-by-section .end-request-message-container svg {
    height: 60px;
    width: 60px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  #search-by-section .end-request-message-container .message-text {
    text-align: center; }

#search-by-section .top-tabs.tabs {
  min-height: 400px; }
  #search-by-section .top-tabs.tabs nav {
    border-bottom: 1px solid #d3d3d3;
    margin: 2rem 2.25rem; }

#search-by-section .select-field label {
  display: block;
  top: 0px;
  font-family: 'Exo 2', Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #343E4A;
  font-family: "Exo 2";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 17px;
  z-index: 2; }

#search-by-section .select-dealer-container.current {
  width: 353px;
  margin-left: 10px; }
  #search-by-section .select-dealer-container.current .select-field.inited label {
    top: 16px;
    font-size: 16px; }
  #search-by-section .select-dealer-container.current .select-field.inited .select2-selection__rendered {
    font-style: normal;
    text-transform: capitalize; }
  #search-by-section .select-dealer-container.current .select-field.inited.filled label, #search-by-section .select-dealer-container.current .select-field.inited.open label {
    background: transparent;
    display: block;
    top: 5px;
    color: #999;
    font-size: 12px;
    font-style: normal; }
  #search-by-section .select-dealer-container.current .select-field.inited.filled .select2-selection__rendered, #search-by-section .select-dealer-container.current .select-field.inited.open .select2-selection__rendered {
    font-style: normal;
    border-bottom: 4px solid #899098; }

#search-by-section .search-content .label.select {
  margin-top: 7px;
  padding-left: 3px; }

.select2-results__options.dealer-tab-dealer-visibility .select2-results__option {
  text-transform: capitalize !important;
  padding: 9px 16px !important;
  white-space: pre-line;
  word-break: break-word !important;
  color: #343E4A;
  font-family: "Exo 2";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 17px;
  border-bottom: 1px solid #cdcdcd; }

.detached-wrapper .select-all .checkbox .checkboxWrp::before {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  margin-top: 0px;
  background-image: url(/Content/images/steyr-checkbox-unfilled.svg);
  background-size: contain;
  background-repeat: no-repeat; }

.detached-wrapper .select-all .checkbox input:checked + .checkboxWrp:before {
  background-image: url(/Content/images/steyr-checkbox-filled.svg); }

.detached-wrapper .select-all .checkbox .inline-svg.minus-icon {
  margin-left: 24px;
  margin-top: 0px;
  border-radius: 5px; }

.toolbar-assigned .select-all .checkbox .checkboxWrp::before {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  margin-top: 0px;
  background-image: url(/Content/images/steyr-checkbox-unfilled.svg);
  background-size: contain;
  background-repeat: no-repeat; }

.toolbar-assigned .select-all .checkbox input:checked + .checkboxWrp:before {
  background-image: url(/Content/images/steyr-checkbox-filled.svg); }

.toolbar-assigned .select-all .checkbox .inline-svg.minus-icon {
  margin-left: 24px;
  margin-top: 0px;
  border-radius: 5px; }

.visibility-modal {
  position: fixed;
  top: -100vh;
  right: 0;
  bottom: auto;
  left: 0;
  height: 100vh;
  width: 100vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.6);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  -webkit-transition: opacity 0.2s, top 0s linear 0.2s;
  transition: opacity 0.2s, top 0s linear 0.2s;
  z-index: 11; }
  .visibility-modal .voice {
    width: 85px; }
  @media screen and (min-width: 601px) {
    .visibility-modal section.set-default-visibility {
      height: 385px; } }
  .visibility-modal.open {
    opacity: 1;
    top: 0;
    -webkit-transition: opacity 0.2s, top 0s linear 0s;
    transition: opacity 0.2s, top 0s linear 0s; }
  .visibility-modal .body {
    padding: 1.5rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 0.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: auto;
    max-width: 900px;
    position: absolute;
    min-width: 900px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    @media screen and (max-width: 600px) {
      .visibility-modal .body {
        min-width: 0;
        max-width: 94%; } }
    .visibility-modal .body .sub-section.hidden {
      display: none; }
    .visibility-modal .body .close-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin-left: auto;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      width: 20px;
      cursor: pointer; }
      .visibility-modal .body .close-icon svg {
        height: 20px;
        width: 20px;
        fill: #E20026; }
        .visibility-modal .body .close-icon svg #path814 {
          stroke: #003e87 !important; }
    .visibility-modal .body .header {
      padding: 0;
      width: 100%;
      -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; }
      .visibility-modal .body .header .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .visibility-modal .body .header .title div {
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; }
        .visibility-modal .body .header .title p {
          font-size: 14px;
          color: #3D3D3D; }
        .visibility-modal .body .header .title h3 {
          margin: 0;
          color: #000;
          font-size: 1.125rem;
          text-transform: none; }
        .visibility-modal .body .header .title svg {
          height: 25px;
          width: 25px;
          margin-right: 10px; }
    .visibility-modal .body .content {
      padding: 1rem 1.125rem; }
      .visibility-modal .body .content.visibility {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        border-bottom: 1px solid #ded9d5; }
        .visibility-modal .body .content.visibility.plm-connect {
          position: relative; }
        .visibility-modal .body .content.visibility .item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          height: 3rem;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .visibility-modal .body .content.visibility .item .tooltip {
            position: absolute;
            right: 355px; }
            .visibility-modal .body .content.visibility .item .tooltip svg {
              height: 20px;
              width: 20px;
              fill: #7F7366;
              left: -10px;
              top: -11px;
              position: absolute; }
          .visibility-modal .body .content.visibility .item .switch {
            margin-left: 15px; }
        .visibility-modal .body .content.visibility .alert-msg {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin: 20px 0;
          font-size: 14px;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .visibility-modal .body .content.visibility .alert-msg svg {
            height: 25px;
            width: 25px;
            margin-right: 10px;
            -ms-flex-preferred-size: 25px;
                flex-basis: 25px; }
          .visibility-modal .body .content.visibility .alert-msg span {
            -ms-flex-preferred-size: calc(100% - 36px);
                flex-basis: calc(100% - 36px); }
      .visibility-modal .body .content .switch input:checked + .switch-button .switch-cursor > span {
        border-color: #E20026;
        background: none; }
      .visibility-modal .body .content .switch input + .switch-button .switch-cursor > span {
        border-radius: 1.2rem;
        display: block;
        height: 2rem;
        margin-top: -0.2rem;
        width: 3.1rem;
        border: 2px solid #B2B2B2;
        background: none; }
      .visibility-modal .body .content .visibility .customised-toggle input:checked + .switch-button .switch-cursor > span::before {
        background-image: url(/Content/images/case_icon_eye_open.svg);
        background-color: #E20026;
        left: 1.30rem;
        top: 1px !important; }
      .visibility-modal .body .content .visibility.product-info .customised-toggle input:checked + .switch-button .switch-cursor > span::before {
        left: 1.30rem; }
      .visibility-modal .body .content .visibility .customised-toggle input + .switch-button .switch-cursor > span::before {
        background-image: url(/Content/images/case_icon_eye_close.svg);
        background-color: #B2B2B2;
        left: 0.4rem;
        top: 0.05rem; }
      .visibility-modal .body .content .plm-connect.active .switch input + .switch-button .switch-cursor > span {
        opacity: 1; }
      .visibility-modal .body .content .plm-connect .switch input + .switch-button .switch-cursor > span {
        opacity: 0.4; }
      .visibility-modal .body .content .plm-connect .switch input + .switch-button .switch-cursor > span {
        opacity: 0.4;
        left: 1.20rem; }
  .visibility-modal .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1.2rem 1.125rem 0;
    width: 100%; }
    .visibility-modal .actions button {
      padding: 0rem 0.8rem; }
      .visibility-modal .actions button.close-button {
        text-transform: uppercase;
        color: black;
        margin-left: 3.8px;
        font-family: "Exo 2", sans-serif;
        font-weight: bold;
        font-size: 16px;
        border: none; }
        .visibility-modal .actions button.close-button:not(:disabled):hover {
          text-decoration: underline; }
      .visibility-modal .actions button.set-visibility, .visibility-modal .actions button.set-default-visibility {
        padding: 0 15px; }
      .visibility-modal .actions button:hover {
        -webkit-box-shadow: none;
                box-shadow: none; }
  .visibility-modal .set-multy-visibility .title {
    margin-bottom: 10px; }
  .visibility-modal .set-multy-visibility .single-alert {
    margin-bottom: 20px;
    font-size: 14px;
    text-align: center; }
  .visibility-modal .success .header {
    margin-top: 2rem; }
    .visibility-modal .success .header .title {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center !important;
          -ms-flex-pack: center !important;
              justify-content: center !important; }
  .visibility-modal .tooltip {
    position: relative;
    z-index: 100000; }
  .visibility-modal .tooltip:hover .tooltip-container {
    visibility: visible; }
  .visibility-modal .tooltip:focus-within .tooltip-container {
    visibility: visible; }
  .visibility-modal span.tooltip-container {
    visibility: hidden;
    width: 200px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 114%;
    left: -52%;
    margin-left: -100px;
    font-size: 12px;
    margin-bottom: 18px; }
  .visibility-modal .tooltip-container::before {
    content: "";
    position: absolute;
    top: 55px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    z-index: 100; }
  .visibility-modal .alert-one-dealer .header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .visibility-modal .alert-one-dealer .header svg {
      height: 55px;
      width: 55px;
      fill: #E20026;
      margin-bottom: 21px; }
      .visibility-modal .alert-one-dealer .header svg path {
        fill: #E20026; }
    .visibility-modal .alert-one-dealer .header .title {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .visibility-modal .alert-one-dealer .header .title h3 {
        margin-bottom: 16px; }
  .visibility-modal .discard-last .header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .visibility-modal .discard-last .header .title {
      margin: 0 10%;
      text-align: center; }
    .visibility-modal .discard-last .header svg {
      height: 55px;
      width: 55px;
      fill: #E20026;
      margin-bottom: 21px; }
      .visibility-modal .discard-last .header svg path {
        fill: #E20026; }
    .visibility-modal .discard-last .header .title {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .visibility-modal .discard-last .header .title h3 {
        margin-bottom: 16px; }
  .visibility-modal .disabled {
    opacity: 0.5;
    cursor: default; }
  .visibility-modal .popover {
    margin-left: 2px; }
  .visibility-modal .set-default-visibility .alert-msg {
    margin: 20px -16px !important; }

.modal.request-success .modal-wrapper {
  min-height: 240px !important;
  max-width: 1000px; }
  .modal.request-success .modal-wrapper header .header-icon {
    margin: 0;
    color: #000;
    font-size: 1.125rem;
    text-transform: none; }
    .modal.request-success .modal-wrapper header .header-icon svg {
      fill: #00d500 !important; }
  .modal.request-success .modal-wrapper footer {
    margin-top: 0; }

.mobile_only {
  display: none; }
  @media screen and (max-width: 600px) {
    .mobile_only {
      display: inherit; } }

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px; }

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.loaders .dv-loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  height: 100vh;
  width: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in 0s, width 0s ease-in 0.2s;
  transition: opacity 0.2s ease-in 0s, width 0s ease-in 0.2s;
  z-index: 999999; }
  .loaders .dv-loader.show {
    -webkit-transition: opacity 0.2s ease-in 0s, width 0s ease-in 0s;
    transition: opacity 0.2s ease-in 0s, width 0s ease-in 0s;
    width: 100vw; }

#page-dealer-visibility-body #message-modal .modal-wrapper {
  width: 90%; }
  #page-dealer-visibility-body #message-modal .modal-wrapper header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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; }
    #page-dealer-visibility-body #message-modal .modal-wrapper header .icon-warning {
      height: 60px;
      width: 60px; }
    #page-dealer-visibility-body #message-modal .modal-wrapper header h2 {
      width: 100%;
      text-align: center; }

@media screen and (min-width: 600px) {
  #page-dealer-visibility-body #message-modal.half-width .modal-wrapper {
    width: 50vw; } }

#dealer-visibility-page .voice:not(.has-secondary-pin) .popover-trigger {
  display: none; }

#dealer-visibility-page .voice .popover-trigger {
  fill: #7f7366;
  margin-left: 5px;
  height: 1.02rem;
  width: 1.07rem; }

#dealer-visibility-page .voice .popover span {
  right: 18px !important; }

#dealer-visibility-page .voice.has-secondary-pin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#dealer-visibility-page input[type=checkbox] {
  visibility: hidden; }

#dealer-visibility-page .row svg .background {
  -webkit-transition: none;
  transition: none; }

#dealer-visibility-page .toolbar svg .background {
  -webkit-transition: none;
  transition: none; }

#dealer-visibility-page button.manage {
  padding: 0.7rem 1.125rem; }

#dealer-visibility-page .end-request-message-container {
  display: none; }
  @media screen and (max-width: 600px) {
    #dealer-visibility-page .end-request-message-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 50px auto; } }
  #dealer-visibility-page .end-request-message-container svg {
    height: 60px;
    width: 60px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  #dealer-visibility-page .end-request-message-container .message-text {
    text-align: center; }

#dealer-visibility-page .bold {
  font-weight: bold; }

#dealer-visibility-page .no-products-available {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2rem; }

#dealer-visibility-page .tabs-navigation a {
  position: relative;
  padding: 10px 0;
  cursor: default; }

#dealer-visibility-page .tabs-navigation .counter-product {
  margin-top: 5px;
  background-color: #7F7366;
  border-radius: 50px;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: -22px;
  top: 1px;
  font-size: 10px;
  color: #fff;
  font-weight: 400; }
  @media screen and (max-width: 600px) {
    #dealer-visibility-page .tabs-navigation .counter-product {
      right: -25px;
      top: 4px; } }
  #dealer-visibility-page .tabs-navigation .counter-product.hidden {
    display: none; }

#dealer-visibility-page .hidden {
  display: none; }

#dealer-visibility-page .info-visibility ul {
  list-style-type: none; }

#dealer-visibility-page .column, #dealer-visibility-page #tab-by-dealer .search-visibility-details .pin, #tab-by-dealer .search-visibility-details #dealer-visibility-page .pin,
#dealer-visibility-page #tab-by-dealer .search-visibility-details .linked-devices, #tab-by-dealer .search-visibility-details #dealer-visibility-page .linked-devices, #dealer-visibility-page #tab-my-product .search-visibility-details .pin, #tab-my-product .search-visibility-details #dealer-visibility-page .pin,
#dealer-visibility-page #tab-my-product .search-visibility-details .linked-devices, #tab-my-product .search-visibility-details #dealer-visibility-page .linked-devices, #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .linked-devices,
#dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .pin,
#dealer-visibility-page .requests-container .requests .response .row .equipment-details .linked-devices,
#dealer-visibility-page .requests-container .requests .response .row .equipment-details .pin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start; }

@media screen and (min-width: 901px) {
  #dealer-visibility-page .requests-container .top-tabs {
    margin: 0 -0.95rem; } }

#dealer-visibility-page .requests-container .top-tabs nav {
  margin: 2rem 1.25rem -1rem; }
  @media screen and (max-width: 600px) {
    #dealer-visibility-page .requests-container .top-tabs nav {
      margin: 5px 0 0; } }

#dealer-visibility-page .requests-container .top-tabs.tabs {
  background: #fff; }
  @media screen and (max-width: 600px) {
    #dealer-visibility-page .requests-container .top-tabs.tabs {
      background: transparent; } }

#dealer-visibility-page .requests-container .top-tabs span.spout {
  display: none; }

#dealer-visibility-page .requests-container .requests {
  /*       border: 1px solid #d3d3d3;
      border-radius: 1rem;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 */ }
  @media screen and (max-width: 600px) {
    #dealer-visibility-page .requests-container .requests {
      margin: 0; } }
  #dealer-visibility-page .requests-container .requests .expand {
    color: #003e85;
    background-color: transparent;
    border: none; }
    #dealer-visibility-page .requests-container .requests .expand svg {
      fill: #003e85; }
  #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response,
  #dealer-visibility-page .requests-container .requests .response {
    padding: 0rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    overflow: hidden;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out; }
    @media screen and (max-width: 600px) {
      #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response,
      #dealer-visibility-page .requests-container .requests .response {
        padding-top: 0; } }
    #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response.open,
    #dealer-visibility-page .requests-container .requests .response.open {
      max-height: 100%;
      -webkit-transition: max-height 0.25s ease-in;
      transition: max-height 0.25s ease-in; }
    #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response.hidden,
    #dealer-visibility-page .requests-container .requests .response.hidden {
      display: none; }
    #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response mark,
    #dealer-visibility-page .requests-container .requests .response mark {
      display: none; }
    #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row,
    #dealer-visibility-page .requests-container .requests .response .row {
      /*           border: 1px solid #d3d3d3;
          border-radius: 1rem;
          margin-bottom: 2rem;
 */ }
      @media screen and (max-width: 600px) {
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row,
        #dealer-visibility-page .requests-container .requests .response .row {
          border-bottom: 3px solid #7F7366;
          margin-bottom: 23px;
          padding-bottom: 10px; } }
      #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .item,
      #dealer-visibility-page .requests-container .requests .response .row .item {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .item > div,
        #dealer-visibility-page .requests-container .requests .response .row .item > div {
          width: 100%; }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .item .header,
        #dealer-visibility-page .requests-container .requests .response .row .item .header {
          width: 70%; }
          @media screen and (max-width: 600px) {
            #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .item .header,
            #dealer-visibility-page .requests-container .requests .response .row .item .header {
              width: 100%; } }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .item .days-container,
        #dealer-visibility-page .requests-container .requests .response .row .item .days-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          padding: 0;
          font-size: 0.8rem;
          color: #F5902D;
          margin-top: 0.2rem;
          width: 30%;
          margin-bottom: 10px;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          @media screen and (max-width: 600px) {
            #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .item .days-container,
            #dealer-visibility-page .requests-container .requests .response .row .item .days-container {
              -ms-flex-preferred-size: 100%;
                  flex-basis: 100%; } }
          #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .item .days-container.alert,
          #dealer-visibility-page .requests-container .requests .response .row .item .days-container.alert {
            color: #b72108; }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .item.duplicate .days,
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .item.duplicate .description,
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .item.duplicate .header,
        #dealer-visibility-page .requests-container .requests .response .row .item.duplicate .days,
        #dealer-visibility-page .requests-container .requests .response .row .item.duplicate .description,
        #dealer-visibility-page .requests-container .requests .response .row .item.duplicate .header {
          display: none; }
      #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .header,
      #dealer-visibility-page .requests-container .requests .response .row .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        /*             border-bottom: 1px solid #d3d3d3;
 */
        padding: 0;
        color: #000;
        font-family: 'Exo 2', Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 20px; }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .header .days,
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .header .description,
        #dealer-visibility-page .requests-container .requests .response .row .header .days,
        #dealer-visibility-page .requests-container .requests .response .row .header .description {
          padding: 0;
          padding: 0.8rem 0 !important; }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .header .description,
        #dealer-visibility-page .requests-container .requests .response .row .header .description {
          color: #000; }
          #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .header .description.hidden,
          #dealer-visibility-page .requests-container .requests .response .row .header .description.hidden {
            display: none; }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .header .days,
        #dealer-visibility-page .requests-container .requests .response .row .header .days {
          margin-left: auto;
          color: #e0b904;
          font-size: 0.8rem;
          font-weight: bold; }
          #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .header .days.alert,
          #dealer-visibility-page .requests-container .requests .response .row .header .days.alert {
            color: #b72108; }
      #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details,
      #dealer-visibility-page .requests-container .requests .response .row .equipment-details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        /*             margin-top: 1rem;
 */
        border: 1px solid #DED9D5;
        padding: 5px 20px;
        margin: 0 10px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        @media screen and (max-width: 600px) {
          #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details,
          #dealer-visibility-page .requests-container .requests .response .row .equipment-details {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            background-color: #fff;
            margin-bottom: 10px;
            padding: 13px 22px; } }
        @media screen and (max-width: 600px) {
          #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details.border-highlight,
          #dealer-visibility-page .requests-container .requests .response .row .equipment-details.border-highlight {
            border: none; } }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .voice,
        #dealer-visibility-page .requests-container .requests .response .row .equipment-details .voice {
          font-size: 10px;
          color: #949494;
          margin-bottom: 9px; }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .name,
        #dealer-visibility-page .requests-container .requests .response .row .equipment-details .name {
          color: #000;
          font-family: 'Exo 2', Arial, Helvetica, sans-serif;
          font-size: 12px;
          -ms-flex-preferred-size: 15%;
              flex-basis: 15%; }
          #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .name a,
          #dealer-visibility-page .requests-container .requests .response .row .equipment-details .name a {
            text-decoration: underline !important;
            color: #000 !important;
            font-weight: inherit; }
          @media screen and (max-width: 600px) {
            #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .name,
            #dealer-visibility-page .requests-container .requests .response .row .equipment-details .name {
              -ms-flex-preferred-size: 100%;
                  flex-basis: 100%;
              border-bottom: 0.5px solid #edebe8;
              padding-bottom: 10px;
              font-size: 14px; } }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .linked-devices,
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .pin,
        #dealer-visibility-page .requests-container .requests .response .row .equipment-details .linked-devices,
        #dealer-visibility-page .requests-container .requests .response .row .equipment-details .pin {
          -ms-flex-preferred-size: 20%;
              flex-basis: 20%; }
          @media screen and (max-width: 600px) {
            #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .linked-devices,
            #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .pin,
            #dealer-visibility-page .requests-container .requests .response .row .equipment-details .linked-devices,
            #dealer-visibility-page .requests-container .requests .response .row .equipment-details .pin {
              -ms-flex-preferred-size: 50%;
                  flex-basis: 50%;
              margin: 0;
              padding: 0;
              border: none;
              min-height: 2rem;
              margin: 10px 0;
              -webkit-box-align: start;
                  -ms-flex-align: start;
                      align-items: flex-start; }
              #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .linked-devices.empty-div,
              #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .pin.empty-div,
              #dealer-visibility-page .requests-container .requests .response .row .equipment-details .linked-devices.empty-div,
              #dealer-visibility-page .requests-container .requests .response .row .equipment-details .pin.empty-div {
                -ms-flex-preferred-size: 20%;
                    flex-basis: 20%; } }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .pin,
        #dealer-visibility-page .requests-container .requests .response .row .equipment-details .pin {
          border-left: 0.5px solid #edebe8;
          padding-left: 52px;
          -ms-flex-preferred-size: 31% !important;
              flex-basis: 31% !important; }
          @media screen and (max-width: 600px) {
            #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .pin,
            #dealer-visibility-page .requests-container .requests .response .row .equipment-details .pin {
              -ms-flex-preferred-size: 50% !important;
                  flex-basis: 50% !important;
              margin: 0;
              padding: 0;
              border: none;
              min-height: 2rem;
              margin: 10px 0;
              -webkit-box-align: start;
                  -ms-flex-align: start;
                      align-items: flex-start; } }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .value,
        #dealer-visibility-page .requests-container .requests .response .row .equipment-details .value {
          color: #000;
          font-family: 'Exo 2', Arial, Helvetica, sans-serif;
          font-size: 14px; }
          @media screen and (max-width: 600px) {
            #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .value,
            #dealer-visibility-page .requests-container .requests .response .row .equipment-details .value {
              -ms-flex-preferred-size: 50%;
                  flex-basis: 50%;
              margin: 0;
              padding: 0;
              border: none;
              margin: 0;
              -webkit-box-align: start;
                  -ms-flex-align: start;
                      align-items: flex-start;
              font-size: 12px; } }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .equipement-flex-spacer,
        #dealer-visibility-page .requests-container .requests .response .row .equipment-details .equipement-flex-spacer {
          -ms-flex-preferred-size: 8%;
              flex-basis: 8%; }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .show-linked,
        #dealer-visibility-page .requests-container .requests .response .row .equipment-details .show-linked {
          -webkit-transition: all 0.50s ease-out;
          transition: all 0.50s ease-out;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -ms-flex-preferred-size: 2%;
              flex-basis: 2%; }
          @media screen and (max-width: 600px) {
            #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .show-linked,
            #dealer-visibility-page .requests-container .requests .response .row .equipment-details .show-linked {
              -ms-flex-preferred-size: 100%;
                  flex-basis: 100%;
              border-top: 0.5px solid #CACACA;
              padding-top: 10px; }
              #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .show-linked.empty-div,
              #dealer-visibility-page .requests-container .requests .response .row .equipment-details .show-linked.empty-div {
                border: 0; } }
          #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .show-linked .link-text,
          #dealer-visibility-page .requests-container .requests .response .row .equipment-details .show-linked .link-text {
            color: #000;
            font-family: 'Exo 2', Arial, Helvetica, sans-serif;
            font-size: 12px;
            margin-right: 10px; }
          #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .show-linked.rotate,
          #dealer-visibility-page .requests-container .requests .response .row .equipment-details .show-linked.rotate {
            -webkit-transform: rotate(-180deg);
                    transform: rotate(-180deg); }
            @media screen and (max-width: 600px) {
              #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .show-linked.rotate,
              #dealer-visibility-page .requests-container .requests .response .row .equipment-details .show-linked.rotate {
                -webkit-transform: none;
                        transform: none; } }
            @media screen and (max-width: 600px) {
              #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .show-linked.rotate svg,
              #dealer-visibility-page .requests-container .requests .response .row .equipment-details .show-linked.rotate svg {
                -webkit-transform: rotate(-180deg);
                        transform: rotate(-180deg); } }
          #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .show-linked svg,
          #dealer-visibility-page .requests-container .requests .response .row .equipment-details .show-linked svg {
            height: 15px;
            width: 15px;
            width: 20px !important; }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .visibility,
        #dealer-visibility-page .requests-container .requests .response .row .equipment-details .visibility {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-preferred-size: 7%;
              flex-basis: 7%;
          -webkit-box-align: self-start;
              -ms-flex-align: self-start;
                  align-items: self-start; }
          @media screen and (max-width: 600px) {
            #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .visibility,
            #dealer-visibility-page .requests-container .requests .response .row .equipment-details .visibility {
              -ms-flex-preferred-size: 50%;
                  flex-basis: 50%;
              margin: 0;
              padding: 0;
              border: none;
              min-height: 2rem;
              margin: 10px 0 0;
              -webkit-box-align: start;
                  -ms-flex-align: start;
                      align-items: flex-start;
              padding-bottom: 10px; } }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .switch input:checked + .switch-button .switch-cursor > span,
        #dealer-visibility-page .requests-container .requests .response .row .equipment-details .switch input:checked + .switch-button .switch-cursor > span {
          border-color: #E20026;
          background: none; }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .switch input + .switch-button .switch-cursor > span,
        #dealer-visibility-page .requests-container .requests .response .row .equipment-details .switch input + .switch-button .switch-cursor > span {
          border-radius: 1.2rem;
          display: block;
          height: 2rem;
          margin-top: -0.2rem;
          width: 3.1rem;
          border: 2px solid #B2B2B2;
          background: none;
          margin-bottom: 1px; }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .visibility .customised-toggle input:checked + .switch-button .switch-cursor > span::before,
        #dealer-visibility-page .requests-container .requests .response .row .equipment-details .visibility .customised-toggle input:checked + .switch-button .switch-cursor > span::before {
          background-image: url(/Content/images/case_icon_eye_open.svg);
          background-color: #E20026;
          left: 1.35rem;
          background-size: 100%;
          height: 22px;
          width: 22px; }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .visibility .customised-toggle input + .switch-button .switch-cursor > span::before,
        #dealer-visibility-page .requests-container .requests .response .row .equipment-details .visibility .customised-toggle input + .switch-button .switch-cursor > span::before {
          background-image: url(/Content/images/case_icon_eye_close.svg);
          background-color: #B2B2B2;
          left: 0.3rem;
          top: 0.1rem;
          background-size: 100%;
          height: 22px;
          width: 22px; }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .plm-connect.active .switch input + .switch-button .switch-cursor > span,
        #dealer-visibility-page .requests-container .requests .response .row .equipment-details .plm-connect.active .switch input + .switch-button .switch-cursor > span {
          opacity: 1; }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .equipment-details .plm-connect .switch input + .switch-button .switch-cursor > span,
        #dealer-visibility-page .requests-container .requests .response .row .equipment-details .plm-connect .switch input + .switch-button .switch-cursor > span {
          opacity: 0.4; }
      #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .linked-container,
      #dealer-visibility-page .requests-container .requests .response .row .linked-container {
        list-style: none;
        margin: 10px;
        margin-bottom: 30px; }
        @media screen and (max-width: 600px) {
          #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .linked-container,
          #dealer-visibility-page .requests-container .requests .response .row .linked-container {
            margin-top: 0; } }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .linked-container .wrapper-flex,
        #dealer-visibility-page .requests-container .requests .response .row .linked-container .wrapper-flex {
          width: 98%;
          float: right;
          border: 1px solid #DED9D5;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border: 1px solid #DED9D5;
          padding: 5px 20px; }
          @media screen and (max-width: 600px) {
            #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .linked-container .wrapper-flex,
            #dealer-visibility-page .requests-container .requests .response .row .linked-container .wrapper-flex {
              background: #fff;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
              width: 82%;
              margin-bottom: 11px;
              border: none; } }
          #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .linked-container .wrapper-flex .name,
          #dealer-visibility-page .requests-container .requests .response .row .linked-container .wrapper-flex .name {
            color: #000;
            font-family: 'Exo 2', Arial, Helvetica, sans-serif;
            font-size: 12px;
            -ms-flex-preferred-size: 15%;
            flex-basis: 15%; }
            @media screen and (max-width: 600px) {
              #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .linked-container .wrapper-flex .name,
              #dealer-visibility-page .requests-container .requests .response .row .linked-container .wrapper-flex .name {
                -ms-flex-preferred-size: 100%;
                    flex-basis: 100%;
                height: 2rem;
                margin-top: 5px;
                border-bottom: 0.5px solid #edebe8;
                padding-bottom: 10px; } }
            #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .linked-container .wrapper-flex .name a,
            #dealer-visibility-page .requests-container .requests .response .row .linked-container .wrapper-flex .name a {
              text-decoration: underline !important;
              color: #000 !important; }
          #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .linked-container .wrapper-flex .value,
          #dealer-visibility-page .requests-container .requests .response .row .linked-container .wrapper-flex .value {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: start;
            border-left: 0.5px solid #edebe8;
            padding-left: 52px; }
            @media screen and (max-width: 600px) {
              #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .linked-container .wrapper-flex .value,
              #dealer-visibility-page .requests-container .requests .response .row .linked-container .wrapper-flex .value {
                -ms-flex-preferred-size: 100%;
                    flex-basis: 100%;
                padding-left: 0;
                border: 0;
                margin: 14px 0 5px; } }
            #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .linked-container .wrapper-flex .value .label,
            #dealer-visibility-page .requests-container .requests .response .row .linked-container .wrapper-flex .value .label {
              font-size: 10px;
              color: #7f7366;
              margin-bottom: 10px; }
            #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .linked-container .wrapper-flex .value .pin,
            #dealer-visibility-page .requests-container .requests .response .row .linked-container .wrapper-flex .value .pin {
              color: #000;
              font-family: 'Exo 2', Arial, Helvetica, sans-serif;
              font-size: 14px; }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .linked-container.ie .wrapper-flex,
        #dealer-visibility-page .requests-container .requests .response .row .linked-container.ie .wrapper-flex {
          width: 98.8%; }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .linked-container .wrapper-flex:nth-child(n + 2),
        #dealer-visibility-page .requests-container .requests .response .row .linked-container .wrapper-flex:nth-child(n + 2) {
          border-top: none; }
      #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .footer,
      #dealer-visibility-page .requests-container .requests .response .row .footer {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding: 1rem 0; }
        @media screen and (max-width: 600px) {
          #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .footer,
          #dealer-visibility-page .requests-container .requests .response .row .footer {
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; } }
        #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .footer button,
        #dealer-visibility-page .requests-container .requests .response .row .footer button {
          padding: 0.15rem 0.8rem;
          margin-right: 0;
          min-height: 36px;
          height: 40px;
          border: 2px solid #E20026;
          color: #E20026; }
          #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .footer button.discard,
          #dealer-visibility-page .requests-container .requests .response .row .footer button.discard {
            color: #000;
            font-family: 'Exo 2', Arial, Helvetica, sans-serif;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            background-color: transparent;
            border: none; }
            @media screen and (max-width: 600px) {
              #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .footer button.discard,
              #dealer-visibility-page .requests-container .requests .response .row .footer button.discard {
                text-align: left;
                padding-left: 0; } }
            #dealer-visibility-page .requests-container .requests #tab-by-dealer.search-content .response .row .footer button.discard:hover,
            #dealer-visibility-page .requests-container .requests .response .row .footer button.discard:hover {
              box-shadow: none;
              -webkit-box-shadow: none; }
  #dealer-visibility-page .requests-container .requests .bottom-section {
    border-top: 1px solid #d3d3d3;
    padding: 1.5rem; }

#dealer-visibility-page #search-by-section {
  margin: 0 -1.2rem; }
  @media screen and (max-width: 600px) {
    #dealer-visibility-page #search-by-section {
      display: none; } }
  @media screen and (min-width: 601px) and (max-width: 900px) {
    #dealer-visibility-page #search-by-section {
      padding: 0 1.1rem; } }

#dealer-visibility-page .alert-icon {
  position: relative; }

#dealer-visibility-page .alert-icon.alert-active:hover .tooltip-container {
  visibility: visible; }

#dealer-visibility-page span.tooltip-container {
  visibility: hidden;
  width: 200px;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 108%;
  left: 44%;
  margin-left: -97px;
  font-size: 12px; }
  @media screen and (min-width: 601px) and (max-width: 900px) {
    #dealer-visibility-page span.tooltip-container {
      left: 31%; } }

#dealer-visibility-page .tooltip-container::before {
  content: "";
  position: absolute;
  top: 40px;
  left: 70%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-width: 4px 6px 0 6px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  z-index: 100; }

#dealer-visibility-page .show-linked svg:hover {
  fill: #E20026;
  cursor: pointer; }

#dealer-visibility-page .input-field [type='text'],
#dealer-visibility-page .input-field [type='password'],
#dealer-visibility-page .input-field [type='email'],
#dealer-visibility-page .input-field [type='tel'],
#dealer-visibility-page .input-field textarea {
  background: #fff;
  border: 0;
  border-radius: 0;
  display: block;
  font-family: inherit;
  font-size: 1rem;
  margin: 0;
  max-height: 52px;
  min-height: 52px;
  min-width: 100%;
  outline: none;
  padding: 22px 1rem 0.5rem;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  border-bottom: 4px solid #899098 !important; }
  #dealer-visibility-page .input-field [type='text'] + label,
  #dealer-visibility-page .input-field [type='password'] + label,
  #dealer-visibility-page .input-field [type='email'] + label,
  #dealer-visibility-page .input-field [type='tel'] + label,
  #dealer-visibility-page .input-field textarea + label {
    color: #000;
    cursor: text;
    left: 1rem;
    position: absolute;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 15px; }

.background-dark-grey {
  background: #343e4a; }
  @media screen and (min-width: 1181px) {
    .background-dark-grey::before {
      content: " ";
      background-color: transparent;
      height: 40px;
      width: 100%;
      border-bottom: 1px solid #C7CDD0;
      position: absolute; } }
  .background-dark-grey #dealer-overview {
    margin-top: 4rem; }
    .background-dark-grey #dealer-overview .title {
      margin-top: 32px;
      margin-bottom: 82px;
      color: white;
      text-transform: capitalize;
      font-size: 36px;
      font-family: "Exo Slab Pro", "Exo 2", sans-serif; }
      @media screen and (max-width: 900px) {
        .background-dark-grey #dealer-overview .title {
          margin-left: 14px; } }
    .background-dark-grey #dealer-overview .dealers-cards {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 600px) {
        .background-dark-grey #dealer-overview .dealers-cards .dealer-card-nd {
          margin-left: 30px;
          margin-right: 30px;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
          max-width: 100%; } }
      @media screen and (min-width: 601px) and (max-width: 900px) {
        .background-dark-grey #dealer-overview .dealers-cards .dealer-card-nd {
          -ms-flex-preferred-size: 44%;
              flex-basis: 44%;
          max-width: 50%;
          margin-left: 33px;
          margin-right: auto; } }
      .background-dark-grey #dealer-overview .dealers-cards .dealer-card-nd .details-footer {
        position: relative;
        top: 17rem; }
        @media screen and (max-width: 600px) {
          .background-dark-grey #dealer-overview .dealers-cards .dealer-card-nd .details-footer {
            top: 14.5rem;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row; }
            .background-dark-grey #dealer-overview .dealers-cards .dealer-card-nd .details-footer .btn-nd {
              min-width: 125px; } }
        .background-dark-grey #dealer-overview .dealers-cards .dealer-card-nd .details-footer .link-container {
          margin-right: 15px; }
          @media screen and (max-width: 600px) {
            .background-dark-grey #dealer-overview .dealers-cards .dealer-card-nd .details-footer .link-container {
              margin-right: 0; } }
      .background-dark-grey #dealer-overview .dealers-cards .dealer-card-nd .dealer-nd .content {
        padding-right: 11px;
        position: absolute; }
        .background-dark-grey #dealer-overview .dealers-cards .dealer-card-nd .dealer-nd .content .name-dealer {
          margin-bottom: 26px; }
          @media screen and (max-width: 600px) {
            .background-dark-grey #dealer-overview .dealers-cards .dealer-card-nd .dealer-nd .content .name-dealer {
              margin-bottom: 20px; } }

.dealer-card-nd {
  height: 482px;
  width: 354px; }
  @media screen and (max-width: 600px) {
    .dealer-card-nd {
      height: 448px;
      width: 310px; } }
  .dealer-card-nd .dealer-nd {
    margin: 0 16px; }
    .dealer-card-nd .dealer-nd .content .location-info {
      font-size: 14px;
      font-family: "Exo 2", sans-serif;
      word-break: break-word; }
      @media screen and (max-width: 600px) {
        .dealer-card-nd .dealer-nd .content .location-info {
          font-size: 12px;
          margin-bottom: 10.35px; } }
    .dealer-card-nd .dealer-nd .content .name-dealer {
      margin-top: 45px;
      font-size: 20px;
      font-family: "Exo 2", sans-serif;
      font-weight: bold;
      color: #343e4a; }
      @media screen and (max-width: 600px) {
        .dealer-card-nd .dealer-nd .content .name-dealer {
          font-size: 16px;
          margin-top: 39.71px; } }
      .dealer-card-nd .dealer-nd .content .name-dealer p {
        margin: 0;
        word-break: break-word; }
    .dealer-card-nd .dealer-nd .content .phone {
      margin-top: 20px; }
  .dealer-card-nd .details-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 71px; }
    @media screen and (max-width: 600px) {
      .dealer-card-nd .details-footer {
        margin-top: 89px; } }
    .dealer-card-nd .details-footer .btn-nd {
      margin-right: auto;
      margin-left: 0px;
      margin-bottom: 0; }
      @media screen and (max-width: 600px) {
        .dealer-card-nd .details-footer .btn-nd {
          margin-left: -4px !important; } }
    .dealer-card-nd .details-footer .link-container {
      margin-top: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media screen and (max-width: 600px) {
        .dealer-card-nd .details-footer .link-container {
          margin-top: 6px; } }
      .dealer-card-nd .details-footer .link-container .card-img {
        height: 14px;
        width: 14px; }
  .dealer-card-nd.card-wrapper {
    background: white;
    margin-bottom: 63px;
    margin-right: 39px;
    margin-left: 15px; }
  .dealer-card-nd .ribbon {
    display: none; }
  .dealer-card-nd .default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 18px;
    padding-right: 17px;
    height: 57px; }
    @media screen and (max-width: 600px) {
      .dealer-card-nd .default {
        height: 53px; } }
    .dealer-card-nd .default img {
      margin-top: 18.4px;
      width: 78.74px;
      height: 23.83px; }
      @media screen and (max-width: 600px) {
        .dealer-card-nd .default img {
          height: 22px; } }
    @media screen and (max-width: 332px) {
      .dealer-card-nd .default {
        padding-left: 13px; } }
  .dealer-card-nd.dealer-default .default {
    background: black; }
    .dealer-card-nd.dealer-default .default .ribbon {
      margin-top: 17.4px;
      display: block; }
      .dealer-card-nd.dealer-default .default .ribbon .ribbon-content {
        color: white;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
        font-family: "Exo 2", sans-serif;
        margin: 0; }
      @media screen and (max-width: 332px) {
        .dealer-card-nd.dealer-default .default .ribbon {
          position: absolute; }
          .dealer-card-nd.dealer-default .default .ribbon .ribbon-content {
            position: relative; } }
  .dealer-card-nd .content {
    position: relative; }
    .dealer-card-nd .content hr {
      border: none; }
    .dealer-card-nd .content .email-label,
    .dealer-card-nd .content .phone-label {
      font-size: 14px;
      font-family: "Exo 2", sans-serif;
      color: #000000; }
      @media screen and (max-width: 600px) {
        .dealer-card-nd .content .email-label,
        .dealer-card-nd .content .phone-label {
          font-size: 12px; } }
    .dealer-card-nd .content .email,
    .dealer-card-nd .content .phone {
      font-size: 16px;
      font-weight: 600;
      font-family: "Exo 2", sans-serif;
      color: #343e4a; }
      @media screen and (max-width: 600px) {
        .dealer-card-nd .content .email,
        .dealer-card-nd .content .phone {
          font-size: 14px; } }

html {
  scroll-behavior: smooth; }

body.landing-page {
  width: 100%; }
  body.landing-page .mobile-view {
    display: none; }
    @media screen and (max-width: 600px) {
      body.landing-page .mobile-view {
        display: block;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  body.landing-page .desktop-view {
    display: none; }
    @media screen and (min-width: 601px) {
      body.landing-page .desktop-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
  body.landing-page .request-invitation {
    cursor: pointer; }
    body.landing-page .request-invitation:hover {
      text-decoration: underline; }
  body.landing-page main {
    max-width: none;
    padding: 0;
    margin: 0; }
    body.landing-page main .scroll {
      cursor: pointer;
      position: absolute;
      bottom: 30px;
      left: 30px;
      z-index: 1;
      left: 6px !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 25px;
      width: 100%; }
      @media screen and (max-width: 460px) {
        body.landing-page main .scroll {
          display: none; } }
    body.landing-page main .magic-slider {
      height: 80vh; }
      @media screen and (max-width: 460px) {
        body.landing-page main .magic-slider {
          height: 30vh; } }
    body.landing-page main .content-section {
      padding: 70px 100px;
      background: #f2f2f2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%;
      margin: 0px auto; }
      @media screen and (max-width: 600px) {
        body.landing-page main .content-section {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      @media screen and (max-width: 460px) {
        body.landing-page main .content-section {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          padding: 10px;
          margin: 0 !important; } }
      @media screen and (max-width: 600px) {
        body.landing-page main .content-section {
          padding: 20px; } }
      body.landing-page main .content-section.white {
        background: #fff; }
      body.landing-page main .content-section .content-section-box {
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-top: 10px; }
        body.landing-page main .content-section .content-section-box p {
          font-size: 18px;
          max-width: 100%;
          word-break: break-word;
          white-space: normal; }
        body.landing-page main .content-section .content-section-box img {
          width: 100%;
          height: auto; }
        @media screen and (max-width: 600px) {
          body.landing-page main .content-section .content-section-box.mobile-order-2 {
            -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2; } }
        @media screen and (max-width: 600px) {
          body.landing-page main .content-section .content-section-box.mobile-order-1 {
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1; } }
        body.landing-page main .content-section .content-section-box h3 {
          font-weight: bold;
          margin-top: 10px;
          font-size: 20px; }
        body.landing-page main .content-section .content-section-box button {
          margin: 10px 0 !important; }
    body.landing-page main #before-footer {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 60px 0;
      background-color: #000; }
      body.landing-page main #before-footer .before-footer-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: #fff;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 340px; }
        body.landing-page main #before-footer .before-footer-content h3 {
          font-size: 1.1rem;
          font-weight: bold;
          text-transform: none; }
        body.landing-page main #before-footer .before-footer-content p {
          text-align: center;
          max-width: 100%;
          margin-bottom: 24px; }
        body.landing-page main #before-footer .before-footer-content button {
          color: #000;
          min-width: 100px; }
          body.landing-page main #before-footer .before-footer-content button .steyr-btn-text {
            padding-left: 60px;
            padding-right: 60px; }
  body.landing-page .magic-slider-inline .magic-slider-nav {
    left: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
  body.landing-page .magic-slider-inline .magic-slider-nav .magic-slider-nav-item {
    margin-left: 10px; }
  body.landing-page .magic-slider video {
    width: 100%; }
  body.landing-page .magic-slider-nav {
    position: absolute;
    bottom: 70px;
    left: 30px;
    z-index: 1; }
    @media screen and (max-width: 460px) {
      body.landing-page .magic-slider-nav {
        bottom: 10px; } }
  body.landing-page .magic-slider-image-scene {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  body.landing-page .magic-slider-image-scene img {
    width: 100%; }
  body.landing-page .scenes-wrapper {
    position: relative;
    width: 100%;
    height: 100%; }
  body.landing-page .secondary-scene {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }
  body.landing-page .magic-slider-image-scene .scene-text {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.38);
    width: 100%;
    padding: 5px; }
  body.landing-page .magic-slider-nav-item {
    height: 12px;
    width: 7px;
    margin-top: 10px;
    cursor: pointer;
    border: 1px solid #fff;
    -webkit-transform: skew(7deg, 2deg);
            transform: skew(7deg, 2deg); }
  body.landing-page .magic-slider-nav-item.active {
    background: #fff;
    border: none; }
  @media only screen and (max-width: 500px) {
    body.landing-page .secondary-scene {
      position: absolute;
      top: auto;
      left: 0;
      display: none; } }
  body.landing-page .overlay-video-scene {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 480;
    display: none; }
  body.landing-page .slide {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    body.landing-page .slide .magic-slider-image-caption {
      margin: 0 auto;
      padding-top: 12vh;
      text-align: center; }
      @media screen and (max-width: 600px) {
        body.landing-page .slide .magic-slider-image-caption {
          padding-top: 9vh; } }
      @media screen and (max-width: 460px) {
        body.landing-page .slide .magic-slider-image-caption {
          padding-top: 3vh; } }
      body.landing-page .slide .magic-slider-image-caption p {
        color: #fff;
        text-align: center;
        padding: 5px;
        display: inline-block;
        background: #e20026;
        font-size: 24px;
        margin: 3px; }
        @media screen and (max-width: 600px) {
          body.landing-page .slide .magic-slider-image-caption p {
            font-size: 13px; } }
  body.landing-page #page-landing.ie .desktop-view {
    width: 100%; }
  body.landing-page #page-landing.ie .mobile-view {
    width: 100%; }
  @media screen and (max-width: 600px) {
    body.landing-page #page-landing.ie .content-section {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      body.landing-page #page-landing.ie .content-section .mobile-order-2 {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; } }

.background-light-grey #page-dealer {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  max-width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin-bottom: 0; }
  .background-light-grey #page-dealer .top-page {
    max-width: 1230px !important;
    width: 100%; }
  .background-light-grey #page-dealer .bottom-page {
    width: 100%;
    padding-top: 38px; }
  .background-light-grey #page-dealer .dealer-name {
    color: #343e4a;
    font-family: "Exo Slab Pro", "Exo 2", sans-serif;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 44px;
    text-transform: none;
    margin-bottom: 64px; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .dealer-name {
        font-size: 26px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 34px;
        margin: 8px 17px 17px; } }
  .background-light-grey #page-dealer .dealer-section {
    margin: 16px 17px 0; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .dealer-section {
        border: 0; }
        .background-light-grey #page-dealer .dealer-section .photo-card {
          -webkit-box-ordinal-group: 1;
              -ms-flex-order: 0;
                  order: 0; }
        .background-light-grey #page-dealer .dealer-section .logo-card {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; }
        .background-light-grey #page-dealer .dealer-section .address-card {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2; }
        .background-light-grey #page-dealer .dealer-section .service-wrapper {
          -webkit-box-ordinal-group: 4;
              -ms-flex-order: 3;
                  order: 3; }
        .background-light-grey #page-dealer .dealer-section .associated-products-card {
          -webkit-box-ordinal-group: 5;
              -ms-flex-order: 4;
                  order: 4; } }
    .background-light-grey #page-dealer .dealer-section .wrapper-top-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-height: 356px; }
      .background-light-grey #page-dealer .dealer-section .wrapper-top-box .btn-nd {
        margin: 0;
        margin-left: -3px !important;
        width: 171px;
        padding: 0;
        font-weight: 600; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .dealer-section .wrapper-top-box {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          padding: 0 17px; } }
    .background-light-grey #page-dealer .dealer-section .card-wrapper {
      max-width: 33.33333%;
      padding: 35px 0 31px 35px;
      height: 100%; }
      .background-light-grey #page-dealer .dealer-section .card-wrapper.colspan-2 {
        max-width: 100%;
        min-width: 66.66667%; }
      .background-light-grey #page-dealer .dealer-section .card-wrapper.colspan-3 {
        max-width: 100%;
        min-width: 100%; }
      .background-light-grey #page-dealer .dealer-section .card-wrapper .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 17px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .background-light-grey #page-dealer .dealer-section .card-wrapper .header .icon-service {
          padding-right: 13px; }
  @media screen and (min-width: 601px) and (max-width: 900px) {
    .background-light-grey #page-dealer .dealer-section .card-wrapper {
      max-width: 50%; }
      .background-light-grey #page-dealer .dealer-section .card-wrapper.colspan-2 {
        max-width: 100%;
        min-width: 100%; } }
  @media screen and (max-width: 600px) {
    .background-light-grey #page-dealer .dealer-section .card-wrapper {
      max-width: 100%;
      padding: 20px 24px 20px 18px;
      border-bottom: 1px solid #eef0f1; }
      .background-light-grey #page-dealer .dealer-section .card-wrapper:last-child {
        border-bottom: none; }
      .background-light-grey #page-dealer .dealer-section .card-wrapper.colspan-2 {
        max-width: 100%;
        min-width: 100%; } }
  .background-light-grey #page-dealer .photo-card {
    padding-right: 71px; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .photo-card {
        padding-right: 0; } }
    .background-light-grey #page-dealer .photo-card .image {
      height: 100%;
      max-width: 534px;
      max-height: 342px;
      min-width: 270px;
      width: 100%;
      min-height: 178px;
      position: relative; }
      @media screen and (min-width: 601px) {
        .background-light-grey #page-dealer .photo-card .image {
          width: 534px; } }
      .background-light-grey #page-dealer .photo-card .image::before {
        content: " ";
        height: 100%;
        max-height: 331px;
        min-height: 180px;
        width: 11px;
        background-color: #e20026;
        z-index: 1;
        position: absolute; }
        @media screen and (min-width: 601px) {
          .background-light-grey #page-dealer .photo-card .image::before {
            max-height: 342px; } }
      .background-light-grey #page-dealer .photo-card .image img {
        height: 100%;
        max-width: 534px;
        max-height: 342px;
        min-width: 270px;
        width: 100%;
        min-height: 178px; }
  .background-light-grey #page-dealer .title-text {
    color: #343e4a;
    font-family: "Exo 2";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
    text-transform: none;
    margin-top: 0; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .title-text {
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.5px;
        line-height: 24px; } }
    .background-light-grey #page-dealer .title-text.info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0.5px;
      margin-top: 15px; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .title-text.info {
          font-size: 14px;
          line-height: 24px;
          margin-top: 6px; } }
    .background-light-grey #page-dealer .title-text.country {
      margin-top: 0;
      margin-bottom: 10px; }
    .background-light-grey #page-dealer .title-text.contacts {
      margin-top: 32px; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .title-text.contacts {
          margin-top: 26px; } }
    .background-light-grey #page-dealer .title-text.service-title {
      margin-bottom: 0;
      font-size: 20px;
      letter-spacing: 0; }
  .background-light-grey #page-dealer p {
    margin-bottom: 0;
    margin-top: 2px;
    padding-right: 2px; }
  .background-light-grey #page-dealer .address-card {
    width: 100%; }
    @media screen and (max-width: 1022px) {
      .background-light-grey #page-dealer .address-card {
        max-width: 50%; } }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .address-card {
        padding-top: 17px; } }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .address-card {
        max-width: 100%; } }
    .background-light-grey #page-dealer .address-card .content {
      padding-bottom: 28px; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .address-card .content {
          padding-bottom: 21px; } }
      .background-light-grey #page-dealer .address-card .content a:not(.button) {
        color: #919191; }
    .background-light-grey #page-dealer .address-card .contacts-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      word-break: break-word; }
      .background-light-grey #page-dealer .address-card .contacts-box .email-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
    .background-light-grey #page-dealer .address-card .website-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .background-light-grey #page-dealer .service-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0 58.97px 93.88px -84.24px rgba(137, 144, 152, 0.5);
            box-shadow: 0 58.97px 93.88px -84.24px rgba(137, 144, 152, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    width: 100%;
    background-color: white;
    margin-top: 64px; }
    @media screen and (min-width: 901px) {
      .background-light-grey #page-dealer .service-wrapper {
        height: 344px; } }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .service-wrapper {
        margin-top: 41px; } }
    .background-light-grey #page-dealer .service-wrapper .hours-card .hours {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      color: #000000;
      font-family: "Exo 2";
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.5px;
      line-height: 24px; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .service-wrapper .hours-card .hours {
          font-size: 12px;
          line-height: 20px; } }
      .background-light-grey #page-dealer .service-wrapper .hours-card .hours > div {
        width: 33.33333%;
        margin-bottom: 0; }
      .background-light-grey #page-dealer .service-wrapper .hours-card .hours.openings {
        padding-top: 22px; }
    @media screen and (min-width: 601px) {
      .background-light-grey #page-dealer .service-wrapper .hours-card {
        border-right: 1px solid #eef0f1; } }
    .background-light-grey #page-dealer .service-wrapper .support-provided-card {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: 1px solid #d3d3d3;
      margin-right: 1px solid #d3d3d3;
      width: 100%; }
      .background-light-grey #page-dealer .service-wrapper .support-provided-card .content {
        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; }
        .background-light-grey #page-dealer .service-wrapper .support-provided-card .content .icon-box {
          height: 80px;
          width: 80px;
          background-color: #eef0f1;
          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;
          margin-right: 25px; }
      @media screen and (min-width: 901px) {
        .background-light-grey #page-dealer .service-wrapper .support-provided-card {
          height: 100%;
          padding-left: 36px; } }
      @media screen and (min-width: 601px) {
        .background-light-grey #page-dealer .service-wrapper .support-provided-card {
          border-right: 1px solid #eef0f1; } }
    .background-light-grey #page-dealer .service-wrapper .top-service-card .content {
      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;
      padding-top: 20px; }
      .background-light-grey #page-dealer .service-wrapper .top-service-card .content .title-text {
        margin-top: 0; }
      .background-light-grey #page-dealer .service-wrapper .top-service-card .content .icon-box {
        height: 80px;
        width: 80px;
        background-color: #eef0f1;
        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;
        margin-right: 25px; }
  .background-light-grey #page-dealer .link-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .background-light-grey #page-dealer .link-box .card-link {
      margin-left: 2px;
      font-weight: bold; }
    .background-light-grey #page-dealer .link-box .inline-svg {
      display: block !important; }
    .background-light-grey #page-dealer .link-box:hover {
      margin-left: 8px; }
  .background-light-grey #page-dealer .associated-products-card {
    background-color: #343e4a;
    margin-top: 38px;
    padding-top: 23px !important;
    min-width: 1230px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
    .background-light-grey #page-dealer .associated-products-card .item-list {
      min-width: 1230px;
      margin: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      padding: 0 17px; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .associated-products-card .item-list {
          padding: 0 33px; } }
      @media screen and (max-width: 374px) {
        .background-light-grey #page-dealer .associated-products-card .item-list {
          padding: 0 10px; } }
    .background-light-grey #page-dealer .associated-products-card .header .title-text {
      margin: 0; }
    .background-light-grey #page-dealer .associated-products-card .dealer-name {
      color: #ffffff;
      margin: 0 0 18px; }
    .background-light-grey #page-dealer .associated-products-card .title-text.contacts {
      color: #ffffff;
      padding-bottom: 23px; }
    .background-light-grey #page-dealer .associated-products-card .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%;
      max-width: 1090px;
      padding-bottom: 91px; }
      .background-light-grey #page-dealer .associated-products-card .content h3 {
        padding: 0; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .associated-products-card .content > div {
          width: 100%; } }
      .background-light-grey #page-dealer .associated-products-card .content > div .products {
        padding: 6px 0 0; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .associated-products-card .content {
          padding-bottom: 65px;
          max-width: 310px; } }
  .background-light-grey #page-dealer .product-stamp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .product-stamp {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    .background-light-grey #page-dealer .product-stamp .product-stamp-content {
      display: block;
      text-align: left;
      height: 370px;
      width: 353px;
      background-color: #eef0f1;
      -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
              box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .product-stamp .product-stamp-content {
          height: 370px;
          width: 310px;
          background-color: #eef0f1;
          -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
                  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5); } }
      .background-light-grey #page-dealer .product-stamp .product-stamp-content .text-box {
        padding: 12px 16px 0; }
        .background-light-grey #page-dealer .product-stamp .product-stamp-content .text-box h3 {
          margin: 0.5rem 0; }
          @media screen and (max-width: 600px) {
            .background-light-grey #page-dealer .product-stamp .product-stamp-content .text-box h3 {
              font-size: 0.875rem; } }
          .background-light-grey #page-dealer .product-stamp .product-stamp-content .text-box h3.product-name {
            color: #343e4a;
            font-family: "Exo 2";
            font-size: 22px;
            font-weight: 800;
            letter-spacing: 0;
            line-height: 24px;
            margin: 0; }
            @media screen and (max-width: 600px) {
              .background-light-grey #page-dealer .product-stamp .product-stamp-content .text-box h3.product-name {
                font-size: 18px;
                letter-spacing: 0.56px; } }
        .background-light-grey #page-dealer .product-stamp .product-stamp-content .text-box .product-sn {
          color: #000000;
          font-family: "Exo 2";
          font-size: 14px;
          letter-spacing: 0.5px;
          line-height: 24px;
          font-weight: 500; }
          @media screen and (max-width: 600px) {
            .background-light-grey #page-dealer .product-stamp .product-stamp-content .text-box .product-sn {
              font-size: 12px;
              line-height: 20px; } }
      .background-light-grey #page-dealer .product-stamp .product-stamp-content .dots-wrapper {
        width: 353px;
        height: 50px;
        background: #eef0f1;
        position: relative; }
        @media screen and (max-width: 600px) {
          .background-light-grey #page-dealer .product-stamp .product-stamp-content .dots-wrapper {
            width: 310px; } }
      .background-light-grey #page-dealer .product-stamp .product-stamp-content .img-box {
        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; }
        .background-light-grey #page-dealer .product-stamp .product-stamp-content .img-box .product-img {
          min-height: 220px;
          height: 100%;
          max-width: 271.23px;
          width: 100%; }
  .background-light-grey #page-dealer .equipment {
    width: 50%; }
    @media screen and (min-width: 601px) {
      .background-light-grey #page-dealer .equipment .products::before {
        content: "";
        position: absolute;
        right: -93px;
        height: 370px;
        width: 1px;
        background-color: #c7cdd0; } }
    .background-light-grey #page-dealer .equipment .products .dots-wrapper {
      width: 353px;
      height: 50px;
      background: #eef0f1; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .equipment {
        padding-bottom: 38px;
        margin-bottom: 39px;
        border-bottom: 1px solid #899098; } }
    .background-light-grey #page-dealer .equipment .link-box {
      padding: 19px 16px 18px; }
  @media screen and (max-width: 600px) {
    .background-light-grey #page-dealer::after {
      content: "";
      position: absolute;
      left: 0px;
      height: 1px;
      width: 310px;
      z-index: 204;
      background-color: #c7cdd0;
      bottom: -50px; } }
  .background-light-grey #page-dealer .devices {
    width: 50%; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .devices {
        width: auto; } }
    .background-light-grey #page-dealer .devices .text-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: 100%; }
    .background-light-grey #page-dealer .devices .link-box {
      padding: 19px 16px 0; }
  .background-light-grey #page-dealer .products {
    width: 353px;
    height: 377px; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .products {
        width: 310px; } }
    @media screen and (max-width: 374px) {
      .background-light-grey #page-dealer .products {
        width: 300px; } }
  .background-light-grey #page-dealer .owl-carousel .owl-dots {
    position: absolute;
    bottom: 0;
    margin-left: 5px;
    height: 47px;
    width: 100%;
    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; }
    .background-light-grey #page-dealer .owl-carousel .owl-dots button.owl-dot {
      background: #899098;
      color: #899098;
      border: none;
      padding: 0 !important;
      font: inherit;
      width: 10px;
      height: 10px;
      min-height: 10px;
      border-radius: 50%; }
      .background-light-grey #page-dealer .owl-carousel .owl-dots button.owl-dot.active {
        color: #343e4a;
        background: #343e4a; }
  @media screen and (max-width: 460px) {
    .background-light-grey #page-dealer .owl-carousel .button,
    .background-light-grey #page-dealer .owl-carousel button {
      margin-right: 5px !important;
      min-width: 10px;
      margin-left: 5px !important; }
    .background-light-grey #page-dealer .owl-carousel .owl-dots {
      bottom: 0; } }
  .background-light-grey #page-dealer .owl-nav button.owl-dots {
    position: absolute;
    bottom: 0;
    margin-left: 5px;
    height: 47px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .background-light-grey #page-dealer .owl-nav button .injected-svg {
    fill: #343e4a !important; }
  .background-light-grey #page-dealer .owl-nav .arrow-left {
    height: 17.88px;
    width: 17.88px;
    position: absolute;
    top: 160px;
    left: 14px; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .owl-nav .arrow-left {
        height: 16px;
        width: 16px;
        left: 0; } }
  .background-light-grey #page-dealer .owl-nav svg.injected-svg.inline-svg.arrow-right {
    position: absolute;
    top: 160px;
    left: 320px;
    height: 17.88px;
    width: 17.88px; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .owl-nav svg.injected-svg.inline-svg.arrow-right {
        height: 16px;
        width: 16px;
        left: auto;
        right: 0; } }

#equipment-overview {
  margin: 4rem auto; }
  #equipment-overview .title {
    margin-top: 34.95px;
    margin-bottom: 82px;
    color: white;
    text-transform: capitalize;
    font-size: 36px;
    font-family: "Exo Slab Pro", "Exo 2", sans-serif; }
    @media screen and (max-width: 600px) {
      #equipment-overview .title {
        margin-bottom: 50px;
        margin-top: 24px;
        font-size: 26px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 34px; } }
  #equipment-overview .search-equipments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    #equipment-overview .search-equipments .search-box {
      height: 50px;
      width: 535px; }
      #equipment-overview .search-equipments .search-box .input-field.search-input span:first-of-type {
        left: 10px;
        right: 0px; }
        #equipment-overview .search-equipments .search-box .input-field.search-input span:first-of-type svg {
          -ms-flex-preferred-size: 5%;
              flex-basis: 5%;
          height: 17px;
          width: 17px;
          fill: #899098;
          position: absolute;
          bottom: 10px;
          cursor: auto; }
      #equipment-overview .search-equipments .search-box .input-field label {
        left: 3rem; }
      #equipment-overview .search-equipments .search-box #searchform {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
        width: 100%; }
      #equipment-overview .search-equipments .search-box .search-input {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0;
        width: 100%; }
        #equipment-overview .search-equipments .search-box .search-input .filter {
          text-overflow: ellipsis;
          padding: 11px 42px 0px 47px; }
        #equipment-overview .search-equipments .search-box .search-input .dropdown {
          list-style: none;
          width: 100%;
          background: #fff;
          position: absolute;
          top: 26px;
          z-index: 1;
          height: auto;
          border-top: 1px solid #d9d9d9;
          -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
                  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
          overflow: hidden;
          padding: 0;
          border-radius: 2px; }
          @media screen and (max-width: 600px) {
            #equipment-overview .search-equipments .search-box .search-input .dropdown {
              top: 17px; } }
          #equipment-overview .search-equipments .search-box .search-input .dropdown li {
            width: 420px;
            border-bottom: 1px solid;
            cursor: pointer;
            padding: 0 45px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            line-height: 30px;
            text-align: left;
            border-top: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;
            font-size: 13px;
            padding-right: 0;
            font-family: "Exo 2";
            color: #000; }
            #equipment-overview .search-equipments .search-box .search-input .dropdown li:last-of-type {
              border-bottom: none;
              border-top: none; }
            #equipment-overview .search-equipments .search-box .search-input .dropdown li.noRes {
              cursor: default;
              background: none !important; }
            #equipment-overview .search-equipments .search-box .search-input .dropdown li.one-result {
              border: none; }
            #equipment-overview .search-equipments .search-box .search-input .dropdown li:hover {
              background: #fafafa; }
          #equipment-overview .search-equipments .search-box .search-input .dropdown.hidden {
            display: none; }
          #equipment-overview .search-equipments .search-box .search-input .dropdown::-webkit-scrollbar {
            width: 0; }
        #equipment-overview .search-equipments .search-box .search-input .query-label {
          font-family: "Exo 2";
          font-size: 16px;
          color: #343e4a !important;
          top: 16px;
          left: 46px; }
        #equipment-overview .search-equipments .search-box .search-input .search-icon {
          top: 20px;
          left: 20px;
          position: absolute; }
          @media screen and (max-width: 600px) {
            #equipment-overview .search-equipments .search-box .search-input .search-icon {
              top: 18px; } }
          #equipment-overview .search-equipments .search-box .search-input .search-icon svg {
            height: 14px;
            width: 14px;
            fill: #899098; }
        #equipment-overview .search-equipments .search-box .search-input .no-results {
          display: none; }
        #equipment-overview .search-equipments .search-box .search-input .output {
          list-style: none;
          width: 98.5%;
          min-height: 0px;
          border-top: 0 !important;
          color: #767676;
          font-size: .75em;
          -webkit-transition: min-height 0.2s;
          transition: min-height 0.2s;
          position: absolute;
          z-index: 100;
          background-color: #fff;
          padding: 0 5px;
          margin: 0;
          top: 50px;
          -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
                  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
        #equipment-overview .search-equipments .search-box .search-input .prediction-item {
          padding: 0.8em .75em;
          -webkit-transition: color 0.2s, background 0.2s;
          transition: color 0.2s, background 0.2s;
          border-bottom: 1px solid #899098; }
          #equipment-overview .search-equipments .search-box .search-input .prediction-item:last-child {
            border-bottom: none; }
          #equipment-overview .search-equipments .search-box .search-input .prediction-item .prediction-text {
            font-size: 14px; }
        #equipment-overview .search-equipments .search-box .search-input .output:hover .focus {
          background: #fff;
          color: #767676; }
        #equipment-overview .search-equipments .search-box .search-input .prediction-item:hover, #equipment-overview .search-equipments .search-box .search-input .focus,
        #equipment-overview .search-equipments .search-box .search-input .output:hover .focus:hover {
          background: #fafafa;
          color: #343e4a; }
        #equipment-overview .search-equipments .search-box .search-input .prediction-item:hover {
          cursor: pointer; }
        #equipment-overview .search-equipments .search-box .search-input .prediction-item strong {
          color: #343e4a; }
        #equipment-overview .search-equipments .search-box .search-input .prediction-item:hover strong {
          color: #000; }
      #equipment-overview .search-equipments .search-box .btn-nd {
        position: relative;
        left: -10px; }
        #equipment-overview .search-equipments .search-box .btn-nd:disabled {
          border-color: #e20026;
          opacity: 1;
          background: #e20026;
          color: #ffffff !important;
          cursor: not-allowed; }
        @media screen and (max-width: 600px) {
          #equipment-overview .search-equipments .search-box .btn-nd {
            display: none; } }
      @media screen and (max-width: 600px) {
        #equipment-overview .search-equipments .search-box {
          height: 40px;
          width: 310px; } }
      @media screen and (max-width: 600px) {
        #equipment-overview .search-equipments .search-box {
          width: 100%; } }
    #equipment-overview .search-equipments .link-box {
      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; }
      #equipment-overview .search-equipments .link-box .card-link {
        color: #fff; }
      @media screen and (max-width: 755px) {
        #equipment-overview .search-equipments .link-box {
          padding-top: 39px;
          -webkit-box-pack: left;
              -ms-flex-pack: left;
                  justify-content: left; } }
    @media screen and (max-width: 755px) {
      #equipment-overview .search-equipments {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  #equipment-overview .equipment-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (max-width: 767px) {
      #equipment-overview .equipment-list {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }

#equipment-overview .equipment-card-wrapper {
  height: 635px;
  width: 33.33%;
  margin-bottom: 64px; }
  @media screen and (max-width: 600px) {
    #equipment-overview .equipment-card-wrapper {
      width: 310px;
      height: 100%;
      min-height: 525px; } }
  @media screen and (max-width: 992px) {
    #equipment-overview .equipment-card-wrapper {
      width: 50%; } }
  @media screen and (max-width: 767px) {
    #equipment-overview .equipment-card-wrapper {
      width: 50%; } }
  @media screen and (max-width: 600px) {
    #equipment-overview .equipment-card-wrapper {
      width: 100%; } }

#equipment-overview .equipment-list {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -30px; }
  @media screen and (max-width: 600px) {
    #equipment-overview .equipment-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media screen and (max-width: 1024px) {
    #equipment-overview .equipment-list {
      margin: 0 -10px; } }
  @media screen and (max-width: 992px) {
    #equipment-overview .equipment-list {
      margin: 0 -15px; } }
  @media screen and (max-width: 767px) {
    #equipment-overview .equipment-list {
      margin: 0 -30px; } }
  @media screen and (max-width: 600px) {
    #equipment-overview .equipment-list {
      margin: 0px; } }
  #equipment-overview .equipment-list .filter {
    margin: 0;
    padding-right: 1rem; }

#equipment-overview .product-list {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }
  @media screen and (max-width: 767px) {
    #equipment-overview .product-list {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  @media screen and (max-width: 600px) {
    #equipment-overview .product-list {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

#equipment-overview .product.hidden {
  display: none; }

#equipment-overview .product .product-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #343e4a;
  font-family: "Exo 2";
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 24px;
  text-transform: none;
  max-width: 300px;
  text-align: left; }
  @media screen and (max-width: 600px) {
    #equipment-overview .product .product-name {
      font-size: 18px;
      font-weight: 800;
      letter-spacing: 0.56px; } }
  @media screen and (max-width: 320px) {
    #equipment-overview .product .product-name {
      max-width: 230px; } }
  #equipment-overview .product .product-name .favorite-star {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer; }
    #equipment-overview .product .product-name .favorite-star.hidden {
      display: none; }

#equipment-overview .product .product-id {
  color: #000000;
  font-family: "Exo 2";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 24px;
  margin: 16px 0px !important; }
  @media screen and (min-width: 601px) and (max-width: 900px) {
    #equipment-overview .product .product-id {
      margin: 12px 0px !important; } }
  @media screen and (max-width: 600px) {
    #equipment-overview .product .product-id {
      font-size: 12px;
      line-height: 20px; } }

#equipment-overview .product .media-wrapper {
  width: 100%;
  padding-bottom: 16px; }
  @media screen and (min-width: 901px) {
    #equipment-overview .product .media-wrapper {
      max-height: 235px; } }
  @media screen and (max-width: 600px) {
    #equipment-overview .product .media-wrapper {
      padding-bottom: 0; } }
  #equipment-overview .product .media-wrapper a {
    width: 100%; }
    #equipment-overview .product .media-wrapper a img {
      max-height: 230px; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .media-wrapper a img {
          max-height: 190px; } }
  #equipment-overview .product .media-wrapper img {
    width: auto !important;
    margin: 0 auto; }
    @media screen and (max-width: 600px) {
      #equipment-overview .product .media-wrapper img {
        max-width: 100%; } }
    @media screen and (max-width: 600px) {
      #equipment-overview .product .media-wrapper img {
        max-height: 177px; } }
  #equipment-overview .product .media-wrapper.device {
    padding-bottom: 0 !important; }
    @media screen and (min-width: 901px) {
      #equipment-overview .product .media-wrapper.device {
        max-height: 75px; } }
    @media screen and (max-width: 600px) {
      #equipment-overview .product .media-wrapper.device {
        margin-bottom: 0px !important; } }
    #equipment-overview .product .media-wrapper.device img {
      max-height: 75px;
      padding-top: 5px; }

#equipment-overview .product .card {
  margin: 0 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
  padding: 11px 12px 19px 11px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%; }
  @media screen and (max-width: 1024px) {
    #equipment-overview .product .card {
      margin: 0 5px; } }
  @media screen and (max-width: 992px) {
    #equipment-overview .product .card {
      margin: 0 15px; } }
  @media screen and (max-width: 767px) {
    #equipment-overview .product .card {
      margin: 0 30px; } }
  @media screen and (max-width: 600px) {
    #equipment-overview .product .card {
      margin: 0px; } }
  #equipment-overview .product .card .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding-left: 0px;
    position: relative; }
  #equipment-overview .product .card p {
    margin: 26px 0; }
    @media screen and (max-width: 600px) {
      #equipment-overview .product .card p {
        margin: 4px 0; } }
  #equipment-overview .product .card h3 {
    margin: 0; }
  #equipment-overview .product .card h4 {
    font-style: normal;
    font-weight: 700; }

@media screen and (max-width: 600px) {
  #equipment-overview .product .ribbon {
    right: 0.45rem;
    top: 1.5rem; }
    #equipment-overview .product .ribbon .ribbon-content,
    #equipment-overview .product .ribbon .ribbon-shadow {
      right: 0; } }

#equipment-overview .product .linked-products {
  border-top: 1px solid #f4f4f4;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  min-height: 8rem;
  min-height: 175px;
  -webkit-box-align: inherit !important;
      -ms-flex-align: inherit !important;
          align-items: inherit !important; }
  #equipment-overview .product .linked-products svg {
    padding: 0px;
    margin: 0px; }
  @media screen and (max-width: 900px) {
    #equipment-overview .product .linked-products .linked-products {
      height: 10rem;
      margin-bottom: 1rem; }
    #equipment-overview .product .linked-products ul {
      margin-top: 20px; }
      #equipment-overview .product .linked-products ul li {
        height: 9rem; } }
  #equipment-overview .product .linked-products h4 {
    color: #E20026; }
  #equipment-overview .product .linked-products ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0; }
  #equipment-overview .product .linked-products li {
    font-size: 0.875rem;
    list-style: none;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (min-width: 601px) {
      #equipment-overview .product .linked-products li {
        margin: 0px 7px; } }
    #equipment-overview .product .linked-products li a {
      color: #000;
      max-width: 100%;
      width: 100%;
      white-space: normal;
      height: 155px;
      width: 155px;
      background-color: #ffffff;
      -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
              box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
      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;
      padding: 14px 8px 19px 10px;
      margin-left: 1px; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .linked-products li a {
          height: 140px;
          width: 140px;
          margin-left: 0; } }
      @media screen and (max-width: 320px) {
        #equipment-overview .product .linked-products li a {
          width: 115px; } }
      #equipment-overview .product .linked-products li a p {
        width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 2rem;
        margin: 0;
        padding-bottom: 16px;
        color: #343e4a;
        font-family: "Exo 2";
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0.38px;
        line-height: 16px;
        text-align: center;
        text-transform: uppercase; }
        @media screen and (max-width: 600px) {
          #equipment-overview .product .linked-products li a p {
            padding-bottom: 6px; } }
  #equipment-overview .product .linked-products .owl-nav .injected-svg {
    height: 1rem;
    width: 1rem;
    fill: #E20026; }
  #equipment-overview .product .linked-products .owl-nav button {
    height: 1rem;
    width: 1rem;
    margin-top: 0; }
  #equipment-overview .product .linked-products .owl-nav .owl-prev {
    margin-left: -0.65rem; }
  #equipment-overview .product .linked-products .owl-nav .owl-next {
    margin-right: -0.65rem; }
  #equipment-overview .product .linked-products .linked-products-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    #equipment-overview .product .linked-products .linked-products-actions.align-left {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    #equipment-overview .product .linked-products .linked-products-actions .vertical-bar {
      width: 1px;
      height: 24px;
      background: #c7cdd0;
      margin-top: 0.5rem;
      margin-left: 20px; }
  #equipment-overview .product .linked-products .device-detail {
    width: 100%;
    height: 100%; }
    #equipment-overview .product .linked-products .device-detail .owl-stage-outer {
      height: 160px;
      padding-top: 1px; }
    #equipment-overview .product .linked-products .device-detail .no-devices {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #343E4A;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0;
      min-height: 194px;
      cursor: default; }
    #equipment-overview .product .linked-products .device-detail .dots-wrapper {
      width: 353px;
      background: transparent;
      position: relative;
      margin-left: -16px; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .linked-products .device-detail .dots-wrapper {
          width: 310px; } }
    #equipment-overview .product .linked-products .device-detail .owl-carousel .owl-dots {
      top: 6rem;
      position: absolute;
      margin-left: -3px;
      width: 100%;
      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; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .linked-products .device-detail .owl-carousel .owl-dots {
          top: 10rem; } }
      @media screen and (min-width: 601px) and (max-width: 900px) {
        #equipment-overview .product .linked-products .device-detail .owl-carousel .owl-dots {
          top: 11rem; } }
      #equipment-overview .product .linked-products .device-detail .owl-carousel .owl-dots button.owl-dot {
        display: none;
        background: #899098;
        color: #899098;
        border: none;
        padding: 0 !important;
        font: inherit;
        width: 10px;
        height: 10px;
        min-height: 10px;
        border-radius: 50%; }
        #equipment-overview .product .linked-products .device-detail .owl-carousel .owl-dots button.owl-dot.active {
          color: #343e4a;
          background: #343e4a; }
      #equipment-overview .product .linked-products .device-detail .owl-carousel .owl-dots.hide {
        display: none; }
    @media screen and (max-width: 600px) {
      #equipment-overview .product .linked-products .device-detail .owl-carousel .button,
      #equipment-overview .product .linked-products .device-detail .owl-carousel button {
        margin-right: -5px !important;
        min-width: 10px;
        margin-left: -5px !important; }
      #equipment-overview .product .linked-products .device-detail .owl-carousel .owl-dots {
        bottom: 0;
        height: 0; } }
    #equipment-overview .product .linked-products .device-detail .owl-nav button.owl-dots {
      position: absolute;
      bottom: 0;
      margin-left: 5px;
      height: 47px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    #equipment-overview .product .linked-products .device-detail .owl-nav button .injected-svg {
      fill: #343e4a !important; }
    #equipment-overview .product .linked-products .device-detail .owl-nav .arrow-left {
      height: 17.88px;
      width: 17.88px;
      position: absolute;
      top: 75px;
      left: -13px; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .linked-products .device-detail .owl-nav .arrow-left {
          height: 16px;
          width: 16px;
          left: -15px;
          top: 65px; } }
      @media screen and (max-width: 992px) {
        #equipment-overview .product .linked-products .device-detail .owl-nav .arrow-left {
          left: -10px; } }
    #equipment-overview .product .linked-products .device-detail .owl-nav svg.injected-svg.inline-svg.arrow-right {
      position: absolute;
      top: 75px;
      right: -15px;
      height: 17.88px;
      width: 17.88px; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .linked-products .device-detail .owl-nav svg.injected-svg.inline-svg.arrow-right {
          height: 16px;
          width: 16px;
          top: 65px;
          left: auto;
          right: -10px; } }
      @media screen and (max-width: 1024px) {
        #equipment-overview .product .linked-products .device-detail .owl-nav svg.injected-svg.inline-svg.arrow-right {
          left: 300px; } }
      @media screen and (max-width: 992px) {
        #equipment-overview .product .linked-products .device-detail .owl-nav svg.injected-svg.inline-svg.arrow-right {
          left: auto; } }
  #equipment-overview .product .linked-products h4 {
    position: relative;
    color: #899098;
    font-family: "Exo 2";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 24px;
    text-align: center;
    cursor: pointer; }
    #equipment-overview .product .linked-products h4 .spout {
      height: 10px;
      width: 10px;
      position: absolute;
      left: 0;
      display: none; }
      #equipment-overview .product .linked-products h4 .spout svg {
        height: 100%;
        width: 100%; }
    #equipment-overview .product .linked-products h4 .underline {
      height: 4px;
      width: 89px;
      background-color: #e20026;
      display: none;
      width: 99%;
      margin-top: 3px; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .linked-products h4 .underline {
          top: 17px; } }
    #equipment-overview .product .linked-products h4.active {
      color: #343e4a; }
      #equipment-overview .product .linked-products h4.active .spout {
        display: block; }
      #equipment-overview .product .linked-products h4.active .underline {
        display: block; }
    #equipment-overview .product .linked-products h4:after {
      height: 10px;
      width: 10px;
      background: #000; }
  #equipment-overview .product .linked-products .telematics {
    min-height: 194px;
    height: auto; }
  #equipment-overview .product .linked-products .hidden {
    display: none; }
  #equipment-overview .product .linked-products .telematics-data-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 42px; }
    @media screen and (max-width: 600px) {
      #equipment-overview .product .linked-products .telematics-data-wrapper {
        margin-top: 19px; } }
    #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value {
      position: relative;
      right: 3rem;
      margin-right: 20px;
      height: 25px;
      white-space: nowrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #000000;
      font-family: "Exo 2";
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 24px; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value {
          font-size: 12px;
          line-height: 20px;
          height: 20px; } }
      #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value svg {
        height: 30px;
        margin-top: -8px;
        margin-left: -6px; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value svg.go-to {
          margin-left: 20px;
          height: 45px; }
      #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .telematics-status {
        height: 12px;
        width: 12px;
        border-radius: 50%;
        margin-right: 5px;
        margin-top: 6px; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.working {
          background: #27b03d; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.keyon {
          background: #e7a503; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.idle {
          background: #f47825; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.moving {
          background: #00a8b4; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.traveling {
          background: #035db1; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.off {
          background: #808080; }
      #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .svg-round-background {
        height: 25px;
        width: 25px;
        margin-left: 5px;
        right: 20px;
        position: absolute; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .svg-round-background img {
          margin-top: 12px;
          margin-left: 4rem; }
    #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-labels {
      text-align: left;
      color: #000000;
      font-family: "Exo 2";
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 24px;
      height: 25px; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-labels {
          font-size: 12px;
          line-height: 20px;
          height: 20px; } }
      #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-labels .telematics-label {
        white-space: nowrap; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-labels .telematics-label b {
          white-space: normal; }

#equipment-overview .product footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left; }
  #equipment-overview .product footer a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    padding-left: 5px; }
    #equipment-overview .product footer a svg {
      margin-right: 5px !important; }
    @media screen and (max-width: 600px) {
      #equipment-overview .product footer a {
        margin: -10px 0px 0px 0px !important;
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left; } }

#page-faq .title {
  color: #343E4A;
  font-family: "Exo Slab Pro";
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 44px;
  margin: 16px 0 32px; }
  @media screen and (max-width: 600px) {
    #page-faq .title {
      font-size: 26px;
      line-height: 34px;
      margin: 8px 0 24px; } }

#page-faq .wrapper-faq {
  max-width: 761px;
  padding-bottom: 80px; }
  #page-faq .wrapper-faq .wrapper-question p {
    margin: 0; }
  #page-faq .wrapper-faq .wrapper-question .subtitle {
    margin: 32px 0;
    color: #343E4A;
    font-family: "Exo 2";
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: capitalize; }
    @media screen and (max-width: 600px) {
      #page-faq .wrapper-faq .wrapper-question .subtitle {
        font-size: 20px; } }
    #page-faq .wrapper-faq .wrapper-question .subtitle .faq-icon {
      padding-right: 10px; }
  #page-faq .wrapper-faq .wrapper-question .accordion-panel {
    margin-bottom: 24px;
    border-bottom: 1px solid #979797; }
    #page-faq .wrapper-faq .wrapper-question .accordion-panel .accordion-panel-header {
      padding-bottom: 12px; }
      #page-faq .wrapper-faq .wrapper-question .accordion-panel .accordion-panel-header .question {
        color: #343E4A;
        font-family: "Exo 2";
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.5px;
        line-height: 24px;
        max-width: 719px; }
        @media screen and (max-width: 600px) {
          #page-faq .wrapper-faq .wrapper-question .accordion-panel .accordion-panel-header .question {
            font-size: 14px; } }
    #page-faq .wrapper-faq .wrapper-question .accordion-panel .answer {
      color: #343E4A;
      font-family: "Exo 2";
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 24px;
      max-width: 719px;
      padding-bottom: 12px; }
      @media screen and (max-width: 600px) {
        #page-faq .wrapper-faq .wrapper-question .accordion-panel .answer {
          font-size: 12px;
          line-height: 20px; } }
  #page-faq .wrapper-faq header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    #page-faq .wrapper-faq header .arrow-icon {
      height: 11px;
      width: 11px; }

.accordion-panel {
  position: relative; }
  .accordion-panel .accordion-panel-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .accordion-panel .accordion-panel-header h3 {
      margin: 0; }
    .accordion-panel .accordion-panel-header .status-icon {
      height: 0.875rem;
      width: 0.875rem;
      margin-left: 1rem;
      -webkit-transition: -webkit-transform 0.2s;
      transition: -webkit-transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s; }
  .accordion-panel .accordion-panel-body {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.2s;
    transition: max-height 0.2s; }

.background-light-grey #page-dealer {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  max-width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin-bottom: 0; }
  .background-light-grey #page-dealer .top-page {
    max-width: 1230px !important;
    width: 100%; }
  .background-light-grey #page-dealer .bottom-page {
    width: 100%;
    padding-top: 38px; }
  .background-light-grey #page-dealer .dealer-name {
    color: #343e4a;
    font-family: "Exo Slab Pro", "Exo 2", sans-serif;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 44px;
    text-transform: none;
    margin-bottom: 64px; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .dealer-name {
        font-size: 26px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 34px;
        margin: 8px 17px 17px; } }
  .background-light-grey #page-dealer .dealer-section {
    margin: 16px 17px 0; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .dealer-section {
        border: 0; }
        .background-light-grey #page-dealer .dealer-section .photo-card {
          -webkit-box-ordinal-group: 1;
              -ms-flex-order: 0;
                  order: 0; }
        .background-light-grey #page-dealer .dealer-section .logo-card {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; }
        .background-light-grey #page-dealer .dealer-section .address-card {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2; }
        .background-light-grey #page-dealer .dealer-section .service-wrapper {
          -webkit-box-ordinal-group: 4;
              -ms-flex-order: 3;
                  order: 3; }
        .background-light-grey #page-dealer .dealer-section .associated-products-card {
          -webkit-box-ordinal-group: 5;
              -ms-flex-order: 4;
                  order: 4; } }
    .background-light-grey #page-dealer .dealer-section .wrapper-top-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-height: 356px; }
      .background-light-grey #page-dealer .dealer-section .wrapper-top-box .btn-nd {
        margin: 0;
        margin-left: -3px !important;
        width: 171px;
        padding: 0;
        font-weight: 600; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .dealer-section .wrapper-top-box {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          padding: 0 17px; } }
    .background-light-grey #page-dealer .dealer-section .card-wrapper {
      max-width: 33.33333%;
      padding: 35px 0 31px 35px;
      height: 100%; }
      .background-light-grey #page-dealer .dealer-section .card-wrapper.colspan-2 {
        max-width: 100%;
        min-width: 66.66667%; }
      .background-light-grey #page-dealer .dealer-section .card-wrapper.colspan-3 {
        max-width: 100%;
        min-width: 100%; }
      .background-light-grey #page-dealer .dealer-section .card-wrapper .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 17px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .background-light-grey #page-dealer .dealer-section .card-wrapper .header .icon-service {
          padding-right: 13px; }
  @media screen and (min-width: 601px) and (max-width: 900px) {
    .background-light-grey #page-dealer .dealer-section .card-wrapper {
      max-width: 50%; }
      .background-light-grey #page-dealer .dealer-section .card-wrapper.colspan-2 {
        max-width: 100%;
        min-width: 100%; } }
  @media screen and (max-width: 600px) {
    .background-light-grey #page-dealer .dealer-section .card-wrapper {
      max-width: 100%;
      padding: 20px 24px 20px 18px;
      border-bottom: 1px solid #eef0f1; }
      .background-light-grey #page-dealer .dealer-section .card-wrapper:last-child {
        border-bottom: none; }
      .background-light-grey #page-dealer .dealer-section .card-wrapper.colspan-2 {
        max-width: 100%;
        min-width: 100%; } }
  .background-light-grey #page-dealer .photo-card {
    padding-right: 71px; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .photo-card {
        padding-right: 0; } }
    .background-light-grey #page-dealer .photo-card .image {
      height: 100%;
      max-width: 534px;
      max-height: 342px;
      min-width: 270px;
      width: 100%;
      min-height: 178px;
      position: relative; }
      @media screen and (min-width: 601px) {
        .background-light-grey #page-dealer .photo-card .image {
          width: 534px; } }
      .background-light-grey #page-dealer .photo-card .image::before {
        content: " ";
        height: 100%;
        max-height: 331px;
        min-height: 180px;
        width: 11px;
        background-color: #e20026;
        z-index: 1;
        position: absolute; }
        @media screen and (min-width: 601px) {
          .background-light-grey #page-dealer .photo-card .image::before {
            max-height: 342px; } }
      .background-light-grey #page-dealer .photo-card .image img {
        height: 100%;
        max-width: 534px;
        max-height: 342px;
        min-width: 270px;
        width: 100%;
        min-height: 178px; }
  .background-light-grey #page-dealer .title-text {
    color: #343e4a;
    font-family: "Exo 2";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
    text-transform: none;
    margin-top: 0; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .title-text {
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.5px;
        line-height: 24px; } }
    .background-light-grey #page-dealer .title-text.info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0.5px;
      margin-top: 15px; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .title-text.info {
          font-size: 14px;
          line-height: 24px;
          margin-top: 6px; } }
    .background-light-grey #page-dealer .title-text.country {
      margin-top: 0;
      margin-bottom: 10px; }
    .background-light-grey #page-dealer .title-text.contacts {
      margin-top: 32px; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .title-text.contacts {
          margin-top: 26px; } }
    .background-light-grey #page-dealer .title-text.service-title {
      margin-bottom: 0;
      font-size: 20px;
      letter-spacing: 0; }
  .background-light-grey #page-dealer p {
    margin-bottom: 0;
    margin-top: 2px;
    padding-right: 2px; }
  .background-light-grey #page-dealer .address-card {
    width: 100%; }
    @media screen and (max-width: 1022px) {
      .background-light-grey #page-dealer .address-card {
        max-width: 50%; } }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .address-card {
        padding-top: 17px; } }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .address-card {
        max-width: 100%; } }
    .background-light-grey #page-dealer .address-card .content {
      padding-bottom: 28px; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .address-card .content {
          padding-bottom: 21px; } }
      .background-light-grey #page-dealer .address-card .content a:not(.button) {
        color: #919191; }
    .background-light-grey #page-dealer .address-card .contacts-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      word-break: break-word; }
      .background-light-grey #page-dealer .address-card .contacts-box .email-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
    .background-light-grey #page-dealer .address-card .website-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .background-light-grey #page-dealer .service-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0 58.97px 93.88px -84.24px rgba(137, 144, 152, 0.5);
            box-shadow: 0 58.97px 93.88px -84.24px rgba(137, 144, 152, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    width: 100%;
    background-color: white;
    margin-top: 64px; }
    @media screen and (min-width: 901px) {
      .background-light-grey #page-dealer .service-wrapper {
        height: 344px; } }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .service-wrapper {
        margin-top: 41px; } }
    .background-light-grey #page-dealer .service-wrapper .hours-card .hours {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      color: #000000;
      font-family: "Exo 2";
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.5px;
      line-height: 24px; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .service-wrapper .hours-card .hours {
          font-size: 12px;
          line-height: 20px; } }
      .background-light-grey #page-dealer .service-wrapper .hours-card .hours > div {
        width: 33.33333%;
        margin-bottom: 0; }
      .background-light-grey #page-dealer .service-wrapper .hours-card .hours.openings {
        padding-top: 22px; }
    @media screen and (min-width: 601px) {
      .background-light-grey #page-dealer .service-wrapper .hours-card {
        border-right: 1px solid #eef0f1; } }
    .background-light-grey #page-dealer .service-wrapper .support-provided-card {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: 1px solid #d3d3d3;
      margin-right: 1px solid #d3d3d3;
      width: 100%; }
      .background-light-grey #page-dealer .service-wrapper .support-provided-card .content {
        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; }
        .background-light-grey #page-dealer .service-wrapper .support-provided-card .content .icon-box {
          height: 80px;
          width: 80px;
          background-color: #eef0f1;
          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;
          margin-right: 25px; }
      @media screen and (min-width: 901px) {
        .background-light-grey #page-dealer .service-wrapper .support-provided-card {
          height: 100%;
          padding-left: 36px; } }
      @media screen and (min-width: 601px) {
        .background-light-grey #page-dealer .service-wrapper .support-provided-card {
          border-right: 1px solid #eef0f1; } }
    .background-light-grey #page-dealer .service-wrapper .top-service-card .content {
      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;
      padding-top: 20px; }
      .background-light-grey #page-dealer .service-wrapper .top-service-card .content .title-text {
        margin-top: 0; }
      .background-light-grey #page-dealer .service-wrapper .top-service-card .content .icon-box {
        height: 80px;
        width: 80px;
        background-color: #eef0f1;
        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;
        margin-right: 25px; }
  .background-light-grey #page-dealer .link-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .background-light-grey #page-dealer .link-box .card-link {
      margin-left: 2px;
      font-weight: bold; }
    .background-light-grey #page-dealer .link-box .inline-svg {
      display: block !important; }
    .background-light-grey #page-dealer .link-box:hover {
      margin-left: 8px; }
  .background-light-grey #page-dealer .associated-products-card {
    background-color: #343e4a;
    margin-top: 38px;
    padding-top: 23px !important;
    min-width: 1230px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
    .background-light-grey #page-dealer .associated-products-card .item-list {
      min-width: 1230px;
      margin: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      padding: 0 17px; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .associated-products-card .item-list {
          padding: 0 33px; } }
      @media screen and (max-width: 374px) {
        .background-light-grey #page-dealer .associated-products-card .item-list {
          padding: 0 10px; } }
    .background-light-grey #page-dealer .associated-products-card .header .title-text {
      margin: 0; }
    .background-light-grey #page-dealer .associated-products-card .dealer-name {
      color: #ffffff;
      margin: 0 0 18px; }
    .background-light-grey #page-dealer .associated-products-card .title-text.contacts {
      color: #ffffff;
      padding-bottom: 23px; }
    .background-light-grey #page-dealer .associated-products-card .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%;
      max-width: 1090px;
      padding-bottom: 91px; }
      .background-light-grey #page-dealer .associated-products-card .content h3 {
        padding: 0; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .associated-products-card .content > div {
          width: 100%; } }
      .background-light-grey #page-dealer .associated-products-card .content > div .products {
        padding: 6px 0 0; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .associated-products-card .content {
          padding-bottom: 65px;
          max-width: 310px; } }
  .background-light-grey #page-dealer .product-stamp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .product-stamp {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    .background-light-grey #page-dealer .product-stamp .product-stamp-content {
      display: block;
      text-align: left;
      height: 370px;
      width: 353px;
      background-color: #eef0f1;
      -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
              box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media screen and (max-width: 600px) {
        .background-light-grey #page-dealer .product-stamp .product-stamp-content {
          height: 370px;
          width: 310px;
          background-color: #eef0f1;
          -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
                  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5); } }
      .background-light-grey #page-dealer .product-stamp .product-stamp-content .text-box {
        padding: 12px 16px 0; }
        .background-light-grey #page-dealer .product-stamp .product-stamp-content .text-box h3 {
          margin: 0.5rem 0; }
          @media screen and (max-width: 600px) {
            .background-light-grey #page-dealer .product-stamp .product-stamp-content .text-box h3 {
              font-size: 0.875rem; } }
          .background-light-grey #page-dealer .product-stamp .product-stamp-content .text-box h3.product-name {
            color: #343e4a;
            font-family: "Exo 2";
            font-size: 22px;
            font-weight: 800;
            letter-spacing: 0;
            line-height: 24px;
            margin: 0; }
            @media screen and (max-width: 600px) {
              .background-light-grey #page-dealer .product-stamp .product-stamp-content .text-box h3.product-name {
                font-size: 18px;
                letter-spacing: 0.56px; } }
        .background-light-grey #page-dealer .product-stamp .product-stamp-content .text-box .product-sn {
          color: #000000;
          font-family: "Exo 2";
          font-size: 14px;
          letter-spacing: 0.5px;
          line-height: 24px;
          font-weight: 500; }
          @media screen and (max-width: 600px) {
            .background-light-grey #page-dealer .product-stamp .product-stamp-content .text-box .product-sn {
              font-size: 12px;
              line-height: 20px; } }
      .background-light-grey #page-dealer .product-stamp .product-stamp-content .dots-wrapper {
        width: 353px;
        height: 50px;
        background: #eef0f1;
        position: relative; }
        @media screen and (max-width: 600px) {
          .background-light-grey #page-dealer .product-stamp .product-stamp-content .dots-wrapper {
            width: 310px; } }
      .background-light-grey #page-dealer .product-stamp .product-stamp-content .img-box {
        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; }
        .background-light-grey #page-dealer .product-stamp .product-stamp-content .img-box .product-img {
          min-height: 220px;
          height: 100%;
          max-width: 271.23px;
          width: 100%; }
  .background-light-grey #page-dealer .equipment {
    width: 50%; }
    @media screen and (min-width: 601px) {
      .background-light-grey #page-dealer .equipment .products::before {
        content: "";
        position: absolute;
        right: -93px;
        height: 370px;
        width: 1px;
        background-color: #c7cdd0; } }
    .background-light-grey #page-dealer .equipment .products .dots-wrapper {
      width: 353px;
      height: 50px;
      background: #eef0f1; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .equipment {
        padding-bottom: 38px;
        margin-bottom: 39px;
        border-bottom: 1px solid #899098; } }
    .background-light-grey #page-dealer .equipment .link-box {
      padding: 19px 16px 18px; }
  @media screen and (max-width: 600px) {
    .background-light-grey #page-dealer::after {
      content: "";
      position: absolute;
      left: 0px;
      height: 1px;
      width: 310px;
      z-index: 204;
      background-color: #c7cdd0;
      bottom: -50px; } }
  .background-light-grey #page-dealer .devices {
    width: 50%; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .devices {
        width: auto; } }
    .background-light-grey #page-dealer .devices .text-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: 100%; }
    .background-light-grey #page-dealer .devices .link-box {
      padding: 19px 16px 0; }
  .background-light-grey #page-dealer .products {
    width: 353px;
    height: 377px; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .products {
        width: 310px; } }
    @media screen and (max-width: 374px) {
      .background-light-grey #page-dealer .products {
        width: 300px; } }
  .background-light-grey #page-dealer .owl-carousel .owl-dots {
    position: absolute;
    bottom: 0;
    margin-left: 5px;
    height: 47px;
    width: 100%;
    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; }
    .background-light-grey #page-dealer .owl-carousel .owl-dots button.owl-dot {
      background: #899098;
      color: #899098;
      border: none;
      padding: 0 !important;
      font: inherit;
      width: 10px;
      height: 10px;
      min-height: 10px;
      border-radius: 50%; }
      .background-light-grey #page-dealer .owl-carousel .owl-dots button.owl-dot.active {
        color: #343e4a;
        background: #343e4a; }
  @media screen and (max-width: 460px) {
    .background-light-grey #page-dealer .owl-carousel .button,
    .background-light-grey #page-dealer .owl-carousel button {
      margin-right: 5px !important;
      min-width: 10px;
      margin-left: 5px !important; }
    .background-light-grey #page-dealer .owl-carousel .owl-dots {
      bottom: 0; } }
  .background-light-grey #page-dealer .owl-nav button.owl-dots {
    position: absolute;
    bottom: 0;
    margin-left: 5px;
    height: 47px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .background-light-grey #page-dealer .owl-nav button .injected-svg {
    fill: #343e4a !important; }
  .background-light-grey #page-dealer .owl-nav .arrow-left {
    height: 17.88px;
    width: 17.88px;
    position: absolute;
    top: 160px;
    left: 14px; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .owl-nav .arrow-left {
        height: 16px;
        width: 16px;
        left: 0; } }
  .background-light-grey #page-dealer .owl-nav svg.injected-svg.inline-svg.arrow-right {
    position: absolute;
    top: 160px;
    left: 320px;
    height: 17.88px;
    width: 17.88px; }
    @media screen and (max-width: 600px) {
      .background-light-grey #page-dealer .owl-nav svg.injected-svg.inline-svg.arrow-right {
        height: 16px;
        width: 16px;
        left: auto;
        right: 0; } }

#equipment-overview {
  margin: 4rem auto; }
  #equipment-overview .title {
    margin-top: 34.95px;
    margin-bottom: 82px;
    color: white;
    text-transform: capitalize;
    font-size: 36px;
    font-family: "Exo Slab Pro", "Exo 2", sans-serif; }
    @media screen and (max-width: 600px) {
      #equipment-overview .title {
        margin-bottom: 50px;
        margin-top: 24px;
        font-size: 26px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 34px; } }
  #equipment-overview .search-equipments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    #equipment-overview .search-equipments .search-box {
      height: 50px;
      width: 535px; }
      #equipment-overview .search-equipments .search-box .input-field.search-input span:first-of-type {
        left: 10px;
        right: 0px; }
        #equipment-overview .search-equipments .search-box .input-field.search-input span:first-of-type svg {
          -ms-flex-preferred-size: 5%;
              flex-basis: 5%;
          height: 17px;
          width: 17px;
          fill: #899098;
          position: absolute;
          bottom: 10px;
          cursor: auto; }
      #equipment-overview .search-equipments .search-box .input-field label {
        left: 3rem; }
      #equipment-overview .search-equipments .search-box #searchform {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
        width: 100%; }
      #equipment-overview .search-equipments .search-box .search-input {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0;
        width: 100%; }
        #equipment-overview .search-equipments .search-box .search-input .filter {
          text-overflow: ellipsis;
          padding: 11px 42px 0px 47px; }
        #equipment-overview .search-equipments .search-box .search-input .dropdown {
          list-style: none;
          width: 100%;
          background: #fff;
          position: absolute;
          top: 26px;
          z-index: 1;
          height: auto;
          border-top: 1px solid #d9d9d9;
          -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
                  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
          overflow: hidden;
          padding: 0;
          border-radius: 2px; }
          @media screen and (max-width: 600px) {
            #equipment-overview .search-equipments .search-box .search-input .dropdown {
              top: 17px; } }
          #equipment-overview .search-equipments .search-box .search-input .dropdown li {
            width: 420px;
            border-bottom: 1px solid;
            cursor: pointer;
            padding: 0 45px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            line-height: 30px;
            text-align: left;
            border-top: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;
            font-size: 13px;
            padding-right: 0;
            font-family: "Exo 2";
            color: #000; }
            #equipment-overview .search-equipments .search-box .search-input .dropdown li:last-of-type {
              border-bottom: none;
              border-top: none; }
            #equipment-overview .search-equipments .search-box .search-input .dropdown li.noRes {
              cursor: default;
              background: none !important; }
            #equipment-overview .search-equipments .search-box .search-input .dropdown li.one-result {
              border: none; }
            #equipment-overview .search-equipments .search-box .search-input .dropdown li:hover {
              background: #fafafa; }
          #equipment-overview .search-equipments .search-box .search-input .dropdown.hidden {
            display: none; }
          #equipment-overview .search-equipments .search-box .search-input .dropdown::-webkit-scrollbar {
            width: 0; }
        #equipment-overview .search-equipments .search-box .search-input .query-label {
          font-family: "Exo 2";
          font-size: 16px;
          color: #343e4a !important;
          top: 16px;
          left: 46px; }
        #equipment-overview .search-equipments .search-box .search-input .search-icon {
          top: 20px;
          left: 20px;
          position: absolute; }
          @media screen and (max-width: 600px) {
            #equipment-overview .search-equipments .search-box .search-input .search-icon {
              top: 18px; } }
          #equipment-overview .search-equipments .search-box .search-input .search-icon svg {
            height: 14px;
            width: 14px;
            fill: #899098; }
        #equipment-overview .search-equipments .search-box .search-input .no-results {
          display: none; }
        #equipment-overview .search-equipments .search-box .search-input .output {
          list-style: none;
          width: 98.5%;
          min-height: 0px;
          border-top: 0 !important;
          color: #767676;
          font-size: .75em;
          -webkit-transition: min-height 0.2s;
          transition: min-height 0.2s;
          position: absolute;
          z-index: 100;
          background-color: #fff;
          padding: 0 5px;
          margin: 0;
          top: 50px;
          -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
                  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
        #equipment-overview .search-equipments .search-box .search-input .prediction-item {
          padding: 0.8em .75em;
          -webkit-transition: color 0.2s, background 0.2s;
          transition: color 0.2s, background 0.2s;
          border-bottom: 1px solid #899098; }
          #equipment-overview .search-equipments .search-box .search-input .prediction-item:last-child {
            border-bottom: none; }
          #equipment-overview .search-equipments .search-box .search-input .prediction-item .prediction-text {
            font-size: 14px; }
        #equipment-overview .search-equipments .search-box .search-input .output:hover .focus {
          background: #fff;
          color: #767676; }
        #equipment-overview .search-equipments .search-box .search-input .prediction-item:hover, #equipment-overview .search-equipments .search-box .search-input .focus,
        #equipment-overview .search-equipments .search-box .search-input .output:hover .focus:hover {
          background: #fafafa;
          color: #343e4a; }
        #equipment-overview .search-equipments .search-box .search-input .prediction-item:hover {
          cursor: pointer; }
        #equipment-overview .search-equipments .search-box .search-input .prediction-item strong {
          color: #343e4a; }
        #equipment-overview .search-equipments .search-box .search-input .prediction-item:hover strong {
          color: #000; }
      #equipment-overview .search-equipments .search-box .btn-nd {
        position: relative;
        left: -10px; }
        #equipment-overview .search-equipments .search-box .btn-nd:disabled {
          border-color: #e20026;
          opacity: 1;
          background: #e20026;
          color: #ffffff !important;
          cursor: not-allowed; }
        @media screen and (max-width: 600px) {
          #equipment-overview .search-equipments .search-box .btn-nd {
            display: none; } }
      @media screen and (max-width: 600px) {
        #equipment-overview .search-equipments .search-box {
          height: 40px;
          width: 310px; } }
      @media screen and (max-width: 600px) {
        #equipment-overview .search-equipments .search-box {
          width: 100%; } }
    #equipment-overview .search-equipments .link-box {
      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; }
      #equipment-overview .search-equipments .link-box .card-link {
        color: #fff; }
      @media screen and (max-width: 755px) {
        #equipment-overview .search-equipments .link-box {
          padding-top: 39px;
          -webkit-box-pack: left;
              -ms-flex-pack: left;
                  justify-content: left; } }
    @media screen and (max-width: 755px) {
      #equipment-overview .search-equipments {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  #equipment-overview .equipment-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (max-width: 767px) {
      #equipment-overview .equipment-list {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }

#equipment-overview .equipment-card-wrapper {
  height: 635px;
  width: 33.33%;
  margin-bottom: 64px; }
  @media screen and (max-width: 600px) {
    #equipment-overview .equipment-card-wrapper {
      width: 310px;
      height: 100%;
      min-height: 525px; } }
  @media screen and (max-width: 992px) {
    #equipment-overview .equipment-card-wrapper {
      width: 50%; } }
  @media screen and (max-width: 767px) {
    #equipment-overview .equipment-card-wrapper {
      width: 50%; } }
  @media screen and (max-width: 600px) {
    #equipment-overview .equipment-card-wrapper {
      width: 100%; } }

#equipment-overview .equipment-list {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -30px; }
  @media screen and (max-width: 600px) {
    #equipment-overview .equipment-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media screen and (max-width: 1024px) {
    #equipment-overview .equipment-list {
      margin: 0 -10px; } }
  @media screen and (max-width: 992px) {
    #equipment-overview .equipment-list {
      margin: 0 -15px; } }
  @media screen and (max-width: 767px) {
    #equipment-overview .equipment-list {
      margin: 0 -30px; } }
  @media screen and (max-width: 600px) {
    #equipment-overview .equipment-list {
      margin: 0px; } }
  #equipment-overview .equipment-list .filter {
    margin: 0;
    padding-right: 1rem; }

#equipment-overview .product-list {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }
  @media screen and (max-width: 767px) {
    #equipment-overview .product-list {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  @media screen and (max-width: 600px) {
    #equipment-overview .product-list {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

#equipment-overview .product.hidden {
  display: none; }

#equipment-overview .product .product-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #343e4a;
  font-family: "Exo 2";
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 24px;
  text-transform: none;
  max-width: 300px;
  text-align: left; }
  @media screen and (max-width: 600px) {
    #equipment-overview .product .product-name {
      font-size: 18px;
      font-weight: 800;
      letter-spacing: 0.56px; } }
  @media screen and (max-width: 320px) {
    #equipment-overview .product .product-name {
      max-width: 230px; } }
  #equipment-overview .product .product-name .favorite-star {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer; }
    #equipment-overview .product .product-name .favorite-star.hidden {
      display: none; }

#equipment-overview .product .product-id {
  color: #000000;
  font-family: "Exo 2";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 24px;
  margin: 16px 0px !important; }
  @media screen and (min-width: 601px) and (max-width: 900px) {
    #equipment-overview .product .product-id {
      margin: 12px 0px !important; } }
  @media screen and (max-width: 600px) {
    #equipment-overview .product .product-id {
      font-size: 12px;
      line-height: 20px; } }

#equipment-overview .product .media-wrapper {
  width: 100%;
  padding-bottom: 16px; }
  @media screen and (min-width: 901px) {
    #equipment-overview .product .media-wrapper {
      max-height: 235px; } }
  @media screen and (max-width: 600px) {
    #equipment-overview .product .media-wrapper {
      padding-bottom: 0; } }
  #equipment-overview .product .media-wrapper a {
    width: 100%; }
    #equipment-overview .product .media-wrapper a img {
      max-height: 230px; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .media-wrapper a img {
          max-height: 190px; } }
  #equipment-overview .product .media-wrapper img {
    width: auto !important;
    margin: 0 auto; }
    @media screen and (max-width: 600px) {
      #equipment-overview .product .media-wrapper img {
        max-width: 100%; } }
    @media screen and (max-width: 600px) {
      #equipment-overview .product .media-wrapper img {
        max-height: 177px; } }
  #equipment-overview .product .media-wrapper.device {
    padding-bottom: 0 !important; }
    @media screen and (min-width: 901px) {
      #equipment-overview .product .media-wrapper.device {
        max-height: 75px; } }
    @media screen and (max-width: 600px) {
      #equipment-overview .product .media-wrapper.device {
        margin-bottom: 0px !important; } }
    #equipment-overview .product .media-wrapper.device img {
      max-height: 75px;
      padding-top: 5px; }

#equipment-overview .product .card {
  margin: 0 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
  padding: 11px 12px 19px 11px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%; }
  @media screen and (max-width: 1024px) {
    #equipment-overview .product .card {
      margin: 0 5px; } }
  @media screen and (max-width: 992px) {
    #equipment-overview .product .card {
      margin: 0 15px; } }
  @media screen and (max-width: 767px) {
    #equipment-overview .product .card {
      margin: 0 30px; } }
  @media screen and (max-width: 600px) {
    #equipment-overview .product .card {
      margin: 0px; } }
  #equipment-overview .product .card .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding-left: 0px;
    position: relative; }
  #equipment-overview .product .card p {
    margin: 26px 0; }
    @media screen and (max-width: 600px) {
      #equipment-overview .product .card p {
        margin: 4px 0; } }
  #equipment-overview .product .card h3 {
    margin: 0; }
  #equipment-overview .product .card h4 {
    font-style: normal;
    font-weight: 700; }

@media screen and (max-width: 600px) {
  #equipment-overview .product .ribbon {
    right: 0.45rem;
    top: 1.5rem; }
    #equipment-overview .product .ribbon .ribbon-content,
    #equipment-overview .product .ribbon .ribbon-shadow {
      right: 0; } }

#equipment-overview .product .linked-products {
  border-top: 1px solid #f4f4f4;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  min-height: 8rem;
  min-height: 175px;
  -webkit-box-align: inherit !important;
      -ms-flex-align: inherit !important;
          align-items: inherit !important; }
  #equipment-overview .product .linked-products svg {
    padding: 0px;
    margin: 0px; }
  @media screen and (max-width: 900px) {
    #equipment-overview .product .linked-products .linked-products {
      height: 10rem;
      margin-bottom: 1rem; }
    #equipment-overview .product .linked-products ul {
      margin-top: 20px; }
      #equipment-overview .product .linked-products ul li {
        height: 9rem; } }
  #equipment-overview .product .linked-products h4 {
    color: #E20026; }
  #equipment-overview .product .linked-products ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0; }
  #equipment-overview .product .linked-products li {
    font-size: 0.875rem;
    list-style: none;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (min-width: 601px) {
      #equipment-overview .product .linked-products li {
        margin: 0px 7px; } }
    #equipment-overview .product .linked-products li a {
      color: #000;
      max-width: 100%;
      width: 100%;
      white-space: normal;
      height: 155px;
      width: 155px;
      background-color: #ffffff;
      -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
              box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
      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;
      padding: 14px 8px 19px 10px;
      margin-left: 1px; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .linked-products li a {
          height: 140px;
          width: 140px;
          margin-left: 0; } }
      @media screen and (max-width: 320px) {
        #equipment-overview .product .linked-products li a {
          width: 115px; } }
      #equipment-overview .product .linked-products li a p {
        width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 2rem;
        margin: 0;
        padding-bottom: 16px;
        color: #343e4a;
        font-family: "Exo 2";
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0.38px;
        line-height: 16px;
        text-align: center;
        text-transform: uppercase; }
        @media screen and (max-width: 600px) {
          #equipment-overview .product .linked-products li a p {
            padding-bottom: 6px; } }
  #equipment-overview .product .linked-products .owl-nav .injected-svg {
    height: 1rem;
    width: 1rem;
    fill: #E20026; }
  #equipment-overview .product .linked-products .owl-nav button {
    height: 1rem;
    width: 1rem;
    margin-top: 0; }
  #equipment-overview .product .linked-products .owl-nav .owl-prev {
    margin-left: -0.65rem; }
  #equipment-overview .product .linked-products .owl-nav .owl-next {
    margin-right: -0.65rem; }
  #equipment-overview .product .linked-products .linked-products-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    #equipment-overview .product .linked-products .linked-products-actions.align-left {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    #equipment-overview .product .linked-products .linked-products-actions .vertical-bar {
      width: 1px;
      height: 24px;
      background: #c7cdd0;
      margin-top: 0.5rem;
      margin-left: 20px; }
  #equipment-overview .product .linked-products .device-detail {
    width: 100%;
    height: 100%; }
    #equipment-overview .product .linked-products .device-detail .owl-stage-outer {
      height: 160px;
      padding-top: 1px; }
    #equipment-overview .product .linked-products .device-detail .no-devices {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #343E4A;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0;
      min-height: 194px;
      cursor: default; }
    #equipment-overview .product .linked-products .device-detail .dots-wrapper {
      width: 353px;
      background: transparent;
      position: relative;
      margin-left: -16px; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .linked-products .device-detail .dots-wrapper {
          width: 310px; } }
    #equipment-overview .product .linked-products .device-detail .owl-carousel .owl-dots {
      top: 6rem;
      position: absolute;
      margin-left: -3px;
      width: 100%;
      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; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .linked-products .device-detail .owl-carousel .owl-dots {
          top: 10rem; } }
      @media screen and (min-width: 601px) and (max-width: 900px) {
        #equipment-overview .product .linked-products .device-detail .owl-carousel .owl-dots {
          top: 11rem; } }
      #equipment-overview .product .linked-products .device-detail .owl-carousel .owl-dots button.owl-dot {
        display: none;
        background: #899098;
        color: #899098;
        border: none;
        padding: 0 !important;
        font: inherit;
        width: 10px;
        height: 10px;
        min-height: 10px;
        border-radius: 50%; }
        #equipment-overview .product .linked-products .device-detail .owl-carousel .owl-dots button.owl-dot.active {
          color: #343e4a;
          background: #343e4a; }
      #equipment-overview .product .linked-products .device-detail .owl-carousel .owl-dots.hide {
        display: none; }
    @media screen and (max-width: 600px) {
      #equipment-overview .product .linked-products .device-detail .owl-carousel .button,
      #equipment-overview .product .linked-products .device-detail .owl-carousel button {
        margin-right: -5px !important;
        min-width: 10px;
        margin-left: -5px !important; }
      #equipment-overview .product .linked-products .device-detail .owl-carousel .owl-dots {
        bottom: 0;
        height: 0; } }
    #equipment-overview .product .linked-products .device-detail .owl-nav button.owl-dots {
      position: absolute;
      bottom: 0;
      margin-left: 5px;
      height: 47px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    #equipment-overview .product .linked-products .device-detail .owl-nav button .injected-svg {
      fill: #343e4a !important; }
    #equipment-overview .product .linked-products .device-detail .owl-nav .arrow-left {
      height: 17.88px;
      width: 17.88px;
      position: absolute;
      top: 75px;
      left: -13px; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .linked-products .device-detail .owl-nav .arrow-left {
          height: 16px;
          width: 16px;
          left: -15px;
          top: 65px; } }
      @media screen and (max-width: 992px) {
        #equipment-overview .product .linked-products .device-detail .owl-nav .arrow-left {
          left: -10px; } }
    #equipment-overview .product .linked-products .device-detail .owl-nav svg.injected-svg.inline-svg.arrow-right {
      position: absolute;
      top: 75px;
      right: -15px;
      height: 17.88px;
      width: 17.88px; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .linked-products .device-detail .owl-nav svg.injected-svg.inline-svg.arrow-right {
          height: 16px;
          width: 16px;
          top: 65px;
          left: auto;
          right: -10px; } }
      @media screen and (max-width: 1024px) {
        #equipment-overview .product .linked-products .device-detail .owl-nav svg.injected-svg.inline-svg.arrow-right {
          left: 300px; } }
      @media screen and (max-width: 992px) {
        #equipment-overview .product .linked-products .device-detail .owl-nav svg.injected-svg.inline-svg.arrow-right {
          left: auto; } }
  #equipment-overview .product .linked-products h4 {
    position: relative;
    color: #899098;
    font-family: "Exo 2";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 24px;
    text-align: center;
    cursor: pointer; }
    #equipment-overview .product .linked-products h4 .spout {
      height: 10px;
      width: 10px;
      position: absolute;
      left: 0;
      display: none; }
      #equipment-overview .product .linked-products h4 .spout svg {
        height: 100%;
        width: 100%; }
    #equipment-overview .product .linked-products h4 .underline {
      height: 4px;
      width: 89px;
      background-color: #e20026;
      display: none;
      width: 99%;
      margin-top: 3px; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .linked-products h4 .underline {
          top: 17px; } }
    #equipment-overview .product .linked-products h4.active {
      color: #343e4a; }
      #equipment-overview .product .linked-products h4.active .spout {
        display: block; }
      #equipment-overview .product .linked-products h4.active .underline {
        display: block; }
    #equipment-overview .product .linked-products h4:after {
      height: 10px;
      width: 10px;
      background: #000; }
  #equipment-overview .product .linked-products .telematics {
    min-height: 194px;
    height: auto; }
  #equipment-overview .product .linked-products .hidden {
    display: none; }
  #equipment-overview .product .linked-products .telematics-data-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 42px; }
    @media screen and (max-width: 600px) {
      #equipment-overview .product .linked-products .telematics-data-wrapper {
        margin-top: 19px; } }
    #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value {
      position: relative;
      right: 3rem;
      margin-right: 20px;
      height: 25px;
      white-space: nowrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #000000;
      font-family: "Exo 2";
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 24px; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value {
          font-size: 12px;
          line-height: 20px;
          height: 20px; } }
      #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value svg {
        height: 30px;
        margin-top: -8px;
        margin-left: -6px; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value svg.go-to {
          margin-left: 20px;
          height: 45px; }
      #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .telematics-status {
        height: 12px;
        width: 12px;
        border-radius: 50%;
        margin-right: 5px;
        margin-top: 6px; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.working {
          background: #27b03d; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.keyon {
          background: #e7a503; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.idle {
          background: #f47825; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.moving {
          background: #00a8b4; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.traveling {
          background: #035db1; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.off {
          background: #808080; }
      #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .svg-round-background {
        height: 25px;
        width: 25px;
        margin-left: 5px;
        right: 20px;
        position: absolute; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-values .telematics-value .svg-round-background img {
          margin-top: 12px;
          margin-left: 4rem; }
    #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-labels {
      text-align: left;
      color: #000000;
      font-family: "Exo 2";
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 24px;
      height: 25px; }
      @media screen and (max-width: 600px) {
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-labels {
          font-size: 12px;
          line-height: 20px;
          height: 20px; } }
      #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-labels .telematics-label {
        white-space: nowrap; }
        #equipment-overview .product .linked-products .telematics-data-wrapper .telematics-labels .telematics-label b {
          white-space: normal; }

#equipment-overview .product footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left; }
  #equipment-overview .product footer a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    padding-left: 5px; }
    #equipment-overview .product footer a svg {
      margin-right: 5px !important; }
    @media screen and (max-width: 600px) {
      #equipment-overview .product footer a {
        margin: -10px 0px 0px 0px !important;
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left; } }

#equipment-details-nd .background-dark-grey #equipment-details-page {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  max-width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin-bottom: 0; }

#equipment-details-page .top-page {
  max-width: 1230px !important;
  width: 100%; }

.equ-section {
  margin: 16px 17px 0; }
  .equ-section--header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .equ-section--header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .equ-section--header__title h1 {
      color: #fff;
      font-family: "Exo Slab Pro", "Exo 2", sans-serif;
      font-size: 36px;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 44px;
      text-transform: uppercase;
      margin: 0px 0px 20px; }
      @media screen and (max-width: 600px) {
        .equ-section--header__title h1 {
          font-size: 26px;
          font-weight: 600;
          letter-spacing: 0;
          line-height: 34px;
          margin: 0 0 12px; } }
    .equ-section--header__title .equ-serialno {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .equ-section--header__title .equ-serialno p {
        color: #C7CDD0;
        font-family: "Exo 2", sans-serif;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.5px;
        line-height: 24px;
        margin: 0px; }
      .equ-section--header__title .equ-serialno--info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 10px;
        position: relative; }
        .equ-section--header__title .equ-serialno--info .tooltiptext {
          width: 160px;
          background-color: #D8D8D8;
          color: #000000;
          font-size: 12px;
          font-family: "Exo 2", sans-serif;
          letter-spacing: 0.5px;
          line-height: 20px;
          text-align: center;
          border-radius: 5px;
          padding: 3px 5px;
          position: absolute;
          z-index: 1;
          left: 30px;
          margin-left: 0px;
          visibility: hidden;
          opacity: 0;
          -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
          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;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
          .equ-section--header__title .equ-serialno--info .tooltiptext:after {
            content: "";
            position: absolute;
            left: -2px;
            margin-left: -5px;
            border-right: 10px solid #D8D8D8;
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); }
            @media screen and (max-width: 767px) {
              .equ-section--header__title .equ-serialno--info .tooltiptext:after {
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-top: 9px solid #D8D8D8;
                right: 12px;
                left: auto;
                bottom: -15px;
                top: inherit;
                -webkit-transform: inherit;
                        transform: inherit; } }
          @media screen and (max-width: 767px) {
            .equ-section--header__title .equ-serialno--info .tooltiptext {
              left: -132px;
              bottom: 32px;
              top: inherit;
              -webkit-transform: inherit;
                      transform: inherit; } }
        .equ-section--header__title .equ-serialno--info:hover .tooltiptext {
          visibility: visible;
          opacity: 1; }
        .equ-section--header__title .equ-serialno--info .info-icon {
          cursor: pointer;
          height: 19px;
          width: 19px; }
    .equ-section--header__actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 0px;
      padding: 0;
      list-style: none; }
      @media screen and (max-width: 767px) {
        .equ-section--header__actions {
          margin-top: 34px; } }
      .equ-section--header__actions .action-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0 20px;
        width: 85px;
        text-align: center;
        cursor: pointer; }
        @media screen and (max-width: 600px) {
          .equ-section--header__actions .action-list {
            margin: 0 2px;
            width: 75px; } }
        .equ-section--header__actions .action-list--icon {
          fill: #C7CDD0;
          font-size: 20px;
          margin-bottom: 12px;
          height: 20px;
          width: 20px; }
        .equ-section--header__actions .action-list:last-child {
          margin-right: 0px; }
        .equ-section--header__actions .action-list span {
          color: #C7CDD0;
          font-family: "Exo 2", sans-serif;
          font-size: 10px;
          font-weight: bold;
          letter-spacing: 0px;
          line-height: 12px;
          margin: 0px;
          text-transform: uppercase; }
          @media screen and (max-width: 600px) {
            .equ-section--header__actions .action-list span {
              font-size: 8px;
              line-height: 10px; } }
  .equ-section--features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 75px;
    width: 100%; }
    .equ-section--features .equ-image {
      width: 30%; }
      .equ-section--features .equ-image img {
        width: 100%; }
  .equ-section .product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin-top: 75px; }
    @media screen and (max-width: 600px) {
      .equ-section .product-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-top: 28px; } }
    .equ-section .product-info .product-image {
      width: 40%;
      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; }
      @media screen and (max-width: 600px) {
        .equ-section .product-info .product-image {
          width: 100%;
          margin: 10px 0px 20px; } }
      .equ-section .product-info .product-image img {
        width: 75%; }
        @media screen and (max-width: 600px) {
          .equ-section .product-info .product-image img {
            width: auto; } }

#equipment-details-nd .product-info .tabs {
  width: 60%;
  margin: 0px; }
  @media screen and (max-width: 600px) {
    #equipment-details-nd .product-info .tabs {
      width: 100%; } }
  #equipment-details-nd .product-info .tabs nav {
    border-bottom: 0px solid;
    margin: 0px;
    /* Hide scrollbar for Chrome, Safari and Opera */ }
    @media screen and (max-width: 600px) {
      #equipment-details-nd .product-info .tabs nav {
        margin: 0 -17px;
        overflow-x: scroll;
        overflow-y: hidden;
        /* Hide scrollbar for IE, Edge add Firefox */
        -ms-overflow-style: none;
        scrollbar-width: none;
        /* Firefox */ } }
    #equipment-details-nd .product-info .tabs nav::-webkit-scrollbar {
      display: none; }
    #equipment-details-nd .product-info .tabs nav a {
      border-bottom: 0px solid;
      position: relative;
      padding: 0.1rem 2.25rem; }
      @media screen and (max-width: 600px) {
        #equipment-details-nd .product-info .tabs nav a {
          margin-bottom: 4px; } }
      #equipment-details-nd .product-info .tabs nav a span {
        color: #C7CDD0;
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 24px;
        font-family: "Exo 2", sans-serif;
        text-transform: none;
        position: relative; }
      #equipment-details-nd .product-info .tabs nav a.current span {
        color: #fff; }
        #equipment-details-nd .product-info .tabs nav a.current span::after {
          content: '';
          position: absolute;
          bottom: -8px;
          left: 0;
          right: 0;
          width: 100%;
          height: 4px;
          background-color: #E20026; }
      #equipment-details-nd .product-info .tabs nav a::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background-color: #899098;
        right: 0;
        top: 0; }
      #equipment-details-nd .product-info .tabs nav a:last-child::after {
        content: none; }
      @media screen and (max-width: 600px) {
        #equipment-details-nd .product-info .tabs nav a:first-child {
          padding-left: 17px; } }

#equipment-details-nd .equ-tabs--container {
  margin-top: 34px; }

#equipment-details-nd .telematics-wrp {
  background-color: #fff;
  width: 85%; }
  @media screen and (max-width: 600px) {
    #equipment-details-nd .telematics-wrp {
      width: 100%; } }

#equipment-details-nd .telematics-body {
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 18px 34px 18px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5); }
  @media screen and (max-width: 460px) {
    #equipment-details-nd .telematics-body {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 14px 18px; } }
  #equipment-details-nd .telematics-body .telematics-title {
    font-size: 20px;
    text-transform: none;
    font-family: "Exo 2", sans-serif;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 32px;
    color: #343E4A; }
    @media screen and (max-width: 460px) {
      #equipment-details-nd .telematics-body .telematics-title {
        margin-bottom: 20px; } }
  #equipment-details-nd .telematics-body .telematics-data-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #equipment-details-nd .telematics-body .telematics-data-wrapper .telematics-values {
      width: 45%; }
      #equipment-details-nd .telematics-body .telematics-data-wrapper .telematics-values .telematics-value {
        margin-left: 20px;
        white-space: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 25px;
        font-size: 14px;
        text-transform: none;
        font-family: "Exo 2", sans-serif;
        line-height: 24px;
        color: #000; }
        @media screen and (max-width: 460px) {
          #equipment-details-nd .telematics-body .telematics-data-wrapper .telematics-values .telematics-value {
            font-size: 12px;
            line-height: 20px; } }
        #equipment-details-nd .telematics-body .telematics-data-wrapper .telematics-values .telematics-value a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          #equipment-details-nd .telematics-body .telematics-data-wrapper .telematics-values .telematics-value a svg {
            height: 30px;
            margin-top: -8px;
            margin-left: -6px; }
            #equipment-details-nd .telematics-body .telematics-data-wrapper .telematics-values .telematics-value a svg.go-to {
              margin-left: 20px;
              height: 24px;
              width: 24px; }
        #equipment-details-nd .telematics-body .telematics-data-wrapper .telematics-values .telematics-value .telematics-status {
          height: 12px;
          width: 12px;
          margin-right: 5px;
          border-radius: 50%; }
          #equipment-details-nd .telematics-body .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.working {
            background: #27b03d; }
          #equipment-details-nd .telematics-body .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.keyon {
            background: #e7a503; }
          #equipment-details-nd .telematics-body .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.idle {
            background: #f47825; }
          #equipment-details-nd .telematics-body .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.moving {
            background: #00a8b4; }
          #equipment-details-nd .telematics-body .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.traveling {
            background: #035db1; }
          #equipment-details-nd .telematics-body .telematics-data-wrapper .telematics-values .telematics-value .telematics-status.off {
            background: #808080; }
        #equipment-details-nd .telematics-body .telematics-data-wrapper .telematics-values .telematics-value img {
          margin-left: 6px;
          margin-top: 6px; }
  #equipment-details-nd .telematics-body .telematics-labels {
    width: 55%; }
    #equipment-details-nd .telematics-body .telematics-labels .telematics-label {
      white-space: nowrap;
      color: #000000;
      font-family: "Exo 2", sans-serif;
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 24px;
      margin-bottom: 25px; }
      @media screen and (max-width: 460px) {
        #equipment-details-nd .telematics-body .telematics-labels .telematics-label {
          font-size: 12px;
          line-height: 20px; } }

#equipment-details-nd .general-data {
  width: 50%;
  padding-right: 10px;
  position: relative; }
  @media screen and (max-width: 460px) {
    #equipment-details-nd .general-data {
      width: 100%;
      padding-right: 0px; } }
  #equipment-details-nd .general-data::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #899098; }
    @media screen and (max-width: 460px) {
      #equipment-details-nd .general-data::after {
        width: calc(100% + 36px);
        height: 1px;
        bottom: 0;
        top: inherit;
        margin: 0;
        left: -18px;
        background-color: #EEF0F1; } }

#equipment-details-nd .speed-and-levels {
  width: 50%;
  padding-left: 34px; }
  @media screen and (max-width: 460px) {
    #equipment-details-nd .speed-and-levels {
      width: 100%;
      padding-left: 0px;
      margin-top: 20px; }
      #equipment-details-nd .speed-and-levels .telematics-title {
        display: none; } }

#equipment-details-page .bottom-page {
  width: 100%;
  padding-top: 38px; }
  #equipment-details-page .bottom-page .equ-section-light {
    background-color: #EEF0F1;
    margin-top: 38px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
    #equipment-details-page .bottom-page .equ-section-light--container {
      max-width: 1230px !important;
      width: 100%;
      padding: 0px 17px 0;
      margin: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }

.related-dealers .accordion-panel {
  background: transparent;
  border-bottom: 1px solid #899098;
  margin-bottom: 2rem; }

.related-dealers .accordion-panel-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem 1.125rem; }
  .related-dealers .accordion-panel-header span {
    color: #343E4A;
    font-family: "Exo 2", sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 24px;
    margin: 0px; }
  .related-dealers .accordion-panel-header .status-icon {
    fill: #343E4A;
    margin-left: 10px;
    height: 11px;
    width: 11px; }

#equipment-details-nd .equ-section-light .tabs {
  width: 100%;
  margin: 0px; }
  #equipment-details-nd .equ-section-light .tabs nav {
    border-bottom: 0px solid;
    margin: 0px;
    /* Hide scrollbar for Chrome, Safari and Opera */ }
    @media screen and (max-width: 600px) {
      #equipment-details-nd .equ-section-light .tabs nav {
        margin: 0 -17px;
        overflow-x: scroll;
        overflow-y: hidden;
        /* Hide scrollbar for IE, Edge add Firefox */
        -ms-overflow-style: none;
        scrollbar-width: none;
        /* Firefox */ } }
    #equipment-details-nd .equ-section-light .tabs nav::-webkit-scrollbar {
      display: none; }
    #equipment-details-nd .equ-section-light .tabs nav a {
      border-bottom: 0px solid;
      position: relative;
      padding: 0.1rem 2.25rem; }
      @media screen and (max-width: 600px) {
        #equipment-details-nd .equ-section-light .tabs nav a {
          margin-bottom: 5px; } }
      #equipment-details-nd .equ-section-light .tabs nav a span {
        color: #899098;
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 24px;
        font-family: "Exo 2", sans-serif;
        text-transform: none;
        position: relative;
        white-space: nowrap; }
      #equipment-details-nd .equ-section-light .tabs nav a.current span {
        color: #343E4A; }
        #equipment-details-nd .equ-section-light .tabs nav a.current span::after {
          content: '';
          position: absolute;
          bottom: -8px;
          left: 0;
          right: 0;
          width: 100%;
          height: 4px;
          background-color: #E20026; }
      #equipment-details-nd .equ-section-light .tabs nav a::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background-color: #899098;
        right: 0;
        top: 0; }
      #equipment-details-nd .equ-section-light .tabs nav a:last-child::after {
        content: none; }
      @media screen and (max-width: 600px) {
        #equipment-details-nd .equ-section-light .tabs nav a:first-child {
          padding-left: 17px; } }

#equipment-details-nd .equ-section-light .equ-tabs--container {
  margin: 64px 0 90px; }
  @media screen and (max-width: 600px) {
    #equipment-details-nd .equ-section-light .equ-tabs--container {
      margin: 40px 0 30px; } }

#equipment-details-nd .equ-section-light .bottom-tabs .tab-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0; }
  #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%; }
    #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper {
      width: 49.5%;
      padding-bottom: 14px; }
      @media screen and (max-width: 600px) {
        #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper {
          width: 100%;
          padding-bottom: 35px; } }
      #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card {
        background-color: #fff;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        min-height: 210px; }
        @media screen and (max-width: 460px) {
          #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            min-height: 100%; } }
        #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card .media-wrapper a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card .media-wrapper a img.desktop {
            display: block; }
            @media screen and (max-width: 460px) {
              #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card .media-wrapper a img.desktop {
                width: 100%;
                display: none; } }
          #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card .media-wrapper a img.mobile {
            display: none; }
            @media screen and (max-width: 460px) {
              #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card .media-wrapper a img.mobile {
                display: block;
                width: 100%; } }
        #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card .content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          padding: 24px 20px;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1 1; }
          @media screen and (max-width: 600px) {
            #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card .content {
              padding: 20px 12px; } }
          #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card .content .texts {
            width: 100%; }
            @media screen and (max-width: 600px) {
              #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card .content .texts {
                margin-bottom: 20px; } }
            #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card .content .texts h3 {
              color: #343E4A;
              font-size: 20px;
              font-weight: bold;
              letter-spacing: 0px;
              line-height: 24px;
              font-family: "Exo 2", sans-serif;
              text-transform: none;
              margin: 0 0 5px 0;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              -webkit-box-pack: start;
                  -ms-flex-pack: start;
                      justify-content: flex-start; }
              @media screen and (max-width: 767px) {
                #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card .content .texts h3 {
                  font-size: 16px;
                  line-height: 20px; } }
              #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card .content .texts h3 .links {
                margin-left: 10px;
                height: 19px;
                width: 19px; }
            #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card .content .texts span {
              color: #343E4A;
              font-size: 14px;
              letter-spacing: 0.5px;
              line-height: 24px;
              font-family: "Exo 2", sans-serif;
              text-transform: none; }
              @media screen and (max-width: 767px) {
                #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card .content .texts span {
                  font-size: 12px;
                  line-height: 20px; } }
          #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card .content .actions a {
            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;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            color: #000;
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0px;
            line-height: 24px;
            font-family: "Exo 2", sans-serif;
            text-transform: uppercase; }
            #equipment-details-nd .equ-section-light .bottom-tabs .tab-content .card-list .card-wrapper .card .content .actions a .email-icon {
              margin-right: 5px;
              height: 20px;
              width: 20px; }

.associate-dealer-card-nd.dealer-card {
  background: #F2F2F2;
  margin-top: 32px;
  padding: 1rem 1.125rem 3rem;
  position: relative;
  width: 32%; }
  @media screen and (max-width: 900px) {
    .associate-dealer-card-nd.dealer-card {
      width: 48%; } }
  @media screen and (max-width: 600px) {
    .associate-dealer-card-nd.dealer-card {
      width: 100%; } }
  .associate-dealer-card-nd.dealer-card h2 {
    text-transform: none;
    font-size: 20px;
    font-weight: bold;
    color: #343E4A;
    line-height: 24px;
    margin: 0 0 16px; }
    @media screen and (max-width: 767px) {
      .associate-dealer-card-nd.dealer-card h2 {
        font-size: 16px;
        margin: 0 0 12px; } }
  .associate-dealer-card-nd.dealer-card .content {
    margin-right: 40px;
    margin-bottom: 28px;
    position: relative; }
    .associate-dealer-card-nd.dealer-card .content-add {
      margin-bottom: 16px; }
      .associate-dealer-card-nd.dealer-card .content-add p {
        font-size: 14px;
        font-weight: normal;
        color: #000;
        line-height: 24px;
        letter-spacing: 0.5px;
        margin: 0px; }
        @media screen and (max-width: 767px) {
          .associate-dealer-card-nd.dealer-card .content-add p {
            font-size: 12px; } }
    .associate-dealer-card-nd.dealer-card .content-contact p {
      font-size: 14px;
      font-weight: normal;
      color: #000;
      line-height: 24px;
      letter-spacing: 0.5px;
      margin: 0px; }
      @media screen and (max-width: 767px) {
        .associate-dealer-card-nd.dealer-card .content-contact p {
          font-size: 12px; } }
      .associate-dealer-card-nd.dealer-card .content-contact p span {
        font-size: 16px;
        font-weight: 600; }
        @media screen and (max-width: 767px) {
          .associate-dealer-card-nd.dealer-card .content-contact p span {
            font-size: 14px; } }
    .associate-dealer-card-nd.dealer-card .content hr {
      border: none; }
  .associate-dealer-card-nd.dealer-card .checkbox {
    position: absolute;
    right: 50px !important; }
    .associate-dealer-card-nd.dealer-card .checkbox .checkboxWrp::before {
      content: '';
      position: absolute;
      height: 18px;
      width: 18px;
      -webkit-transition: .4s;
      transition: .4s;
      background-image: url(/Content/images/steyr-checkbox-unfilled.svg);
      background-size: contain;
      background-repeat: no-repeat; }
    .associate-dealer-card-nd.dealer-card .checkbox input:checked + .checkboxWrp:before {
      background-image: url(/Content/images/steyr-checkbox-filled.svg); }
  .associate-dealer-card-nd.dealer-card .tooltip {
    position: absolute;
    right: 3.8rem;
    top: 1.1rem;
    z-index: 11;
    display: none; }
    .associate-dealer-card-nd.dealer-card .tooltip .tooltiptext {
      visibility: hidden;
      width: 252px;
      background-color: #E20026;
      color: #fff;
      text-align: center;
      border-radius: 2px;
      padding: 10px;
      position: absolute;
      z-index: 1;
      bottom: 159%;
      left: 50%;
      margin-left: -125px;
      opacity: 0;
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s;
      font-size: 0.8rem;
      line-height: 18px; }
      .associate-dealer-card-nd.dealer-card .tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #E20026 transparent transparent transparent; }
    .associate-dealer-card-nd.dealer-card .tooltip:hover .tooltiptext {
      visibility: visible;
      opacity: 1; }
  .associate-dealer-card-nd.dealer-card .card-logo-image {
    position: absolute; }
    .associate-dealer-card-nd.dealer-card .card-logo-image .logo-img {
      height: 25px;
      width: 100px; }

#page-knowledgebase-overview .toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -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;
  margin: 58px 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #899098;
  margin-top: 26px; }
  @media screen and (max-width: 767px) {
    #page-knowledgebase-overview .toolbar {
      margin-top: 0px;
      padding-bottom: 8px; } }
  #page-knowledgebase-overview .toolbar h1 {
    color: #343e4a;
    font-family: "Exo Slab Pro", "Exo 2", sans-serif;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 44px;
    text-transform: none;
    margin: 0 0 24px; }
    @media screen and (max-width: 767px) {
      #page-knowledgebase-overview .toolbar h1 {
        font-size: 26px;
        line-height: 34px; } }
  #page-knowledgebase-overview .toolbar p {
    color: #343e4a;
    font-family: "Exo 2", sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 24px;
    text-transform: none;
    margin: 0 0 36px; }
    @media screen and (max-width: 767px) {
      #page-knowledgebase-overview .toolbar p {
        font-size: 14px;
        margin: 0 0 16px; } }
  #page-knowledgebase-overview .toolbar .search-container {
    max-width: 444px;
    width: 100%; }
    #page-knowledgebase-overview .toolbar .search-container .input-field [type='text'] {
      -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
      font-family: 'Exo 2', Arial, Helvetica, sans-serif;
      font-size: 16px;
      letter-spacing: 0;
      line-height: 19px;
      padding-left: 41px;
      border: none; }
    #page-knowledgebase-overview .toolbar .search-container .search {
      position: absolute;
      top: 6px;
      left: -8px; }
      @media screen and (max-width: 600px) {
        #page-knowledgebase-overview .toolbar .search-container .search {
          top: 3px; } }
      #page-knowledgebase-overview .toolbar .search-container .search .injected-svg {
        height: 13px;
        width: 13px; }
  #page-knowledgebase-overview .toolbar label {
    padding-left: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 95%; }
  @media screen and (max-width: 600px) {
    #page-knowledgebase-overview .toolbar {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; }
      #page-knowledgebase-overview .toolbar .search {
        top: 2px; } }
  @media screen and (max-width: 460px) {
    #page-knowledgebase-overview .toolbar .button,
    #page-knowledgebase-overview .toolbar button {
      min-width: auto; } }

#page-knowledgebase-overview .filter-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%; }
  @media screen and (max-width: 767px) {
    #page-knowledgebase-overview .filter-title-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      width: 100%; } }
  #page-knowledgebase-overview .filter-title-wrapper .filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 767px) {
      #page-knowledgebase-overview .filter-title-wrapper .filters {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        width: 100%; } }
    #page-knowledgebase-overview .filter-title-wrapper .filters .filter-by {
      background-color: #fff;
      margin: 8px 0 16px;
      min-width: 232px;
      max-height: 52px;
      position: relative;
      min-height: 52px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      border-bottom: 4px solid #899098; }
      @media screen and (max-width: 767px) {
        #page-knowledgebase-overview .filter-title-wrapper .filters .filter-by {
          width: 100%;
          min-width: 100%; } }
      #page-knowledgebase-overview .filter-title-wrapper .filters .filter-by-selection {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer; }
        #page-knowledgebase-overview .filter-title-wrapper .filters .filter-by-selection.dropdown-open .inline-svg {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
        #page-knowledgebase-overview .filter-title-wrapper .filters .filter-by-selection .placeholder {
          color: #343E4A;
          font-family: "Exo 2", sans-serif;
          font-size: 16px;
          font-weight: 400;
          letter-spacing: 0;
          line-height: 17px;
          text-transform: none; }
        #page-knowledgebase-overview .filter-title-wrapper .filters .filter-by-selection .injected-svg {
          width: 12px;
          height: 12px;
          fill: #000; }
      #page-knowledgebase-overview .filter-title-wrapper .filters .filter-by-dropdown {
        display: none;
        background-color: #fff;
        position: absolute;
        left: 0;
        list-style: none;
        width: 100%;
        top: 52px;
        margin: 0;
        padding: 0;
        -webkit-box-shadow: 0 3px 9px 2px #e8e8e8;
                box-shadow: 0 3px 9px 2px #e8e8e8;
        z-index: 1; }
        #page-knowledgebase-overview .filter-title-wrapper .filters .filter-by-dropdown_list {
          text-transform: none;
          padding: 12px 14px !important;
          border-bottom: 1px solid #C7CDD0;
          color: #343E4A;
          font-family: "Exo 2";
          font-size: 16px;
          letter-spacing: 0;
          line-height: 19px;
          cursor: pointer; }
          #page-knowledgebase-overview .filter-title-wrapper .filters .filter-by-dropdown_list.filterSelected {
            font-weight: 800; }
          #page-knowledgebase-overview .filter-title-wrapper .filters .filter-by-dropdown_list:hover {
            background-color: #EEF0F1; }
    #page-knowledgebase-overview .filter-title-wrapper .filters .filter {
      min-width: 232px;
      width: 100% !important;
      margin-left: 20px; }
      @media screen and (max-width: 767px) {
        #page-knowledgebase-overview .filter-title-wrapper .filters .filter {
          margin-left: 0; } }
      #page-knowledgebase-overview .filter-title-wrapper .filters .filter .afc-solution-dropdown {
        background-color: #fff;
        margin: 8px 0 16px;
        max-height: 52px;
        position: relative;
        min-height: 52px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 20px;
        cursor: pointer;
        border-bottom: 4px solid #899098; }
        #page-knowledgebase-overview .filter-title-wrapper .filters .filter .afc-solution-dropdown span {
          color: #343E4A;
          font-family: "Exo 2", sans-serif;
          font-size: 16px;
          font-weight: 400;
          letter-spacing: 0;
          line-height: 17px;
          text-transform: none; }
        #page-knowledgebase-overview .filter-title-wrapper .filters .filter .afc-solution-dropdown .injected-svg {
          width: 12px;
          height: 12px;
          fill: #000; }
  #page-knowledgebase-overview .filter-title-wrapper.bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding-bottom: 12px; }
    @media screen and (max-width: 600px) {
      #page-knowledgebase-overview .filter-title-wrapper.bottom {
        padding-bottom: 0; } }

#page-knowledgebase-overview .filter-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 9px; }
  #page-knowledgebase-overview .filter-labels-wrp {
    background-color: #343E4A;
    padding: 3px 0px 3px 8px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 6px 6px; }
    #page-knowledgebase-overview .filter-labels-wrp span {
      color: #fff;
      font-family: "Exo 2", sans-serif;
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 25px;
      text-transform: uppercase; }
    #page-knowledgebase-overview .filter-labels-wrp .filter-close-icon {
      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;
      height: 100%;
      min-height: 24px;
      cursor: pointer;
      width: 30px; }
      #page-knowledgebase-overview .filter-labels-wrp .filter-close-icon .close-button {
        fill: #fff;
        width: 12px;
        height: 12px; }

#page-knowledgebase-overview .kb-tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-top: 20px; }
  #page-knowledgebase-overview .kb-tiles-box {
    width: 353px;
    height: 257px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 64px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
    @media screen and (max-width: 1024px) {
      #page-knowledgebase-overview .kb-tiles-box {
        width: 320px; } }
    @media screen and (max-width: 992px) {
      #page-knowledgebase-overview .kb-tiles-box {
        width: 353px; } }
    @media screen and (max-width: 767px) {
      #page-knowledgebase-overview .kb-tiles-box {
        margin: 0 0 50px;
        width: 100%;
        height: 244px; } }
    #page-knowledgebase-overview .kb-tiles-box_img {
      position: relative;
      width: 100%;
      height: 180px;
      overflow: hidden;
      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; }
      #page-knowledgebase-overview .kb-tiles-box_img .video-container {
        width: 100%;
        height: 100%;
        position: relative;
        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; }
        #page-knowledgebase-overview .kb-tiles-box_img .video-container::before {
          content: '';
          position: absolute;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.5); }
        #page-knowledgebase-overview .kb-tiles-box_img .video-container .play-icon {
          position: absolute;
          z-index: 1;
          width: 40px;
          height: 40px; }
    #page-knowledgebase-overview .kb-tiles-box_content {
      width: 100%;
      height: 77px;
      padding: 12px;
      background-color: #fff; }
      @media screen and (max-width: 767px) {
        #page-knowledgebase-overview .kb-tiles-box_content {
          height: 64px; } }
      #page-knowledgebase-overview .kb-tiles-box_content a {
        color: #343E4A;
        font-family: "Exo 2", sans-serif;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.5px;
        line-height: 24px;
        text-transform: uppercase;
        text-decoration: none;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
        #page-knowledgebase-overview .kb-tiles-box_content a.downloadLink {
          -webkit-line-clamp: 1; }
        @media screen and (max-width: 767px) {
          #page-knowledgebase-overview .kb-tiles-box_content a {
            font-size: 12px;
            line-height: 16px; } }
      #page-knowledgebase-overview .kb-tiles-box_content .download {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
        #page-knowledgebase-overview .kb-tiles-box_content .download .inline-svg {
          width: 18px;
          height: 18px; }
        #page-knowledgebase-overview .kb-tiles-box_content .download a {
          color: #000;
          font-family: "Exo 2", sans-serif;
          font-size: 16px;
          font-weight: bold;
          letter-spacing: 0.5px;
          line-height: 24px;
          text-transform: uppercase;
          margin: 0 0 0 8px; }
  #page-knowledgebase-overview .kb-tiles-label {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #343E4A;
    padding: 3px 8px;
    text-align: center;
    margin: 0 12px 12px; }
    #page-knowledgebase-overview .kb-tiles-label span {
      color: #fff;
      font-family: "Exo 2", sans-serif;
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 24px;
      text-transform: uppercase; }
      @media screen and (max-width: 767px) {
        #page-knowledgebase-overview .kb-tiles-label span {
          font-size: 12px;
          line-height: 16px; } }

#page-knowledgebase-overview .kb-no-result {
  display: none;
  margin: 30px 0 100px; }
  #page-knowledgebase-overview .kb-no-result span {
    display: block;
    width: 100%;
    color: #E20026;
    font-family: "Exo 2", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center; }

#page-knowledgebase-overview .kb-load-more {
  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;
  margin: 0 0 20px; }

#page-knowledgebase-overview .afc-solution-modal .modal-wrapper {
  width: 776px; }
  @media screen and (max-width: 992px) {
    #page-knowledgebase-overview .afc-solution-modal .modal-wrapper {
      width: 85vw; } }
  @media screen and (max-width: 767px) {
    #page-knowledgebase-overview .afc-solution-modal .modal-wrapper {
      width: 85vw;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-top: 0px;
      max-height: 100vh;
      overflow-y: auto; } }
  #page-knowledgebase-overview .afc-solution-modal .modal-wrapper .close-button {
    fill: #343E4A; }
  #page-knowledgebase-overview .afc-solution-modal .modal-wrapper footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 70px; }
    @media screen and (max-width: 767px) {
      #page-knowledgebase-overview .afc-solution-modal .modal-wrapper footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-top: 20px;
        padding-left: 18px; } }
    @media screen and (max-width: 767px) {
      #page-knowledgebase-overview .afc-solution-modal .modal-wrapper footer button.clear {
        margin: 0 0 20px 0;
        padding-left: 0; } }
    @media screen and (max-width: 767px) {
      #page-knowledgebase-overview .afc-solution-modal .modal-wrapper footer button.submit {
        margin: 0; } }

#page-knowledgebase-overview .afc-solution {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 0 18px; }
  @media screen and (max-width: 767px) {
    #page-knowledgebase-overview .afc-solution {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  #page-knowledgebase-overview .afc-solution-col:nth-child(odd) {
    width: 45%;
    border-right: 1px solid #ddd;
    padding-right: 20px; }
    @media screen and (max-width: 767px) {
      #page-knowledgebase-overview .afc-solution-col:nth-child(odd) {
        width: 100%;
        padding-right: 0;
        padding-bottom: 24px;
        border-right: none;
        border-bottom: 1px solid #ddd; } }
  #page-knowledgebase-overview .afc-solution-col:nth-child(even) {
    width: 55%;
    padding-left: 40px; }
    @media screen and (max-width: 767px) {
      #page-knowledgebase-overview .afc-solution-col:nth-child(even) {
        width: 100%;
        padding-left: 0px;
        padding-top: 24px; } }
  #page-knowledgebase-overview .afc-solution-title {
    color: #000;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
    display: block; }
  #page-knowledgebase-overview .afc-solution-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 10px;
    cursor: pointer; }
  #page-knowledgebase-overview .afc-solution-checkbox {
    margin-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #page-knowledgebase-overview .afc-solution-checkbox input {
      display: none;
      pointer-events: none; }

#page-knowledgebase-details .kb-section {
  margin-top: 25px; }
  #page-knowledgebase-details .kb-section .button_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #page-knowledgebase-details .kb-section .button_link .button_text {
      text-transform: uppercase;
      color: black;
      margin-left: 4.8px;
      font-family: "Exo 2", sans-serif;
      font-weight: bold;
      font-size: 16px; }
  #page-knowledgebase-details .kb-section .container_section {
    width: 960px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 115px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media screen and (max-width: 1180px) {
      #page-knowledgebase-details .kb-section .container_section {
        width: 100%;
        margin: 10px 0 0 0; } }
    #page-knowledgebase-details .kb-section .container_section .category-text {
      background: #343E4A;
      color: #ffffff;
      text-transform: uppercase;
      font-family: "Exo 2", sans-serif;
      font-weight: bold;
      font-size: 16px;
      padding: 5px 10px 7px;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content; }
    #page-knowledgebase-details .kb-section .container_section .title-text {
      font-weight: 600;
      font-family: "Exo 2", sans-serif;
      font-size: 36px; }
    #page-knowledgebase-details .kb-section .container_section .video-plyaer {
      width: 100%;
      border: 0;
      height: 500px;
      margin: 10px 0px; }
      @media screen and (max-width: 820px) {
        #page-knowledgebase-details .kb-section .container_section .video-plyaer {
          height: 340px; } }
      @media screen and (max-width: 600px) {
        #page-knowledgebase-details .kb-section .container_section .video-plyaer {
          height: 191px; } }
    #page-knowledgebase-details .kb-section .container_section .date-text {
      font-weight: 600;
      font-family: "Exo 2", sans-serif;
      font-size: 16px; }
    #page-knowledgebase-details .kb-section .container_section .banner-img {
      margin: 10px 0;
      max-height: 325px; }
    #page-knowledgebase-details .kb-section .container_section #desciption-area {
      margin-bottom: 10px; }

#pdp-product-detail {
  position: relative; }
  #pdp-product-detail::before {
    content: '';
    background: -webkit-gradient(linear, left top, left bottom, from(#DDE8F7), to(#FFFFFF));
    background: linear-gradient(180deg, #DDE8F7 0%, #FFFFFF 100%);
    width: 100%;
    height: 700px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0; }

#pdp-loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  height: 100vh;
  width: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in 0s, width 0s ease-in 0.2s;
  transition: opacity 0.2s ease-in 0s, width 0s ease-in 0.2s;
  z-index: 99999; }
  #pdp-loader.show {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in 0s, width 0s ease-in 0s;
    transition: opacity 0.2s ease-in 0s, width 0s ease-in 0s;
    width: 100vw; }

#pdp-page {
  max-width: inherit;
  margin-bottom: 0;
  position: relative;
  margin: 0 !important;
  padding-top: 64px;
  padding-left: 0;
  padding-right: 0;
  background-color: #EEF0F1;
  /* Horizontal-menu CSS start */
  /* Horizontal-menu CSS end */ }
  @media screen and (max-width: 600px) {
    #pdp-page {
      margin-top: 66px; } }
  #pdp-page .pdp-container {
    margin: 0 auto;
    max-width: 1230px;
    padding: 0 1.125rem;
    width: 100%;
    height: 100%; }
  #pdp-page .sticky-header-wrapper {
    height: 74px; }
    @media screen and (max-width: 600px) {
      #pdp-page .sticky-header-wrapper {
        height: 40px; } }
  #pdp-page #pdp-horizontal-menu {
    background: #000;
    width: 100%;
    height: 74px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 0 4px 4px rgba(12, 0, 51, 0.05);
            box-shadow: 0 0 4px 4px rgba(12, 0, 51, 0.05); }
    @media screen and (max-width: 600px) {
      #pdp-page #pdp-horizontal-menu {
        -webkit-box-shadow: none;
                box-shadow: none;
        height: 40px; } }
    #pdp-page #pdp-horizontal-menu.navbar-fixed-top {
      position: fixed !important;
      right: 0;
      left: 0;
      z-index: 1049;
      top: 64px; }
      @media screen and (max-width: 600px) {
        #pdp-page #pdp-horizontal-menu.navbar-fixed-top {
          z-index: 10; } }
    #pdp-page #pdp-horizontal-menu .pdp-menu {
      margin: 0;
      padding: 0;
      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;
      width: 100%;
      height: 100%; }
      @media screen and (max-width: 992px) {
        #pdp-page #pdp-horizontal-menu .pdp-menu {
          overflow-x: scroll;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; } }
      @media screen and (max-width: 600px) {
        #pdp-page #pdp-horizontal-menu .pdp-menu {
          overflow-x: hidden; } }
      #pdp-page #pdp-horizontal-menu .pdp-menu a {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0px;
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        position: relative;
        margin: 0 40px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        #pdp-page #pdp-horizontal-menu .pdp-menu a.active, #pdp-page #pdp-horizontal-menu .pdp-menu a:hover {
          font-weight: bold;
          color: #fff; }
          #pdp-page #pdp-horizontal-menu .pdp-menu a.active::after, #pdp-page #pdp-horizontal-menu .pdp-menu a:hover::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 3px;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #E20026;
            -webkit-transition: all 0.3s;
            transition: all 0.3s; }
      #pdp-page #pdp-horizontal-menu .pdp-menu .pdp-menu-dropdown {
        width: 100%;
        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; }
        #pdp-page #pdp-horizontal-menu .pdp-menu .pdp-menu-dropdown .pdp-menu-dropdown-content {
          display: none;
          position: absolute;
          top: 40px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 100%;
          padding: 0px; }
          #pdp-page #pdp-horizontal-menu .pdp-menu .pdp-menu-dropdown .pdp-menu-dropdown-content .navContent {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: 85%;
            background: #ffffff;
            padding: 0;
            border: 1px solid #CACACA;
            border-radius: 0px 0px 5px 5px;
            border-top: none;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            @media screen and (max-width: 600px) {
              #pdp-page #pdp-horizontal-menu .pdp-menu .pdp-menu-dropdown .pdp-menu-dropdown-content .navContent {
                width: 100%;
                z-index: 1; } }
            #pdp-page #pdp-horizontal-menu .pdp-menu .pdp-menu-dropdown .pdp-menu-dropdown-content .navContent a {
              min-height: 50px;
              border-bottom: 1px solid #CACACA;
              text-align: center;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              width: 90%;
              color: #000; }
              #pdp-page #pdp-horizontal-menu .pdp-menu .pdp-menu-dropdown .pdp-menu-dropdown-content .navContent a:last-child {
                border-bottom: none; }
              #pdp-page #pdp-horizontal-menu .pdp-menu .pdp-menu-dropdown .pdp-menu-dropdown-content .navContent a:after {
                display: none;
                background-color: none; }
        #pdp-page #pdp-horizontal-menu .pdp-menu .pdp-menu-dropdown .overlay {
          height: 100vh;
          position: absolute;
          width: 100%;
          background: white;
          opacity: 0.5;
          z-index: -1;
          top: 0; }
        #pdp-page #pdp-horizontal-menu .pdp-menu .pdp-menu-dropdown .show {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
        #pdp-page #pdp-horizontal-menu .pdp-menu .pdp-menu-dropdown .pdp-menu-dropbtn {
          width: 100%;
          cursor: pointer;
          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; }
          #pdp-page #pdp-horizontal-menu .pdp-menu .pdp-menu-dropdown .pdp-menu-dropbtn .pdp-dropdownVal {
            color: #fff;
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 24px; }
          #pdp-page #pdp-horizontal-menu .pdp-menu .pdp-menu-dropdown .pdp-menu-dropbtn .pdp-menu-icon {
            padding-left: 10px;
            padding-top: 2px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
          #pdp-page #pdp-horizontal-menu .pdp-menu .pdp-menu-dropdown .pdp-menu-dropbtn .hidden {
            display: none; }
        #pdp-page #pdp-horizontal-menu .pdp-menu .pdp-menu-dropdown .expand .pdp-dropdownVal {
          color: #FFFFFF; }
  #pdp-page #pdp-horizontal-menu .pdp-menu::-webkit-scrollbar {
    height: 0px; }
  #pdp-page .pdp-section {
    padding: 60px 0;
    margin: 0px; }
    @media screen and (max-width: 600px) {
      #pdp-page .pdp-section {
        padding: 40px 0 0; } }
    #pdp-page .pdp-section#pdp-linkedDevices {
      background-color: #EEF0F1; }
      @media screen and (max-width: 600px) {
        #pdp-page .pdp-section#pdp-linkedDevices {
          padding: 0; } }
  #pdp-page #pdp-dealers {
    background: -webkit-gradient(linear, left top, left bottom, from(#EEF0F1), to(#FFFFFF));
    background: linear-gradient(180deg, #EEF0F1 0%, #FFFFFF 100%); }
    @media screen and (max-width: 600px) {
      #pdp-page #pdp-dealers {
        padding: 40px 0px; } }
  #pdp-page .heading {
    margin: 0px; }
  #pdp-page .pdp-noTab .pdp-sidebar {
    display: none; }
  #pdp-page .pdp-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    margin: 0; }
    @media screen and (max-width: 600px) {
      #pdp-page .pdp-tab {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    #pdp-page .pdp-tab .pdp-sidebar {
      background-color: #C7CDD0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      width: 344px;
      min-height: 100vh; }
      @media screen and (min-width: 1260px) and (max-width: 1365px) {
        #pdp-page .pdp-tab .pdp-sidebar {
          width: 300px; } }
      @media screen and (min-width: 1400px) {
        #pdp-page .pdp-tab .pdp-sidebar {
          width: 400px; } }
      @media screen and (min-width: 1600px) {
        #pdp-page .pdp-tab .pdp-sidebar {
          width: 520px; } }
      @media screen and (min-width: 1900px) {
        #pdp-page .pdp-tab .pdp-sidebar {
          width: 700px; } }
      @media screen and (min-width: 2500px) {
        #pdp-page .pdp-tab .pdp-sidebar {
          width: 980px; } }
      @media screen and (max-width: 992px) {
        #pdp-page .pdp-tab .pdp-sidebar {
          width: 250px;
          min-height: 100%; } }
      @media screen and (max-width: 600px) {
        #pdp-page .pdp-tab .pdp-sidebar {
          min-height: auto;
          width: 100%; } }
      #pdp-page .pdp-tab .pdp-sidebar .pdp-heading-text {
        padding: 0rem 1rem 0rem 27%;
        margin: 36px 0 28px;
        font-family: "Exo Slab Pro"; }
        @media screen and (min-width: 1260px) and (max-width: 1365px) {
          #pdp-page .pdp-tab .pdp-sidebar .pdp-heading-text {
            padding: 0rem 1rem 0rem 11.5%; } }
        @media screen and (min-width: 1400px) {
          #pdp-page .pdp-tab .pdp-sidebar .pdp-heading-text {
            padding: 0rem 1rem 0rem 30%; } }
        @media screen and (min-width: 1600px) {
          #pdp-page .pdp-tab .pdp-sidebar .pdp-heading-text {
            padding: 0rem 1rem 0rem 40%; } }
        @media screen and (min-width: 1900px) {
          #pdp-page .pdp-tab .pdp-sidebar .pdp-heading-text {
            padding: 0rem 1rem 0rem 52%; } }
        @media screen and (min-width: 2500px) {
          #pdp-page .pdp-tab .pdp-sidebar .pdp-heading-text {
            padding: 0rem 1rem 0rem 70%; } }
        @media screen and (max-width: 992px) {
          #pdp-page .pdp-tab .pdp-sidebar .pdp-heading-text {
            padding: 0rem 1rem 0rem 1.125rem; } }
        @media screen and (max-width: 600px) {
          #pdp-page .pdp-tab .pdp-sidebar .pdp-heading-text {
            margin: 0px 0 24px;
            padding: 0 1.125rem; } }
    #pdp-page .pdp-tab nav {
      width: 100%;
      margin: 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-weight: 700;
      overflow-x: visible;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media screen and (max-width: 600px) {
        #pdp-page .pdp-tab nav {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          overflow-x: scroll; } }
      #pdp-page .pdp-tab nav > a {
        text-align: left;
        width: 100%;
        padding: 0.5rem 1rem 0.5rem 27%;
        color: #7D7B7B;
        font-weight: bold;
        text-transform: capitalize;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        white-space: inherit; }
        @media screen and (min-width: 1260px) and (max-width: 1365px) {
          #pdp-page .pdp-tab nav > a {
            padding: 0rem 1rem 0rem 11.5%; } }
        @media screen and (min-width: 1400px) {
          #pdp-page .pdp-tab nav > a {
            padding: 0rem 1rem 0rem 30%; } }
        @media screen and (min-width: 1600px) {
          #pdp-page .pdp-tab nav > a {
            padding: 0rem 1rem 0rem 40%; } }
        @media screen and (min-width: 1900px) {
          #pdp-page .pdp-tab nav > a {
            padding: 0rem 1rem 0rem 52%; } }
        @media screen and (min-width: 2500px) {
          #pdp-page .pdp-tab nav > a {
            padding: 0rem 1rem 0rem 70%; } }
        @media screen and (max-width: 992px) {
          #pdp-page .pdp-tab nav > a {
            padding: 0.5rem 1rem 0.5rem 1.125rem; } }
        @media screen and (max-width: 600px) {
          #pdp-page .pdp-tab nav > a {
            width: unset;
            font-size: 14px;
            padding: 0rem 1.125rem;
            white-space: nowrap; } }
        #pdp-page .pdp-tab nav > a:hover {
          text-decoration: none; }
        #pdp-page .pdp-tab nav > a.current {
          color: #343E4A;
          font-size: 16px; }
          @media screen and (max-width: 600px) {
            #pdp-page .pdp-tab nav > a.current {
              border: none;
              background: none; } }
          #pdp-page .pdp-tab nav > a.current span {
            border-bottom: 4px solid #E20026; }
            @media screen and (max-width: 600px) {
              #pdp-page .pdp-tab nav > a.current span {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                border-bottom: 4px solid #E20026;
                height: 100%;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center; } }
      #pdp-page .pdp-tab nav::-webkit-scrollbar {
        width: 0;
        height: 0; }
    #pdp-page .pdp-tab .pdp-content {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1 1;
      background: #EEF0F1;
      padding-right: 6.5%;
      min-height: 100vh; }
      @media screen and (min-width: 1260px) and (max-width: 1365px) {
        #pdp-page .pdp-tab .pdp-content {
          padding-right: 2.8%; } }
      @media screen and (min-width: 1400px) {
        #pdp-page .pdp-tab .pdp-content {
          padding-right: 9%; } }
      @media screen and (min-width: 1600px) {
        #pdp-page .pdp-tab .pdp-content {
          padding-right: 13%; } }
      @media screen and (min-width: 1900px) {
        #pdp-page .pdp-tab .pdp-content {
          padding-right: 18.5%; } }
      @media screen and (min-width: 2500px) {
        #pdp-page .pdp-tab .pdp-content {
          padding-right: 27%; } }
      @media screen and (max-width: 992px) {
        #pdp-page .pdp-tab .pdp-content {
          width: calc(100% - 250px);
          min-height: 100%; } }
      @media screen and (max-width: 600px) {
        #pdp-page .pdp-tab .pdp-content {
          min-height: auto;
          width: 100%;
          padding: 0 20px 30px; } }
      #pdp-page .pdp-tab .pdp-content .not-loaded {
        display: none; }
    #pdp-page .pdp-tab .tab-content {
      display: none; }
      @media screen and (max-width: 600px) {
        #pdp-page .pdp-tab .tab-content {
          padding: 32px 0; } }
      @media screen and (min-width: 601px) {
        #pdp-page .pdp-tab .tab-content {
          padding: 36px 0 1rem 35px; } }
      #pdp-page .pdp-tab .tab-content.current {
        display: block; }
  #pdp-page .pdp-heading-text {
    color: #343E4A;
    font-size: 24px;
    font-weight: bold;
    width: 100%;
    line-height: 28px;
    padding: 0;
    margin: 0;
    text-transform: initial; }
    @media screen and (max-width: 600px) {
      #pdp-page .pdp-heading-text {
        width: 100%;
        line-height: 28px;
        margin: 0px 0 24px;
        text-align: left;
        padding: 0; } }
  #pdp-page #pdp-productInfo-section {
    padding: 40px 0 40px 0;
    margin-bottom: 0;
    background-color: #343E4A; }
    @media screen and (max-width: 600px) {
      #pdp-page #pdp-productInfo-section {
        padding-top: 20px; } }
  #pdp-page #pdp-warrantiesMaintenance, #pdp-page #pdp-documentation {
    background: #C7CDD0;
    padding: 0; }
    @media screen and (max-width: 600px) {
      #pdp-page #pdp-warrantiesMaintenance, #pdp-page #pdp-documentation {
        padding: 40px 0 0; } }
  #pdp-page .pdp-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (max-width: 600px) {
      #pdp-page .pdp-header {
        padding: 1rem 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    #pdp-page .pdp-header-buttonWrp {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  #pdp-page .hidden {
    display: none !important; }
  #pdp-page .select-field.inited .placeholder {
    width: 92%;
    left: 0;
    top: 16px;
    font-size: 16px;
    z-index: 10; }
  #pdp-page .select-field.inited.filled .placeholder {
    top: 5px; }

#pdpMessage-modal .modal-header h3 {
  font-size: 18px;
  font-weight: bold; }

#pdpMessage-modal .pdpModal-close-button {
  min-width: auto;
  width: 14px;
  height: 14px; }

.pdp-dropdown-filter {
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .pdp-dropdown-filter label {
    color: #7D7B7B;
    font-size: 16px;
    line-height: 24px;
    text-align: left; }
  .pdp-dropdown-filter .select-input {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 1rem;
    width: 244px; }
    @media screen and (max-width: 992px) {
      .pdp-dropdown-filter .select-input {
        width: 233px;
        margin: 0; } }
  .pdp-dropdown-filter .select2-container--default .select2-selection--single {
    min-height: 30px; }
  .pdp-dropdown-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    color: #343E4A;
    font-weight: bold;
    line-height: 30px;
    padding: 18px 2rem 0 3px;
    min-height: 30px; }
  .pdp-dropdown-filter .select2-selection__arrow {
    right: 5px !important;
    color: #343E4A; }
  .pdp-dropdown-filter .select2-container--default .select2-selection--single .select2-selection__arrow .injected-svg {
    fill: #E20026;
    width: 10px;
    height: 10px; }

.select2-container--default.pdp-select-option-style .select2-dropdown,
.select2-container--default.pdp-nickName-select-option-style .select2-dropdown {
  min-width: 300px;
  border-radius: 0;
  -webkit-box-shadow: 0 0px 2px 3px rgba(168, 168, 168, 0.5);
          box-shadow: 0 0px 2px 3px rgba(168, 168, 168, 0.5);
  position: relative;
  z-index: auto; }

.select2-container--default.pdp-select-option-style .select2-results__options,
.select2-container--default.pdp-nickName-select-option-style .select2-results__options {
  padding: 0 14px; }

.select2-container--default.pdp-select-option-style .select2-results__option,
.select2-container--default.pdp-nickName-select-option-style .select2-results__option {
  color: #7D7B7B;
  font-size: 16px;
  text-transform: capitalize;
  border-bottom: 1px solid #CACACA;
  padding: 12.5px 0px; }
  .select2-container--default.pdp-select-option-style .select2-results__option--highlighted[aria-selected],
  .select2-container--default.pdp-nickName-select-option-style .select2-results__option--highlighted[aria-selected] {
    font-weight: bold;
    color: #E20026; }
  .select2-container--default.pdp-select-option-style .select2-results__option:last-child,
  .select2-container--default.pdp-nickName-select-option-style .select2-results__option:last-child {
    border-bottom: none; }

.pdp-input label {
  display: block;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: left;
  margin-bottom: 10px; }

.pdp-input ::-webkit-input-placeholder {
  /* Edge */
  color: #919191;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px; }

.pdp-input :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #919191;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px; }

.pdp-input ::-moz-placeholder {
  color: #919191;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px; }

.pdp-input ::-ms-input-placeholder {
  color: #919191;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px; }

.pdp-input ::placeholder {
  color: #919191;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px; }

.pdp-input input {
  width: 100%;
  height: 41px;
  background-color: #fff !important;
  border-radius: 10px !important;
  padding: 10px 16px !important;
  color: #7d7b7b;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 16px;
  border: 2px solid transparent !important;
  max-height: 41px !important;
  min-height: 41px !important; }

.pdp-input textarea {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px; }

.pdp-input.input-field [type='text']:not(:disabled).has-error, .pdp-input.input-field [type='password']:not(:disabled).has-error, .pdp-input.input-field [type='email']:not(:disabled).has-error, .pdp-input.input-field [type='tel']:not(:disabled).has-error, .pdp-input.input-field textarea:not(:disabled).has-error {
  border: 2px solid #da0000 !important; }

.pdp-primary-btn, .primary-btn {
  background: #E20026;
  color: #ffffff;
  font-family: "Exo 2", sans-serif;
  font-weight: bold;
  height: 50px;
  width: 125px;
  border-top-right-radius: 5px 50%;
  border-bottom-right-radius: 5px 50%;
  border-top-left-radius: 5px 50%;
  border-bottom-left-radius: 5px 50%;
  font-size: 16px;
  width: auto;
  border: 2px solid #E20026; }
  .pdp-primary-btn:not(:disabled):hover, .primary-btn:not(:disabled):hover {
    color: #E20026;
    background: #ffffff; }
    .pdp-primary-btn:not(:disabled):hover .steyr-btn-text, .primary-btn:not(:disabled):hover .steyr-btn-text {
      color: #E20026; }
  .pdp-primary-btn span, .primary-btn span {
    margin: 0px; }
  .pdp-primary-btn svg, .primary-btn svg {
    display: none; }

.secondary-btn {
  border: none;
  color: #000;
  text-decoration: underline;
  font-family: "Exo 2", sans-serif;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none; }
  .secondary-btn:hover {
    text-decoration: underline; }
  .secondary-btn svg {
    display: none; }

.pdp-button-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
  .pdp-button-link span {
    color: #E20026;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    line-height: 20px;
    text-transform: uppercase; }
  .pdp-button-link svg, .pdp-button-link img {
    width: 20px;
    height: 20px;
    margin-left: 4px; }

.pdp-sections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }

.pdp-cards {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33.33333%;
          flex: 0 1 33.33333%;
  max-width: 33.33333%;
  padding: 1rem 10px;
  position: relative; }
  @media screen and (max-width: 1200px) {
    .pdp-cards {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%;
      max-width: 50%; } }
  .pdp-cards__content-title {
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 5px; }
  .pdp-cards__article {
    width: 100%;
    padding: 12px 14px 22px;
    background: #fff;
    -webkit-box-shadow: 1px 4px 8px rgba(12, 0, 51, 0.1);
            box-shadow: 1px 4px 8px rgba(12, 0, 51, 0.1);
    height: 100%; }
  .pdp-cards__video-section {
    padding: 0 0 5px 0;
    position: relative;
    overflow: hidden; }
  .pdp-cards__video-wrapper {
    position: relative;
    border-radius: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%;
    padding-bottom: 117%;
    margin-bottom: 10px; }
    .pdp-cards__video-wrapper .thumbnailImg {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      display: block; }
  .pdp-cards__video-icon {
    background-color: rgba(0, 0, 0, 0.4);
    border-bottom: 6px solid #E20026;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .pdp-cards__locked-div {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
    .pdp-cards__locked-div .locked-message {
      text-align: center;
      width: 90%;
      cursor: default; }
      .pdp-cards__locked-div .locked-message p {
        font-size: 14px;
        color: #ffffff;
        font-weight: bold; }
    .pdp-cards__locked-div svg {
      height: 40px;
      width: 40px; }
  .pdp-cards__title-text {
    color: #E20026;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    height: 48px;
    line-height: 24px;
    text-align: left;
    text-transform: capitalize;
    margin: 0 0 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    white-space: inherit; }
  .pdp-cards__time-text {
    color: #7D7B7B;
    font-size: 12px;
    font-style: normal; }
  .pdp-cards__play-text {
    font-size: 14px;
    font-weight: bold;
    color: #E20026;
    padding-top: 20px;
    position: relative; }
    .pdp-cards__play-text span {
      text-transform: uppercase; }
  .pdp-cards__video-contents {
    padding: 0 10px; }
  .pdp-cards__media-wrapper {
    position: relative;
    border-radius: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%;
    padding-bottom: 142%;
    margin-bottom: 10px; }
    .pdp-cards__media-wrapper a {
      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; }
      .pdp-cards__media-wrapper a img {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block; }
  .pdp-cards__texts {
    white-space: inherit; }
    .pdp-cards__texts h3 {
      color: #E20026;
      font-size: 16px;
      font-weight: bold;
      width: 100%;
      height: 48px;
      line-height: 24px;
      text-align: left;
      padding-bottom: 0px;
      text-transform: capitalize;
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      word-break: break-word; }
  .pdp-cards__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    color: #E20026;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase;
    white-space: initial; }
    .pdp-cards__actions-icon {
      width: 25px;
      height: 25px;
      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;
      position: relative;
      top: 1px; }
      .pdp-cards__actions-icon .injected-svg {
        width: 17px;
        height: 17px; }
        .pdp-cards__actions-icon .injected-svg .st0 {
          fill: #E20026; }
  .pdp-cards .pdp-ribbon {
    position: absolute;
    top: 35px;
    right: 0rem;
    bottom: auto;
    left: auto; }
    .pdp-cards .pdp-ribbon__content {
      position: absolute;
      top: 0;
      right: 0;
      bottom: auto;
      left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #E20026;
      color: #fff;
      font-size: 10px;
      font-weight: bold;
      line-height: 16px;
      padding: 3px 12px;
      text-transform: uppercase;
      white-space: nowrap;
      z-index: 2; }
    .pdp-cards .pdp-ribbon__shadow {
      position: absolute;
      top: 20px;
      right: 0;
      bottom: auto;
      left: auto;
      height: 12px;
      width: 12px;
      overflow: hidden; }
      .pdp-cards .pdp-ribbon__shadow::before {
        height: 1.6rem;
        width: 1.6rem;
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        left: auto;
        background-color: #E20026;
        border-radius: 100%;
        content: ''; }
  .pdp-cards__ribbon-default {
    display: none; }

.pdp-banner-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 66px; }
  @media screen and (max-width: 992px) {
    .pdp-banner-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media screen and (max-width: 600px) {
    .pdp-banner-wrapper {
      margin-bottom: 24px; } }

.pdp-top-header {
  margin-bottom: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (max-width: 600px) {
    .pdp-top-header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.pdp-maintenance-section .spinner {
  display: none; }

#pdp-maintenance-page .pdp-maintenance-container .pdp-maintenance-header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  #pdp-maintenance-page .pdp-maintenance-container .pdp-maintenance-header-container .pdp-maintenance-header-title {
    color: #000;
    font-weight: 700;
    font-family: "Exo 2";
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1px; }
  #pdp-maintenance-page .pdp-maintenance-container .pdp-maintenance-header-container .pdp-maintenance-header-content .pdp-vehicle-name {
    color: #000;
    font-weight: 700;
    font-family: "Exo 2";
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-transform: uppercase; }
  #pdp-maintenance-page .pdp-maintenance-container .pdp-maintenance-header-container .pdp-maintenance-header-content .vertical-divider {
    border: 0.5px solid #000;
    margin: 0 8px; }
  #pdp-maintenance-page .pdp-maintenance-container .pdp-maintenance-header-container .pdp-maintenance-header-content .pdp-engine-hours {
    color: #000;
    font-weight: 700;
    font-family: "Exo 2";
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-transform: uppercase; }
  @media screen and (max-width: 600px) {
    #pdp-maintenance-page .pdp-maintenance-container .pdp-maintenance-header-container .pdp-maintenance-header-title {
      font-size: 20px;
      line-height: 20px;
      letter-spacing: 0.5px;
      padding-left: 0;
      text-transform: capitalize; }
    #pdp-maintenance-page .pdp-maintenance-container .pdp-maintenance-header-container .pdp-maintenance-header-content .pdp-vehicle-name {
      display: none; }
    #pdp-maintenance-page .pdp-maintenance-container .pdp-maintenance-header-container .pdp-maintenance-header-content .vertical-divider {
      display: none; }
    #pdp-maintenance-page .pdp-maintenance-container .pdp-maintenance-header-container .pdp-maintenance-header-content .pdp-engine-hours {
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; } }

#pdp-maintenance-page .pdp-maintenance-body-container {
  padding: 20px 0 15px 0; }
  @media screen and (max-width: 600px) {
    #pdp-maintenance-page .pdp-maintenance-body-container {
      padding-top: 0 !important; } }

@media screen and (max-width: 600px) {
  #pdp-maintenance-page .pdp-disclaimer-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; } }

#pdp-maintenance-page .pdp-disclaimer-wrapper .pdp-disclaimer {
  color: #424242;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
  margin: 8px 0 39px; }
  @media screen and (max-width: 600px) {
    #pdp-maintenance-page .pdp-disclaimer-wrapper .pdp-disclaimer {
      margin: 0 0 0; } }
  @media screen and (min-width: 601px) and (max-width: 900px) {
    #pdp-maintenance-page .pdp-disclaimer-wrapper .pdp-disclaimer {
      text-align: center;
      padding-left: 0; } }

#pdp-maintenance-page .hidden {
  display: none !important; }

#pdp-maintenance-page .maintenance-error-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 23px 44px 0; }
  #pdp-maintenance-page .maintenance-error-message.hidden {
    display: none; }
  #pdp-maintenance-page .maintenance-error-message .error-img {
    padding-right: 10px; }
    @media screen and (max-width: 600px) {
      #pdp-maintenance-page .maintenance-error-message .error-img {
        padding-bottom: 17.33px; } }
    #pdp-maintenance-page .maintenance-error-message .error-img .alert-icon {
      height: 21px;
      width: 21px; }
      @media screen and (max-width: 600px) {
        #pdp-maintenance-page .maintenance-error-message .error-img .alert-icon {
          height: 32px;
          width: 32px; } }
  #pdp-maintenance-page .maintenance-error-message .error-msg {
    color: #424242;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0;
    display: none; }
    #pdp-maintenance-page .maintenance-error-message .error-msg.show {
      display: block; }
  @media screen and (max-width: 600px) {
    #pdp-maintenance-page .maintenance-error-message {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 17.5px 16px 0; } }

#pdp-maintenance-page .pdp-contact-your-dealer {
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 30px;
  background: #DCE7F6;
  border-radius: 8px; }
  @media screen and (max-width: 768px) {
    #pdp-maintenance-page .pdp-contact-your-dealer {
      background: white;
      padding: 0px;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: end; }
      #pdp-maintenance-page .pdp-contact-your-dealer .pdp-contact-your-dealer-content {
        display: none;
        line-height: 24px; } }
  #pdp-maintenance-page .pdp-contact-your-dealer .pdp-contact-your-dealer-content {
    font-family: 'Lato';
    font-weight: 700;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #003E85;
    font-weight: bold; }
  #pdp-maintenance-page .pdp-contact-your-dealer .pdp-contact-your-dealer-action {
    font-family: 'Lato';
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    border-radius: 3px;
    color: #FFFFFF; }
  #pdp-maintenance-page .pdp-contact-your-dealer .pdp-contact-your-dealer-cta {
    border-radius: 3px;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 600; }

@media screen and (min-width: 769px) and (max-width: 900px) {
  #pdp-maintenance-page .maintenance-body .maintenance-card .expired-square {
    right: 0 !important; }
  #pdp-maintenance-page .maintenance-body .maintenance-card .about-to-expire-square {
    right: 0 !important; } }

.pdp-maintenance-header-title {
  color: #000;
  font-weight: 700;
  font-family: "Exo 2";
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px; }

.pdp-maintenance-header-content .pdp-vehicle-name {
  color: #000;
  font-weight: 700;
  font-family: "Exo 2";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: uppercase; }

.pdp-maintenance-header-content .vertical-divider {
  border: 0.5px solid #000;
  margin: 0 8px; }

.pdp-maintenance-header-content .pdp-engine-hours {
  color: #000;
  font-weight: 700;
  font-family: "Exo 2";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: uppercase; }

@media screen and (max-width: 600px) {
  .pdp-maintenance-header-title {
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.5px;
    padding-left: 0;
    text-transform: capitalize; }
  .pdp-maintenance-header-content .pdp-vehicle-name {
    display: none; }
  .pdp-maintenance-header-content .vertical-divider {
    display: none; }
  .pdp-maintenance-header-content .pdp-engine-hours {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; } }

.pdp-generalInfo {
  background-color: #fff;
  border-top: 4px solid #E20026;
  width: 100%; }
  .pdp-generalInfo.fullWidth {
    width: 100%; }
  .pdp-generalInfo.hasTelematicsComponent {
    width: 60%; }
    @media screen and (max-width: 992px) {
      .pdp-generalInfo.hasTelematicsComponent {
        width: 100%; } }
  .pdp-generalInfo.isActiveOrphanDevices {
    width: calc(100% - 260px); }
    @media screen and (max-width: 992px) {
      .pdp-generalInfo.isActiveOrphanDevices {
        width: 100%; } }
  .pdp-generalInfo__heading {
    padding: 10px 16px; }
    .pdp-generalInfo__heading h1 {
      color: #343E4A;
      font-size: 20px;
      font-weight: bold;
      line-height: 32px;
      text-align: left;
      margin-bottom: 0px; }
  .pdp-generalInfo__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 14px 16px; }
    @media screen and (max-width: 600px) {
      .pdp-generalInfo__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse; } }
    .pdp-generalInfo__content-information {
      width: 300px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      @media screen and (max-width: 600px) {
        .pdp-generalInfo__content-information {
          width: 100%;
          border-top: 1px solid #E6E6E6;
          border-right: none;
          padding-top: 14px; } }
      .pdp-generalInfo__content-information label {
        color: #343E4A;
        font-size: 14px;
        line-height: 20px;
        text-align: left; }
      .pdp-generalInfo__content-information .data {
        margin-left: 5px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .pdp-generalInfo__content-information .data span {
          color: #343E4A;
          font-size: 16px;
          font-weight: bold;
          line-height: 20px;
          text-align: left; }
        .pdp-generalInfo__content-information .data .tooltip {
          margin-left: 5px; }
          .pdp-generalInfo__content-information .data .tooltip .sn-tooltip {
            width: 16px;
            height: 16px; }
        .pdp-generalInfo__content-information .data .popover {
          background: #000;
          border-radius: 3px;
          -webkit-box-shadow: 0 1px 20px -3px rgba(0, 0, 0, 0.3);
                  box-shadow: 0 1px 20px -3px rgba(0, 0, 0, 0.3);
          color: #fff;
          display: none;
          font-size: 0.75rem;
          font-weight: 400;
          margin-bottom: 0.5rem;
          margin-right: -2.125rem;
          padding: 0.5rem 1rem;
          position: fixed;
          text-transform: none;
          width: 200px;
          z-index: 21; }
          .pdp-generalInfo__content-information .data .popover > span {
            position: absolute;
            top: auto;
            right: 18px;
            bottom: -4px;
            left: auto;
            height: 0;
            width: 0;
            border-left: 0.5rem solid transparent;
            border-right: 0.5rem solid transparent;
            border-top: 0.25rem solid #000;
            content: ''; }
    .pdp-generalInfo__content-gallery {
      width: calc(100% - 300px);
      padding-left: 30px; }
      @media screen and (max-width: 600px) {
        .pdp-generalInfo__content-gallery {
          width: 100%;
          padding-left: 0;
          margin-bottom: 16px; } }
      .pdp-generalInfo__content-gallery .pdp-carousel-wrapper {
        display: none; }
      .pdp-generalInfo__content-gallery .pdp-product-thumbnail {
        position: relative;
        overflow: hidden;
        display: none;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 100%; }
        @media screen and (max-width: 600px) {
          .pdp-generalInfo__content-gallery .pdp-product-thumbnail {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important; } }
        .pdp-generalInfo__content-gallery .pdp-product-thumbnail img {
          height: 100%;
          width: 100%; }
        .pdp-generalInfo__content-gallery .pdp-product-thumbnail__icon {
          background-color: #fff;
          width: 40px;
          height: 37px;
          border-radius: 10px;
          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;
          position: absolute;
          bottom: 12px;
          right: 12px;
          cursor: pointer; }
          .pdp-generalInfo__content-gallery .pdp-product-thumbnail__icon svg {
            width: 25px;
            height: 25px; }
        .pdp-generalInfo__content-gallery .pdp-product-thumbnail.noGalleryAndTelematicsData, .pdp-generalInfo__content-gallery .pdp-product-thumbnail.activeOrphanDevices {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; }
          .pdp-generalInfo__content-gallery .pdp-product-thumbnail.noGalleryAndTelematicsData img, .pdp-generalInfo__content-gallery .pdp-product-thumbnail.activeOrphanDevices img {
            max-width: 280px;
            border-radius: 0px;
            max-height: 80%; }
            @media screen and (max-width: 600px) {
              .pdp-generalInfo__content-gallery .pdp-product-thumbnail.noGalleryAndTelematicsData img, .pdp-generalInfo__content-gallery .pdp-product-thumbnail.activeOrphanDevices img {
                max-width: 100%; } }
        .pdp-generalInfo__content-gallery .pdp-product-thumbnail picture, .pdp-generalInfo__content-gallery .pdp-product-thumbnail img[alt="product"] {
          width: 100%;
          aspect-ratio: 16/9; }
      .pdp-generalInfo__content-gallery .pdp-gallery-carousel .pdp-gallery-card-wrapper {
        height: 100%; }
        .pdp-generalInfo__content-gallery .pdp-gallery-carousel .pdp-gallery-card-wrapper .pdp-gallery-card {
          height: 100%;
          overflow: hidden; }
          .pdp-generalInfo__content-gallery .pdp-gallery-carousel .pdp-gallery-card-wrapper .pdp-gallery-card .video-icon {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            cursor: pointer;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%; }
            @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
              .pdp-generalInfo__content-gallery .pdp-gallery-carousel .pdp-gallery-card-wrapper .pdp-gallery-card .video-icon {
                margin-left: -30px; } }
            .pdp-generalInfo__content-gallery .pdp-gallery-carousel .pdp-gallery-card-wrapper .pdp-gallery-card .video-icon img {
              max-width: 60px; }
          .pdp-generalInfo__content-gallery .pdp-gallery-carousel .pdp-gallery-card-wrapper .pdp-gallery-card img {
            height: 100%; }
      .pdp-generalInfo__content-gallery .owl-stage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .pdp-generalInfo__content-gallery .owl-carousel {
        padding: 0; }
      .pdp-generalInfo__content-gallery .owl-carousel .owl-nav {
        position: relative;
        top: 26px;
        right: 0;
        bottom: auto;
        left: auto;
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .pdp-generalInfo__content-gallery .owl-carousel .owl-nav button.owl-prev.disabled, .pdp-generalInfo__content-gallery .owl-carousel .owl-nav button.owl-next.disabled {
          opacity: .5; }
      .pdp-generalInfo__content-gallery .owl-carousel .owl-dots {
        display: block;
        position: relative;
        top: 0;
        left: 50%;
        float: left;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: auto; }
        @media screen and (max-width: 600px) {
          .pdp-generalInfo__content-gallery .owl-carousel .owl-dots {
            max-width: 72%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
        @media screen and (max-width: 992px) {
          .pdp-generalInfo__content-gallery .owl-carousel .owl-dots {
            max-width: 90%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
        .pdp-generalInfo__content-gallery .owl-carousel .owl-dots button.owl-dot {
          min-height: 9px;
          min-width: 9px;
          margin-right: 0.5rem !important; }
      .pdp-generalInfo__content-gallery .owl-carousel .owl-nav button {
        display: inline-block;
        position: relative; }
        @media screen and (max-width: 767px) {
          .pdp-generalInfo__content-gallery .owl-carousel .owl-nav button {
            margin-right: 0 !important;
            margin-left: 0 !important;
            min-width: 0 !important; } }
        .pdp-generalInfo__content-gallery .owl-carousel .owl-nav button svg {
          width: 14px;
          height: 14px; }
          .pdp-generalInfo__content-gallery .owl-carousel .owl-nav button svg.injected-svg {
            fill: #343E4A; }
      .pdp-generalInfo__content-gallery .owl-carousel .owl-dots > .owl-dot {
        background-color: #D3D3D3;
        width: 9px;
        height: 9px;
        display: inline-block;
        border-radius: 100%; }
        .pdp-generalInfo__content-gallery .owl-carousel .owl-dots > .owl-dot.active {
          color: #E20026;
          background: #E20026; }
        @media screen and (max-width: 600px) {
          .pdp-generalInfo__content-gallery .owl-carousel .owl-dots > .owl-dot {
            margin-bottom: 8px; } }
      .pdp-generalInfo__content-gallery .owl-carousel .owl-dots > .owl-dot.active span {
        background-color: #E20026;
        width: 9px;
        height: 9px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; }
  .pdp-generalInfo__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
    width: 100%; }
    .pdp-generalInfo__info.row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
    .pdp-generalInfo__info.col {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .pdp-generalInfo__info .pdp-productInfo {
      margin-top: 10px;
      word-break: break-word;
      padding-right: 35px; }
      .pdp-generalInfo__info .pdp-productInfo__name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer; }
        .pdp-generalInfo__info .pdp-productInfo__name span {
          color: #343E4A;
          font-size: 16px;
          font-weight: bold;
          line-height: 20px;
          text-align: left; }
          .pdp-generalInfo__info .pdp-productInfo__name span.nickname {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
        .pdp-generalInfo__info .pdp-productInfo__name .editIcon {
          margin-left: 5px;
          position: relative; }
          .pdp-generalInfo__info .pdp-productInfo__name .editIcon::after {
            content: '';
            background-image: url(/Content/images/pdp-Edit.svg);
            background-position: center;
            background-size: 100%;
            width: 18px;
            height: 18px;
            position: absolute;
            top: -9px;
            background-repeat: no-repeat; }
      .pdp-generalInfo__info .pdp-productInfo__edit {
        display: none;
        border-bottom: 4px solid #899098;
        -webkit-box-shadow: 0 3px 15px 0 rgba(185, 181, 181, 0.5);
                box-shadow: 0 3px 15px 0 rgba(185, 181, 181, 0.5); }
        .pdp-generalInfo__info .pdp-productInfo__edit input {
          border: 0px solid #fff;
          outline: none;
          width: 219px;
          height: 33px;
          padding: 8px 14px;
          color: #919191;
          font-size: 12px !important;
          font-weight: 400;
          line-height: 16px; }
        .pdp-generalInfo__info .pdp-productInfo__edit-action {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; }
          .pdp-generalInfo__info .pdp-productInfo__edit-action .close {
            width: 16px;
            height: 16px;
            margin: 0 10px;
            cursor: pointer;
            position: relative; }
            .pdp-generalInfo__info .pdp-productInfo__edit-action .close svg {
              fill: #343E4A; }
          .pdp-generalInfo__info .pdp-productInfo__edit-action .submit {
            width: 20px;
            height: 20px;
            cursor: pointer;
            position: relative; }
            .pdp-generalInfo__info .pdp-productInfo__edit-action .submit svg {
              fill: #04d504; }

.pdp-remove-vehicle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
  .pdp-remove-vehicle span {
    margin-top: 4px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-align: left; }
  .pdp-remove-vehicle .deleteIcon {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    position: relative; }
    .pdp-remove-vehicle .deleteIcon::after {
      content: '';
      background-image: url(/Content/images/pdp-delete-icon.svg);
      background-position: center;
      background-size: 100%;
      width: 18px;
      height: 18px;
      position: absolute;
      background-repeat: no-repeat; }

.pdpModal.pdp-modal .pdp-remove-product {
  width: auto; }
  @media screen and (max-width: 600px) {
    .pdpModal.pdp-modal .pdp-remove-product {
      width: 100%; } }
  .pdpModal.pdp-modal .pdp-remove-product .modal-header {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .pdpModal.pdp-modal .pdp-remove-product .modal-content {
    max-width: 600px; }
    @media screen and (max-width: 600px) {
      .pdpModal.pdp-modal .pdp-remove-product .modal-content {
        padding-top: 3rem; } }
    .pdpModal.pdp-modal .pdp-remove-product .modal-content .modal-subtitle {
      font-weight: bold; }
  .pdpModal.pdp-modal .pdp-remove-product .modal-actions .btn-nd.button {
    width: auto; }

.pdp-custom-modal {
  position: fixed;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.65);
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  padding: 1rem 0 4rem;
  top: 0;
  left: 0;
  -webkit-transition: opacity .3s ease-in;
  transition: opacity .3s ease-in;
  width: 100%;
  z-index: 1100;
  pointer-events: none;
  overflow-y: auto; }
  @media screen and (max-width: 600px) {
    .pdp-custom-modal {
      max-width: 100vh; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .pdp-custom-modal {
      right: 0;
      top: 0; } }
  .pdp-custom-modal.open {
    opacity: 1;
    pointer-events: auto; }

@-moz-document url-prefix() {
  .pdp-custom-modal.open {
    position: fixed;
    z-index: 9999999999; } }

#pdp-gallery-modal-template .close-button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 10px 0px 30px 0; }
  @media screen and (max-width: 600px) {
    #pdp-gallery-modal-template .close-button-wrapper {
      margin: 10px 25px 30px 0; } }
  @media only screen and (max-width: 992px) {
    #pdp-gallery-modal-template .close-button-wrapper {
      margin: 10px 25px 30px 0; } }

#pdp-gallery-modal-template .close-button {
  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;
  cursor: pointer;
  padding: 10px; }
  #pdp-gallery-modal-template .close-button span {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase; }
    @media screen and (max-width: 600px) {
      #pdp-gallery-modal-template .close-button span {
        display: none; } }
  #pdp-gallery-modal-template .close-button svg {
    width: 14px;
    height: 14px;
    margin-left: 8px;
    fill: #fff; }
    @media screen and (max-width: 600px) {
      #pdp-gallery-modal-template .close-button svg {
        margin-left: 0; } }

#pdp-gallery-modal-template .pdp-gallery-wrapper {
  margin: auto;
  width: 890px;
  min-height: 400px; }
  @media screen and (max-width: 600px) {
    #pdp-gallery-modal-template .pdp-gallery-wrapper {
      width: 100%; } }
  @media only screen and (max-width: 992px) {
    #pdp-gallery-modal-template .pdp-gallery-wrapper {
      width: 100%; } }

#pdp-gallery-modal-template .outer {
  margin: 0 auto;
  max-width: 890px; }

#pdp-gallery-modal-template #big .item {
  height: 534px;
  background: #7D7B7B;
  padding: 0px;
  margin: 2px;
  color: #FFF;
  border-radius: 5px;
  text-align: center;
  overflow: hidden; }
  @media screen and (max-width: 600px) {
    #pdp-gallery-modal-template #big .item {
      height: 202px; } }
  #pdp-gallery-modal-template #big .item img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%; }
  #pdp-gallery-modal-template #big .item .owl-video-play-icon {
    background: url(/Content/images/youtube.svg);
    background-repeat: no-repeat;
    background-position: center; }
  #pdp-gallery-modal-template #big .item .owl-carousel .owl-video-tn {
    background-size: cover; }

@media screen and (max-width: 600px) {
  #pdp-gallery-modal-template #thumbs {
    padding: 0; } }

#pdp-gallery-modal-template #thumbs .item {
  position: relative;
  background: #C9C9C9;
  height: 100px;
  padding: 0px;
  margin: 0px;
  color: #FFF;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  overflow: hidden; }
  @media screen and (max-width: 600px) {
    #pdp-gallery-modal-template #thumbs .item {
      height: 100%; } }
  #pdp-gallery-modal-template #thumbs .item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.65); }
  #pdp-gallery-modal-template #thumbs .item img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%; }

#pdp-gallery-modal-template #thumbs .current .item {
  background: transparent; }
  #pdp-gallery-modal-template #thumbs .current .item::after {
    content: none; }

#pdp-gallery-modal-template #thumbs.owl-carousel .owl-dots > .owl-dot {
  background-color: #CACACA;
  width: 9px;
  height: 9px;
  min-height: 0; }

#pdp-gallery-modal-template #thumbs.owl-carousel .owl-dots > .owl-dot.active {
  background-color: #E20026;
  width: 9px;
  height: 9px; }
  #pdp-gallery-modal-template #thumbs.owl-carousel .owl-dots > .owl-dot.active span {
    background-color: #E20026;
    width: 9px;
    height: 9px;
    top: 0;
    right: 0; }

#pdp-gallery-modal-template .owl-theme .owl-nav [class*='owl-'] {
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

#pdp-gallery-modal-template .owl-theme .owl-nav [class*='owl-'].disabled:hover {
  background-color: #D6D6D6; }

#pdp-gallery-modal-template #big.owl-theme {
  position: relative;
  margin-bottom: 20px; }
  @media screen and (max-width: 600px) {
    #pdp-gallery-modal-template #big.owl-theme {
      padding: 0 16px;
      margin: 78px 0 115px; } }

#pdp-gallery-modal-template #big.owl-theme .owl-next svg, #pdp-gallery-modal-template #big.owl-theme .owl-prev svg {
  fill: #fff;
  width: 10px;
  height: 10px; }

#pdp-gallery-modal-template #big.owl-theme .owl-prev {
  left: 10px; }
  @media screen and (max-width: 600px) {
    #pdp-gallery-modal-template #big.owl-theme .owl-prev {
      position: absolute;
      left: calc(100% - 95%); } }

#pdp-gallery-modal-template #big.owl-theme .owl-next {
  right: 10px; }
  @media screen and (max-width: 600px) {
    #pdp-gallery-modal-template #big.owl-theme .owl-next {
      position: absolute;
      right: calc(100% - 95%); } }

.pdp-telematics {
  display: none;
  width: 40%;
  background-color: #fff;
  border-top: 4px solid #E20026;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 1px 4px 8px rgba(12, 0, 51, 0.1);
          box-shadow: 1px 4px 8px rgba(12, 0, 51, 0.1);
  margin-left: 20px; }
  @media screen and (max-width: 992px) {
    .pdp-telematics {
      margin-left: 0;
      margin-top: 24px;
      width: 100%; } }
  .pdp-telematics__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px 16px; }
    .pdp-telematics__header-title h1 {
      margin: 0;
      color: #343E4A;
      font-size: 20px;
      font-weight: bold;
      line-height: 32px;
      text-align: left; }
    @media screen and (max-width: 600px) {
      .pdp-telematics__header-link.desktop {
        display: none; } }
    .pdp-telematics__header-link a {
      color: #343E4A;
      font-size: 14px;
      font-weight: bold;
      line-height: 20px;
      margin-bottom: 0px;
      text-decoration: none;
      position: relative;
      padding-right: 20px; }
      .pdp-telematics__header-link a::after {
        content: '';
        background-image: url(/Content/images/pdp-external-link.svg);
        background-position: center;
        background-size: 15px 15px;
        width: 20px;
        height: 20px;
        position: absolute;
        background-repeat: no-repeat; }
  .pdp-telematics__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1;
    margin: 0 16px;
    padding: 14px 0 0; }
  .pdp-telematics__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1; }
    @media screen and (max-width: 600px) {
      .pdp-telematics__data {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: inherit;
            -ms-flex-align: inherit;
                align-items: inherit; } }
    .pdp-telematics__data-col {
      -webkit-box-flex: 0.5;
          -ms-flex: 0.5;
              flex: 0.5 1; }
      @media screen and (max-width: 600px) {
        .pdp-telematics__data-col {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1 1; } }
      .pdp-telematics__data-col:first-child {
        padding-right: 18px;
        position: relative; }
        @media screen and (max-width: 600px) {
          .pdp-telematics__data-col:first-child {
            padding-right: 0;
            margin-bottom: 16px; } }
        .pdp-telematics__data-col:first-child::after {
          content: '';
          position: absolute;
          right: 0;
          top: 0;
          width: 1px;
          height: 95%;
          background-color: #E6E6E6; }
          @media screen and (max-width: 600px) {
            .pdp-telematics__data-col:first-child::after {
              right: inherit;
              top: inherit;
              width: 100%;
              height: 1px;
              bottom: 0; } }
      .pdp-telematics__data-col:last-child {
        padding-left: 18px; }
        @media screen and (max-width: 600px) {
          .pdp-telematics__data-col:last-child {
            padding-left: 0; } }
      .pdp-telematics__data-col-title {
        color: #343E4A;
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        margin-bottom: 11px; }
  .pdp-telematics .pdp-telematicsdata-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1;
    margin-bottom: 16px; }
    @media screen and (max-width: 600px) {
      .pdp-telematics .pdp-telematicsdata-list {
        margin-bottom: 14px; } }
    .pdp-telematics .pdp-telematicsdata-list__label {
      -webkit-box-flex: 0.6;
          -ms-flex: 0.6;
              flex: 0.6 1; }
      @media screen and (max-width: 600px) {
        .pdp-telematics .pdp-telematicsdata-list__label {
          -webkit-box-flex: 0.4;
              -ms-flex: 0.4;
                  flex: 0.4 1; } }
      .pdp-telematics .pdp-telematicsdata-list__label label {
        color: #000;
        font-size: 14px;
        line-height: 17px; }
      .pdp-telematics .pdp-telematicsdata-list__label .lastKnown {
        color: #000;
        font-size: 12px;
        line-height: 17px;
        display: block; }
    .pdp-telematics .pdp-telematicsdata-list__data {
      word-break: break-all;
      -webkit-box-flex: 0.4;
          -ms-flex: 0.4;
              flex: 0.4 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      @media screen and (max-width: 600px) {
        .pdp-telematics .pdp-telematicsdata-list__data {
          -webkit-box-flex: 0.6;
              -ms-flex: 0.6;
                  flex: 0.6 1; } }
      .pdp-telematics .pdp-telematicsdata-list__data span {
        color: #000;
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
        -webkit-transform: translate(0px, 1.5px);
                transform: translate(0px, 1.5px); }
        @media screen and (max-width: 600px) {
          .pdp-telematics .pdp-telematicsdata-list__data span {
            font-size: 12px; } }
      .pdp-telematics .pdp-telematicsdata-list__data .lastKnown {
        color: #000;
        font-size: 10px;
        font-weight: 400;
        line-height: 16px;
        display: block; }
      .pdp-telematics .pdp-telematicsdata-list__data .pdp-telematics-status {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        margin-left: 9px;
        position: relative;
        top: 1px;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
        .pdp-telematics .pdp-telematicsdata-list__data .pdp-telematics-status.working {
          background: #27b03d; }
        .pdp-telematics .pdp-telematicsdata-list__data .pdp-telematics-status.keyon {
          background: #e7a503; }
        .pdp-telematics .pdp-telematicsdata-list__data .pdp-telematics-status.idle {
          background: #f47825; }
        .pdp-telematics .pdp-telematicsdata-list__data .pdp-telematics-status.moving {
          background: #00a8b4; }
        .pdp-telematics .pdp-telematicsdata-list__data .pdp-telematics-status.traveling {
          background: #035db1; }
        .pdp-telematics .pdp-telematicsdata-list__data .pdp-telematics-status.off {
          background: #919191; }
        .pdp-telematics .pdp-telematicsdata-list__data .pdp-telematics-status.lostconnection {
          background: #919191; }
      .pdp-telematics .pdp-telematicsdata-list__data .direction {
        position: relative;
        top: 5px;
        margin-left: 15px; }
        .pdp-telematics .pdp-telematicsdata-list__data .direction svg {
          width: 20px;
          height: 20px;
          margin: 0; }
  .pdp-telematics__footer {
    background-color: #EEF0F1;
    padding: 9px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 600px) {
      .pdp-telematics__footer {
        border: 1px solid #CACACA;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding: 15px 20px;
        margin: 4px 16px 16px; } }
    .pdp-telematics__footer-col {
      -webkit-box-flex: 0.5;
          -ms-flex: 0.5;
              flex: 0.5 1; }
      @media screen and (max-width: 600px) {
        .pdp-telematics__footer-col {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1 1; } }
      .pdp-telematics__footer-col:last-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
        @media screen and (max-width: 600px) {
          .pdp-telematics__footer-col:last-child {
            margin-top: 18px; } }
    .pdp-telematics__footer .accordion-hidden-data-email-image {
      display: none;
      width: 15px;
      height: 15px;
      float: right; }
    .pdp-telematics__footer .accordion-hidden-data-download-image {
      display: none;
      width: 15px;
      height: 15px;
      float: right; }
    .pdp-telematics__footer .accordion-hidden-data-success-image {
      display: none;
      width: 15px;
      height: 15px;
      float: right; }
    .pdp-telematics__footer .accordion-hidden-data-error-image {
      display: none;
      width: 15px;
      height: 15px;
      float: right; }
    .pdp-telematics__footer .accordion-hidden-data-loader-image {
      display: none;
      width: 15px;
      height: 15px;
      float: right; }
    .pdp-telematics__footer .pdp-machine-report {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-left: 28px;
      position: relative; }
      .pdp-telematics__footer .pdp-machine-report::after {
        content: '';
        background-image: url(/Content/images/pdp-document.png);
        background-position: center;
        background-size: 100%;
        position: absolute;
        background-size: 45px 50px;
        width: 22px;
        height: 20px;
        left: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-repeat: no-repeat; }
      .pdp-telematics__footer .pdp-machine-report__title {
        color: #343E4A;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px; }
      .pdp-telematics__footer .pdp-machine-report__data {
        color: #000;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px; }
    .pdp-telematics__footer .pdp-download-report {
      padding-left: 28px;
      position: relative;
      cursor: pointer; }
      .pdp-telematics__footer .pdp-download-report::before {
        content: '';
        background-image: url(/Content/images/pdp-download-report.svg);
        background-position: center;
        background-size: 18px 18px;
        width: 18px;
        height: 18px;
        position: absolute;
        left: 2px;
        background-repeat: no-repeat; }
      .pdp-telematics__footer .pdp-download-report__title {
        color: #000;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        margin-bottom: 3px; }
    .pdp-telematics__footer .pdp-error-report {
      display: none;
      cursor: pointer;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .pdp-telematics__footer .pdp-error-report .error {
        color: #424242;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        padding-right: 24px;
        position: relative; }
        .pdp-telematics__footer .pdp-error-report .error::after {
          content: '';
          background-position: center;
          background-size: 100%;
          width: 18px;
          height: 18px;
          position: absolute;
          right: 0;
          top: 1px;
          background-repeat: no-repeat; }
      .pdp-telematics__footer .pdp-error-report__title {
        color: #E20026;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px; }
    .pdp-telematics__footer .pdp-success-report {
      display: none;
      padding-right: 18px;
      position: relative;
      cursor: pointer; }
      .pdp-telematics__footer .pdp-success-report::after {
        content: '';
        background-image: url(/Content/images/pdp-tick-icon-green.svg);
        background-position: center;
        background-size: 100%;
        width: 18px;
        height: 18px;
        position: absolute;
        right: -4px;
        top: 50%;
        background-repeat: no-repeat;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .pdp-telematics__footer .pdp-success-report__title {
        color: #919191;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px; }
    .pdp-telematics__footer .pdp-loading-report {
      display: none;
      padding-right: 24px;
      position: relative;
      cursor: pointer; }
      .pdp-telematics__footer .pdp-loading-report::after {
        content: '';
        background-position: center;
        background-size: 100%;
        width: 18px;
        height: 18px;
        position: absolute;
        right: 0px;
        top: 2px;
        background-repeat: no-repeat;
        -webkit-animation: 1s pdpRotate360 infinite linear;
                animation: 1s pdpRotate360 infinite linear; }
      .pdp-telematics__footer .pdp-loading-report__title {
        color: #919191;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px; }
  .pdp-telematics__external-link.mobile {
    display: none;
    padding: 16px 16px;
    border-top: 1px solid #d3d3d3; }
    @media screen and (max-width: 600px) {
      .pdp-telematics__external-link.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .pdp-telematics__external-link a {
    color: #343E4A;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 0px;
    text-decoration: none;
    position: relative;
    padding-right: 20px; }
    .pdp-telematics__external-link a::after {
      content: '';
      background-image: url(/Content/images/pdp-external-link.svg);
      background-position: center;
      background-size: 14px 14px;
      -webkit-transform: translate(0px, 1px);
              transform: translate(0px, 1px);
      width: 20px;
      height: 20px;
      position: absolute;
      background-repeat: no-repeat; }
  .pdp-telematics-expired {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .pdp-telematics-expired__title {
      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; }
      .pdp-telematics-expired__title svg {
        width: 18px;
        height: 18px;
        margin-right: 5px; }
      .pdp-telematics-expired__title .telematics-title {
        color: #E20026;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        text-transform: uppercase;
        margin-bottom: 0px; }
    .pdp-telematics-expired__message {
      color: #000;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      text-align: center;
      margin: 20px 0px; }
    .pdp-telematics-expired .pdp-primary-btn {
      display: none;
      margin-bottom: 20px; }

@-webkit-keyframes pdpRotate360 {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes pdpRotate360 {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.horizontal-accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  width: 100%; }
  .horizontal-accordion .horizontal-accordion-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    background-color: rgba(238, 240, 241, 0.5);
    -webkit-transition: flex-grow 0.5s ease-in-out, -webkit-box-flex 0.5s ease-in-out;
    transition: flex-grow 0.5s ease-in-out, -webkit-box-flex 0.5s ease-in-out;
    transition: flex-grow 0.5s ease-in-out;
    transition: flex-grow 0.5s ease-in-out, -webkit-box-flex 0.5s ease-in-out, -ms-flex-positive 0.5s ease-in-out; }
    .horizontal-accordion .horizontal-accordion-item .horizontal-accordion-header {
      color: #343E4A;
      font-size: 14px;
      font-weight: bold;
      line-height: 20px;
      padding: 10px;
      cursor: pointer;
      -webkit-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out; }
      @media screen and (max-width: 600px) {
        .horizontal-accordion .horizontal-accordion-item .horizontal-accordion-header {
          word-break: keep-all;
          padding: 10px 20px 10px 5px;
          font-size: 10px; } }
    .horizontal-accordion .horizontal-accordion-item .horizontal-accordion-header.header-text-animation {
      opacity: 0; }
    .horizontal-accordion .horizontal-accordion-item .horizontal-accordion-content {
      display: none;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      text-align: right;
      padding: 10px;
      color: #003e85; }
    .horizontal-accordion .horizontal-accordion-item.active {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      background-color: #eef0f1; }
      .horizontal-accordion .horizontal-accordion-item.active .horizontal-accordion-content {
        display: block; }

.horizontal-accordion-image-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .horizontal-accordion-image-container .horizontal-accordion-image-text {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding-right: 5px;
    cursor: pointer; }
    @media screen and (max-width: 600px) {
      .horizontal-accordion-image-container .horizontal-accordion-image-text {
        font-size: 10px; } }
  .horizontal-accordion-image-container .horizontal-accordion-image {
    display: block !important;
    width: 14px;
    height: 14px;
    fill: inherit;
    margin-bottom: 4px;
    cursor: pointer; }

.horizontal-accordion-image-default {
  color: #E20026 !important;
  fill: #E20026 !important; }

.horizontal-accordion-image-success {
  color: #E20026 !important;
  fill: #E20026 !important; }

.horizontal-accordion-image-error {
  color: #E20026 !important;
  fill: #E20026 !important; }

.mhr-accordion-item {
  background-color: rgba(76, 175, 80, 0.25); }

.mcr-accordion-item {
  background-color: rgba(33, 150, 243, 0.25); }

.mor-accordion-item {
  background-color: rgba(156, 39, 176, 0.2); }

.vertical-accordion {
  width: 100%; }
  @media screen and (min-width: 901px) {
    .vertical-accordion {
      margin-top: 6px; } }

.vertical-accordion-item {
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
  margin-bottom: 10px;
  background: #FFFFFF; }
  @media screen and (max-width: 600px) {
    .vertical-accordion-item {
      border: none;
      -webkit-box-shadow: 0px 3px 6px 0px #00000014;
              box-shadow: 0px 3px 6px 0px #00000014;
      margin-top: 18px; } }
  .vertical-accordion-item .vertical-accordion-content {
    overflow: hidden;
    display: none;
    overflow: auto !important; }
    .vertical-accordion-item .vertical-accordion-content .content-container {
      padding: 0 10px; }
      @media screen and (max-width: 600px) {
        .vertical-accordion-item .vertical-accordion-content .content-container {
          padding: 0 10px; } }
      .vertical-accordion-item .vertical-accordion-content .content-container .vertical-accordion-content .content-container {
        padding: 0; }
        @media screen and (max-width: 600px) {
          .vertical-accordion-item .vertical-accordion-content .content-container .vertical-accordion-content .content-container {
            border-top: 5px solid #e20026; } }
  .vertical-accordion-item .vertical-accordion-content::-webkit-scrollbar-track {
    width: 10px; }
  .vertical-accordion-item .vertical-accordion-content::-webkit-scrollbar {
    background-color: #f5f5f5;
    border-radius: 10px;
    width: 12px; }
  .vertical-accordion-item .vertical-accordion-content::-webkit-scrollbar-thumb {
    background: #C8C8C8;
    border-radius: 12px; }
  .vertical-accordion-item.active .vertical-accordion-content {
    display: block; }

#vertical-accordion-loader {
  height: 50px;
  width: 100%;
  color: #003e85; }

.pdp-nickName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 600px) {
    .pdp-nickName {
      width: 100%;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin-bottom: 14px; } }
  .pdp-nickName__icon {
    display: none;
    width: 34px;
    height: 21px;
    margin-right: 14px; }
    @media screen and (max-width: 600px) {
      .pdp-nickName__icon {
        margin-right: 7px; } }
  .pdp-nickName__name .pdp-dropdown-filter .select-input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 1rem 0 0;
    width: auto;
    max-width: 50vw; }
    @media screen and (max-width: 600px) {
      .pdp-nickName__name .pdp-dropdown-filter .select-input {
        margin: 0;
        width: auto;
        max-width: 80vw; } }
  .pdp-nickName__name .pdp-dropdown-filter .select2-container--default .select2-selection--single {
    display: inherit;
    border-bottom: none; }
    .pdp-nickName__name .pdp-dropdown-filter .select2-container--default .select2-selection--single .select2-selection__arrow {
      bottom: 16px;
      top: 5px !important; }
      .pdp-nickName__name .pdp-dropdown-filter .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #fff transparent transparent transparent; }
      .pdp-nickName__name .pdp-dropdown-filter .select2-container--default .select2-selection--single .select2-selection__arrow svg {
        fill: #fff !important;
        position: absolute;
        bottom: 16px; }
    .pdp-nickName__name .pdp-dropdown-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #fff;
      font-weight: bold;
      font-family: "Exo Slab Pro";
      font-size: 36px !important;
      line-height: 36px;
      text-transform: capitalize;
      padding: 0 30px 0 0 !important;
      background-color: #343E4A; }
      @media screen and (max-width: 600px) {
        .pdp-nickName__name .pdp-dropdown-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
          font-size: 26px !important;
          line-height: 32px;
          padding-right: 24px !important; } }
  .pdp-nickName__name .pdp-dropdown-filter .select2-container--default.select2-container--open .select2-selection--single {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: none !important; }
    .pdp-nickName__name .pdp-dropdown-filter .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #fff transparent; }

.pdp-manuals-section .spinner {
  display: none; }

.pdp-manuals-section .pdp-maunals-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 8px; }
  @media screen and (max-width: 600px) {
    .pdp-manuals-section .pdp-maunals-header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: 15px; } }
  .pdp-manuals-section .pdp-maunals-header-title {
    color: #000;
    font-size: 26px;
    line-height: 34px;
    font-weight: bold;
    margin: 0;
    text-transform: capitalize; }
    @media screen and (max-width: 600px) {
      .pdp-manuals-section .pdp-maunals-header-title {
        margin: 0 0 12px;
        font-size: 20px;
        line-height: 24px; } }
  .pdp-manuals-section .pdp-maunals-header .pdp-manual-dropdown-container .pdp-filter-by-1 {
    display: none; }
  .pdp-manuals-section .pdp-maunals-header .pdp-manual-dropdown-container .pdp-language-by {
    display: none; }

.pdp-manuals-section .pdp-manuals-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -5px; }

.pdp-manuals-section .pdp-manualscard {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33.33333%;
          flex: 0 1 33.33333%;
  max-width: 33.33333%;
  padding: 1rem 10px;
  position: relative; }
  @media screen and (max-width: 1200px) {
    .pdp-manuals-section .pdp-manualscard {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%;
      max-width: 50%; } }
  @media screen and (max-width: 600px) {
    .pdp-manuals-section .pdp-manualscard {
      padding: 6px 5px; } }
  .pdp-manuals-section .pdp-manualscard__article {
    width: 100%;
    height: 100%;
    padding: 24px;
    min-height: 404px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: #fff;
    -webkit-box-shadow: 1px 4px 8px rgba(12, 0, 51, 0.1);
            box-shadow: 1px 4px 8px rgba(12, 0, 51, 0.1); }
    @media screen and (max-width: 992px) {
      .pdp-manuals-section .pdp-manualscard__article {
        padding: 24px 14px; } }
    @media screen and (max-width: 600px) {
      .pdp-manuals-section .pdp-manualscard__article {
        padding: 16px 12px;
        min-height: 246px; } }
  .pdp-manuals-section .pdp-manualscard__top--icon {
    display: none;
    width: 40px;
    height: 40px;
    background-color: #003E85;
    border-radius: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 30px; }
    @media screen and (max-width: 600px) {
      .pdp-manuals-section .pdp-manualscard__top--icon {
        display: none; } }
  .pdp-manuals-section .pdp-manualscard__content {
    margin-bottom: 30px; }
    @media screen and (max-width: 600px) {
      .pdp-manuals-section .pdp-manualscard__content {
        margin-bottom: 15px; } }
    .pdp-manuals-section .pdp-manualscard__content p {
      color: #343E4A;
      font-size: 16px;
      font-weight: bold;
      width: 100%;
      line-height: 24px;
      text-align: left;
      padding-bottom: 0px;
      text-transform: capitalize;
      margin: 0 0 18px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 5;
      /* start showing ellipsis when 3rd line is reached */
      white-space: pre-wrap; }
      @media screen and (max-width: 600px) {
        .pdp-manuals-section .pdp-manualscard__content p {
          line-height: 19px;
          margin: 0 0 8px;
          letter-spacing: 0.5px; } }
    .pdp-manuals-section .pdp-manualscard__content span {
      display: block;
      color: #000;
      font-size: 12px;
      font-weight: 400;
      width: 100%;
      line-height: 20px;
      text-align: left; }
      .pdp-manuals-section .pdp-manualscard__content span time {
        font-style: normal; }
  .pdp-manuals-section .pdp-manualscard__bottom a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    color: #003E85;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase; }
    .pdp-manuals-section .pdp-manualscard__bottom a img {
      margin-left: 6px; }
    .pdp-manuals-section .pdp-manualscard__bottom a .case {
      display: none; }
  .pdp-manuals-section .pdp-manualscard__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .pdp-manuals-section .pdp-manualscard__actions h3 {
      color: #000;
      font-size: 16px;
      font-weight: bold;
      width: 100%;
      line-height: 24px;
      text-align: left;
      text-transform: uppercase;
      white-space: initial;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1 1;
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      word-break: break-word;
      position: relative;
      padding-left: 24px; }
      @media screen and (max-width: 600px) {
        .pdp-manuals-section .pdp-manualscard__actions h3 {
          line-height: 20px; } }
      .pdp-manuals-section .pdp-manualscard__actions h3::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
        background: url(/Content/images/Icon_pdp-external-link.svg);
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        width: 18px;
        height: 18px; }
    .pdp-manuals-section .pdp-manualscard__actions-icon {
      display: none;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .pdp-manuals-section .pdp-manualscard__actions-icon img {
        width: 13px;
        height: 13px; }

.pdpModal.pdp-modal .pdp-download-publication-modal {
  width: auto; }
  @media screen and (max-width: 600px) {
    .pdpModal.pdp-modal .pdp-download-publication-modal {
      width: 100%; } }
  .pdpModal.pdp-modal .pdp-download-publication-modal .select2-container {
    margin-bottom: 1rem; }
  .pdpModal.pdp-modal .pdp-download-publication-modal .select-field {
    margin-bottom: 35px; }
  .pdpModal.pdp-modal .pdp-download-publication-modal .select-field.inited .placeholder {
    width: 92%;
    left: 0;
    top: 16px;
    font-size: 16px;
    z-index: 10; }
  .pdpModal.pdp-modal .pdp-download-publication-modal .select-field.inited.filled .placeholder {
    top: 5px; }
  .pdpModal.pdp-modal .pdp-download-publication-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 22px 2.25rem 0.5rem 0rem; }
  .pdpModal.pdp-modal .pdp-download-publication-modal .select2-container--default .select2-selection--single .select2-selection__arrow .injected-svg {
    fill: #003e85;
    height: 14px;
    width: 14px; }
  .pdpModal.pdp-modal .pdp-download-publication-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 10px !important; }
  .pdpModal.pdp-modal .pdp-download-publication-modal .select-field .input-field-error {
    margin-left: 0;
    position: relative;
    top: -10px; }
  .pdpModal.pdp-modal .pdp-download-publication-modal .modal-header {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .pdpModal.pdp-modal .pdp-download-publication-modal .modal-content {
    max-width: 600px; }
    @media screen and (max-width: 600px) {
      .pdpModal.pdp-modal .pdp-download-publication-modal .modal-content {
        padding-top: 3rem; } }
    .pdpModal.pdp-modal .pdp-download-publication-modal .modal-content.submitted {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 0; }
      .pdpModal.pdp-modal .pdp-download-publication-modal .modal-content.submitted p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
        color: #424242;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px; }
      .pdpModal.pdp-modal .pdp-download-publication-modal .modal-content.submitted .submitted-industry,
      .pdpModal.pdp-modal .pdp-download-publication-modal .modal-content.submitted .submitted-size {
        margin-left: 1.125rem; }
      .pdpModal.pdp-modal .pdp-download-publication-modal .modal-content.submitted .size-selection {
        margin-top: 34px; }
  .pdpModal.pdp-modal .pdp-download-publication-modal .modal-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0; }
    .pdpModal.pdp-modal .pdp-download-publication-modal .modal-actions .button {
      width: auto; }
    .pdpModal.pdp-modal .pdp-download-publication-modal .modal-actions.submitted {
      font-size: 1rem;
      -webkit-box-pack: justify !important;
          -ms-flex-pack: justify !important;
              justify-content: space-between !important; }
  .pdpModal.pdp-modal .pdp-download-publication-modal .submitted {
    display: none; }

.pdp-video-tutorials-section .spinner {
  display: none; }

.pdp-video-tutorials-section .pdp-vt-section-title {
  color: #000000;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 34px;
  margin: 0 0 38px;
  text-transform: capitalize;
  font-family: "Exo 2"; }

.pdp-video-tutorials-section .video-tutorials-card-grid {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch; }

.pdp-video-tutorials-section .disabled_content::before {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 100%;
  z-index: 1; }

.pdp-video-tutorials-section .pdp-cards__title-text {
  color: #343E4A;
  font-size: 16px;
  font-weight: bold; }

.pdp-video-tutorials-section .pdp-cards__play-text a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.pdp-video-tutorials-section .pdp-cards__play-text span {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  padding-left: 5px; }

.pdp-video-tutorials-section .pdp-cards__play-text svg {
  -webkit-transform: translate(0px, 3px);
          transform: translate(0px, 3px); }

.pdp-video-tutorials-section .pdp-cards .pdp-ribbon {
  position: absolute;
  bottom: 10.5rem;
  left: 7rem; }
  .pdp-video-tutorials-section .pdp-cards .pdp-ribbon__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #343E4A;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
    padding: 3px 12px;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 2; }
  .pdp-video-tutorials-section .pdp-cards .pdp-ribbon__shadow {
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    bottom: auto;
    left: auto;
    height: 12px;
    width: 12px;
    overflow: hidden; }
    .pdp-video-tutorials-section .pdp-cards .pdp-ribbon__shadow::before {
      height: 1.6rem;
      width: 1.6rem;
      position: absolute;
      top: auto;
      right: 0;
      bottom: 0;
      left: auto;
      background-color: #343E4A;
      border-radius: 100%;
      content: ''; }

@media screen and (max-width: 460px) {
  .lity-close {
    min-width: 50px; } }

.pdp-brochuresDocuments-section-main .spinner {
  display: none; }

.pdp-brochuresDocuments-section-main .pdp-bd-section-title {
  color: #000;
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  margin: 0 0 22px;
  text-transform: capitalize; }
  @media screen and (max-width: 600px) {
    .pdp-brochuresDocuments-section-main .pdp-bd-section-title {
      font-size: 16px;
      line-height: 32px;
      margin-bottom: 9px; } }

.pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }
  .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33333%;
            flex: 0 1 33.33333%;
    max-width: 33.33333%;
    padding: 1rem 10px;
    position: relative; }
    @media screen and (max-width: 992px) {
      .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 50%;
                flex: 0 1 50%;
        max-width: 50%; } }
    @media screen and (max-width: 600px) {
      .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%;
        max-width: 100%; } }
    .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard .content {
      padding: 0 14px 22px; }
    .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard__content-title {
      height: 48px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 5px; }
    .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard__article {
      width: 100%;
      background: #fff;
      -webkit-box-shadow: 1px 4px 8px rgba(12, 0, 51, 0.1);
              box-shadow: 1px 4px 8px rgba(12, 0, 51, 0.1); }
    .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard__media-wrapper {
      position: relative;
      border-radius: 0;
      -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 100%;
      padding-bottom: 142%;
      margin-bottom: 10px;
      border-bottom: 6px solid #E20026; }
      @media screen and (max-width: 600px) {
        .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard__media-wrapper {
          padding-bottom: 105%; } }
      .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard__media-wrapper a {
        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; }
        .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard__media-wrapper a img {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          display: block; }
          @media screen and (max-width: 600px) {
            .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard__media-wrapper a img {
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover; } }
    .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard__texts {
      white-space: inherit;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
      .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard__texts h3 {
        color: #343E4A;
        font-size: 16px;
        font-weight: bold;
        width: 100%;
        line-height: 24px;
        text-align: left;
        padding-bottom: 0px;
        text-transform: capitalize;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-word; }
    .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard__actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      color: #000;
      font-size: 14px;
      font-weight: bold;
      width: 100%;
      line-height: 20px;
      text-align: left;
      text-transform: uppercase;
      white-space: initial; }
      .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard__actions-icon {
        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;
        position: relative;
        top: 1px;
        margin-right: 10px; }
        .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard__actions-icon .injected-svg {
          width: 17px;
          height: 17px; }
          .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard__actions-icon .injected-svg .st0 {
            fill: #003E85; }
    .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard .pdp-ribbon {
      position: absolute;
      top: 35px;
      right: 0rem;
      bottom: auto;
      left: auto; }
      .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard .pdp-ribbon__content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: #343E4A;
        color: #fff;
        font-size: 10px;
        font-weight: bold;
        line-height: 16px;
        padding: 3px 12px;
        text-transform: uppercase;
        white-space: nowrap;
        z-index: 2; }
      .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard .pdp-ribbon__shadow {
        display: none;
        position: absolute;
        top: 20px;
        right: 0;
        bottom: auto;
        left: auto;
        height: 12px;
        width: 12px;
        overflow: hidden; }
        .pdp-brochuresDocuments-section-main .pdp-brochuresDocuments-section .pdp-docCard .pdp-ribbon__shadow::before {
          height: 1.6rem;
          width: 1.6rem;
          position: absolute;
          top: auto;
          right: 0;
          bottom: 0;
          left: auto;
          background-color: #343E4A;
          border-radius: 100%;
          content: ''; }

.pdp-brochuresDocuments-section-main .ms-google-captcha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 1rem;
  padding: 0rem 1.125rem; }

.pdp-share-by-email-modal .pdp-shareByEmail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0 !important; }
  @media screen and (max-width: 600px) {
    .pdp-share-by-email-modal .pdp-shareByEmail {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; } }
  .pdp-share-by-email-modal .pdp-shareByEmail-left {
    margin-left: -30px;
    margin-right: 80px; }
    @media screen and (max-width: 992px) {
      .pdp-share-by-email-modal .pdp-shareByEmail-left {
        margin-right: 20px; } }
    @media screen and (max-width: 600px) {
      .pdp-share-by-email-modal .pdp-shareByEmail-left {
        margin: 20px auto; } }
    .pdp-share-by-email-modal .pdp-shareByEmail-left_card {
      background-color: #fff;
      -webkit-box-shadow: 1px 4px 8px rgba(12, 0, 51, 0.1);
              box-shadow: 1px 4px 8px rgba(12, 0, 51, 0.1);
      padding: 16px;
      width: 233px; }
      @media screen and (max-width: 992px) {
        .pdp-share-by-email-modal .pdp-shareByEmail-left_card {
          width: 190px; } }
      @media screen and (max-width: 767px) {
        .pdp-share-by-email-modal .pdp-shareByEmail-left_card {
          width: 110px; } }
      @media screen and (max-width: 600px) {
        .pdp-share-by-email-modal .pdp-shareByEmail-left_card {
          width: 233px; } }
  .pdp-share-by-email-modal .pdp-shareByEmail-right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1; }
  .pdp-share-by-email-modal .pdp-shareByEmail .title {
    color: #343E4A;
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    text-align: left;
    text-transform: initial;
    margin-bottom: 8px; }
  .pdp-share-by-email-modal .pdp-shareByEmail-details {
    margin-bottom: 24px; }
    .pdp-share-by-email-modal .pdp-shareByEmail-details span {
      color: #000;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      text-align: left; }
  .pdp-share-by-email-modal .pdp-shareByEmail-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 20px; }
    .pdp-share-by-email-modal .pdp-shareByEmail-input label {
      color: #000;
      font-size: 14px;
      font-weight: bold;
      line-height: 20px;
      text-align: left;
      margin-bottom: 10px; }
    .pdp-share-by-email-modal .pdp-shareByEmail-input ::-webkit-input-placeholder {
      /* Edge */
      color: #919191;
      font-size: 12px;
      font-weight: 400;
      line-height: 16px; }
    .pdp-share-by-email-modal .pdp-shareByEmail-input :-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #919191;
      font-size: 12px;
      font-weight: 400;
      line-height: 16px; }
    .pdp-share-by-email-modal .pdp-shareByEmail-input ::-moz-placeholder {
      color: #919191;
      font-size: 12px;
      font-weight: 400;
      line-height: 16px; }
    .pdp-share-by-email-modal .pdp-shareByEmail-input ::-ms-input-placeholder {
      color: #919191;
      font-size: 12px;
      font-weight: 400;
      line-height: 16px; }
    .pdp-share-by-email-modal .pdp-shareByEmail-input ::placeholder {
      color: #919191;
      font-size: 12px;
      font-weight: 400;
      line-height: 16px; }
    .pdp-share-by-email-modal .pdp-shareByEmail-input input {
      width: 100%;
      height: 41px;
      background-color: #fff !important;
      padding: 10px 16px !important;
      color: #7d7b7b;
      font-size: 12px !important;
      font-weight: 400;
      line-height: 16px;
      border-bottom: 4px solid #899098;
      max-height: 41px !important;
      min-height: 41px !important; }
    .pdp-share-by-email-modal .pdp-shareByEmail-input textarea {
      background-color: #fff;
      padding: 10px;
      border: none;
      -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); }
    .pdp-share-by-email-modal .pdp-shareByEmail-input.input-field [type='text']:not(:disabled).has-error, .pdp-share-by-email-modal .pdp-shareByEmail-input.input-field [type='password']:not(:disabled).has-error, .pdp-share-by-email-modal .pdp-shareByEmail-input.input-field [type='email']:not(:disabled).has-error, .pdp-share-by-email-modal .pdp-shareByEmail-input.input-field [type='tel']:not(:disabled).has-error, .pdp-share-by-email-modal .pdp-shareByEmail-input.input-field textarea:not(:disabled).has-error {
      border: 2px solid #da0000 !important; }

.pdp-share-by-email-modal .modal-body .modal-container {
  background-color: #fff !important; }
  .pdp-share-by-email-modal .modal-body .modal-container .modal-content.submitted, .pdp-share-by-email-modal .modal-body .modal-container .modal-actions.submitted {
    display: none; }
  .pdp-share-by-email-modal .modal-body .modal-container .modal-actions {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }

@media screen and (max-width: 600px) {
  .pdp-share-by-email-modal.pdp-success-wrp {
    background-color: #fff !important; } }

.pdp-share-by-email-modal.pdp-success-wrp .modal-container {
  padding: 100px 0px; }
  @media screen and (max-width: 600px) {
    .pdp-share-by-email-modal.pdp-success-wrp .modal-container {
      padding: 100px 0 0 !important; } }

@media screen and (max-width: 600px) {
  .pdp-bd-modal {
    background-color: #fff !important; } }

.pdp-bd-modal .modal-wrap {
  width: 100%;
  margin: auto; }
  @media screen and (max-width: 600px) {
    .pdp-bd-modal .modal-wrap {
      height: 100%;
      overflow-y: scroll; } }

@media screen and (max-width: 600px) {
  .pdp-bd-modal .modal-body {
    background-color: transparent; } }

@media screen and (max-width: 600px) {
  .pdp-bd-modal .modal-body .modal-container {
    overflow: inherit !important;
    background-color: transparent !important;
    height: auto !important; } }

@media screen and (max-width: 600px) {
  .pdp-bd-modal .modal-body .modal-container.modal-with-bg .modal-container {
    background-color: transparent; } }

.pdpModal.pdp-modal.pdp-mlp-add-device .modal-body {
  max-width: 891px;
  border-radius: 0px; }
  .pdpModal.pdp-modal.pdp-mlp-add-device .modal-body .modal-actions {
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right; }
    .pdpModal.pdp-modal.pdp-mlp-add-device .modal-body .modal-actions .secondary-btn {
      display: none; }

.pdp-mlp-add-device .modal-header .modal-close.secondStepCloseButton {
  display: none; }

.pdp-mlp-add-device .modal-content {
  padding: 0 !important; }
  @media screen and (max-width: 600px) {
    .pdp-mlp-add-device .modal-content {
      padding: 1rem 20px !important; }
      .pdp-mlp-add-device .modal-content.no-device-text {
        padding-bottom: 0px !important; } }

.pdp-mlp-add-device .pdp-mlp-addDealer-topSection {
  padding: 0 50px;
  color: #343E4A; }
  @media screen and (max-width: 600px) {
    .pdp-mlp-add-device .pdp-mlp-addDealer-topSection {
      padding: 0; } }
  .pdp-mlp-add-device .pdp-mlp-addDealer-topSection .device {
    font-size: 22px;
    margin-bottom: 10px;
    font-family: "Exo 2";
    font-weight: 800;
    color: #343E4A; }
    @media screen and (max-width: 600px) {
      .pdp-mlp-add-device .pdp-mlp-addDealer-topSection .device {
        font-size: 14px;
        margin: 0;
        padding: 0; } }
  .pdp-mlp-add-device .pdp-mlp-addDealer-topSection .serial-number-section {
    color: #424242;
    font-size: 14px;
    font-family: "Exo 2"; }
    @media screen and (max-width: 600px) {
      .pdp-mlp-add-device .pdp-mlp-addDealer-topSection .serial-number-section {
        font-size: 12px;
        margin: 10px 0; } }
    .pdp-mlp-add-device .pdp-mlp-addDealer-topSection .serial-number-section .serial-number-text {
      font-weight: bold; }
    .pdp-mlp-add-device .pdp-mlp-addDealer-topSection .serial-number-section .serial-number {
      color: #424242; }
  .pdp-mlp-add-device .pdp-mlp-addDealer-topSection .comment {
    margin: 30px 0 0 0;
    color: #343E4A;
    font-family: "Exo 2";
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 24px; }
    @media screen and (max-width: 600px) {
      .pdp-mlp-add-device .pdp-mlp-addDealer-topSection .comment {
        margin: 20px 0 0 0; } }

.pdp-mlp-add-device .device-list {
  padding-left: 50px;
  padding-right: 50px; }
  @media screen and (max-width: 600px) {
    .pdp-mlp-add-device .device-list {
      padding: 5px; } }
  .pdp-mlp-add-device .device-list .carousel-wrapper {
    padding: 0.5rem 0px !important; }
    .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel {
      padding: 0; }
      .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer {
        padding: 10px 0; }
        .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .card-grid-wrapper {
          height: 265px;
          width: 100%;
          background: white;
          background-color: #FFFFFF;
          -webkit-box-shadow: 0 4px 8px 0px rgba(12, 0, 51, 0.1);
                  box-shadow: 0 4px 8px 0px rgba(12, 0, 51, 0.1); }
          @media screen and (max-width: 600px) {
            .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .card-grid-wrapper {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              height: 198px; } }
          .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .card-grid-wrapper .radio-section {
            position: absolute;
            top: -5px;
            right: 5px; }
            @media screen and (max-width: 600px) {
              .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .card-grid-wrapper .radio-section {
                top: 5px;
                right: 15px; } }
            .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .card-grid-wrapper .radio-section .md-radio {
              width: 21px;
              height: 21px;
              overflow: hidden; }
            .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .card-grid-wrapper .radio-section .md-radio input[type="radio"]:checked + label:before {
              border-color: #E20026;
              -webkit-animation: ripple 0.2s linear forwards;
              animation: ripple 0.2s linear forwards; }
          .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .card-grid-wrapper .img-wrapper {
            width: 100%;
            height: 162px;
            padding: 25px 15px 15px 15px;
            text-align: center; }
            @media screen and (max-width: 600px) {
              .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .card-grid-wrapper .img-wrapper {
                padding: 15px; } }
            .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .card-grid-wrapper .img-wrapper img {
              height: 100%;
              text-align: center;
              -o-object-fit: contain;
                 object-fit: contain; }
          .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .card-grid-wrapper .text-content {
            padding: 0px 15px; }
            .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .card-grid-wrapper .text-content .name {
              color: #343E4A;
              font-size: 20px;
              font-weight: bold;
              width: 100%;
              height: 48px;
              line-height: 24px;
              text-align: left;
              text-transform: capitalize;
              margin: 0;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              word-break: break-word;
              white-space: inherit; }
              @media screen and (max-width: 600px) {
                .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .card-grid-wrapper .text-content .name {
                  font-size: 16px; } }
            .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .card-grid-wrapper .text-content .serial-number-section {
              margin-top: 5px;
              color: #424242;
              font-size: 14px;
              font-family: "Exo 2"; }
              @media screen and (max-width: 600px) {
                .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .card-grid-wrapper .text-content .serial-number-section {
                  margin-top: 10px; } }
              .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .card-grid-wrapper .text-content .serial-number-section .serial-number-text {
                font-weight: bold; }
              .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .card-grid-wrapper .text-content .serial-number-section .serial-number {
                color: #424242;
                line-height: 25px;
                word-break: break-all; }
        .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .selected-dealer label:before {
          border-color: #E20026;
          -webkit-animation: ripple 0.2s linear forwards;
          animation: ripple 0.2s linear forwards; }
        .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-stage-outer .selected-dealer label:after {
          top: 5px;
          left: 5px;
          width: 10px;
          height: 10px;
          -webkit-transform: scale(1);
          transform: scale(1);
          background: #E20026; }
    .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-nav {
      position: relative;
      top: 22px;
      right: 0;
      bottom: auto;
      left: auto;
      height: 100%;
      width: 100%; }
      .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-nav button.owl-prev.disabled, .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-nav button.owl-next.disabled {
        opacity: .5; }
    .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-dots {
      position: relative;
      top: 0;
      left: 50%;
      float: left;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: auto;
      max-width: calc(100% - 100px); }
      @media screen and (max-width: 600px) {
        .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-dots {
          max-width: 72%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          top: 0px; } }
      .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-dots button.owl-dot {
        min-height: 4px;
        min-width: 32px;
        border-radius: 0px;
        margin: 14px 6px; }
    .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-nav button {
      color: #000 !important;
      position: relative; }
      @media screen and (min-width: 600px) {
        .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-nav button {
          bottom: 3px; } }
      @media screen and (max-width: 767px) {
        .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-nav button {
          margin-right: 0 !important;
          margin-left: 0 !important;
          min-width: 0 !important; } }
      .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-nav button svg {
        width: 14px;
        height: 14px; }
        .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-nav button svg.injected-svg {
          fill: #E20026; }
    .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-dots > .owl-dot {
      background-color: #d3d3d3;
      height: 4px;
      width: 20px;
      display: inline-block;
      margin: 3px 0.25rem 3px !important; }
      .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-dots > .owl-dot.active {
        color: #899098;
        background: #899098; }
    .pdp-mlp-add-device .device-list .carousel-wrapper .addDevice-carousel .owl-carousel .owl-dots > .owl-dot.active span {
      background-color: #899098;
      height: 2px;
      width: 5px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    .pdp-mlp-add-device .device-list .carousel-wrapper .one-card {
      width: 366px; }
    .pdp-mlp-add-device .device-list .carousel-wrapper .two-card {
      width: 732px; }

.pdp-mlp-add-device .no-device {
  display: none;
  text-align: center; }
  @media screen and (max-width: 600px) {
    .pdp-mlp-add-device .no-device {
      margin-top: 25px; } }
  .pdp-mlp-add-device .no-device .message {
    margin-bottom: 0; }

.pdp-mlp-add-device .warning-section {
  width: 100%;
  padding: 20px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  @media screen and (max-width: 600px) {
    .pdp-mlp-add-device .warning-section {
      padding: 20px 0px; } }
  .pdp-mlp-add-device .warning-section .img-div {
    background-color: #343E4A;
    padding: 5px;
    border-radius: 0px; }
    .pdp-mlp-add-device .warning-section .img-div svg {
      width: 25px;
      height: 25px; }
  .pdp-mlp-add-device .warning-section .text-div {
    margin-left: 20px;
    color: #343E4A;
    font-family: "Exo 2";
    letter-spacing: 0;
    line-height: 20px; }
    .pdp-mlp-add-device .warning-section .text-div .title {
      margin: 0;
      color: #343E4A;
      font-weight: bold;
      font-size: 14px; }
    .pdp-mlp-add-device .warning-section .text-div .text {
      margin: 0;
      font-size: 12px; }

.pdp-mlp-add-device .post-addRequest-section {
  display: none;
  padding: 20px 50px; }
  @media screen and (max-width: 600px) {
    .pdp-mlp-add-device .post-addRequest-section {
      padding: 20px 34px; } }
  .pdp-mlp-add-device .post-addRequest-section .title {
    margin: 0 0 20px 0;
    padding: 0;
    color: #000;
    font-family: "Exo 2";
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 36px;
    text-align: center; }
  .pdp-mlp-add-device .post-addRequest-section .linked-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 25px 0px; }
    @media screen and (max-width: 600px) {
      .pdp-mlp-add-device .post-addRequest-section .linked-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .pdp-mlp-add-device .post-addRequest-section .linked-container .details {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-radius: 10px;
      background-color: #FFFFFF;
      -webkit-box-shadow: 0 4px 8px 0 rgba(12, 0, 51, 0.1);
              box-shadow: 0 4px 8px 0 rgba(12, 0, 51, 0.1);
      margin: 0 20px;
      padding: 15px; }
      @media screen and (max-width: 600px) {
        .pdp-mlp-add-device .post-addRequest-section .linked-container .details {
          margin: 0; } }
      .pdp-mlp-add-device .post-addRequest-section .linked-container .details img {
        width: 100px;
        height: 72px; }
        @media screen and (max-width: 600px) {
          .pdp-mlp-add-device .post-addRequest-section .linked-container .details img {
            width: 100px;
            height: 72px; } }
      .pdp-mlp-add-device .post-addRequest-section .linked-container .details .text-section {
        width: 190px;
        padding: 0 0 0 10px; }
        .pdp-mlp-add-device .post-addRequest-section .linked-container .details .text-section .name {
          color: #000;
          font-size: 20px;
          font-weight: bold;
          width: 100%;
          height: 48px;
          text-align: left;
          text-transform: capitalize;
          margin: 0;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          word-break: break-word;
          white-space: inherit; }
          @media screen and (max-width: 600px) {
            .pdp-mlp-add-device .post-addRequest-section .linked-container .details .text-section .name {
              font-size: 16px; } }
        .pdp-mlp-add-device .post-addRequest-section .linked-container .details .text-section .serial-number-section {
          color: #000;
          font-family: "Exo 2";
          font-size: 14px;
          letter-spacing: 0;
          line-height: 20px;
          margin: 0;
          padding: 0; }
          .pdp-mlp-add-device .post-addRequest-section .linked-container .details .text-section .serial-number-section .serial-number-text {
            font-weight: bold;
            color: #000; }
          .pdp-mlp-add-device .post-addRequest-section .linked-container .details .text-section .serial-number-section .serial-number {
            word-break: break-all; }
    .pdp-mlp-add-device .post-addRequest-section .linked-container .arrows {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media screen and (max-width: 600px) {
        .pdp-mlp-add-device .post-addRequest-section .linked-container .arrows {
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg);
          margin: 10px 0px 10px 0; } }
      .pdp-mlp-add-device .post-addRequest-section .linked-container .arrows .left {
        margin-bottom: 20px; }
  .pdp-mlp-add-device .post-addRequest-section .submitted {
    margin: 20px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media screen and (max-width: 600px) {
      .pdp-mlp-add-device .post-addRequest-section .submitted {
        margin: 0; } }
    .pdp-mlp-add-device .post-addRequest-section .submitted .warning {
      width: 310px;
      margin: 0 auto 20px; }
      @media screen and (max-width: 600px) {
        .pdp-mlp-add-device .post-addRequest-section .submitted .warning {
          width: 100%; } }
      .pdp-mlp-add-device .post-addRequest-section .submitted .warning p {
        color: #000;
        font-family: "Exo 2";
        font-size: 14px;
        letter-spacing: 0;
        line-height: 20px;
        margin: 0;
        padding: 0;
        text-align: center; }
  .pdp-mlp-add-device .post-addRequest-section .modal-actions {
    padding: 1rem 0px 68px; }

.pdp-myplm-list {
  margin-top: 32px; }
  @media screen and (max-width: 767px) {
    .pdp-myplm-list {
      margin-top: 0; } }

.pdp-device-row {
  -webkit-box-shadow: 1px 4px 8px rgba(12, 0, 51, 0.1);
          box-shadow: 1px 4px 8px rgba(12, 0, 51, 0.1);
  margin-bottom: 24px;
  background-color: #ffffff;
  background-color: white; }

.pdp-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  min-height: 105px; }
  @media screen and (max-width: 767px) {
    .pdp-product {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      height: 100%;
      min-height: auto; }
      .pdp-product .pdp-product-label {
        color: #343E4A;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.5px;
        line-height: 24px; } }
  .pdp-product-mb-detach {
    display: none; }
    @media screen and (max-width: 767px) {
      .pdp-product-mb-detach {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
    .pdp-product-mb-detach .pdp-button-link {
      padding: 16px 20px 0 20px; }
      .pdp-product-mb-detach .pdp-button-link img {
        width: 20px;
        margin-left: 5px; }
  .pdp-product-info {
    width: 32%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: relative;
    padding-right: 5px; }
    @media screen and (max-width: 992px) {
      .pdp-product-info {
        width: 28%; } }
    @media screen and (max-width: 767px) {
      .pdp-product-info {
        width: auto;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding-right: 0;
        padding: 0px;
        margin: 0 20px; } }
    .pdp-product-info::before {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      width: 1px;
      height: 40px;
      background-color: #E6E6E6;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      @media screen and (max-width: 767px) {
        .pdp-product-info::before {
          content: none; } }
  .pdp-product-img {
    padding: 0 25px;
    position: relative; }
    @media screen and (max-width: 992px) {
      .pdp-product-img {
        width: 55px;
        padding: 0 8px; } }
    @media screen and (max-width: 767px) {
      .pdp-product-img {
        width: 100%;
        text-align: center;
        margin: 16px 0 20px 0;
        padding: 0; } }
    .pdp-product-img::before {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      width: 1px;
      height: 40px;
      background-color: #E6E6E6;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      @media screen and (max-width: 767px) {
        .pdp-product-img::before {
          content: none; } }
    .pdp-product-img img {
      width: 55px;
      height: 55px; }
  .pdp-product-names {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 12px; }
    @media screen and (max-width: 992px) {
      .pdp-product-names {
        padding-left: 8px; } }
    @media screen and (max-width: 767px) {
      .pdp-product-names {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        border-bottom: 1px solid #EEF0F1;
        padding: 15px 0px; } }
    .pdp-product-names .pdp-product-label {
      display: none; }
      @media screen and (max-width: 767px) {
        .pdp-product-names .pdp-product-label {
          display: block; } }
  .pdp-product-label,
  .pdp-product .pdp-device-name {
    color: #343E4A;
    font-family: "Exo 2";
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 3px;
    text-transform: uppercase; }
    @media screen and (max-width: 767px) {
      .pdp-product-label,
      .pdp-product .pdp-device-name {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 0;
        width: 50%;
        text-transform: none; } }
  @media screen and (max-width: 767px) {
    .pdp-product .pdp-device-name {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      color: #343E4A;
      font-size: 14px;
      font-weight: 400;
      line-height: 16px;
      margin-bottom: 0px;
      display: block;
      width: 100%; } }
  .pdp-product-value {
    color: #343E4A;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 24px; }
    @media screen and (max-width: 992px) {
      .pdp-product-value {
        font-size: 12px; } }
    @media screen and (max-width: 767px) {
      .pdp-product-value {
        letter-spacing: 0.5px;
        line-height: 24px;
        color: #343E4A;
        font-size: 14px;
        width: 50%;
        text-align: right; } }
  .pdp-product-nameWrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (max-width: 767px) {
      .pdp-product-nameWrp {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        width: 50%;
        text-align: right; } }
    .pdp-product-nameWrp .pdp-friendly-name {
      color: #343E4A;
      font-size: 16px;
      font-weight: bold;
      line-height: 24px; }
      @media screen and (max-width: 992px) {
        .pdp-product-nameWrp .pdp-friendly-name {
          font-size: 14px; } }
      @media screen and (max-width: 767px) {
        .pdp-product-nameWrp .pdp-friendly-name {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
          color: #343E4A;
          font-size: 14px;
          letter-spacing: 0.5px;
          line-height: 24px;
          font-weight: bold;
          display: block;
          width: 100%; } }
      .pdp-product-nameWrp .pdp-friendly-name .nickname {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        width: 200px; }
  .pdp-product-dsn {
    width: 17%;
    padding: 0 12px;
    position: relative; }
    @media screen and (max-width: 992px) {
      .pdp-product-dsn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 0 10px; } }
    @media screen and (max-width: 767px) {
      .pdp-product-dsn {
        width: auto;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1 1;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 15px 0px;
        margin: 0 20px;
        border-bottom: 1px solid #EEF0F1; } }
    .pdp-product-dsn::before {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      width: 1px;
      height: 40px;
      background-color: #E6E6E6;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      @media screen and (max-width: 767px) {
        .pdp-product-dsn::before {
          content: none; } }
  .pdp-product-as {
    width: 22%;
    padding: 0 12px; }
    @media screen and (max-width: 992px) {
      .pdp-product-as {
        width: 20%;
        padding: 0 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    @media screen and (max-width: 767px) {
      .pdp-product-as {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1 1;
        width: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 15px 0px;
        margin: 0 20px;
        border-bottom: 1px solid #EEF0F1; } }
  .pdp-product-count-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1;
    padding-left: 8px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .pdp-product-count-desktop {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        padding-left: 0; }
        .pdp-product-count-desktop::before {
          display: none; }
        .pdp-product-count-desktop .expire-date-desktop {
          display: none; } }
  .pdp-product-count-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .pdp-product-count .overallInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 767px) {
      .pdp-product-count .overallInfo {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
    .pdp-product-count .overallInfo svg {
      margin-left: 4px; }
  .pdp-product-count .overallCount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 8px; }
    @media screen and (max-width: 767px) {
      .pdp-product-count .overallCount {
        padding-right: 0; } }
  .pdp-product-expire {
    display: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 15px 0px;
    margin: 0 20px; }
    @media screen and (max-width: 767px) {
      .pdp-product-expire {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .pdp-product-detach {
    width: 17%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 14px; }
    @media screen and (max-width: 992px) {
      .pdp-product-detach {
        padding: 0 12px;
        width: 22%; } }
    @media screen and (max-width: 767px) {
      .pdp-product-detach {
        display: none; } }
    .pdp-product-detach .pdp-primary-btn {
      position: relative; }
      .pdp-product-detach .pdp-primary-btn::before {
        content: '';
        position: absolute;
        right: -12px;
        top: 50%;
        width: 1px;
        height: 20px;
        background-color: #E6E6E6;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
  .pdp-product-moreInfo {
    width: 12%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer; }
    @media screen and (max-width: 992px) {
      .pdp-product-moreInfo {
        width: 13%;
        padding: 0 5px; } }
    @media screen and (max-width: 767px) {
      .pdp-product-moreInfo {
        width: auto;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1 1; } }
    @media screen and (max-width: 767px) {
      .pdp-product-moreInfo.hasMoreInfo {
        padding: 18px 0px 24px;
        margin: 0; } }
    .pdp-product-moreInfo_icon {
      width: 12px;
      height: 12px;
      margin-left: 10px; }
      @media screen and (max-width: 992px) {
        .pdp-product-moreInfo_icon {
          margin-left: 5px; } }
      .pdp-product-moreInfo_icon svg {
        width: 12px;
        height: 12px; }
        .pdp-product-moreInfo_icon svg.injected-svg {
          fill: #000; }
      .pdp-product-moreInfo_icon .up-arrow {
        display: none; }
    .pdp-product-moreInfo_label {
      font-size: 14px;
      font-weight: bold;
      line-height: 20px; }
      @media screen and (max-width: 992px) {
        .pdp-product-moreInfo_label {
          font-size: 12px; } }
      @media screen and (max-width: 767px) {
        .pdp-product-moreInfo_label {
          color: #343E4A;
          font-size: 14px;
          font-weight: bold;
          letter-spacing: 0.5px;
          line-height: 24px; } }

.pdp-product-moreDetails {
  padding: 18px 0 8px;
  border-top: 1px solid #EEF0F1; }

.pdp-friendly-name {
  cursor: pointer; }

.pdp-product-nameWrp__editIcon {
  margin-left: 5px; }
  .pdp-product-nameWrp__editIcon svg {
    width: 14px;
    height: 14px; }

.pdp-product-nameWrp__edit {
  border-bottom: 4px solid #899098;
  -webkit-box-shadow: 0 3px 15px 0 rgba(185, 181, 181, 0.5);
          box-shadow: 0 3px 15px 0 rgba(185, 181, 181, 0.5);
  display: none; }
  .pdp-product-nameWrp__edit input {
    outline: none;
    border: 0px solid #E6E6E6;
    border-radius: 0px;
    width: 100%;
    height: 33px;
    padding: 8px 14px;
    color: #919191;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 16px; }
  .pdp-product-nameWrp__edit-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .pdp-product-nameWrp__edit-action .close {
      width: 16px;
      height: 16px;
      margin: 0 10px;
      cursor: pointer; }
      .pdp-product-nameWrp__edit-action .close svg {
        fill: #343E4A; }
      @media screen and (max-width: 992px) {
        .pdp-product-nameWrp__edit-action .close {
          width: 12px;
          height: 12px;
          margin: 0 8px; } }
      @media screen and (max-width: 767px) {
        .pdp-product-nameWrp__edit-action .close {
          width: 16px;
          height: 16px;
          margin: 0 10px; } }
    .pdp-product-nameWrp__edit-action .submit {
      width: 20px;
      height: 20px;
      cursor: pointer; }
      @media screen and (max-width: 992px) {
        .pdp-product-nameWrp__edit-action .submit {
          width: 15px;
          height: 15px;
          position: relative;
          top: 2px; } }
      @media screen and (max-width: 767px) {
        .pdp-product-nameWrp__edit-action .submit {
          width: 20px;
          height: 20px; } }
      .pdp-product-nameWrp__edit-action .submit svg {
        fill: #04d504; }

@media only screen and (max-width: 600px) {
  .pdp-product-nameWrp {
    width: 100%; }
    .pdp-product-nameWrp__edit input {
      width: 100%;
      max-width: 219px; } }

.pdp-access-type {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 24px;
  text-transform: capitalize;
  margin-bottom: 10px;
  padding: 0 25px;
  color: #343E4A; }

.pdp-access-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 15px;
  border-bottom: 1px solid #EEF0F1; }
  .pdp-access-list-vb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .pdp-access-list-vb__icon {
      width: 12px;
      height: 12px;
      margin-left: 5px; }
      @media screen and (max-width: 992px) {
        .pdp-access-list-vb__icon {
          width: 10px;
          height: 10px;
          margin-left: 6px;
          position: relative;
          top: -2px; } }
      .pdp-access-list-vb__icon svg {
        height: 12px;
        width: 12px;
        fill: #424242 !important; }
        @media screen and (max-width: 992px) {
          .pdp-access-list-vb__icon svg {
            width: 10px;
            height: 10px; } }
      .pdp-access-list-vb__icon .up-arrow {
        display: none;
        height: 12px;
        width: 12px;
        fill: #424242 !important; }
    .pdp-access-list-vb__lable span {
      color: #343E4A;
      font-size: 14px;
      font-weight: bold !important;
      letter-spacing: 0.5px;
      line-height: 24px; }
    .pdp-access-list-vb.isViewBundleList {
      cursor: pointer; }
  .pdp-access-list .pdp-col:first-child {
    padding-left: 10px; }
  .pdp-access-list .pdp-access-rd {
    cursor: pointer; }

.pdp-access-viewbundle {
  background-color: #EEF0F1; }
  .pdp-access-viewbundle_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 14px 15px 14px 15px;
    border-bottom: 1px solid #EEF0F1; }
    .pdp-access-viewbundle_list .pdp-col:first-child {
      padding-left: 30px; }

.pdp-access-table_thead {
  background: #C7CDD0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 8px 15px;
  min-height: 35px; }
  .pdp-access-table_thead span {
    color: #343E4A !important; }
  .pdp-access-table_thead .pdp-col:first-child {
    padding-left: 10px; }
  .pdp-access-table_thead .pdp-col span {
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    letter-spacing: 0; }

.pdp-access-table .pdp-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1 1;
  padding-right: 10px; }
  .pdp-access-table .pdp-col:last-child {
    padding-right: 0px; }
  .pdp-access-table .pdp-col-sm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%; }
    .pdp-access-table .pdp-col-sm.unlock-activationcode {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 45%;
              flex: 0 0 45%; }
  .pdp-access-table .pdp-col-md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%; }

.pdp-access-table_tbody .pdp-col span {
  line-height: 20px;
  font-weight: 400;
  font-size: 14px;
  color: #343E4A; }

.pdp-access-table_tbody .pdp-col .pdp-access-rd span {
  display: none !important;
  color: #E20026;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px; }

.pdp-access.pdp-subscription {
  padding-bottom: 8px; }

.pdp-access.pdp-unlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 14px; }

.pdp-access .pdp-status span {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px; }

.pdp-access .pdp-status-active ::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #00D500;
  border-radius: 50%;
  -webkit-transform: translate(0px, -1.5px);
          transform: translate(0px, -1.5px);
  margin-right: 6px; }

.pdp-access .pdp-status-expireSoon ::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #F4BA0F;
  border-radius: 50%;
  -webkit-transform: translate(0px, -1.5px);
          transform: translate(0px, -1.5px);
  margin-right: 6px; }

.pdp-newFeatures {
  display: none !important;
  background-color: rgba(87, 138, 216, 0.2);
  border-radius: 10px;
  min-height: 78px;
  margin: 16px 24px;
  padding: 16px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .pdp-newFeatures__content h4 {
    color: #E20026;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    margin: 0; }
  .pdp-newFeatures__content p {
    color: #000;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    margin: 0; }

.pdp-access-table--mobile .pdp-access-table_thead {
  display: none; }

.pdp-access-table--mobile .pdp-access-list {
  border: none; }

.pdp-access-table--mobile .pdp-subscription-container-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08); }
  .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: rgba(199, 205, 208, 0.2);
    box-sizing: border-box;
    padding: 14px;
    border-bottom: 1px solid #C7CDD0; }
    .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--header .pdp-status {
      padding-top: 2px;
      padding-left: 0; }
      .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--header .pdp-status span {
        height: 20px;
        color: #343E4A;
        font-family: 'Lato';
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 16px;
        border-radius: 4px;
        padding: 4px 5px; }
      .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--header .pdp-status-active span {
        font-size: 12px; }
      .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--header .pdp-status-expireSoon span {
        font-size: 12px; }
    .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--header--name {
      padding-top: 8px; }
      .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--header--name span {
        color: #343E4A;
        font-family: 'Lato';
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 24px; }
  .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0; }
    .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--body__list-item {
      padding: 0 14px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin-bottom: 13.5px; }
      .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--body__list-item:first-child {
        padding-top: 14px; }
    .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--body .list-item-label {
      -webkit-box-flex: 50%;
          -ms-flex: 50%;
              flex: 50% 1;
      color: #343E4A;
      font-size: 10px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 12px; }
    .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--body .list-item-value {
      -webkit-box-flex: 50%;
          -ms-flex: 50%;
              flex: 50% 1;
      text-align: end; }
    .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--body .pdp-access-list-vb__lable {
      color: #343E4A;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.5px;
      line-height: 24px; }
    .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--body .pdp-access-viewbundle_list .pdp-col {
      display: none; }
    .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--body .pdp-access-viewbundle_list .pdp-col:first-child {
      display: block;
      text-align: center; }
    .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--body .pdp-access-viewbundle_list:first-child {
      border-top: 1px solid #EEF0F1; }
    .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--body .pdp-access-viewbundle_list:last-child {
      border-bottom: none; }
  .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--request-dealer {
    display: none !important; }
    .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--request-dealer .pdp-access-rd {
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 16px 14px 16px 14px;
      border-top: 1px solid #EEF0F1;
      height: 20px;
      color: #343E4A;
      font-family: 'Lato';
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 20px; }
      .pdp-access-table--mobile .pdp-subscription-container-mobile .subscription-section--request-dealer .pdp-access-rd svg {
        height: 10px;
        padding-left: 9px; }

.pdp-access-table--mobile + .pdp-newFeatures {
  display: none !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
  margin-right: 16px; }
  .pdp-access-table--mobile + .pdp-newFeatures .pdp-newFeatures__action {
    padding-top: 10px; }

.pdp-access-table--mobile .pdp-access-table_thead {
  display: none; }

.pdp-access-table--mobile .pdp-access-list {
  border: none; }

.pdp-access-table--mobile .pdp-unlock-container-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  border: 1px solid #EEF0F1;
  border-radius: 5px; }
  .pdp-access-table--mobile .pdp-unlock-container-mobile .unlock-section--header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #F2F2F2;
    box-sizing: border-box;
    padding: 14px; }
    .pdp-access-table--mobile .pdp-unlock-container-mobile .unlock-section--header .pdp-status {
      padding-top: 2px;
      padding-left: 0; }
      .pdp-access-table--mobile .pdp-unlock-container-mobile .unlock-section--header .pdp-status span {
        height: 20px;
        color: #343E4A;
        font-family: 'Lato';
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 16px;
        border-radius: 4px;
        padding: 4px 5px; }
      .pdp-access-table--mobile .pdp-unlock-container-mobile .unlock-section--header .pdp-status-active span {
        font-size: 12px; }
      .pdp-access-table--mobile .pdp-unlock-container-mobile .unlock-section--header .pdp-status-expireSoon span {
        font-size: 12px; }
    .pdp-access-table--mobile .pdp-unlock-container-mobile .unlock-section--header--name {
      padding-top: 8px; }
      .pdp-access-table--mobile .pdp-unlock-container-mobile .unlock-section--header--name span {
        color: #343E4A;
        font-family: 'Lato';
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 24px; }
  .pdp-access-table--mobile .pdp-unlock-container-mobile .unlock-section--body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px 14px; }
    .pdp-access-table--mobile .pdp-unlock-container-mobile .unlock-section--body__list-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
    .pdp-access-table--mobile .pdp-unlock-container-mobile .unlock-section--body .list-item-label {
      -webkit-box-flex: 50%;
          -ms-flex: 50%;
              flex: 50% 1;
      color: #343E4A;
      font-size: 10px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 12px; }
    .pdp-access-table--mobile .pdp-unlock-container-mobile .unlock-section--body .list-item-value {
      -webkit-box-flex: 50%;
          -ms-flex: 50%;
              flex: 50% 1;
      text-align: end; }
  .pdp-access-table--mobile .pdp-unlock-container-mobile .unlock-section--request-dealer {
    display: none !important; }
    .pdp-access-table--mobile .pdp-unlock-container-mobile .unlock-section--request-dealer .pdp-access-rd {
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 16px 14px 16px 14px;
      border-top: 1px solid #EEF0F1;
      height: 20px;
      color: #343E4A;
      font-family: 'Lato';
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 20px; }
      .pdp-access-table--mobile .pdp-unlock-container-mobile .unlock-section--request-dealer .pdp-access-rd svg {
        height: 10px;
        padding-left: 9px; }

.pdp-access-table--mobile + .pdp-newFeatures {
  display: none !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
  margin-right: 16px; }
  .pdp-access-table--mobile + .pdp-newFeatures .pdp-newFeatures__action {
    padding-top: 10px; }

@media screen and (max-width: 600px) {
  #pdp-linkedDevices .pdp-header {
    padding: 0; } }

#pdp-linkedDevices .pdp-header .pdp-heading-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1 1;
  font-family: "Exo Slab Pro"; }
  @media screen and (max-width: 600px) {
    #pdp-linkedDevices .pdp-header .pdp-heading-text {
      margin: 0;
      padding: 32px 0;
      font-size: 26px; } }

@media screen and (max-width: 600px) {
  #pdp-linkedDevices .pdp-header.pdp-myLinkedPLM .pdp-header-buttonWrp {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 0 14px 0; } }

#pdp-linkedDevices .pdp-header .pdp-button-link {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }
  #pdp-linkedDevices .pdp-header .pdp-button-link span {
    color: black;
    padding-left: 10px;
    font-size: 16px; }

.myLinked-pagination-footer {
  background-color: white; }

.pagination-footer-model-text {
  display: none; }

.pagination-footer-nickname-text {
  display: none; }

.pdp-no-plm {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border-radius: 0px;
  overflow: hidden;
  margin-top: 30px;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px 0;
  background-color: #ffffff; }
  @media screen and (max-width: 600px) {
    .pdp-no-plm {
      margin-top: 0px; } }
  .pdp-no-plm img {
    height: 60px; }
  .pdp-no-plm span {
    color: #343E4A;
    text-transform: uppercase;
    font-family: "Exo 2";
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 15px 0 0 0; }

.pdp-no-subscription {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border-radius: 0px;
  overflow: hidden;
  margin-top: 30px;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px 0;
  background-color: #ffffff; }
  @media screen and (max-width: 600px) {
    .pdp-no-subscription {
      margin-top: 0px; } }
  .pdp-no-subscription img {
    height: 60px; }
  .pdp-no-subscription span {
    color: #343E4A;
    text-transform: uppercase;
    font-family: "Exo 2";
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 15px 0 0 0; }

#pdp-linkedDevices .pdp-content {
  position: relative; }

@media screen and (max-width: 600px) {
  #pdp-linkedDevices .pdp-myLinkedPLM-pagination {
    width: 100%;
    height: 60px;
    text-align: center;
    z-index: 1;
    -webkit-transition: 0.3s all;
    transition: 0.3s all; } }

#pdp-linkedDevices .pdp-myLinkedPLM-pagination.button-sticky {
  margin-top: 0;
  margin-bottom: 0;
  position: fixed;
  bottom: 0;
  margin-left: -1.125rem;
  margin-right: -1.125rem;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  background-color: white;
  padding: 10px 18px 0px 18px; }
  #pdp-linkedDevices .pdp-myLinkedPLM-pagination.button-sticky .pagination {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }

@media screen and (max-width: 600px) {
  #pdp-linkedDevices .pagination-footer-model-text {
    text-align: left;
    z-index: 2;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    position: fixed;
    bottom: 20px;
    margin-left: -1.125rem;
    margin-right: -1.125rem;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    padding-top: 8px;
    padding-right: 18px;
    padding-left: 18px;
    height: 30px;
    width: 50%;
    color: #424242;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

@media screen and (max-width: 600px) {
  #pdp-linkedDevices .pagination-footer-nickname-text {
    text-align: left;
    z-index: 2;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    position: fixed;
    bottom: 10px;
    margin-left: -1.125rem;
    margin-right: -1.125rem;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    padding-right: 18px;
    padding-left: 18px;
    padding-bottom: 10px;
    height: 16px;
    width: 50%;
    color: #7d7b7b;
    font-family: Lato;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

#pdp-linkedDevices .show-text {
  display: inline-block; }

.pdp-dealers-section {
  width: 100%; }
  .pdp-dealers-section .pdp-header {
    margin-bottom: 20px; }
    .pdp-dealers-section .pdp-header .pdp-heading-text {
      font-family: "Exo Slab Pro";
      font-size: 36px !important;
      width: auto !important;
      letter-spacing: 0;
      line-height: 44px !important; }
      @media screen and (max-width: 600px) {
        .pdp-dealers-section .pdp-header .pdp-heading-text {
          margin: 0px 0px 10px !important;
          font-size: 26px !important;
          line-height: 34px !important; } }
  .pdp-dealers-section .pdp-header-buttonWrp {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
    @media screen and (max-width: 600px) {
      .pdp-dealers-section .pdp-header-buttonWrp {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%; } }
    .pdp-dealers-section .pdp-header-buttonWrp .edit-dealer-btn {
      display: none;
      padding-right: 10px;
      border-right: 1px solid #CACACA; }
      @media screen and (max-width: 600px) {
        .pdp-dealers-section .pdp-header-buttonWrp .edit-dealer-btn {
          border-right: none; } }
    .pdp-dealers-section .pdp-header-buttonWrp .dealer-save-update {
      display: none;
      padding-right: 10px;
      border-right: 1px solid #CACACA; }
      @media screen and (max-width: 600px) {
        .pdp-dealers-section .pdp-header-buttonWrp .dealer-save-update {
          border-right: none; } }
    .pdp-dealers-section .pdp-header-buttonWrp .select-other-btn {
      display: none;
      padding-left: 10px;
      text-align: end; }
  .pdp-dealers-section .owl-stage-outer {
    padding-bottom: 10px; }
  .pdp-dealers-section .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .pdp-dealers-section .owl-carousel {
    padding: 0 2rem 0 0;
    position: relative; }
    @media screen and (max-width: 600px) {
      .pdp-dealers-section .owl-carousel {
        padding: 0 1.25rem; } }
  .pdp-dealers-section .owl-carousel .owl-nav {
    position: relative;
    top: 26px;
    right: -4px;
    height: 100%;
    width: 100%; }
    .pdp-dealers-section .owl-carousel .owl-nav.owl-prev svg {
      height: 2rem;
      width: 2rem; }
      @media screen and (max-width: 600px) {
        .pdp-dealers-section .owl-carousel .owl-nav.owl-prev svg {
          height: 1.25rem;
          width: 1.25rem; } }
    .pdp-dealers-section .owl-carousel .owl-nav.owl-prev.disabled {
      opacity: .5; }
      .pdp-dealers-section .owl-carousel .owl-nav.owl-prev.disabled svg {
        cursor: default; }
    .pdp-dealers-section .owl-carousel .owl-nav.owl-next svg {
      height: 2rem;
      width: 2rem; }
      @media screen and (max-width: 600px) {
        .pdp-dealers-section .owl-carousel .owl-nav.owl-next svg {
          height: 1.25rem;
          width: 1.25rem; } }
    .pdp-dealers-section .owl-carousel .owl-nav.owl-next.disabled {
      opacity: .5; }
      .pdp-dealers-section .owl-carousel .owl-nav.owl-next.disabled svg {
        cursor: default; }
  .pdp-dealers-section .owl-carousel .owl-dots {
    height: 100%;
    width: 100%;
    pointer-events: none;
    position: relative;
    top: 0;
    left: 50%;
    float: left;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto; }
    @media screen and (max-width: 600px) {
      .pdp-dealers-section .owl-carousel .owl-dots {
        max-width: 72%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        top: 15px; } }
    @media screen and (max-width: 992px) {
      .pdp-dealers-section .owl-carousel .owl-dots {
        max-width: 90%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  .pdp-dealers-section .owl-carousel .owl-nav button {
    color: #899098 !important;
    position: relative;
    top: 3px !important;
    height: 2rem;
    width: 2rem;
    background-color: transparent;
    border: 0;
    margin-top: -1rem;
    outline: none;
    padding: 0;
    pointer-events: all; }
    @media screen and (max-width: 600px) {
      .pdp-dealers-section .owl-carousel .owl-nav button {
        top: 6px !important;
        min-width: auto !important;
        height: 1.25rem;
        width: 1.25rem; } }
    .pdp-dealers-section .owl-carousel .owl-nav button svg {
      cursor: pointer;
      -webkit-transition: fill .2s ease-in;
      transition: fill .2s ease-in;
      width: 15px;
      height: 15px; }
  .pdp-dealers-section .owl-carousel .owl-dots > .owl-dot {
    display: inline-block;
    margin: 0 0.25rem 0;
    pointer-events: all;
    position: relative;
    background-color: #d3d3d3;
    min-width: 32px !important;
    border-radius: 0px !important;
    min-height: 4px !important;
    height: auto !important;
    top: 10px; }
    @media screen and (max-width: 600px) {
      .pdp-dealers-section .owl-carousel .owl-dots > .owl-dot {
        margin-bottom: 32px; } }
    @media screen and (max-width: 460px) {
      .pdp-dealers-section .owl-carousel .owl-dots > .owl-dot {
        margin-left: 3px !important;
        margin-right: 3px !important; } }
  .pdp-dealers-section .owl-carousel .owl-dots > .owl-dot.active span {
    position: absolute;
    top: 0.13125rem;
    right: 0.13125rem;
    bottom: auto;
    left: auto;
    background-color: #899098;
    min-width: 32px !important;
    min-height: 4px !important;
    height: auto !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0px !important; }
  .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
    height: 100%;
    min-height: 313px;
    padding: 20px 0 0 0; }
    .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .title {
      word-wrap: break-word;
      color: #343E4A;
      font-family: "Exo 2";
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.5px;
      line-height: 24px;
      margin: 0; }
    .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .text {
      word-wrap: break-word;
      margin: 10px 0 0 0;
      color: #343E4A;
      font-family: "Exo 2";
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 20px; }
    .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .upper-part {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0 25px; }
      .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .upper-part .brand-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 21px;
        width: 78px; }
      .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .upper-part .right-side-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        right: 25px;
        display: none; }
        .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .upper-part .right-side-content .pdp-detach-dealer-btn .detach-icon {
          height: 20px;
          width: 20px; }
    .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .name {
      padding: 30px 25px 0px; }
      .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .name__text {
        color: #343E4A;
        font-family: "Exo 2";
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 24px;
        margin: 0;
        padding: 0;
        text-transform: capitalize; }
        @media screen and (max-width: 600px) {
          .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .name__text {
            font-size: 16px;
            letter-spacing: 0.5px; } }
    .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .address {
      padding: 15px 25px 0; }
      @media screen and (max-width: 600px) {
        .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .address {
          padding: 15px 25px; } }
    .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .contact {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding: 15px 25px 0px; }
      @media screen and (max-width: 600px) {
        .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .contact {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          padding: 15px 25px 0px; } }
      .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .contact .contact-section {
        width: 50%; }
        @media screen and (max-width: 600px) {
          .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .contact .contact-section {
            width: 100%; } }
      @media screen and (max-width: 600px) {
        .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .contact .email {
          margin-top: 15px; } }
    .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .bottom-section {
      padding: 15px 25px;
      display: none;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      background-color: #EEF0F1;
      min-height: 70px;
      position: relative;
      top: 3px; }
      .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .bottom-section .appointment-btn {
        display: none;
        color: #FFFFFF;
        font-family: Lato;
        font-size: 14px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 20px;
        border-radius: 5px; }
      .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .bottom-section .see-details {
        display: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
        .pdp-dealers-section .pdp-dealers-section-carousal .pdp-dealers-section-card-wrapper .bottom-section .see-details svg {
          width: 13px; }

.modal-body.pdp-detach-dealer {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: #fff;
  border: 2px solid #d3d3d3;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: auto;
  max-width: 1021px;
  padding: 0;
  position: relative; }
  .modal-body.pdp-detach-dealer .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    height: 82px;
    padding: 0px 50px; }
    .modal-body.pdp-detach-dealer .modal-header .modal-title {
      font-size: 24px;
      color: #003e85;
      font-weight: bold; }
    .modal-body.pdp-detach-dealer .modal-header .modal-close {
      height: 14px;
      width: 14px; }
  .modal-body.pdp-detach-dealer .modal-content {
    padding: 0px 48px !important; }
    @media screen and (max-width: 600px) {
      .modal-body.pdp-detach-dealer .modal-content {
        padding: 0px 20px !important; } }
    .modal-body.pdp-detach-dealer .modal-content .detach-warning {
      display: none; }
      .modal-body.pdp-detach-dealer .modal-content .detach-warning .bottom-part {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: end;
        padding-bottom: 40px;
        padding-top: 10px; }
        .modal-body.pdp-detach-dealer .modal-content .detach-warning .bottom-part .primary-btn {
          border-radius: 5px; }
    .modal-body.pdp-detach-dealer .modal-content .detach-success {
      display: none; }
      .modal-body.pdp-detach-dealer .modal-content .detach-success .bottom-part {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-bottom: 40px;
        padding-top: 10px; }
        .modal-body.pdp-detach-dealer .modal-content .detach-success .bottom-part .primary-btn {
          border-radius: 5px; }
        .modal-body.pdp-detach-dealer .modal-content .detach-success .bottom-part .secondary-btn {
          background-color: transparent;
          height: 36px;
          border-radius: 5px;
          color: #003E85;
          font-size: 14px;
          font-weight: 900;
          line-height: 24px;
          text-align: right;
          border: none;
          padding-left: 0px; }
          .modal-body.pdp-detach-dealer .modal-content .detach-success .bottom-part .secondary-btn .injected-svg {
            fill: #003E85;
            margin-left: 0;
            margin-right: 10px; }

.pac-container {
  z-index: 10000 !important; }

@media screen and (max-width: 600px) {
  .pdp-mlp-request-your-dealer-content .modal-container .modal-content {
    padding: 1rem 0px !important; } }

@media screen and (max-width: 600px) {
  .pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-mlp-subscription-topSection {
    padding-left: 20px; } }

.pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-mlp-subscription-topSection .device {
  font-size: 20px;
  margin-bottom: 10px;
  font-family: Lato Bold; }
  @media screen and (max-width: 600px) {
    .pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-mlp-subscription-topSection .device {
      font-size: 14px; } }

.pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-mlp-subscription-topSection .serial-number-para {
  font-size: 14px;
  font-family: Lato; }
  @media screen and (max-width: 600px) {
    .pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-mlp-subscription-topSection .serial-number-para {
      font-size: 12px; } }
  .pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-mlp-subscription-topSection .serial-number-para .serial-number-text {
    color: #003E85;
    font-weight: bold; }
  .pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-mlp-subscription-topSection .serial-number-para .serial-number {
    color: #424242;
    font-weight: normal; }

.pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-subscription-modal-list {
  background-color: rgba(87, 138, 216, 0.2);
  margin-top: 30px;
  margin-bottom: 20px; }
  .pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .pdp-access-list .pdp-col:first-child {
    padding-left: 0px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    padding-right: 10px;
    font-size: 12px; }
  .pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .pdp-access-list .pdp-col:nth-child(2) {
    -webkit-box-flex: 0.2;
        -ms-flex: 0.2 1;
            flex: 0.2 1;
    padding-right: 5px;
    font-size: 14px; }
    .pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .pdp-access-list .pdp-col:nth-child(2) span {
      font-weight: bold;
      color: #003E85; }
    @media screen and (max-width: 601px) {
      .pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .pdp-access-list .pdp-col:nth-child(2) {
        position: absolute;
        bottom: 10px; } }
    .pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .pdp-access-list .pdp-col:nth-child(2) .pdp-access-list-vb__icon {
      -webkit-transform: translate(0px, -3px);
              transform: translate(0px, -3px);
      margin-top: 2px !important; }
  .pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .pdp-access-list .subscribe-btn-in-modal {
    border-radius: 3px;
    font-size: 14px; }
    @media screen and (max-width: 600px) {
      .pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .pdp-access-list .subscribe-btn-in-modal {
        font-size: 14px; } }
  .pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .pdp-access-viewbundle .pdp-access-viewbundle_list {
    font-size: 12px; }
  @media screen and (max-width: 601px) {
    .pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .viewbundleSection {
      position: relative;
      padding-bottom: 40px; } }
  .pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section:last-child .pdp-access-list {
    border-bottom: 0px; }
  .pdp-mlp-request-your-dealer-content .modal-container .modal-content .pdp-subscription-modal-list .pdp-access-viewbundle_list .pdp-col:first-child {
    padding-left: 20px; }

.pdp-mlp-request-your-dealer-content .modal-container .modal-content .dealer-section {
  background-color: rgba(87, 138, 216, 0.2);
  margin-top: 30px;
  margin-bottom: 20px;
  border-radius: 2px;
  padding: 30px; }
  .pdp-mlp-request-your-dealer-content .modal-container .modal-content .dealer-section .sub-title {
    color: #003E85;
    font-family: Lato;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 32px;
    padding: 0;
    margin: 0; }
  .pdp-mlp-request-your-dealer-content .modal-container .modal-content .dealer-section .comment {
    width: 100%;
    padding-top: 10px; }
    .pdp-mlp-request-your-dealer-content .modal-container .modal-content .dealer-section .comment p {
      font-size: 12px;
      color: #424242;
      margin: 0;
      padding: 0; }
    .pdp-mlp-request-your-dealer-content .modal-container .modal-content .dealer-section .comment textarea {
      width: 100%;
      margin-top: 15px;
      border-radius: 10px;
      padding: 10px; }
  .pdp-mlp-request-your-dealer-content .modal-container .modal-content .dealer-section .modal-actions {
    padding: 2rem 0px !important; }

.pdp-mlp-request-your-dealer-content .modal-container .modal-content .post-request {
  display: none;
  padding: 20px; }

@media screen and (max-width: 600px) {
  .pdp-mlp-subscription-modal .modal-container .modal-content {
    padding: 1rem 0px !important; } }

@media screen and (max-width: 600px) {
  .pdp-mlp-subscription-modal .modal-container .modal-content .pdp-mlp-subscription-topSection {
    padding-left: 20px; } }

.pdp-mlp-subscription-modal .modal-container .modal-content .pdp-mlp-subscription-topSection .device {
  font-size: 20px;
  margin-bottom: 10px;
  font-family: Lato Bold; }
  @media screen and (max-width: 600px) {
    .pdp-mlp-subscription-modal .modal-container .modal-content .pdp-mlp-subscription-topSection .device {
      font-size: 14px; } }

.pdp-mlp-subscription-modal .modal-container .modal-content .pdp-mlp-subscription-topSection .serial-number-para {
  font-size: 14px;
  font-family: Lato; }
  @media screen and (max-width: 600px) {
    .pdp-mlp-subscription-modal .modal-container .modal-content .pdp-mlp-subscription-topSection .serial-number-para {
      font-size: 12px; } }
  .pdp-mlp-subscription-modal .modal-container .modal-content .pdp-mlp-subscription-topSection .serial-number-para .serial-number-text {
    color: #003E85;
    font-weight: bold; }
  .pdp-mlp-subscription-modal .modal-container .modal-content .pdp-mlp-subscription-topSection .serial-number-para .serial-number {
    color: #424242;
    font-weight: normal; }

.pdp-mlp-subscription-modal .modal-container .modal-content .pdp-subscription-modal-list {
  background-color: rgba(87, 138, 216, 0.2);
  margin-top: 30px;
  margin-bottom: 20px; }
  .pdp-mlp-subscription-modal .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .pdp-access-list .pdp-col:first-child {
    padding-left: 0px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    padding-right: 10px;
    font-size: 12px; }
  .pdp-mlp-subscription-modal .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .pdp-access-list .pdp-col:nth-child(2) {
    -webkit-box-flex: 0.2;
        -ms-flex: 0.2 1;
            flex: 0.2 1;
    padding-right: 5px;
    font-size: 14px; }
    .pdp-mlp-subscription-modal .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .pdp-access-list .pdp-col:nth-child(2) span {
      font-weight: bold;
      color: #003E85; }
    @media screen and (max-width: 601px) {
      .pdp-mlp-subscription-modal .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .pdp-access-list .pdp-col:nth-child(2) {
        position: absolute;
        bottom: 10px; } }
    .pdp-mlp-subscription-modal .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .pdp-access-list .pdp-col:nth-child(2) .pdp-access-list-vb__icon {
      -webkit-transform: translate(0px, -3px);
              transform: translate(0px, -3px);
      margin-top: 2px !important; }
  .pdp-mlp-subscription-modal .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .pdp-access-list .subscribe-btn-in-modal {
    border-radius: 3px;
    font-size: 14px; }
    @media screen and (max-width: 600px) {
      .pdp-mlp-subscription-modal .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .pdp-access-list .subscribe-btn-in-modal {
        font-size: 14px; } }
  .pdp-mlp-subscription-modal .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .pdp-access-viewbundle .pdp-access-viewbundle_list {
    font-size: 12px; }
  @media screen and (max-width: 601px) {
    .pdp-mlp-subscription-modal .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section .viewbundleSection {
      position: relative;
      padding-bottom: 40px; } }
  .pdp-mlp-subscription-modal .modal-container .modal-content .pdp-subscription-modal-list .pdp-subscription-section:last-child .pdp-access-list {
    border-bottom: 0px; }
  .pdp-mlp-subscription-modal .modal-container .modal-content .pdp-subscription-modal-list .pdp-access-viewbundle_list .pdp-col:first-child {
    padding-left: 20px; }

.pdp-mlp-subscription-modal .modal-container .modal-content .dealer-section {
  display: none;
  background-color: rgba(87, 138, 216, 0.2);
  margin-top: 30px;
  margin-bottom: 20px;
  border-radius: 2px;
  padding: 30px; }
  .pdp-mlp-subscription-modal .modal-container .modal-content .dealer-section .sub-title {
    color: #003E85;
    font-family: Lato;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 32px;
    padding: 0;
    margin: 0; }
  .pdp-mlp-subscription-modal .modal-container .modal-content .dealer-section .comment {
    width: 100%;
    padding-top: 10px; }
    .pdp-mlp-subscription-modal .modal-container .modal-content .dealer-section .comment p {
      font-size: 12px;
      color: #424242;
      margin: 0;
      padding: 0; }
    .pdp-mlp-subscription-modal .modal-container .modal-content .dealer-section .comment textarea {
      width: 100%;
      margin-top: 15px;
      border-radius: 10px;
      padding: 10px; }
  .pdp-mlp-subscription-modal .modal-container .modal-content .dealer-section .modal-actions {
    padding: 2rem 0px !important; }

.pdp-mlp-subscription-modal .modal-container .modal-content .post-request {
  display: none;
  padding: 20px; }

@media screen and (max-width: 600px) {
  .pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content {
    padding: 1rem 0  0 0 !important; } }

@media screen and (max-width: 600px) {
  .pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .pdp-mlp-unlock-topSection {
    padding: 0 20px; } }

.pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .pdp-mlp-unlock-topSection .device {
  font-size: 20px;
  margin-bottom: 10px;
  font-family: Lato Bold; }
  @media screen and (max-width: 600px) {
    .pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .pdp-mlp-unlock-topSection .device {
      font-size: 14px; } }

.pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .pdp-mlp-unlock-topSection .serial-number-para {
  font-size: 14px;
  font-family: Lato; }
  @media screen and (max-width: 600px) {
    .pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .pdp-mlp-unlock-topSection .serial-number-para {
      font-size: 12px; } }
  .pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .pdp-mlp-unlock-topSection .serial-number-para .serial-number-text {
    color: #003E85;
    font-weight: bold; }
  .pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .pdp-mlp-unlock-topSection .serial-number-para .serial-number {
    color: #424242;
    font-weight: normal; }

.pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .pdp-unlock-modal-list {
  background-color: rgba(87, 138, 216, 0.2);
  margin-top: 30px;
  margin-bottom: 30px; }
  @media screen and (max-width: 600px) {
    .pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .pdp-unlock-modal-list {
      margin-bottom: 0px; } }
  .pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .pdp-unlock-modal-list .pdp-access-list .pdp-col:first-child {
    padding-left: 0px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    padding-right: 10px;
    font-size: 12px; }
  .pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .pdp-unlock-modal-list .pdp-access-list .subscribe-btn-in-modal {
    border-radius: 3px;
    font-size: 14px; }
    @media screen and (max-width: 600px) {
      .pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .pdp-unlock-modal-list .pdp-access-list .subscribe-btn-in-modal {
        font-size: 14px; } }

.pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .dealer-section {
  display: none;
  background-color: rgba(87, 138, 216, 0.2);
  margin-top: 30px;
  margin-bottom: 20px;
  border-radius: 2px;
  padding: 30px; }
  .pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .dealer-section .sub-title {
    color: #003E85;
    font-family: Lato;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 32px;
    padding: 0;
    margin: 0; }
  .pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .dealer-section .comment {
    width: 100%;
    padding-top: 10px; }
    .pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .dealer-section .comment p {
      font-size: 12px;
      color: #424242;
      margin: 0;
      padding: 0; }
    .pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .dealer-section .comment textarea {
      width: 100%;
      margin-top: 15px;
      border-radius: 10px;
      padding: 10px; }
  .pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .dealer-section .modal-actions {
    padding: 2rem 0px !important; }

.pdp-mlp-unlock-modal .pdp-mlp-unlock .modal-content .post-request {
  display: none;
  padding: 20px; }

.pdp-my-linked-equ {
  width: 260px;
  background-color: #fff;
  border-radius: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 1px 4px 8px rgba(12, 0, 51, 0.1);
          box-shadow: 1px 4px 8px rgba(12, 0, 51, 0.1);
  margin-left: 20px;
  border-top: 4px solid #E20026; }
  @media screen and (max-width: 992px) {
    .pdp-my-linked-equ {
      margin-left: 0;
      margin-top: 24px;
      width: 100%;
      border: 1px solid #CACACA;
      -webkit-box-shadow: none;
              box-shadow: none; } }
  .pdp-my-linked-equ__head {
    padding: 10px 12px 0px; }
    @media screen and (max-width: 992px) {
      .pdp-my-linked-equ__head {
        padding: 10px 16px;
        border-bottom: 1px solid #CACACA; } }
    .pdp-my-linked-equ__head h3 {
      color: #000;
      font-size: 20px;
      font-weight: bold;
      line-height: 32px;
      text-align: center;
      margin-bottom: 0px; }
      @media screen and (max-width: 992px) {
        .pdp-my-linked-equ__head h3 {
          text-align: left; } }
  .pdp-my-linked-equ__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    padding: 35px 12px 30px; }
    @media screen and (max-width: 992px) {
      .pdp-my-linked-equ__content {
        padding: 30px 16px 25px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    .pdp-my-linked-equ__content svg.tractor, .pdp-my-linked-equ__content img.tractor {
      width: 97px;
      height: 69px;
      fill: #E20026; }
      @media screen and (max-width: 992px) {
        .pdp-my-linked-equ__content svg.tractor, .pdp-my-linked-equ__content img.tractor {
          width: 88px; } }
    .pdp-my-linked-equ__content--action {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1 1; }
      @media screen and (max-width: 992px) {
        .pdp-my-linked-equ__content--action {
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          padding-left: 20px; } }
      .pdp-my-linked-equ__content--action p {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        margin: 18px 0px;
        opacity: 70%; }
        @media screen and (max-width: 992px) {
          .pdp-my-linked-equ__content--action p {
            text-align: left;
            margin: 0px 0px 18px; } }

#error404 {
  display: grid;
  height: 100%; }
  @media (max-width: 768px) {
    #error404 {
      height: 100%; } }
  #error404 .error404BackgroundImage {
    position: relative;
    width: 100%; }
    #error404 .error404BackgroundImage img {
      position: absolute;
      z-index: -1;
      min-height: 480px;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
      @media (max-width: 576px) {
        #error404 .error404BackgroundImage img {
          min-height: 550px; } }
      @media screen and (min-width: 768px) {
        #error404 .error404BackgroundImage img {
          height: 480px; } }
  #error404 .screen404 {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(rgba(0, 0, 0, 0.23)), color-stop(rgba(0, 0, 0, 0.42)), to(rgba(0, 0, 0, 0.82)));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.82));
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    min-height: 550px; }
    @media (min-width: 768px) {
      #error404 .screen404 {
        min-height: 480px;
        position: absolute; } }
    #error404 .screen404 .error404Body {
      color: #fff;
      padding: 115px 16px 32px; }
      @media (min-width: 992px) {
        #error404 .screen404 .error404Body {
          padding: 71.6px 0 40px;
          margin-left: 32px; } }
      #error404 .screen404 .error404Body p {
        font-size: 26px;
        font-weight: 600;
        line-height: 34px;
        letter-spacing: 0;
        margin: 0; }
        @media (min-width: 768px) {
          #error404 .screen404 .error404Body p {
            font-size: 36px;
            line-height: 44px; } }
      #error404 .screen404 .error404Body p::after {
        content: "";
        display: block;
        margin-top: 8px;
        width: 24px;
        border-bottom: 6px solid #e20026; }
        @media (min-width: 768px) {
          #error404 .screen404 .error404Body p::after {
            border-bottom: 8px solid #e20026;
            width: 32px; } }
      #error404 .screen404 .error404Body #Text404 {
        font-size: 14px;
        font-weight: 600;
        margin: 4px 0 16px;
        line-height: 24px;
        letter-spacing: 0.5px; }
        @media (min-width: 768px) {
          #error404 .screen404 .error404Body #Text404 {
            font-size: 16px;
            margin: 8px 0 24px;
            letter-spacing: 0; } }
      #error404 .screen404 .error404Body .MYBRAND404PAGE_BUTTON {
        cursor: pointer;
        display: none;
        -webkit-transition: all .1s ease-in;
        transition: all .1s ease-in;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
        -webkit-animation-duration: 1000ms;
                animation-duration: 1000ms;
        -webkit-animation-delay: 4000ms;
                animation-delay: 4000ms;
        -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
        opacity: 1;
        -webkit-animation-name: animate404text;
                animation-name: animate404text; }
        @media (min-width: 768px) {
          #error404 .screen404 .error404Body .MYBRAND404PAGE_BUTTON {
            width: 68%; } }
        #error404 .screen404 .error404Body .MYBRAND404PAGE_BUTTON a {
          font-size: 16px;
          font-weight: 700;
          letter-spacing: 0.8px;
          padding: 13px 24px;
          text-decoration: none;
          line-height: 20px;
          text-transform: uppercase;
          background-color: #e20026;
          border: 2px solid #e20026;
          color: #fff; }
          #error404 .screen404 .error404Body .MYBRAND404PAGE_BUTTON a:hover {
            background-color: #fff;
            color: #e20026; }

.header-icon-script-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 30px;
  -webkit-box-shadow: 0px 4px 25px 0px #7E7E7E26;
          box-shadow: 0px 4px 25px 0px #7E7E7E26; }
  @media screen and (max-width: 600px) {
    .header-icon-script-container {
      padding: 12px 15px; } }
  .header-icon-script-container .header-icon-script-text {
    color: #000;
    font-family: 'Exo 2';
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.5px; }
    @media screen and (max-width: 600px) {
      .header-icon-script-container .header-icon-script-text {
        color: #343E4A;
        font-weight: 800;
        line-height: 24px;
        font-size: 18px; } }
  @media screen and (max-width: 600px) {
    .header-icon-script-container .header-icon-script-icon {
      z-index: 99999; } }
  .header-icon-script-container .header-icon-script-icon .header-icon-script-icon-button {
    background: inherit;
    border: none; }
    .header-icon-script-container .header-icon-script-icon .header-icon-script-icon-button:hover {
      -webkit-box-shadow: none;
              box-shadow: none; }
    .header-icon-script-container .header-icon-script-icon .header-icon-script-icon-button .header-icon-script-icon-image {
      display: block;
      fill: #000;
      margin: 0;
      height: 10px;
      width: 10px; }
  .header-icon-script-container .header-icon-script-icon .accordion-up-down-arrow {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin: 0px;
    padding: 0px;
    min-width: auto; }

.table-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 600px) {
    .table-container {
      border-top: none; } }
  .table-container table {
    border-collapse: collapse;
    table-layout: fixed; }
    @media screen and (max-width: 600px) {
      .table-container table {
        width: 100%;
        border-bottom: 1px solid #DCDDDE; }
        .table-container table:last-child {
          border-bottom: none; } }
    @media screen and (max-width: 600px) {
      .table-container table .table-header {
        display: table-header-group; } }
    .table-container table .table-header-row {
      background: rgba(199, 205, 208, 0.3); }
      @media screen and (max-width: 600px) {
        .table-container table .table-header-row {
          background: #fff; } }
      .table-container table .table-header-row .table-header-row-item {
        font-family: 'Exo 2';
        font-style: normal;
        padding: 2px 30px !important;
        line-height: 20px;
        letter-spacing: 0.5px;
        text-align: left;
        font-weight: 700;
        font-size: 12px;
        color: #343E4A; }
        @media screen and (max-width: 600px) {
          .table-container table .table-header-row .table-header-row-item {
            padding: 5px 15px !important;
            font-weight: 700;
            color: #000;
            font-size: 16px; } }
      .table-container table .table-header-row th, .table-container table .table-header-row td {
        height: 2.75rem; }
    .table-container table .table-content-row {
      border-bottom: 1px solid #DCDDDE;
      background: white; }
      @media screen and (max-width: 600px) {
        .table-container table .table-content-row {
          display: table-row;
          border-bottom: none; } }
      .table-container table .table-content-row tr, .table-container table .table-content-row td {
        height: 2.75rem; }
        @media screen and (max-width: 600px) {
          .table-container table .table-content-row tr, .table-container table .table-content-row td {
            display: table-cell;
            height: 2rem; } }
      .table-container table .table-content-row .table-content-row-item {
        font-family: 'Exo 2';
        font-style: normal;
        padding: 2px 30px !important;
        line-height: 20px;
        letter-spacing: 0.5px;
        text-align: left;
        font-weight: 400;
        font-size: 14px; }
        @media screen and (max-width: 600px) {
          .table-container table .table-content-row .table-content-row-item {
            padding: 5px 15px !important;
            font-size: 13px; } }
      .table-container table .table-content-row:last-child {
        border-bottom: none; }

.history-item-paragraph-container {
  border-top: 1px solid #899098;
  padding: 0 40px; }
  @media screen and (max-width: 600px) {
    .history-item-paragraph-container {
      padding: 20px 12px 12px 12px;
      border-top: none; } }
  .history-item-paragraph-container .history-item-dealer-comment .dealer-comment-paragraph .dealer-comment-label {
    font-family: 'Exo 2';
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.8px; }
    @media screen and (max-width: 600px) {
      .history-item-paragraph-container .history-item-dealer-comment .dealer-comment-paragraph .dealer-comment-label {
        font-size: 14px;
        line-height: 20px;
        font-weight: bold; } }
  .history-item-paragraph-container .history-item-dealer-comment .dealer-comment-paragraph .dealer-comment-value {
    font-family: 'Exo 2';
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.8px; }
    @media screen and (max-width: 600px) {
      .history-item-paragraph-container .history-item-dealer-comment .dealer-comment-paragraph .dealer-comment-value {
        font-size: 14px;
        line-height: 20px; } }

.pdp-content-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0px;
  background-color: white; }
  @media screen and (min-width: 901px) {
    .pdp-content-label {
      padding-left: 10px; } }
  @media screen and (max-width: 600px) {
    .pdp-content-label {
      padding: 12px 0px;
      -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
              box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08); } }
  .pdp-content-label .column-item {
    border-collapse: collapse;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1; }
    @media screen and (min-width: 901px) {
      .pdp-content-label .column-item {
        padding-left: 15px; } }
    .pdp-content-label .column-item tr {
      border-bottom: 0px; }
      @media screen and (min-width: 601px) {
        .pdp-content-label .column-item tr {
          background-color: #fff; } }
      @media screen and (max-width: 600px) {
        .pdp-content-label .column-item tr {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          padding: 0px;
          margin: 0px; } }
      .pdp-content-label .column-item tr td {
        height: auto;
        padding: 0px; }
    .pdp-content-label .column-item th:first-child, .pdp-content-label .column-item td:first-child {
      padding: 0px 0px 0px 10px !important; }
    .pdp-content-label .column-item .table-cell {
      vertical-align: top;
      width: 33.33%;
      padding-left: 10px; }
      @media screen and (max-width: 600px) {
        .pdp-content-label .column-item .table-cell {
          padding-right: 5px; } }
      @media screen and (min-width: 901px) {
        .pdp-content-label .column-item .table-cell {
          border-right: 1px solid #E6E6E6; } }
      .pdp-content-label .column-item .table-cell:nth-last-child(1) {
        border: none; }
    .pdp-content-label .column-item .column-item-label {
      font-family: 'Exo 2';
      letter-spacing: 0.5px;
      line-height: 24px;
      color: #343E4A;
      font-weight: 400;
      font-size: 14px;
      text-transform: capitalize; }
      @media screen and (max-width: 600px) {
        .pdp-content-label .column-item .column-item-label {
          color: #424242;
          font-size: 13px;
          text-transform: capitalize;
          font-weight: 700; } }
    .pdp-content-label .column-item .column-item-value {
      font-family: 'Exo 2';
      letter-spacing: 0.5px;
      line-height: 24px;
      font-weight: 400;
      font-size: 14px;
      color: #343E4A;
      word-break: keep-all; }
      @media screen and (max-width: 600px) {
        .pdp-content-label .column-item .column-item-value {
          font-size: 13px;
          line-height: 20px;
          font-weight: 400; } }
    .pdp-content-label .column-item div[name="Status"] {
      font-weight: bold; }
      @media screen and (max-width: 600px) {
        .pdp-content-label .column-item div[name="Status"] {
          font-weight: 400; } }
  .pdp-content-label .small-column {
    max-width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .pdp-content-label .status-column {
    padding: 0 !important;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .pdp-content-label .status-column .status-circle {
      height: 10px;
      width: 10px;
      border-radius: 50%;
      margin-top: 31px;
      margin-left: 14px; }
      @media screen and (max-width: 900px) {
        .pdp-content-label .status-column .status-circle {
          margin-top: 29px;
          margin-left: 17px; } }
    .pdp-content-label .status-column .anticipated {
      background-color: grey; }
    .pdp-content-label .status-column .suggested {
      background-color: green; }
    .pdp-content-label .status-column .on-time {
      background-color: yellow; }
    .pdp-content-label .status-column .overdue {
      background-color: red; }
  .pdp-content-label .more-info-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
    padding: 0; }
    .pdp-content-label .more-info-column .column-item-moreinfo-label {
      font-family: 'Exo 2';
      letter-spacing: 0.5px;
      line-height: 24px;
      color: #003E85;
      font-size: 16px;
      font-weight: bold; }
      @media screen and (max-width: 600px) {
        .pdp-content-label .more-info-column .column-item-moreinfo-label {
          display: none; } }
    .pdp-content-label .more-info-column .accordion-up-down-arrow {
      -webkit-transition: -webkit-transform 0.3s ease-in-out;
      transition: -webkit-transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
      .pdp-content-label .more-info-column .accordion-up-down-arrow .more-info-icon {
        fill: #000;
        display: block;
        height: 10px;
        width: 10px; }
      @media screen and (max-width: 600px) {
        .pdp-content-label .more-info-column .accordion-up-down-arrow {
          z-index: 99999; } }

.header-text {
  font-family: 'Exo 2';
  font-weight: 700;
  padding: 10px 0px;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.5px;
  margin: 0px 10px; }
  @media screen and (max-width: 600px) {
    .header-text {
      border-top: 1px solid #C7CDD0; }
      .header-text:first-child {
        border-top: none; } }

#promotional-banner {
  padding: 0 1.125rem;
  max-width: 1230px;
  margin: 4rem auto 0 auto; }
  #promotional-banner .promo-banner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(8, 1fr);
    width: 100%; }
    @media (max-width: 600px) {
      #promotional-banner .promo-banner .banner_large {
        display: none; }
      #promotional-banner .promo-banner .banner_text {
        display: none; }
      #promotional-banner .promo-banner .banner_button {
        display: none; } }
    #promotional-banner .promo-banner .banner_image {
      grid-column: 1 / -1;
      grid-row: 1 / 2; }
      #promotional-banner .promo-banner .banner_image img {
        width: 100%; }
    #promotional-banner .promo-banner .banner_text {
      grid-column: 3/ 7;
      grid-row: 1 / 2;
      color: #343e4a;
      font-family: "Exo 2", sans-serif;
      font-weight: bold;
      padding: 10px 0px;
      -ms-flex-item-align: center;
          align-self: center; }
      #promotional-banner .promo-banner .banner_text .text_1 {
        font-size: 34px;
        line-height: normal;
        padding-bottom: 10px; }
        @media (max-width: 1024px) {
          #promotional-banner .promo-banner .banner_text .text_1 {
            font-size: 18px;
            padding-bottom: 6px; } }
        @media (max-width: 767px) {
          #promotional-banner .promo-banner .banner_text .text_1 {
            font-size: 14px; } }
      #promotional-banner .promo-banner .banner_text .text_2 {
        font-size: 24px;
        line-height: normal;
        padding-right: 60px;
        font-weight: 500; }
        @media (max-width: 1024px) {
          #promotional-banner .promo-banner .banner_text .text_2 {
            font-size: 14px; } }
        @media (max-width: 767px) {
          #promotional-banner .promo-banner .banner_text .text_2 {
            font-size: 11px; } }
    #promotional-banner .promo-banner .banner_button {
      grid-column: 8/ 9;
      grid-row: 1 / 2;
      -ms-flex-item-align: end;
          align-self: end;
      padding: 10px 0px;
      margin-right: 10px; }
  #promotional-banner .promo-banner-mb {
    display: grid;
    grid-template-rows: 0.9fr 4.1fr;
    grid-template-columns: repeat(8, 1fr);
    width: 100%; }
    @media (min-width: 601px) {
      #promotional-banner .promo-banner-mb .banner_small {
        display: none; }
      #promotional-banner .promo-banner-mb .text_3,
      #promotional-banner .promo-banner-mb .text_4 {
        display: none; } }
    #promotional-banner .promo-banner-mb .banner_image_mb {
      grid-column: 1 / -1;
      grid-row: 1 / 3; }
      #promotional-banner .promo-banner-mb .banner_image_mb img {
        width: 100%; }
    #promotional-banner .promo-banner-mb .text_3 {
      grid-column: 1/-1;
      grid-row: 1/2;
      color: #343e4a;
      font-family: "Exo 2", sans-serif;
      font-weight: bold;
      -ms-flex-item-align: center;
          align-self: center;
      font-size: 14px;
      padding: 0px 10px; }
    #promotional-banner .promo-banner-mb .text_4 {
      grid-column: 6/-1;
      grid-row: 2/3;
      color: #343e4a;
      font-size: 12px;
      font-family: "Exo 2", sans-serif;
      font-weight: 500;
      line-height: 18px;
      padding-right: 10px;
      padding-top: 10px; }
      #promotional-banner .promo-banner-mb .text_4 button {
        height: 35px;
        min-width: 120px;
        font-size: 14px;
        padding: 0;
        margin-right: 10px !important; }
      @media (max-width: 600px) {
        #promotional-banner .promo-banner-mb .text_4 {
          line-height: 14px;
          padding-right: 5px;
          padding-top: 5px;
          -ms-flex-item-align: center;
              align-self: center; }
          #promotional-banner .promo-banner-mb .text_4 button {
            min-width: 100px;
            display: block;
            min-height: 25px;
            height: 25px;
            font-size: 12px;
            font-weight: 500; } }