/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
@media (max-width: 1024px) {
  body .modal .closer {
  top: 20px;
  right: 20px;
}
body .modal .modalInner {
  transform: translatey(-50%);
  top: 50%;
  position: relative;
  width: 100%;
  /* height: 100%; */
  
  float: left;
}
body .modal .content {
  height: auto;
  float: none;
}
body .modal .content video {
  top: 0;
  transform: translatey(0%);
  width: 100%;
  height: 100%;
}
body .modal .thumbnails {
  position: relative;
}
body .modal .thumbnails ul li {
  width: calc(33% - 6px);
}

}
@media (max-width: 650px) {
  body .modal .controls {
  display: none;
}
body .modal .captions,
body .modal .controls {
  bottom: -10vh !important;
  top: auto !important;
  height: 40px;
}
body .modal .captions {
  padding: 20px 20px;
  position: absolute;
  bottom: -60%;
  max-width: 100% !important;
  width: calc(100% - 40px);
  left: 0;
  text-align: left;
}
body .modal .captions .items {
  margin-right: 0;
  width: 100%;
}
body .modal .captions .assetTitle,
body .modal .captions .assetDescription {
  width: 100%;
  max-width: 100%;
}

}
body.modal-open {
  overflow: hidden;
}
.modal-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: transparent;
  transition: all 300ms ease;
  opacity: 1;
  z-index: 9;
}
.gallery-opening-clone {
  transform: translate3d(0, 0, 0);
  position: fixed;
  height: calc(100vh - 12%);
  width: 100vw;
  top: 0;
  left: 0;
  vertical-align: top;
  z-index: 9998;
  opacity: 0;
}
.gallery-opening-clone.cancel-animation {
  opacity: 0;
  transition: opacity 800ms ease;
}
.gallery-opening-clone .clone-slide {
  transition: all 400ms ease;
  position: relative;
  opacity: 1;
  width: 100%;
  z-index: 9998;
  max-width: 1000%;
  max-height: 1000%;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  transform: translate3d(0, 0, 0);
}
.gallery-opening-clone .clone-slide img,
.gallery-opening-clone .clone-slide video {
  transform: translatey(-50%) !important;
  top: 50% !important;
  position: relative;
  width: 100%;
}
.gallery-opening-clone.animation-complete img,
.gallery-opening-clone.animation-complete video {
  opacity: 0;
}
.gallery-opening-clone.expandtofull {
  opacity: 1;
}
.gallery-opening-clone.expandtofull .clone-slide {
  opacity: 1;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
}
.modal {
  background: transparent;
  transform: translatey(0%);
  transition: opacity 800ms ease;
  opacity: 0;
  top: 0;
  left: 0;
  position: fixed;
  height: 100%;
  width: 100%;
  background: transparent;
  z-index: 9999;
  color: #fff;
  float: left;
  display: none;
  opacity: 0;
}
.modal .topVignette {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 4;
  opacity: 0;
  box-shadow: 0 -110px 360px 253px rgba(0, 0, 0, 0.1);
  transition: opacity 500ms ease;
}
.modal.initiated {
  opacity: 1;
  background: #000;
  transition: opacity 00ms ease, background 1300ms ease 1100ms;
}
.modal.initiated .content,
.modal.initiated .controls,
.modal.initiated .captions,
.modal.initiated .closer {
  visibility: visible;
  opacity: 1;
}
.modal.initiated .closer:hover {
  transition: all 150ms ease;
}
.modal.initiated .topVignette {
  transition: opacity 500ms ease 100ms;
  opacity: 1;
}
.modal.initiated .thumbnails {
  box-shadow: 0 130px 250px 193px rgba(0, 0, 0, 0.5);
  transform: translatey(0);
  bottom: 0;
  opacity: 1;
  transition: bottom 500ms ease 100ms, box-shadow 500ms ease 100ms;
}
.modal .content {
  visibility: visible;
  transition: opacity 700ms ease 500ms;
  opacity: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
}
.modal .controls,
.modal .captions,
.modal .closer {
  visibility: visible;
  transition: opacity 800ms ease 500ms;
  opacity: 0;
}
.modal .thumbnails {
  bottom: -20%;
  transition: bottom 500ms ease 100ms;
}
.modal.animation-complete {
  opacity: 1;
}
.modal.closing {
  display: inline-block;
  opacity: 0;
  transition: all 600ms ease;
}
.modal .controls {
  float: left;
  position: fixed;
  right: 50px;
  top: calc(75% + 50px);
  z-index: 9;
}
.modal .controls .prev,
.modal .controls .next {
  transition: all 150ms ease;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50px;
  border: 1px solid #fff;
  height: 48px;
  width: 48px;
  position: relative;
  float: left;
  margin-left: 8px;
  cursor: pointer;
}
.modal .controls .prev:hover,
.modal .controls .next:hover {
  box-shadow: 0 0 0 1px #fff;
}
.modal .controls .prev:active,
.modal .controls .next:active {
  box-shadow: 0 0 0 2px #fff;
}
.modal .controls .next {
  background-position: calc(50% + 2px) calc(50% + 0px);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVGRDFCMjJEMjI3MTFFNThGODRBRTI1NjMxQzBBMzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVGRDFCMjNEMjI3MTFFNThGODRBRTI1NjMxQzBBMzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUZEMUIyMEQyMjcxMUU1OEY4NEFFMjU2MzFDMEEzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUZEMUIyMUQyMjcxMUU1OEY4NEFFMjU2MzFDMEEzOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pve12dkAAABmSURBVHjaYvr////7/xCQAMQM2DATAwLMB+IEBiwApMgRiD8gKSzAUAU10gDJWhCYj2wdst04FaI7EqTwPLpCbL4RQFfIxEAMINU6gg4nGAToCgrQPcOApiCBUNwlAvECbJ4DCDAAbDo0GP7lcmsAAAAASUVORK5CYII=);
}
.modal .controls .prev {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVGRDFCMUVEMjI3MTFFNThGODRBRTI1NjMxQzBBMzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVGRDFCMUZEMjI3MTFFNThGODRBRTI1NjMxQzBBMzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUZEMUIxQ0QyMjcxMUU1OEY4NEFFMjU2MzFDMEEzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUZEMUIxREQyMjcxMUU1OEY4NEFFMjU2MzFDMEEzOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpcD7YgAAABgSURBVHjaYvr//z8DDpzwHwLeMzFgBwlAPB/GwaaoAEnBByB2RLdi/n8EeA/EBiBxggqQFSErOI+sAKYIXYEAuk9x+Q4VEGsd0Q4nOghguABdIaF4wxt3C4A4EcYBCDAA5pM0GPuwCPIAAAAASUVORK5CYII=);
  background-position: calc(50% - 1px) calc(50% + 0px);
}
.modal .captions {
  float: left;
  position: fixed;
  left: 50px;
  top: calc(75% + 50px);
  z-index: 9;
  width: 80%;
  line-height: 150%;
  max-width: calc(100% - 220px);
}
.modal .captions .assetTitle,
.modal .captions .assetDescription,
.modal .captions .items {
  position: relative;
  float: left;
  margin-right: 20px;
  max-width: 70%;
  text-align: left;
}
@media (min-width: 768px) {
  .modal .captions .assetDescription {
  clear: both;
  left: 90px;
  padding-top: 5px;
}
.modal .captions .assetTitle,
.modal .captions .assetDescription {
  width: 70%;
}
.modal .captions .items {
  width: 70px;
}

}
.modal .captions .items {
  font-family: 'Black';
}
.modal .content {
  float: left;
  width: 100%;
  height: 84%;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  z-index: 1;
}
.modal .content .spread-spacer-wrapper {
  width: 100vw;
  height: 100%;
  background-color: #000;
  transition: opacity 800ms ease 0ms, z-index 0ms ease 800ms;
  vertical-align: top;
  float: none;
  display: inline-block;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 9;
  opacity: 0;
  transform: translatex(100%);
}
.modal .content .spread-spacer-wrapper.active {
  z-index: 10;
  opacity: 1;
  margin-left: 100%;
  margin-right: 100%;
  position: relative;
  transform: translatex(0%);
  transition: opacity 800ms ease 000ms;
}
.modal .content .spread-spacer-wrapper.waittofade {
  opacity: 1;
}
.modal .content.dragging * {
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.modal .content.dragging video {
  pointer-events: none;
}
.modal .content.dragging .spread-spacer-wrapper.active {
  transform: translatex(0%);
}
.modal .content.dragging .spread-spacer-wrapper.nextslide {
  opacity: 1;
  transform: translatex(200%);
  transition: opacity 00ms ease !important;
}
.modal .content.dragging .spread-spacer-wrapper.prevslide {
  opacity: 1;
  transform: translatex(0%);
  transition: opacity 00ms ease !important;
}
.modal .content img.spread,
.modal .content video.spread {
  float: left;
  max-height: 1000%;
  width: 100%;
  min-width: 100%;
  left: 0;
  max-width: 1000%;
  bottom: 0;
  position: relative;
  transition: opacity 300ms ease;
  opacity: 0;
  top: 0;
  cursor: pointer;
}
@media (min-width: 768px) {
  .modal .content img.spread,
.modal .content video.spread {
  top: 50%;
  transform: translatey(-50%);
}

}
.modal .content img.spread.show,
.modal .content video.spread.show {
  opacity: 1;
}
.modal .content img.spread.show.preloading {
  z-index: -1;
  opacity: 0;
  display: none;
}
.modal .content img.spread.show.preloaded {
  z-index: -1;
  opacity: 1;
  display: block;
}
.modal .content img.spread.cleanup {
  position: absolute;
  z-index: 1;
  opacity: 0;
}
.modal .content img.spread-spacer {
  float: left;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
}
.modal .content video {
  max-height: 100%;
  position: relative;
  top: 50%;
  transform: translatey(-50%);
  z-index: 1;
  height: 100%;
}
.modal .content .playVideoWrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-transition: background-color 100ms linear;
  -moz-transition: background-color 100ms linear;
  -o-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
  z-index: 2;
}
.modal .content .playVideoWrapper:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.modal .content .playVideoWrapper:hover .playVideo {
  box-shadow: 0px 0px 0px 1px white;
}
.modal .content .playVideoWrapper .playVideo:hover {
  box-shadow: 0px 0px 0px 2px white;
}
.modal .content .playVideoWrapper .playVideoShadow {
  border: none;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 100px 60px rgba(0, 0, 0, 0.3);
}
.modal .content .playVideo,
.modal .content .playVideoShadow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: 2px solid white;
  background-color: transparent;
  color: white;
  box-shadow: 0px 0px 0px 0px white;
  -webkit-transition: box-shadow 100ms linear;
  -moz-transition: box-shadow 100ms linear;
  -o-transition: box-shadow 100ms linear;
  transition: box-shadow 100ms linear;
}
@media (min-width: 768px) {
  .modal .content .playVideo,
.modal .content .playVideoShadow {
  width: 80px;
  height: 80px;
  border-radius: 80px;
}

}
.modal .underline {
  opacity: 1;
  transition: opacity 300ms ease, transform 100ms ease 0ms;
  position: absolute;
  z-index: 10;
  height: 4px;
  line-height: 0;
  background-color: #009DDC;
  width: 100%;
  bottom: 0px;
}
.modal .underline.fadeOut {
  opacity: 0;
}
.modal .thumbnails {
  float: left;
  background-color: #000;
  width: 100%;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  z-index: 8;
  -webkit-overflow-scrolling: touch;
}
.modal .thumbnails ul,
.modal .thumbnails li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.modal .thumbnails li {
  opacity: 0;
  transform: translatey(100%);
  overflow: hidden;
  opacity: 0.6;
  transition: opacity 0ms ease;
  vertical-align: top;
  width: calc(13.5% - 6px);
  margin: 6px 3px 6px 3px;
  padding-bottom: 3px;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.modal .thumbnails li.thumb-loaded {
  transform: translatey(0%);
}
.modal .thumbnails li img,
.modal .thumbnails li video {
  width: 100%;
  position: relative;
}
.modal .thumbnails li .video-icon {
  position: absolute;
  z-index: 10;
  font-size: 18px;
  right: 20px;
  bottom: 20px;
}
.modal .thumbnails li img.thumb-img {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 50%;
  transform: translatey(-50%);
}
.modal .thumbnails li:hover {
  opacity: 1;
  transition: opacity 300ms ease;
}
.modal .thumbnails .active {
  transition: box-shadow 800ms ease 200ms;
  opacity: 1;
}
.modal.show {
  display: block;
}
.modal .closer {
  visibility: hidden;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVGRDFCMUFEMjI3MTFFNThGODRBRTI1NjMxQzBBMzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVGRDFCMUJEMjI3MTFFNThGODRBRTI1NjMxQzBBMzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NjI0RkQyOUQxQ0QxMUU1OEY4NEFFMjU2MzFDMEEzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NjI0RkQyQUQxQ0QxMUU1OEY4NEFFMjU2MzFDMEEzOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvsOQTAAAACZSURBVHjajJNbDYAwDEULCiYBCUhBAjiYFByAAyQgAaTgoLQ8wjL62E3OT+m5HzSrELEFgI4YiQP8BCISO5C84p2NCAQYhGePs/Kgxy9WQSpy+veDV/ATeZ4uaAWimMtSQaOJkpwXoCZqMhMzMUp7JX9VvYInTlaBew7rjJ5onrFEVAt4uBSIUsFSJ69lIGbnRc3P3pVTgAEA8wacfrQvpsEAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: center center;
  float: left;
  top: 50px;
  right: 50px;
  width: 48px;
  height: 48px;
  position: fixed;
  border-radius: 50px;
  border: 1px solid #fff;
  z-index: 5;
  cursor: pointer;
}
.modal .closer:hover {
  box-shadow: 0 0 0 1px #fff;
}
.modal .closer:active {
  box-shadow: 0 0 0 2px #fff;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.galleryView.pageSection .gallery .sectionTitle .layout-container .caption {
  width: 100%;
  text-align: left;
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.015em;
  font-size: 22px;
  line-height: 0.9166666666666666;
  margin-bottom: 6.898%;
}
@media (min-width: 1024px) {
  .galleryView.pageSection .gallery .sectionTitle .layout-container .caption {
  letter-spacing: -0.02em;
  font-size: 28px;
  line-height: 1.1428571428571428;
}

}
@media (min-width: 1280px) {
  .galleryView.pageSection .gallery .sectionTitle .layout-container .caption {
  letter-spacing: -0.025em;
  font-size: 46px;
  line-height: 1.173913043478261;
}

}
@media (min-width: 1440px) {
  .galleryView.pageSection .gallery .sectionTitle .layout-container .caption {
  font-size: 48px;
  line-height: 1.1666666666666667;
}

}
.galleryView.pageSection .gallery .sectionTitle .layout-container .caption span:not(.disclaimer) {
  display: block;
}
.galleryView .textOverlays .button-1.outline {
  width: 110px;
  line-height: 35px;
  padding: 0;
}
@media (min-width: 768px) {
  .galleryView .displayName .content {
  margin-bottom: 0 !important;
}

}
.galleryView .caption {
  margin-bottom: 0 !important;
}
.galleryView .caption:after {
  content: "";
  display: block;
  width: 100%;
  height: 2.7502vw;
  min-height: 20px;
  max-height: 40px;
}
.galleryView .caption.noGutter:after {
  height: auto;
  min-height: auto;
  max-height: auto;
}
@media (min-width: 768px) {
  .galleryView .caption {
  margin-top: -8px !important;
}

}
.galleryView .v2_sideBySide:after {
  height: calc(2.7502vw / 2) !important;
  max-height: 40px !important;
}
@media (max-width: 767px) {
  .galleryView.pageSection .textOverlays .overlay-text {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 auto;
}
.galleryView.pageSection .textOverlays .button-1.outline {
  width: 110px;
  line-height: 35px;
  padding: 0;
}

}
@media (min-width: 768px) {
  .galleryView.pageSection .gallery .sectionTitle .layout-container .caption {
  width: 67%;
  text-align: right;
}
.galleryView .textOverlays .button-1.outline {
  width: 110px;
  line-height: 35px;
  padding: 0;
}

}

/**
 * VW Color
 * MBP, etc.
 * Last Udated 2/17/2016
 */
/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
@media (min-width: 768px) {
  .toutGridInner .cta {
  padding-top: 5px;
}

}
@media (min-width: 1024px) {
  .toutGridInner .cta {
  padding-top: 6px;
}

}
@media (max-width: 1023px) {
  .v2_toutGrid.section .toutGridInner {
  font-size: 11px;
  line-height: 15px;
}
.v2_toutGrid.section .toutGridInner .layoutItem.item1,
.v2_toutGrid.section .toutGridInner .layoutItem.item2,
.v2_toutGrid.section .toutGridInner .layoutItem.item3,
.v2_toutGrid.section .toutGridInner .layoutItem.item4 {
  position: relative;
  width: 100%;
  margin-bottom: 6px;
}
.v2_toutGrid.section .toutGridInner .layoutItem.item1 .toutHeader {
  float: left;
  width: 100%;
}
.v2_toutGrid.section .toutGridInner .layoutItem.item1 .toutHeader .asset {
  float: left;
  position: relative;
  width: calc(45% - 28px);
}
.v2_toutGrid.section .toutGridInner .layoutItem.item1 .toutHeader .content {
  font-size: 140%;
  float: left;
  color: #7c878e;
  width: 55%;
  position: absolute;
  right: 0;
  height: 20%;
}
.v2_toutGrid.section .toutGridInner .layoutItem.item2 {
  padding: 30px 0;
}
.v2_toutGrid.section .toutGridInner .layoutItem.item2 .layoutInner {
  position: relative;
  width: 100%;
  float: left;
  transform: none;
  top: 0;
}
.v2_toutGrid.section .toutGridInner .layoutItem.item2 .layoutInner .content .blockquote2 .blockquoteInner .align_left {
  width: 71%;
}
.v2_toutGrid.section .toutGridInner .layoutItem.item4 .content {
  font-family: 'Black';
  font-size: 120%;
  width: 90%;
  padding: 35px 0 10px 10%;
}
.v2_toutGrid.section .toutGridInner .layoutItem.item4 .content .blockquote4 .blockquoteInner .align_left .title-content,
.v2_toutGrid.section .toutGridInner .layoutItem.item4 .content .blockquote4 .blockquoteInner .align_left .body-content {
  margin-bottom: 6px;
}

}
@media (max-width: 767px) {
  .hideInMobile_true {
  display: none;
}

}
.v2_toutGrid .toutGridInner {
  width: 100%;
  float: left;
  position: relative;
}
.v2_toutGrid .toutGridInner.blocks_2 .layoutItem.item4 {
  height: 100%;
}
.v2_toutGrid .toutGridInner.blocks_2 .layoutItem.item4 .asset img {
  width: 100%;
}
.v2_toutGrid .toutGridInner .layoutItem {
  float: left;
  position: relative;
}
.v2_toutGrid .toutGridInner .layoutItem.item2 .asset img,
.v2_toutGrid .toutGridInner .layoutItem.item3 .asset img,
.v2_toutGrid .toutGridInner .layoutItem.item4 .asset img {
  margin: 0 auto;
}
.v2_toutGrid .toutGridInner .layoutItem.item2 .asset.float_left img,
.v2_toutGrid .toutGridInner .layoutItem.item3 .asset.float_left img,
.v2_toutGrid .toutGridInner .layoutItem.item4 .asset.float_left img {
  float: left;
}
.v2_toutGrid .toutGridInner .layoutItem.item2 .asset.float_right img,
.v2_toutGrid .toutGridInner .layoutItem.item3 .asset.float_right img,
.v2_toutGrid .toutGridInner .layoutItem.item4 .asset.float_right img {
  float: right;
}
.v2_toutGrid .toutGridInner .layoutItem .cta {
  margin-top: 6px;
}
.v2_toutGrid .toutGridInner .layoutItem .cta a {
  text-decoration: none;
}
.v2_toutGrid .toutGridInner .layoutItem .cta a:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .v2_toutGrid .toutGridInner .layoutItem .cta {
  margin-top: 0px;
}

}
.v2_toutGrid .toutGridInner .layoutItem.item1,
.v2_toutGrid .toutGridInner .layoutItem.item3 {
  width: calc(58.75% - 8px);
}
.v2_toutGrid .toutGridInner .layoutItem.item2,
.v2_toutGrid .toutGridInner .layoutItem.item4 {
  width: calc(41.25%);
  background-color: #f1f5f6;
}
.v2_toutGrid .toutGridInner .layoutItem.item1 .toutHeader {
  padding-bottom: 15px;
}
.v2_toutGrid .toutGridInner .layoutItem.item1 .toutHeader .asset {
  float: left;
  position: relative;
  width: calc(40% - 40px);
  margin-right: 40px;
}
.v2_toutGrid .toutGridInner .layoutItem.item1 .content {
  float: left;
  color: #7c878e;
  width: 60%;
  position: absolute;
  right: 0;
  height: 20%;
}
.v2_toutGrid .toutGridInner .layoutItem.item1 .content .v2_blockquote {
  transform: translatey(-50%);
  top: 50%;
  position: relative;
}
.v2_toutGrid .toutGridInner .layoutItem.item2 {
  padding: 50px 0;
  position: absolute;
  right: 0;
  top: 0;
  height: calc(40% - 108px);
}
.v2_toutGrid .toutGridInner .layoutItem.item2 .layoutInner {
  position: relative;
  width: 100%;
  float: left;
  transform: translatey(-50%);
  top: 50%;
}
.v2_toutGrid .toutGridInner .layoutItem.item2 .asset {
  float: left;
  position: relative;
  width: calc(44%);
  margin-right: 10px;
}
.v2_toutGrid .toutGridInner .layoutItem.item2 .content {
  float: left;
  position: relative;
  width: calc(56% - 10px);
}
.v2_toutGrid .toutGridInner .layoutItem.item2 .content .blockquote2 .blockquoteInner .align_left {
  width: 71%;
}
.v2_toutGrid .toutGridInner .layoutItem.item3 {
  margin-top: 0;
}
.v2_toutGrid .toutGridInner .layoutItem.item4 {
  height: 60%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.v2_toutGrid .toutGridInner .layoutItem.item4 .asset {
  text-align: right;
}
.v2_toutGrid .toutGridInner .layoutItem.item4 .asset img {
  position: relative;
  width: 60%;
}
.v2_toutGrid .toutGridInner .layoutItem.item4 .asset,
.v2_toutGrid .toutGridInner .layoutItem.item4 .content {
  float: left;
  position: relative;
  width: 100%;
}
.v2_toutGrid .toutGridInner .layoutItem.item4 .content {
  width: 90%;
  padding: 5% 0 0 10%;
}
.v2_toutGrid .toutGridInner .layoutItem.item4 .content .blockquote4 .blockquoteInner .align_left {
  width: 71%;
}
.v2_toutGrid .toutGridInner .layoutItem .asset {
  margin-bottom: 0;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
body.warranty #mainWrapper {
  padding-top: 0;
}
.tombStoneContainer {
  border: 0px solid red;
  color: #000;
  position: relative;
  z-index: 3;
  margin-top: calc(-2.7502vw * 2);
}
.tombStoneContainer .textCenter {
  text-align: left;
}
.tombStoneContainer .textCenter {
  text-align: center;
}
.tombStoneContainer .textRight {
  text-align: right;
}
@media (max-width: 767px) {
  .tombStoneContainer {
  margin-top: 0;
}

}
.tombStoneContainer .wrapper {
  width: 72.2%;
  margin: 0 auto;
  border: 0px solid deeppink;
  background-color: #FFFFFF;
  padding-top: calc(2.7502vw * 2);
  padding-bottom: calc(2.7502vw * 2);
}
@media (max-width: 767px) {
  .tombStoneContainer .wrapper {
  width: 86.13% !important;
}

}
.tombStoneContainer .wrapper.column12 {
  width: 87.2%;
}
.tombStoneContainer .wrapper.column10 {
  width: 72.2%;
}
.tombStoneContainer .wrapper.column8 {
  width: 57.2%;
}
.tombStoneContainer .wrapper.column6 {
  width: 42.1%;
}
.tombStoneContainer .wrapper .contentWrapper {
  border: 0px solid green;
  width: 79%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .tombStoneContainer .wrapper .contentWrapper {
  width: 100%;
}

}

.author-mode .gridsystem .par > .section .section > div.overlay-text-wrapper,
.gridsystem .par > .section .section > div.overlay-text-wrapper {
  top: 0;
  left: 0;
  position: static;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  height: auto;
}
.textOverlays {
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.textOverlays span span {
  pointer-events: auto;
}
.textOverlays .new.section {
  pointer-events: auto;
  top: 10px;
  left: initial;
  right: 10px;
  height: 36px;
  width: 80px;
  position: absolute;
  background-color: rgba(55, 171, 71, 0.6);
}
.author-mode .textOverlays {
  pointer-events: auto;
  transition: background-image 300ms ease;
  background-image: linear-gradient(to right, transparent 1px, transparent 1px), linear-gradient(to bottom, transparent 1px, transparent 1px);
  background-size: 40px 40px;
}
.author-mode .textOverlays.dragging .spacer {
  display: block;
}
.author-mode .textOverlays .spacer {
  position: absolute;
  display: none;
}
.author-mode .textOverlays .spacer.t,
.author-mode .textOverlays .spacer.b {
  height: calc((100vw - 300px) * (0.027502));
  min-height: 20px;
  max-height: 40px;
  width: 100%;
  left: 0;
}
.author-mode .textOverlays .spacer.t.x2,
.author-mode .textOverlays .spacer.b.x2 {
  height: calc((100vw - 300px) * (0.027502 * 2));
  min-height: 40px;
  max-height: 80px;
}
.author-mode .textOverlays .spacer.t.x3,
.author-mode .textOverlays .spacer.b.x3 {
  height: calc((100vw - 300px) * (0.027502 * 3));
  min-height: 80px;
  max-height: 120px;
}
.author-mode .textOverlays .spacer.t.x4,
.author-mode .textOverlays .spacer.b.x4 {
  height: calc((100vw - 300px) * (0.027502 * 4));
  min-height: 120px;
  max-height: 160px;
}
.author-mode .textOverlays .spacer.t {
  top: 0;
  border-bottom: 1px solid rgba(1, 223, 189, 0.3);
}
.author-mode .textOverlays .spacer.b {
  bottom: 0;
  border-top: 1px solid rgba(1, 223, 189, 0.3);
}
.author-mode .textOverlays .spacer.r,
.author-mode .textOverlays .spacer.l {
  width: calc((100vw - 300px) * 0.027502);
  min-width: 20px;
  max-width: 40px;
  height: 100%;
  top: 0;
}
.author-mode .textOverlays .spacer.r.x2,
.author-mode .textOverlays .spacer.l.x2 {
  width: calc((100vw - 300px) * (0.027502 * 2));
  min-width: 40px;
  max-width: 80px;
}
.author-mode .textOverlays .spacer.r.x3,
.author-mode .textOverlays .spacer.l.x3 {
  width: calc((100vw - 300px) * (0.027502 * 3));
  min-width: 80px;
  max-width: 120px;
}
.author-mode .textOverlays .spacer.r.x4,
.author-mode .textOverlays .spacer.l.x4 {
  width: calc((100vw - 300px) * (0.027502 * 4));
  min-width: 120px;
  max-width: 160px;
}
.author-mode .textOverlays .spacer.r {
  right: 0;
  border-left: 1px solid rgba(1, 223, 189, 0.3);
}
.author-mode .textOverlays .spacer.l {
  left: 0;
  border-right: 1px solid rgba(1, 223, 189, 0.3);
}
.author-mode .textOverlays:hover .v2_textOverlay .overlay-text {
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.3);
}
.author-mode .v2_textOverlay .overlay-text {
  min-width: 100px;
  min-height: 50px;
}
.v2_textOverlay .textOverlayInner .transparentFont {
  color: transparent !important;
}
.v2_textOverlay h1,
.v2_textOverlay h2,
.v2_textOverlay h3,
.v2_textOverlay h4,
.v2_textOverlay h5,
.v2_textOverlay h6 {
  font-size: 1em;
  line-height: 1.25em;
  margin: 0;
}
.v2_textOverlay .overlay-text {
  position: absolute;
  z-index: 2;
  color: #fff;
  margin: auto auto;
  text-align: center;
  display: inline-block;
}
.v2_textOverlay .overlay-text.bottom {
  bottom: 0;
}
.v2_textOverlay .overlay-text.middle {
  top: 40%;
}
.v2_textOverlay .overlay-text.top {
  top: 0;
}
.v2_textOverlay .overlay-text.left {
  text-align: left;
  left: 0;
  position: absolute;
}
.v2_textOverlay .overlay-text.center {
  text-align: center;
  position: relative;
}
.v2_textOverlay .overlay-text.right {
  text-align: right;
  right: 0;
  position: absolute;
}
.v2_textOverlay.edit-mode .animation .actions {
  display: none;
  position: absolute;
  right: 0;
}
.v2_textOverlay .button {
  width: auto;
  padding: 0 10%;
}
.v2_textOverlay .animation {
  display: inline-block;
  width: 100%;
}
.v2_textOverlay .animation.fadeIn {
  transition: all 1000ms linear;
  visibility: hidden;
  opacity: 0;
}
.v2_textOverlay .animation.fadeIn.animate {
  visibility: visible;
  opacity: 1;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.tabbedContentIcons {
  -webkit-transform: translatez(0);
  background-color: transparent;
  box-sizing: border-box;
  color: #000000;
  float: none;
  height: auto;
  padding: 0;
  text-align: center;
  width: 100%;
}
.tabbedContentIcons ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tabbedContentIcons p.legal {
  margin-bottom: 20px;
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  color: #6a7986;
  letter-spacing: -0.015em;
  font-size: 11px;
  line-height: 1.2727272727272727;
}
@media (min-width: 768px) {
  .tabbedContentIcons p.legal {
  letter-spacing: -0.01em;
  font-size: 12px;
  line-height: 1.3333333333333333;
}

}
.tabbedContentIcons p.legal sup {
  background-color: #e5e7e8;
  border-radius: 50%;
  color: #00b1eb;
  display: inline-block;
  font-size: 10px;
}
@media (min-width: 1024px) {
  
}
@media (min-width: 1280px) {
  
}
@media (min-width: 1440px) {
  
}
.tabbedContentIcons ul {
  list-style: none;
}
.tabbedContentIcons .tabbedContentIconsInner {
  margin: 0 auto;
  float: none;
}
.tabbedContentIcons .tabbedContentIconsInner.borderBelow {
  padding-bottom: 10px;
  border-bottom: 2px solid #e3ebed;
}
.tabbedContentIcons .arrow {
  width: 43px;
  height: 43px;
  border-radius: 50px;
  position: absolute;
  box-shadow: 0 0 0 2px #e3ebed;
  transition: box-shadow 200ms ease;
  cursor: pointer;
  display: none;
}
.tabbedContentIcons .arrow i {
  font-size: 22px;
  line-height: 43px;
  color: #c0c9cc;
  margin-left: 3px;
  transition: all 400ms;
}
.tabbedContentIcons .arrow:hover {
  box-shadow: 0 0 0 2px #00b1eb;
}
.tabbedContentIcons .arrow:hover i {
  font-size: 19px;
  color: #00b1eb;
}
.tabbedContentIcons .arrowRight {
  right: -40px;
  top: 25px;
}
.tabbedContentIcons .arrowLeft {
  left: -40px;
  top: 25px;
}
.tabbedContentIcons .arrowLeft i {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .tabbedContentIcons .extendedNav .showArrow {
  display: block;
}

}
.tabbedContentIcons .daNav {
  margin: 0 auto 20px;
  position: relative;
  overflow: auto;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daNav {
  margin-bottom: 30px;
}
.tabbedContentIcons .daNav .navBorder {
  border-bottom: 2px solid #e3ebed;
  width: 100%;
  margin-top: -6px;
  margin-bottom: 6px;
  position: fixed;
}

}
@media (min-width: 1024px) {
  .tabbedContentIcons .daNav {
  overflow: hidden;
}
.tabbedContentIcons .daNav .navBorder {
  position: relative;
}

}
@media (min-width: 768px) {
  .tabbedContentIcons .daNav .daNavInner {
  display: inline-block;
  position: relative;
  text-align: center;
  width: auto;
  transition: all 400ms;
}

}
.tabbedContentIcons .daNav .daNavMenu {
  position: relative;
}
.tabbedContentIcons .daNav ul,
.tabbedContentIcons .daNav li {
  padding: 0;
}
.tabbedContentIcons .daNav hr {
  background-color: #00b1eb;
  border: 0;
  bottom: -2px;
  display: none;
  height: 4px;
  left: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  transition: all 400ms;
  width: 100px;
  z-index: 100;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daNav hr {
  display: block;
}

}
.tabbedContentIcons .daNav ul {
  display: flex;
  flex-direction: row;
  white-space: nowrap;
  z-index: 1;
}
.tabbedContentIcons .daNav li {
  border-radius: 10px;
  color: #707c81;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  flex-shrink: 0;
  margin: 0 6px 0 0;
  position: relative;
  white-space: normal;
  width: 88px;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daNav li {
  color: #6e7b81;
  display: block;
  font-size: 11px;
  flex-shrink: initial;
  float: left;
  height: auto;
  margin: 0 2px 0 0;
  width: 84px;
}

}
@media (min-width: 1024px) {
  .tabbedContentIcons .daNav li {
  font-size: 14px;
  margin: 0 2px 0 0;
  width: 113px;
}

}
@media (min-width: 1280px) {
  .tabbedContentIcons .daNav li {
  margin: 0 6px 0 0;
  width: 146px;
}

}
@media (min-width: 1440px) {
  .tabbedContentIcons .daNav li {
  height: 130px;
  width: 150px;
}

}
.tabbedContentIcons .daNav li:last-child {
  margin-right: 0;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daNav li:hover {
  color: #00b1eb;
}
.tabbedContentIcons .daNav li:hover .icon {
  opacity: 1;
}
.tabbedContentIcons .daNav li:hover .svg path,
.tabbedContentIcons .daNav li:hover polygon {
  fill: #00b1eb !important;
  stroke-width: 0px !important;
}

}
.tabbedContentIcons .daNav li.active {
  color: #00b1eb;
}
.tabbedContentIcons .daNav li.active .icon {
  opacity: 1;
}
.tabbedContentIcons .daNav li.active .svg path,
.tabbedContentIcons .daNav li.active polygon {
  fill: #00b1eb !important;
  stroke-width: 0px !important;
}
@media (min-width: 768px) {
  
}
.tabbedContentIcons .daNav li.active .icon {
  border-bottom: 4px solid #00b1eb;
  border-radius: 4px 4px 0 0;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daNav li.active .icon {
  border: 0;
}

}
.tabbedContentIcons .daNav li.active .icon::after {
  -webkit-transform: translatex(-50%);
  -moz-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  -o-transform: translatex(-50%);
  transform: translatex(-50%);
  bottom: -14px;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #00b1eb;
  content: '';
  left: 50%;
  position: absolute;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daNav li.active .icon::after {
  display: none;
}

}
.tabbedContentIcons .daNav li .icon,
.tabbedContentIcons .daNav li .text {
  display: block;
  float: left;
  position: relative;
  width: 100%;
}
.tabbedContentIcons .daNav li .icon {
  background-size: auto 176px;
  height: 88px;
  margin-bottom: 18px;
  width: 88px;
  background: #F1F5F6;
  border-radius: 4px;
  opacity: .5;
}
.tabbedContentIcons .daNav li .icon .svg {
  width: 70%;
  margin-top: 10%;
}
.tabbedContentIcons .daNav li .icon .svg path,
.tabbedContentIcons .daNav li .icon .svg polygon {
  fill: #7c878e;
  stroke-width: 0px !important;
}
.tabbedContentIcons .daNav li .icon .svg:hover path,
.tabbedContentIcons .daNav li .icon .svg:hover polygon {
  fill: #00b1eb;
}
.tabbedContentIcons .daNav li .icon:hover {
  color: #00b1eb;
  opacity: 1;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daNav li .icon {
  background-size: 88px auto;
  height: 40px;
  margin-bottom: 0;
  width: 84px;
  background: transparent;
}
.tabbedContentIcons .daNav li .icon .svg {
  width: 40%;
  margin-top: 0;
}

}
@media (min-width: 1024px) {
  .tabbedContentIcons .daNav li .icon {
  background-size: 114px auto;
  height: 60px;
  width: 113px;
}

}
@media (min-width: 1280px) {
  .tabbedContentIcons .daNav li .icon {
  background-size: 146px auto;
  height: 70px;
  width: 146px;
}

}
@media (min-width: 1440px) {
  .tabbedContentIcons .daNav li .icon {
  background-size: 150px auto;
  height: 74px;
  width: 150px;
}

}
.tabbedContentIcons .daNav li .text {
  display: none;
  min-height: 40px;
  white-space: normal;
  font-family: "Black", sans-serif;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daNav li .text {
  display: block;
}

}
.tabbedContentIcons .daNav .textMobile {
  color: #00b1eb;
  text-align: center;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daNav .textMobile {
  display: none;
}

}
.tabbedContentIcons .extendedNav li {
  margin: 0;
}
.tabbedContentIcons .extendedNav li .icon {
  width: 100%;
  background-size: 100% auto;
}
.tabbedContentIcons .daPanels {
  position: relative;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daPanels {
  height: auto;
  margin: 0 auto;
  position: relative;
}

}
.tabbedContentIcons .daPanel {
  display: none;
  position: relative;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daPanel {
  width: 100%;
}

}
.tabbedContentIcons .daPanel.active {
  display: block;
}
.tabbedContentIcons .daAsset {
  margin-bottom: 25px;
}
.tabbedContentIcons .daAsset .responsiveAssetInner {
  background-size: cover;
  background-position: center;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daCopy {
  margin: 0;
  padding: 0 10%;
}

}
@media (min-width: 768px) {
  .tabbedContentIcons .daCopy .title-content {
  margin-bottom: 5px;
}

}
.tabbedContentIcons .daCopy .body-content p {
  margin: 0 0 40px;
}
.tabbedContentIcons .daCopy p {
  display: block;
}
.tabbedContentIcons .daCopy p.learn-more {
  margin-bottom: 0;
}
.tabbedContentIcons .daCopy p.learn-more a {
  font-family: "Black", sans-serif;
  font-weight: normal;
  border-radius: 5px;
  background-color: #00b1eb;
  border: 0;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  max-width: 100%;
  outline: 0;
  padding: 0 24px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daCopy p.learn-more a {
  padding: 0 20px;
}

}
@media (min-width: 1024px) {
  .tabbedContentIcons .daCopy p.learn-more a {
  font-size: 13px;
  height: 40px;
  line-height: 40px;
}

}
@media (min-width: 1280px) {
  .tabbedContentIcons .daCopy p.learn-more a {
  font-size: 18px;
  height: 60px;
  line-height: 60px;
  padding: 0 28px;
}

}
.tabbedContentIcons .daCopy p.learn-more a:link,
.tabbedContentIcons .daCopy p.learn-more a:active,
.tabbedContentIcons .daCopy p.learn-more a:visited {
  color: #ffffff;
}
.tabbedContentIcons .daCopy p.learn-more a:link.ctaFlipColorsMobile_true,
.tabbedContentIcons .daCopy p.learn-more a:active.ctaFlipColorsMobile_true,
.tabbedContentIcons .daCopy p.learn-more a:visited.ctaFlipColorsMobile_true {
  background: #ffffff;
  color: #00b1eb;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daCopy p.learn-more a:link.ctaFlipColorsMobile_true,
.tabbedContentIcons .daCopy p.learn-more a:active.ctaFlipColorsMobile_true,
.tabbedContentIcons .daCopy p.learn-more a:visited.ctaFlipColorsMobile_true {
  background: #00b1eb;
  color: #ffffff;
}

}
.tabbedContentIcons .daCopy p.learn-more a:hover {
  background-color: #009dd8;
  color: #ffffff;
}
.tabbedContentIcons .daCopy p.learn-more a:hover.ctaFlipColorsMobile_true {
  background: #ffffff;
  color: #00b1eb;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daCopy p.learn-more a:hover.ctaFlipColorsMobile_true {
  background-color: #009dd8;
  color: #ffffff;
}

}
.tabbedContentIcons .daCopy .hideDesktop_true {
  display: block;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daCopy .hideDesktop_true {
  display: none;
}

}
.tabbedContentIcons .daCopy .hideMobile_true {
  display: none;
}
@media (min-width: 768px) {
  .tabbedContentIcons .daCopy .hideMobile_true {
  display: block;
}

}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.tabbedContentInner {
  box-sizing: border-box;
}
.tabbedContentInner * {
  box-sizing: border-box;
}
.tabbedContentInner ul,
.tabbedContentInner li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tabbedContentInner .hasBg_true {
  padding-top: 100%;
}
@media (min-width: 768px) {
  .tabbedContentInner.isEngines {
  padding-left: 5%;
  padding-right: 5%;
}

}
.tabbedContentInner.horizontalTabs:not(.isEngines) li.panel:first-child {
  border-top: none;
}
.tabbedContentInner.horizontalTabs:not(.isEngines) li.panel:first-child .tabMobile {
  padding-top: 10px;
}
.tabbedContentInner.horizontalTabs > .navDesktopContainer,
.tabbedContentInner.verticalTabs > .navDesktopContainer,
.tabbedContentInner.toggleTabs > .navDesktopContainer {
  display: none;
}
@media (min-width: 768px) {
  .tabbedContentInner.horizontalTabs > .navDesktopContainer,
.tabbedContentInner.verticalTabs > .navDesktopContainer,
.tabbedContentInner.toggleTabs > .navDesktopContainer {
  display: block;
  position: relative;
}

}
.tabbedContentInner.horizontalTabs > .navDesktopContainer > .navDesktop,
.tabbedContentInner.verticalTabs > .navDesktopContainer > .navDesktop,
.tabbedContentInner.toggleTabs > .navDesktopContainer > .navDesktop {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.tabbedContentInner.horizontalTabs > .panelWrapper,
.tabbedContentInner.verticalTabs > .panelWrapper,
.tabbedContentInner.toggleTabs > .panelWrapper {
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  .tabbedContentInner.horizontalTabs > .panelWrapper .tabMobile,
.tabbedContentInner.verticalTabs > .panelWrapper .tabMobile,
.tabbedContentInner.toggleTabs > .panelWrapper .tabMobile {
  display: flex !important;
  align-items: center !important;
}
.tabbedContentInner.horizontalTabs > .panelWrapper .tabMobile span,
.tabbedContentInner.verticalTabs > .panelWrapper .tabMobile span,
.tabbedContentInner.toggleTabs > .panelWrapper .tabMobile span {
  margin-right: 6.898%;
}

}
.tabbedContentInner.horizontalTabs > .panelWrapper > .panel,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel {
  display: block;
  float: left;
  padding: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .tabbedContentInner.horizontalTabs > .panelWrapper > .panel,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel {
  border: 0;
  display: none;
  margin-bottom: 0;
}

}
.author-mode .tabbedContentInner.horizontalTabs > .panelWrapper > .panel,
.author-mode .tabbedContentInner.verticalTabs > .panelWrapper > .panel,
.author-mode .tabbedContentInner.toggleTabs > .panelWrapper > .panel {
  display: block;
}
.tabbedContentInner.horizontalTabs > .panelWrapper > .panel:last-of-type,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel:last-of-type,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel:last-of-type {
  border-bottom: 1px solid #e5e7e8;
}
@media (min-width: 768px) {
  .tabbedContentInner.horizontalTabs > .panelWrapper > .panel:last-of-type,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel:last-of-type,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel:last-of-type {
  border: 0;
}

}
@media (min-width: 768px) {
  .tabbedContentInner.horizontalTabs > .panelWrapper > .panel.active,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel.active,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel.active {
  display: block;
}

}
.tabbedContentInner.horizontalTabs > .panelWrapper > .panel.active .panelInner,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel.active .panelInner,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel.active .panelInner {
  display: block;
}
.tabbedContentInner.horizontalTabs > .panelWrapper > .panel .c2,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel .c2,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel .c2 {
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .tabbedContentInner.horizontalTabs > .panelWrapper > .panel .c2,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel .c2,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel .c2 {
  padding-bottom: 4%  ;
}

}
.tabbedContentInner.horizontalTabs > .panelWrapper > .panel .panel,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel .panel,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel .panel {
  margin-bottom: 40px;
  padding: 0;
}
@media (min-width: 768px) {
  .tabbedContentInner.horizontalTabs > .panelWrapper > .panel .panel,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel .panel,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel .panel {
  margin-bottom: 0;
}

}
.tabbedContentInner.horizontalTabs > .panelWrapper > .panel .panel:last-of-type,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel .panel:last-of-type,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel .panel:last-of-type {
  border: 0;
  margin-bottom: 0;
}
.tabbedContentInner.horizontalTabs > .panelWrapper > .panel .panel:last-of-type .c2,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel .panel:last-of-type .c2,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel .panel:last-of-type .c2 {
  border: 0;
}
.tabbedContentInner.horizontalTabs > .panelWrapper > .panel .panel .c2,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel .panel .c2,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel .panel .c2 {
  border-bottom: 1px solid #f1f5f6;
}
@media (min-width: 768px) {
  .tabbedContentInner.horizontalTabs > .panelWrapper > .panel .panel .c2,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel .panel .c2,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel .panel .c2 {
  border: 0;
  margin: 0;
}

}
.tabbedContentInner.horizontalTabs > .panelWrapper > .panel .panelInner,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel .panelInner,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel .panelInner {
  display: none;
  margin: 0 auto;
  width: 86.13%;
}
@media (min-width: 768px) {
  .tabbedContentInner.horizontalTabs > .panelWrapper > .panel .panelInner,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel .panelInner,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel .panelInner {
  display: block;
  float: left;
  margin: 0;
  width: 100%;
}

}
.tabbedContentInner.horizontalTabs > .panelWrapper > .panel,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel {
  border-top: 1px solid #e5e7e8;
}
@media (min-width: 768px) {
  .tabbedContentInner.horizontalTabs > .panelWrapper > .panel,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel {
  border-top: 0;
}

}
.tabbedContentInner.horizontalTabs > .panelWrapper > .panel.active .tabMobile,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel.active .tabMobile,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel.active .tabMobile {
  color: #000000;
}
.tabbedContentInner.horizontalTabs > .panelWrapper > .panel.active .tabMobile > .vw-icon-arrowhead-thin-right,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel.active .tabMobile > .vw-icon-arrowhead-thin-right,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel.active .tabMobile > .vw-icon-arrowhead-thin-right {
  color: #00b1eb;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tabbedContentInner.horizontalTabs > .panelWrapper > .panel .tabMobile,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel .tabMobile,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel .tabMobile {
  font-family: "Black", sans-serif;
  font-weight: normal;
  background-size: 8px 17px;
  color: #7c878e;
  display: block;
  font-size: 15px;
  line-height: 1.2666666666666666;
  margin: 0 auto;
  padding: 27px 0;
  width: 86.13%;
}
.tabbedContentInner.horizontalTabs > .panelWrapper > .panel .tabMobile .vw-icon-arrowhead-thin-right,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel .tabMobile .vw-icon-arrowhead-thin-right,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel .tabMobile .vw-icon-arrowhead-thin-right {
  color: #00b1eb;
  display: inline-block;
}
.tabbedContentInner.horizontalTabs > .panelWrapper > .panel .tabMobile:last-of-type,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel .tabMobile:last-of-type,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel .tabMobile:last-of-type {
  border-bottom: 1px solid #6a7986;
}
@media (min-width: 768px) {
  .tabbedContentInner.horizontalTabs > .panelWrapper > .panel .tabMobile,
.tabbedContentInner.verticalTabs > .panelWrapper > .panel .tabMobile,
.tabbedContentInner.toggleTabs > .panelWrapper > .panel .tabMobile {
  display: none;
}
.author-mode .tabbedContentInner.horizontalTabs > .panelWrapper > .panel .tabMobile,
.author-mode .tabbedContentInner.verticalTabs > .panelWrapper > .panel .tabMobile,
.author-mode .tabbedContentInner.toggleTabs > .panelWrapper > .panel .tabMobile {
  display: block;
}

}
.tabbedContentInner.horizontalTabs.isEngines > .navDesktopContainer {
  margin-bottom: 8%;
}
.tabbedContentInner.horizontalTabs.isEngines .lazyLoadPlaceholder {
  background-color: transparent;
}
@media (min-width: 768px) {
  .tabbedContentInner.horizontalTabs.isEngines .lazyLoadPlaceholder {
  background-color: #f1f5f6;
}

}
@media (min-width: 768px) {
  .tabbedContentInner.horizontalTabs:not(.isEngines) .c2 {
  margin-top: 5%;
}

}
.tabbedContentInner.horizontalTabs > .navDesktopContainer {
  margin-bottom: 4%;
  min-width: 100%;
  padding-right: 20px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  
}
@media (min-width: 1024px) {
  
}
.tabbedContentInner.horizontalTabs > .navDesktopContainer .navDesktop {
  border-bottom: 2px solid #f1f5f6;
  flex-direction: row;
}
.tabbedContentInner.horizontalTabs > .navDesktopContainer .tabDesktop {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.025em;
  background: none;
  color: #7c878e;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.25;
  padding: 0 0 18px;
  position: relative;
  display: inline-block;
  margin-right: 3%;
}
.tabbedContentInner.horizontalTabs > .navDesktopContainer .tabDesktop:hover {
  color: #00b1eb;
}
.tabbedContentInner.horizontalTabs > .navDesktopContainer .tabDesktop.active {
  color: #00b1eb;
}
@media (min-width: 768px) {
  .tabbedContentInner.horizontalTabs > .navDesktopContainer .track {
  background-color: #00b1eb;
  border: 0;
  bottom: -4px;
  height: 4px;
  left: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  transition: all 400ms;
  width: 100px;
  z-index: 100;
}

}
@media (min-width: 768px) {
  .tabbedContentInner.verticalTabs {
  padding-top: 4%;
}

}
.tabbedContentInner.verticalTabs > .navDesktopContainer {
  float: left;
  width: 24%;
}
.tabbedContentInner.verticalTabs > .navDesktopContainer .navDesktop {
  border-left: 2px solid #f1f5f6;
  flex-direction: column;
  padding: 0 10px 0 30px;
  margin-right: 20px;
}
.tabbedContentInner.verticalTabs > .navDesktopContainer .tabDesktop {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.025em;
  color: #7c878e;
  cursor: pointer;
  display: block;
  font-size: 14px;
  padding: 15px;
  position: relative;
  display: block;
  padding: 12px 0;
  white-space: normal;
}
@media (min-width: 1024px) {
  .tabbedContentInner.verticalTabs > .navDesktopContainer .tabDesktop {
  font-size: 16px;
  line-height: 1.25;
  padding: 20px 0;
}

}
.tabbedContentInner.verticalTabs > .navDesktopContainer .tabDesktop:hover {
  color: #00b1eb;
}
.tabbedContentInner.verticalTabs > .navDesktopContainer .tabDesktop.active {
  color: #00b1eb;
}
@media (min-width: 768px) {
  .tabbedContentInner.verticalTabs > .navDesktopContainer .track {
  background-color: #00b1eb;
  border: 0;
  top: 0;
  height: 50px;
  left: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  transition: all 400ms;
  width: 4px;
  z-index: 100;
}

}
@media (min-width: 768px) {
  .tabbedContentInner.verticalTabs > .panelWrapper {
  width: 76%;
}

}
@media (min-width: 768px) {
  .tabbedContentInner.verticalTabs > .panelWrapper .c1::before {
  background-color: #f1f5f6;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  right: 0;
  top: -50px;
  width: 100vw;
}
.tabbedContentInner.verticalTabs > .panelWrapper .c2 {
  margin-top: -3%;
}

}
.tabbedContentInner.toggleTabs > .navDesktopContainer {
  margin-bottom: 4%;
}
.tabbedContentInner.toggleTabs > .navDesktopContainer .tabDesktop {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.015em;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  background-color: #ffffff;
  border: 1px solid #c0c9cc;
  border-radius: 4px;
  box-sizing: border-box;
  color: #6a7986;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  padding: 0 20px;
  position: relative;
  text-align: center;
}
.tabbedContentInner.toggleTabs > .navDesktopContainer .tabDesktop:last-child {
  margin-right: 0;
}
.tabbedContentInner.toggleTabs > .navDesktopContainer .tabDesktop:hover {
  background: #ffffff;
  border: 1px solid #6a7986;
  color: #6a7986;
}
.tabbedContentInner.toggleTabs > .navDesktopContainer .tabDesktop.active {
  background-color: #00b1eb;
  border: 1px solid #00b1eb;
  color: #ffffff;
}
.tabbedContentInner.toggleTabs > .navDesktopContainer .tabDesktop.active span:not(.disclaimer) {
  color: #ffffff;
}
.tabbedContentInner.toggleTabs > .navDesktopContainer .tabDesktop span:not(.disclaimer) {
  box-shadow: none;
  display: block;
  padding: 0 10px;
}
.tabbedContentInner.toggleTabs > .navDesktopContainer .track {
  display: none;
}
.tabbedContentInner.toggleTabs > .panelWrapper {
  width: 100%;
}
.tabbedContentInner.toggleTabs > .panelWrapper > .panel:last-of-type {
  border-bottom: 0;
}
@media (min-width: 768px) {
  .tabbedContentInner.toggleTabs > .panelWrapper .tabPanelContent > .c1 {
  margin-top: -12% !important;
}

}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.progressBar {
  display: none;
}
@media (min-width: 768px) {
  .stickyNavigation.stickAtTop {
  position: fixed;
  top: 0;
}

}
.stickyNavigation {
  font-family: "Black", sans-serif;
  font-weight: normal;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  transform-origin: center bottom;
  background-color: #000000;
  box-sizing: border-box;
  color: #ffffff;
  height: 46px;
  opacity: 1;
  position: absolute;
  top: 60px;
  width: 100%;
  z-index: 110;
}
.stickyNavigation .desktop {
  display: none;
}
.stickyNavigation .mobile {
  display: inline-block;
  margin: 0;
}
@media (min-width: 1024px) {
  .stickyNavigation .mobile {
  display: none;
}
.stickyNavigation .desktop {
  display: inline-block;
  margin: 0;
}

}
@media (min-width: 768px) {
  .stickyNavigation {
  height: 66px;
  left: 95px;
  position: fixed;
  top: 0;
  width: calc(100% - 95px);
}

}
@media (min-width: 1024px) {
  .stickyNavigation {
  bottom: 0;
  position: absolute;
  top: auto;
}

}
.siteNavHideMobile .stickyNavigation {
  position: fixed;
  top: 0;
}
@media (min-width: 1024px) {
  .siteNavHideMobile .stickyNavigation {
  position: absolute;
  top: auto;
}

}
@media (min-width: 768px) {
  .stickyNavFixed .stickyNavigation {
  position: fixed;
  top: 0;
}

}
@media (min-width: 768px) {
  .hideModelStats .stickyNavigation {
  height: 50px;
}

}
.menuOverlay .stickyNavigation {
  z-index: 130;
}
.stickyNavigation * {
  box-sizing: border-box;
}
.stickyNavigation ul,
.stickyNavigation li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.stickyNavigation button {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  border: 0;
  outline: 0;
}
.stickyNavigation a {
  color: #ffffff;
  display: inline-block;
  height: 100%;
  width: 100%;
}
.stickyNavigation a:active {
  text-decoration: none;
}
.stickyNavigation a:link {
  text-decoration: none;
}
.stickyNavigation a:hover {
  color: #00b1eb;
  text-decoration: none;
}
.stickyNavigation a p,
.stickyNavigation a span,
.stickyNavigation a:not.shoppingToolsLink,
.stickyNavigation a.addHover {
  color: #00b1eb;
  text-decoration: none;
}
.stickyNavigationInner {
  float: left;
  height: 100%;
  padding: 0 25px;
  width: 100%;
}
@media (max-width: 767px) {
  
}
@media (min-width: 768px) {
  .stickyNavigationInner {
  padding: 0 220px 0 30px;
  position: relative;
}

}
@media (min-width: 1024px) {
  .stickyNavigationInner {
  padding-left: 12px;
  padding-right: 160px;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner {
  padding-left: 30px;
  padding-right: 200px;
}

}
.stickyNavigationInner.stickynavLite {
  padding-right: 0;
}
.stickyNavigationInner.stickynavLite .vw-icon-left.vw-icon:before {
  transform: rotate(90deg);
  color: #00b1eb;
}
.stickyNavigationInner ul,
.stickyNavigationInner li {
  float: left;
  position: relative;
}
.stickyNavigationInner span.disclaimer {
  font-family: "Black", sans-serif;
  font-weight: normal;
  background: #7c868f;
  border-radius: 100%;
  color: #fff !important;
  display: inline-block;
  font-size: 8px;
  font-style: normal;
  height: 15px;
  line-height: 15px;
  margin-left: 1px;
  padding: 0;
  position: relative;
  text-align: center;
  top: -10px;
  width: 15px;
  z-index: 4;
}
.stickyNavigationInner .modelInfo {
  float: left;
  height: 100%;
  position: relative;
}
.hideModelStats .stickyNavigationInner .modelInfo {
  height: 50px;
}
.stickyNavigationInner .modelAnchor {
  float: left;
}
@media (min-width: 768px) {
  .stickyNavigationInner .modelAnchor {
  display: none;
  height: 42px;
  margin-top: 12px;
  padding-top: 10px;
}

}
.hideModelStats .stickyNavigationInner .modelAnchor {
  display: block;
  height: 66px;
  margin: 0;
  padding: 0;
}
.stickyNavigationInner .modelAnchor a {
  color: #ffffff;
  height: auto;
  line-height: 46px;
}
.stickyNavigationInner .modelAnchor a:link,
.stickyNavigationInner .modelAnchor a:active,
.stickyNavigationInner .modelAnchor a:hover {
  color: #ffffff;
  text-decoration: none;
}
@media (min-width: 1280px) {
  .stickyNavigationInner .modelAnchor a:hover i {
  color: #ffffff;
}

}
@media (min-width: 1024px) {
  .stickyNavigationInner .modelAnchor a {
  line-height: 50px;
}

}
.stickyNavigationInner .modelAnchor i {
  color: #7c878e;
}
.stickyNavigationInner .modelStats {
  text-transform: uppercase;
  display: none;
}
.stickyNavigationInner .modelStats div,
.stickyNavigationInner .modelStats li {
  border-bottom: 1px solid #6a7986;
  display: block;
  padding: 12px 0;
  vertical-align: top;
}
@media (min-width: 768px) {
  .stickyNavigationInner .modelStats div,
.stickyNavigationInner .modelStats li {
  border-bottom: 0;
  border-right: 1px solid #6a7986;
  display: inline-block;
  padding: 0 6px;
}
.stickyNavigationInner .modelStats div:first-of-type,
.stickyNavigationInner .modelStats li:first-of-type {
  padding-left: 0;
}

}
@media (min-width: 1024px) {
  .stickyNavigationInner .modelStats div,
.stickyNavigationInner .modelStats li {
  padding: 0 12px;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner .modelStats div,
.stickyNavigationInner .modelStats li {
  padding: 0 24px;
}
.stickyNavigationInner .modelStats div:first-of-type,
.stickyNavigationInner .modelStats li:first-of-type {
  padding-left: 0;
}

}
.stickyNavigationInner .modelStats div:last-child,
.stickyNavigationInner .modelStats li:last-child {
  border-bottom: 0;
}
@media (min-width: 768px) {
  .stickyNavigationInner .modelStats div:last-child,
.stickyNavigationInner .modelStats li:last-child {
  border-right: 0;
  padding-right: 0;
}

}
.stickyNavigationInner .modelStats span:not(.disclaimer) {
  display: block;
  line-height: 1;
  text-align: center;
}
.stickyNavigationInner .modelStats span:not(.disclaimer):nth-of-type(1) {
  font-family: "Black", sans-serif;
  font-weight: normal;
  color: #ffffff;
  font-size: 27px;
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .stickyNavigationInner .modelStats span:not(.disclaimer):nth-of-type(1) {
  font-size: 22px;
}

}
@media (min-width: 1024px) {
  .stickyNavigationInner .modelStats span:not(.disclaimer):nth-of-type(1) {
  font-size: 24px;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner .modelStats span:not(.disclaimer):nth-of-type(1) {
  font-size: 28px;
}

}
.stickyNavigationInner .modelStats span:not(.disclaimer):nth-of-type(2) {
  font-family: "Black", sans-serif;
  font-weight: normal;
  color: #6a7986;
  font-size: 9px;
  line-height: 1;
}
@media (min-width: 768px) {
  .stickyNavigationInner .modelStats span:not(.disclaimer):nth-of-type(2) {
  font-size: 10px;
  line-height: 1.1111111111111112;
}

}
@media (min-width: 1024px) {
  .stickyNavigationInner .modelStats span:not(.disclaimer):nth-of-type(2) {
  font-size: 11px;
  line-height: 1.2222222222222223;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner .modelStats span:not(.disclaimer):nth-of-type(2) {
  font-size: 13px;
  line-height: 1.1538461538461537;
}

}
.stickyNavigationInner .modelStats span:not(.disclaimer).message {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 12px;
  line-height: 1.3333333333333333;
  text-align: left;
}
@media (min-width: 1024px) {
  .stickyNavigationInner .modelStats span:not(.disclaimer).message {
  font-size: 10px;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner .modelStats span:not(.disclaimer).message {
  font-size: 12px;
}

}
.stickyNavigationInner .modelStats li:first-child {
  padding-left: 0;
}
.stickyNavigationInner .modelStats li:last-child {
  padding-right: 0;
}
.stickyNavigationInner .modelStats span:not(.disclaimer).message {
  color: #6a7986 !important;
  margin-bottom: 0;
}
.stickyNavigationInner .modelStats.hideStats {
  text-transform: inherit;
  transform: inherit;
  line-height: 66px;
}
@media (min-width: 768px) {
  .stickyNavigationInner .modelStats {
  -webkit-transform: translatey(-50%);
  -moz-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
  display: block;
  top: 50%;
}
.stickyNavigationInner .modelStats span:not(.disclaimer) {
  text-align: left;
}
.stickyNavigationInner .modelStats span:not(.disclaimer).one {
  font-size: 20px;
  margin-bottom: 2px;
}
.stickyNavigationInner .modelStats span:not(.disclaimer).two {
  font-size: 13px;
}

}
@media (min-width: 1024px) {
  .stickyNavigationInner .modelStats li {
  padding: 0 12px;
}
.stickyNavigationInner .modelStats span:not(.disclaimer).one {
  font-size: 16px;
}
.stickyNavigationInner .modelStats span:not(.disclaimer).two {
  font-size: 10px;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner .modelStats li {
  padding: 0 24px;
}
.stickyNavigationInner .modelStats span:not(.disclaimer).one {
  font-size: 20px;
}
.stickyNavigationInner .modelStats span:not(.disclaimer).two {
  font-size: 13px;
}

}
@media (min-width: 768px) {
  .stickyNavigationInner .modelStats.customMessage {
  display: flex;
}
.stickyNavigationInner .modelStats.customMessage span:not(.disclaimer).one {
  margin: 0;
  position: relative;
  vertical-align: middle;
}

}
.hideModelStats .stickyNavigationInner .modelStats {
  display: none;
}
.stickyNavigationInner .sectionLinks {
  float: right;
  height: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .stickyNavigationInner .sectionLinks {
  padding-right: 10px;
}

}
@media (min-width: 768px) {
  .stickyNavigationInner .sectionLinks::after {
  border-right: 1px solid #2d2d2d;
  content: '';
  height: 42px;
  position: absolute;
  right: 0;
  top: 12px;
  width: 1px;
}
.hideModelStats .stickyNavigationInner .sectionLinks::after {
  display: none;
}

}
.stickyNavigationInner .sectionLinks > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
@media (min-width: 768px) {
  .stickyNavigationInner .sectionLinks > ul {
  padding-right: 12px;
}

}
@media (min-width: 1024px) {
  .stickyNavigationInner .sectionLinks > ul {
  -webkit-transform: translatey(-50%);
  -moz-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
  height: 100%;
  padding-right: 0;
  top: 50%;
}
.hideModelStats .stickyNavigationInner .sectionLinks > ul {
  height: 100%;
  top: auto;
  transform: none;
}

}
.stickyNavigationInner .sectionLinks li {
  cursor: pointer;
  display: none;
  order: 10;
  float: left;
  height: 100%;
  padding: 0;
  vertical-align: middle;
}
@media (min-width: 1024px) {
  .stickyNavigationInner .sectionLinks li {
  display: inline-block;
}

}
@media (max-width: 767px) {
  .stickyNavigationInner .sectionLinks li.mobilePinToTop {
  order: 1;
}

}
.stickyNavigationInner .sectionLinks li.active {
  display: inline-block;
}
.stickyNavigationInner .sectionLinks li.active a {
  color: #ffffff;
}
.stickyNavigationInner .sectionLinks li:hover a {
  color: #ffffff;
}
@media (min-width: 1024px) {
  .stickyNavigationInner .sectionLinks li.active {
  background-color: #2a3036;
  transition: background-color 400ms;
}

}
.stickyNavigationInner .sectionLinks li.makeBlue {
  background-color: #00b1eb;
  display: inline-block;
}
.stickyNavigationInner .sectionLinks li.makeBlue a {
  color: #ffffff;
  padding: 0 23px;
}
.stickyNavigationInner .sectionLinks li.makeBlue:hover {
  background-color: #009dd8;
}
@media (max-width: 767px) {
  .stickyNavigationInner .sectionLinks li.makeBlue a {
  padding: 0 10px;
}
.stickyNavigationInner .sectionLinks li.makeBlue a i {
  display: none;
}

}
.stickyNavigationInner .sectionLinks a {
  color: #9eaab0;
  height: 100%;
  line-height: 46px;
}
@media (min-width: 768px) {
  .stickyNavigationInner .sectionLinks a {
  letter-spacing: -0.025em;
  line-height: 66px;
}
.hideModelStats .stickyNavigationInner .sectionLinks a {
  line-height: 50px;
}

}
@media (min-width: 1024px) {
  .stickyNavigationInner .sectionLinks a {
  font-size: 13px;
  height: 100%;
  line-height: 66px;
  padding: 0 8px;
  position: relative;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner .sectionLinks a {
  font-size: 16px;
  padding: 0 10px;
}

}
@media (min-width: 1440px) {
  .stickyNavigationInner .sectionLinks a {
  padding: 0 12px;
}

}
.stickyNavigationInner .sectionLinks a:hover {
  color: #ffffff;
  text-decoration: none;
}
.stickyNavigationInner .sectionLinks a:hover i {
  color: #009dd8;
}
@media (min-width: 1024px) {
  .hideModelStats .stickyNavigationInner .sectionLinks a {
  height: 100%;
  line-height: 50px;
}

}
.stickyNavigationInner .sectionLinks a i {
  color: #00b1eb;
}
@media (min-width: 1024px) {
  .stickyNavigationInner .sectionLinks a i {
  display: none;
}

}
.stickyNavigationInner.stickynavLite .sectionLinks {
  padding-right: 0px;
}
@media (min-width: 768px) {
  .stickyNavigationInner.stickynavLite .sectionLinks ul {
  padding-right: 0;
}
.stickyNavigationInner.stickynavLite .sectionLinks i.vw-icon-caron-single {
  display: none;
}
.stickyNavigationInner.stickynavLite .sectionLinks::after {
  border-right: 0;
}

}
@media (max-width: 767px) {
  .stickyNavigationInner.stickynavLite .sectionLinks.showShoppingTools {
  padding-right: 10px;
}

}
@media (min-width: 1024px) {
  .stickyNavigationInner.stickynavLite .sectionLinks.showShoppingTools {
  padding-right: 160px;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner.stickynavLite .sectionLinks.showShoppingTools {
  padding-right: 200px;
}

}
.stickyNavigationInner .shoppingToolsWrapper {
  background: rgba(0, 0, 0, 0.8);
  display: none;
  height: 66px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  .stickyNavigationInner .shoppingToolsWrapper {
  height: inherit;
  display: block;
}

}
@media (min-width: 768px) {
  .stickyNavigationInner .shoppingToolsWrapper {
  display: block;
  width: 200px;
}

}
@media (min-width: 1024px) {
  .stickyNavigationInner .shoppingToolsWrapper {
  bottom: 0;
  top: auto;
  width: 160px;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner .shoppingToolsWrapper {
  width: 200px;
}

}
.hideModelStats .stickyNavigationInner .shoppingToolsWrapper {
  bottom: auto;
  height: 50px;
  top: 0;
}
.shoppingToolsOpen .stickyNavigationInner .shoppingToolsWrapper {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  position: fixed;
  width: 100%;
}
.stickyNavigationInner .shoppingToolsButton {
  font-family: "Black", sans-serif;
  font-weight: normal;
  -webkit-transition: background-color 75ms, height 75ms;
  -moz-transition: background-color 75ms, height 75ms;
  -ms-transition: background-color 75ms, height 75ms;
  -o-transition: background-color 75ms, height 75ms;
  transition: background-color 75ms, height 75ms;
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-size: 16px;
  height: 66px;
  line-height: 66px;
  position: absolute;
  padding: 0 18px 0 24px;
  right: 0;
  text-align: left;
  top: 0;
}
@media (max-width: 767px) {
  .stickyNavigationInner .shoppingToolsButton.showOnMobile {
  display: block;
  line-height: 0;
  height: inherit;
  padding: 0 45px 0 12px;
  background: #00b1eb;
  position: relative;
}

}
@media (min-width: 768px) {
  .stickyNavigationInner .shoppingToolsButton {
  display: block;
  width: 200px;
}

}
@media (min-width: 1024px) {
  .stickyNavigationInner .shoppingToolsButton {
  bottom: 0;
  font-size: 13px;
  height: 66px;
  line-height: 66px;
  padding: 0 20px;
  top: auto;
  width: 160px;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner .shoppingToolsButton {
  font-size: 16px;
  padding: 0 18px 0 24px;
  width: 200px;
}

}
.stickyNavigationInner .shoppingToolsButton:hover {
  background-color: #00b1eb;
}
.stickyNavigationInner .shoppingToolsButton:hover i:before {
  background: transparent;
  box-shadow: 0 0 0 2px #ffffff;
  color: #ffffff;
}
.stickyNavFixed .stickyNavigationInner .shoppingToolsButton:hover {
  background-color: #009dd8;
}
.shoppingToolsOpen .stickyNavigationInner .shoppingToolsButton {
  background-color: transparent;
}
.shoppingToolsOpen .stickyNavigationInner .shoppingToolsButton  i {
  -webkit-transform: rotate(45deg) scale(1);
  -moz-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  -o-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
}
.shoppingToolsOpen .stickyNavigationInner .shoppingToolsButton  i:before {
  background-color: transparent;
  box-shadow: 0 0 0 2px #ffffff;
  color: white;
}
.hideModelStats .stickyNavigationInner .shoppingToolsButton {
  height: 50px;
  line-height: 50px;
}
.hideModelStats .stickyNavigationInner .shoppingToolsButton  i {
  height: 28px;
  right: 24px;
  top: 10px;
  width: 28px;
}
@media (min-width: 1024px) {
  .hideModelStats .stickyNavigationInner .shoppingToolsButton  i {
  height: 20px;
  top: 14px;
  width: 20px;
}

}
@media (min-width: 1280px) {
  .hideModelStats .stickyNavigationInner .shoppingToolsButton  i {
  height: 28px;
  top: 10px;
  width: 28px;
}

}
.hideModelStats .stickyNavigationInner .shoppingToolsButton  i:before {
  line-height: 28px;
}
@media (min-width: 1024px) {
  .hideModelStats .stickyNavigationInner .shoppingToolsButton  i:before {
  line-height: 20px;
}

}
@media (min-width: 1280px) {
  .hideModelStats .stickyNavigationInner .shoppingToolsButton  i:before {
  line-height: 28px;
}

}
.stickyNavFixed .stickyNavigationInner .shoppingToolsButton {
  background: #00b1eb 88% -42px;
  top: 0;
}
.stickyNavFixed .stickyNavigationInner .shoppingToolsButton  i:before {
  box-shadow: 0 0 0 2px #ffffff;
  color: #ffffff;
}
.stickyNavFixed.shoppingToolsOpen .stickyNavigationInner .shoppingToolsButton {
  background-color: #000000;
}
.stickyNavigationInner .shoppingToolsButton i {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 75ms;
  -moz-transition: all 75ms;
  -o-transition: all 75ms;
  transition: all 75ms;
  height: 36px;
  position: absolute;
  right: 16px;
  top: 14px;
  width: 36px;
}
@media (max-width: 767px) {
  .stickyNavigationInner .shoppingToolsButton i {
  height: 24px;
  top: 12px;
  width: 24px;
}

}
@media (min-width: 1024px) {
  .stickyNavigationInner .shoppingToolsButton i {
  height: 20px;
  top: 24px;
  width: 20px;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner .shoppingToolsButton i {
  height: 36px;
  top: 14px;
  -webkit-transform: scale(0.667);
  -moz-transform: scale(0.667);
  -ms-transform: scale(0.667);
  -o-transform: scale(0.667);
  transform: scale(0.667);
  width: 36px;
}

}
.stickyNavigationInner .shoppingToolsButton i:before {
  background-color: #00b1eb;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #00b1eb;
  color: black;
  height: 100%;
  left: 0;
  line-height: 36px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 75ms;
  -moz-transition: all 75ms;
  -o-transition: all 75ms;
  transition: all 75ms;
  width: 100%;
}
@media (max-width: 767px) {
  .stickyNavigationInner .shoppingToolsButton i:before {
  line-height: 24px;
  color: white;
  box-shadow: 0 0 0 3px white;
}

}
@media (min-width: 1024px) {
  .stickyNavigationInner .shoppingToolsButton i:before {
  line-height: 20px;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner .shoppingToolsButton i:before {
  line-height: 36px;
}

}
.stickyNavigationInner .shoppingToolsMenu {
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 18px;
  padding-right: 16px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 66px;
  width: 200px;
}
@media (min-width: 1024px) {
  .stickyNavigationInner .shoppingToolsMenu {
  bottom: 66px;
  font-size: 13px;
  top: auto;
  width: 160px;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner .shoppingToolsMenu {
  font-size: 16px;
  width: 200px;
}

}
.stickyNavFixed .stickyNavigationInner .shoppingToolsMenu {
  bottom: auto;
  margin-bottom: 0;
  margin-top: 18px;
  top: 50px;
}
.stickyNavigationInner .shoppingToolsMenu li {
  letter-spacing: -0.015em;
  display: block;
  float: right;
  margin: 10px 0;
  padding: 0 0 0 14px;
  text-align: right;
  width: auto;
}
.stickyNavigationInner .shoppingToolsMenu li:after {
  -webkit-transition: border-radius 400ms cubic-bezier(0.215, 0.61, 0.355, 1), width 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: border-radius 400ms cubic-bezier(0.215, 0.61, 0.355, 1), width 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: border-radius 400ms cubic-bezier(0.215, 0.61, 0.355, 1), width 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: border-radius 400ms cubic-bezier(0.215, 0.61, 0.355, 1), width 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: border-radius 400ms cubic-bezier(0.215, 0.61, 0.355, 1), width 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: #00b1eb;
  border-radius: 20px;
  content: '';
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  z-index: 1;
}
@media (min-width: 1024px) {
  .stickyNavigationInner .shoppingToolsMenu li:after {
  height: 20px;
  width: 20px;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner .shoppingToolsMenu li:after {
  height: 36px;
  width: 36px;
}

}
.stickyNavigationInner .shoppingToolsMenu li:hover:after {
  width: 100%;
}
.stickyNavigationInner .shoppingToolsMenu li a {
  border-radius: 10px;
  color: #ffffff;
  display: inline-block;
  line-height: 36px;
  height: 36px;
  padding: 0;
  position: relative;
  z-index: 2;
}
@media (min-width: 1024px) {
  .stickyNavigationInner .shoppingToolsMenu li a {
  height: 20px;
  line-height: 20px;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner .shoppingToolsMenu li a {
  line-height: 36px;
  height: 36px;
}

}
.stickyNavigationInner .shoppingToolsMenu li a:hover {
  color: #ffffff;
  text-decoration: none;
}
.stickyNavigationInner .shoppingToolsMenu li a:hover i {
  color: #ffffff;
}
.stickyNavigationInner .shoppingToolsMenu li a span:not(.disclaimer) {
  display: inline-block;
}
.stickyNavigationInner .shoppingToolsMenu li a span:not(.disclaimer):first-child {
  margin-right: 10px;
}
.stickyNavigationInner .shoppingToolsMenu li a i {
  display: inline-block;
  font-size: 19px;
  height: 36px;
  width: 36px;
  padding: 0;
  vertical-align: top;
}
@media (min-width: 1024px) {
  .stickyNavigationInner .shoppingToolsMenu li a i {
  font-size: 10px;
  height: 20px;
  width: 20px;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner .shoppingToolsMenu li a i {
  font-size: 19px;
  height: 36px;
  width: 36px;
}

}
.stickyNavigationInner .shoppingToolsMenu li a i:before {
  height: 100%;
  line-height: 36px;
  margin: 0;
  text-align: center;
  width: 100%;
}
@media (min-width: 1024px) {
  .stickyNavigationInner .shoppingToolsMenu li a i:before {
  line-height: 20px;
}

}
@media (min-width: 1280px) {
  .stickyNavigationInner .shoppingToolsMenu li a i:before {
  line-height: 36px;
}

}
.stickyNavigationInner .shoppingToolsContent {
  bottom: 100%;
  left: 0;
  right: 0;
  position: absolute;
}
.sectionLinksOverlay {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 400ms, top 400ms;
  -moz-transition: opacity 400ms, top 400ms;
  -ms-transition: opacity 400ms, top 400ms;
  -o-transition: opacity 400ms, top 400ms;
  transition: opacity 400ms, top 400ms;
  -webkit-transform-style: preserve-3d;
  background-color: #000000;
  height: 100%;
  left: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 40px 0;
  position: fixed;
  top: -100%;
  white-space: nowrap;
  width: 100%;
  z-index: 9000;
}
@media (min-width: 1024px) {
  .sectionLinksOverlay {
  display: none;
}

}
.menuOverlay .sectionLinksOverlay {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  display: block;
  top: 0;
}
@media (min-width: 1024px) {
  .menuOverlay .sectionLinksOverlay {
  display: none;
}

}
.sectionLinksOverlay .sectionLinksOverlayInner {
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.sectionLinksOverlay .close {
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  height: 36px;
  position: absolute;
  right: 25px;
  top: 8px;
  width: 36px;
}
@media (min-width: 768px) {
  .sectionLinksOverlay .close {
  right: 80px;
}

}
.sectionLinksOverlay .close i {
  display: inline-block;
  height: 36px;
  width: 36px;
}
.sectionLinksOverlay .close i:before {
  border-radius: 50%;
  box-shadow: 0 0 0 2px #ffffff;
  height: 100%;
  left: 0;
  line-height: 36px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  transition: all 400ms;
  width: 100%;
}
@media (min-width: 768px) {
  
}
@media (min-width: 1024px) {
  .sectionLinksOverlay .close i:before {
  line-height: 20px;
}

}
@media (min-width: 1280px) {
  .sectionLinksOverlay .close i:before {
  line-height: 36px;
}

}
.sectionLinksOverlay .close span:not(.disclaimer) {
  display: none;
}
.sectionLinksOverlay h2 {
  font-size: 27px;
  margin: 0 0 30px;
  padding: 0 25px;
}
@media (min-width: 768px) {
  .sectionLinksOverlay h2 {
  font-size: 40px;
  margin-bottom: 38px;
  padding: 0 80px;
}

}
.sectionLinksOverlay ul {
  margin: 0;
  padding: 0;
}
.sectionLinksOverlay li {
  list-style: none;
}
.sectionLinksOverlay a:link,
.sectionLinksOverlay a:active,
.sectionLinksOverlay a:visited {
  color: #ffffff;
  text-decoration: none;
}
.sectionLinksOverlay .sectionLinks {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  margin-bottom: 38px;
}
.sectionLinksOverlay .sectionLinks li {
  height: 46px;
  order: 10;
  padding: 0 25px;
  width: 100%;
}
@media (min-width: 768px) {
  .sectionLinksOverlay .sectionLinks li {
  font-size: 20px;
  height: 70px;
  padding: 0 80px;
}

}
@media (max-width: 767px) {
  .sectionLinksOverlay .sectionLinks li.mobilePinToTop {
  order: 1;
}

}
.sectionLinksOverlay .sectionLinks li.active {
  background-color: #2a3036;
}
.sectionLinksOverlay .sectionLinks li.active a {
  color: #ffffff;
}
.sectionLinksOverlay .sectionLinks li:last-child a {
  border-bottom: 0;
}
.sectionLinksOverlay .sectionLinks a {
  border-bottom: 1px solid #2d2d2d;
  color: #9eaab0;
  display: block;
  line-height: 46px;
}
@media (min-width: 768px) {
  .sectionLinksOverlay .sectionLinks a {
  line-height: 70px;
}

}
.sectionLinksOverlay .buttonLinks {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 25px;
  text-align: left;
}
@media (min-width: 768px) {
  .sectionLinksOverlay .buttonLinks {
  padding: 0 80px;
}

}
.sectionLinksOverlay .buttonLinks li {
  display: inline-block;
  margin: 0 2% 12px 0;
  width: 48%;
}
@media (min-width: 768px) {
  .sectionLinksOverlay .buttonLinks li {
  /*margin-bottom: 24px;*/
  
}

}
.sectionLinksOverlay .buttonLinks li:nth-of-type(even) {
  margin: 0 0 12px 0;
}
.sectionLinksOverlay .buttonLinks a {
  background-color: #00b1eb;
  border-radius: 4px;
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  height: 46px;
  line-height: 46px;
  width: 100%;
  padding-left: 10px;
}
@media (min-width: 768px) {
  .sectionLinksOverlay .buttonLinks a {
  font-size: 18px;
  height: 56px;
  line-height: 56px;
}

}

.author-mode .v2_stickyNavigation:hover {
  opacity: 1;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.svgBg {
  height: 30px;
  width: 30px;
}
.svgBg svg path,
.svgBg svg polygon {
  fill: #00b1eb;
  stroke-width: 0px !important;
}
.v2_slider .ui-slider-horizontal {
  height: 14px;
}
@media (max-width: 767px) {
  .v2_slider .ui-slider-horizontal {
  height: 10px;
}

}
.v2_slider .v2_sliderContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  margin: 40px 0 0 0;
}
@media (max-width: 767px) {
  .v2_slider .v2_sliderContainer {
  height: 30px;
  margin: 20px 0 0 0;
}

}
.v2_slider .v2_sliderContainer .btn {
  border-radius: 50%;
  height: 52px;
  min-width: 52px;
  max-width: 52px;
  background-color: #f1f5f6;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-repeat: no-repeat;
}
.v2_slider .v2_sliderContainer .btn:hover {
  background-color: #00b1eb;
}
.v2_slider .v2_sliderContainer .btn:hover svg path,
.v2_slider .v2_sliderContainer .btn:hover svg polygon {
  fill: #FFFFFF;
}
.v2_slider .v2_sliderContainer .btn svg {
  width: 50px;
  height: 50px;
}
@media (max-width: 767px) {
  .v2_slider .v2_sliderContainer .btn svg {
  width: 30px;
  height: 30px;
}

}
.v2_slider .v2_sliderContainer .btn svg path,
.v2_slider .v2_sliderContainer .btn svg polygon {
  fill: #00b1eb;
  stroke-width: 0px !important;
}
.v2_slider .v2_sliderContainer .btn.next {
  margin-right: 17%;
  margin-left: 25px;
}
@media (max-width: 767px) {
  .v2_slider .v2_sliderContainer .btn.next {
  margin-right: 0;
  margin-left: 15px;
}

}
.v2_slider .v2_sliderContainer .btn.prev {
  margin-left: 17%;
  margin-right: 25px;
}
@media (max-width: 767px) {
  .v2_slider .v2_sliderContainer .btn.prev {
  margin-left: 0;
  margin-right: 15px;
}

}
@media (max-width: 767px) {
  .v2_slider .v2_sliderContainer .btn {
  height: 30px;
  min-width: 30px;
  max-width: 30px;
}

}
.v2_slider .sliderWrapper {
  width: 100%;
}
.v2_slider .sliderWrapper .ui-slider-handle {
  cursor: pointer;
  z-index: 4;
  width: 18px;
  height: 18px;
  border: 6px solid #00b1eb;
  margin-left: -12px;
  top: 50%;
  margin-top: -15px;
  text-align: center;
  line-height: 1.6em;
  border-radius: 50%;
  background-color: #FFFFFF;
  -webkit-transition: transform 100ms ease-in-out;
  -moz-transition: transform 100ms ease-in-out;
  -o-transition: transform 100ms ease-in-out;
  transition: transform 100ms ease-in-out;
}
.v2_slider .sliderWrapper .ui-slider-handle.ui-state-active,
.v2_slider .sliderWrapper .ui-slider-handle.ui-state-hover {
  transform-origin: center;
  transform: scale(1.3);
}
.v2_slider .sliderWrapper .ui-slider-handle.ui-state-active {
  box-shadow: 0 2px 10px 3px #e3e3e3;
}
@media (max-width: 767px) {
  .v2_slider .sliderWrapper .ui-slider-handle {
  width: 14px;
  height: 14px;
  border: 3px solid #00b1eb;
  margin-left: -8px;
  margin-top: -10px;
}

}
.v2_slider .sliderWrapper .tick {
  cursor: pointer;
  z-index: 2;
  position: absolute;
  background-image: none;
  text-align: center;
  background-color: #00b1eb;
  width: 6px;
  height: 6px;
  margin-top: 4px;
  border-radius: 50%;
}
.v2_slider .sliderWrapper .tick.last {
  margin-left: -10px;
}
.v2_slider .sliderWrapper .tick.last:hover {
  margin-left: -12px;
}
.v2_slider .sliderWrapper .tick.first {
  margin-left: 5px;
}
.v2_slider .sliderWrapper .tick.first:hover {
  margin-left: 5px;
}
.v2_slider .sliderWrapper .tick:hover {
  width: 7px;
  height: 7px;
  margin-top: 4px;
  margin-left: -1px;
}
@media (max-width: 767px) {
  .v2_slider .sliderWrapper .tick {
  margin-top: 3px;
  width: 4px;
  height: 4px;
}

}
.v2_slider .sliderContentWrapper .dynamicContentImage {
  padding-top: 32.29% !important;
  background-size: contain;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .v2_slider .sliderContentWrapper .dynamicContentImage {
  padding-top: 52.7% !important;
}

}
#slider {
  width: 100%;
  margin: 0 auto;
}
#slider.ui-corner-all {
  border-radius: 10px;
}
#slider.ui-slider {
  background-color: #e3ebed;
  border: none;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.navigation-desktop {
  background: #fff;
  width: 330px;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 8000;
  -webkit-backface-visibility: hidden !important;
  *zoom: 1;
  -webkit-box-shadow: 10px 0px 30px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 10px 0px 30px rgba(0, 0, 0, 0.15);
  box-shadow: 10px 0px 30px rgba(0, 0, 0, 0.15);
  left: -235px;
  -webkit-transition: left 300ms;
  -moz-transition: left 300ms;
  -o-transition: left 300ms;
  transition: left 300ms;
}
.navigation-desktop:before,
.navigation-desktop:after {
  display: table;
  content: "";
  line-height: 0;
}
.navigation-desktop:after {
  clear: both;
}
.siteNavOpen .navigation-desktop {
  left: 0;
  z-index: 10000;
  -webkit-backface-visibility: hidden !important;
}
.navigation-desktop #hiddenNav {
  width: 235px;
  height: 100%;
  float: left;
  position: relative;
  border-right: 1px solid #e7eaec;
  -webkit-backface-visibility: hidden !important;
  /*overflow-y: auto;*/

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.navigation-desktop #hiddenNav .liveChat {
  display: block;
  width: 160px;
  height: 36px;
  margin: 40px auto 0 32px;
  background: #f7f7f7 url('../../../clientlibs/vwcom/img/components/primaryNav/chatIcon.png') 108px 10px no-repeat;
  color: #01b1ec;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 14px 42px;
}
.navigation-desktop #hiddenNav .searchForm {
  margin: 0;
  position: relative;
}
.navigation-desktop #hiddenNav .searchForm .searchBox {
  display: block;
  width: 160px;
  height: 40px;
  margin: 40px auto;
  margin-top: 14px;
  color: #768188;
  background: #EEE;
  border: 1px solid #d5d5d5;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  font-size: 13px;
  outline: none;
}
.navigation-desktop #hiddenNav .searchForm .searchButton {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 3px;
  right: 40px;
  border: none;
  background: transparent url('../../../clientlibs/vwcom/img/components/primaryNav/navIcons_1x.png') -30px -343px;
  text-indent: -9999px;
}
.navigation-desktop #hiddenNav ul {
  list-style-type: none;
  margin: 36px 0 0;
  padding: 0;
}
.navigation-desktop #hiddenNav ul li.absorbed.hidden {
  display: none;
}
.navigation-desktop #hiddenNav ul li > :not(a) {
  display: none;
}
.navigation-desktop #hiddenNav ul li a {
  color: #808588;
  display: block;
  height: 60px;
  line-height: 60px;
  text-decoration: none;
  padding-left: 10px;
  outline: none;
  -moz-outline: none;
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
  background-color: transparent;
}
.navigation-desktop #hiddenNav ul li a:hover {
  color: #444 !important;
}
.navigation-desktop #hiddenNav ul li a .icon {
  background: transparent url('../../../clientlibs/vwcom/img/components/primaryNav/navIcons_1x.png');
  display: inline-block;
  width: 55px;
  height: 60px;
  float: left;
  margin-right: 15px;
}
.navigation-desktop #hiddenNav ul li a:hover {
  background-color: #f1f5f6;
}
.navigation-desktop #hiddenNav ul li a:active,
.navigation-desktop #hiddenNav ul li a.active {
  background-color: transparent;
}
.navigation-desktop #hiddenNav ul li a.specialOffers .icon,
.navigation-desktop #hiddenNav ul li a.special-offers .icon {
  background-position: 0px -490px;
}
.navigation-desktop #hiddenNav ul li a.specialOffers:hover .icon,
.navigation-desktop #hiddenNav ul li a.special-offers:hover .icon {
  background-position: -80px -490px;
}
.navigation-desktop #hiddenNav ul li a.specialOffers:active .icon,
.navigation-desktop #hiddenNav ul li a.special-offers:active .icon,
.navigation-desktop #hiddenNav ul li a.specialOffers.active .icon,
.navigation-desktop #hiddenNav ul li a.special-offers.active .icon {
  background-position: -160px -490px;
}
.navigation-desktop #hiddenNav ul li a.financialServices .icon,
.navigation-desktop #hiddenNav ul li a.financial-services .icon {
  background-position: 0px -572px;
}
.navigation-desktop #hiddenNav ul li a.financialServices:hover .icon,
.navigation-desktop #hiddenNav ul li a.financial-services:hover .icon {
  background-position: -80px -572px;
}
.navigation-desktop #hiddenNav ul li a.financialServices:active .icon,
.navigation-desktop #hiddenNav ul li a.financial-services:active .icon,
.navigation-desktop #hiddenNav ul li a.financialServices.active .icon,
.navigation-desktop #hiddenNav ul li a.financial-services.active .icon {
  background-position: -160px -572px;
}
.navigation-desktop #hiddenNav ul li a.me .icon {
  background-position: 0px -174px;
}
.navigation-desktop #hiddenNav ul li a.me:hover .icon {
  background-position: -80px -174px;
}
.navigation-desktop #hiddenNav ul li a.me:active .icon,
.navigation-desktop #hiddenNav ul li a.me.active .icon {
  background-position: -160px -174px;
}
.navigation-desktop #hiddenNav ul li a.certified-pre-owned .icon {
  background-position: 0px -1151px;
}
.navigation-desktop #hiddenNav ul li a.certified-pre-owned:hover .icon {
  background-position: -80px -1151px;
}
.navigation-desktop #hiddenNav ul li a.certified-pre-owned:active .icon,
.navigation-desktop #hiddenNav ul li a.certified-pre-owned.active .icon {
  background-position: -160px -1151px;
}
.navigation-desktop #hiddenNav ul li a.socialNews .icon,
.navigation-desktop #hiddenNav ul li a.social-news .icon {
  background-position: 0px -728px;
}
.navigation-desktop #hiddenNav ul li a.socialNews:hover .icon,
.navigation-desktop #hiddenNav ul li a.social-news:hover .icon {
  background-position: -80px -728px;
}
.navigation-desktop #hiddenNav ul li a.socialNews:active .icon,
.navigation-desktop #hiddenNav ul li a.social-news:active .icon,
.navigation-desktop #hiddenNav ul li a.socialNews.active .icon,
.navigation-desktop #hiddenNav ul li a.social-news.active .icon {
  background-position: -160px -728px;
}
.navigation-desktop #hiddenNav ul li a.corporate .icon {
  background-position: 0px -811px;
}
.navigation-desktop #hiddenNav ul li a.corporate:hover .icon {
  background-position: -80px -811px;
}
.navigation-desktop #hiddenNav ul li a.corporate:active .icon,
.navigation-desktop #hiddenNav ul li a.corporate.active .icon {
  background-position: -160px -811px;
}
.navigation-desktop #hiddenNav ul li a.newsroom .icon {
  background-position: 0px -983px;
}
.navigation-desktop #hiddenNav ul li a.newsroom:hover .icon {
  background-position: -80px -983px;
}
.navigation-desktop #hiddenNav ul li a.newsroom:active .icon,
.navigation-desktop #hiddenNav ul li a.newsroom.active .icon {
  background-position: -160px -983px;
}
.navigation-desktop #hiddenNav ul li a.contact .icon {
  background-position: 0px -892px;
}
.navigation-desktop #hiddenNav ul li a.contact:hover .icon {
  background-position: -80px -892px;
}
.navigation-desktop #hiddenNav ul li a.contact:active .icon,
.navigation-desktop #hiddenNav ul li a.contact.active .icon {
  background-position: -160px -892px;
}
.navigation-desktop #hiddenNav ul li a.owners .icon {
  background-position: 0px -648px;
}
.navigation-desktop #hiddenNav ul li a.owners:hover .icon {
  background-position: -86px -648px;
}
.navigation-desktop #hiddenNav ul li a.owners:active .icon,
.navigation-desktop #hiddenNav ul li a.owners.active .icon {
  background-position: -172px -648px;
}
.navigation-desktop #hiddenNav ul li a.findADealer .icon,
.navigation-desktop #hiddenNav ul li a.find-a-dealer .icon {
  background-position: 0px -1070px;
}
.navigation-desktop #hiddenNav ul li a.findADealer:hover .icon,
.navigation-desktop #hiddenNav ul li a.find-a-dealer:hover .icon {
  background-position: -80px -1070px;
}
.navigation-desktop #hiddenNav ul li a.findADealer:active .icon,
.navigation-desktop #hiddenNav ul li a.find-a-dealer:active .icon,
.navigation-desktop #hiddenNav ul li a.findADealer.active .icon,
.navigation-desktop #hiddenNav ul li a.find-a-dealer.active .icon {
  background-position: -160px -1070px;
}
.navigation-desktop #hiddenNav ul li a.build-your-own .icon {
  background-position: 0px -404px;
}
.navigation-desktop #hiddenNav ul li a.build-your-own:hover .icon {
  background-position: -80px -404px;
}
.navigation-desktop #hiddenNav ul li a.build-your-own:active .icon,
.navigation-desktop #hiddenNav ul li a.build-your-own.active .icon {
  background-position: -162px -404px;
}
.navigation-desktop #hiddenNav ul li a.find-a-match .icon {
  background-position: -1px -89px;
}
.navigation-desktop #hiddenNav ul li a.find-a-match:hover .icon {
  background-position: -81px -89px;
}
.navigation-desktop #hiddenNav ul li a.find-a-match:active .icon,
.navigation-desktop #hiddenNav ul li a.find-a-match.active .icon {
  background-position: -164px -77px;
}
.navigation-desktop #hiddenNav ul li a.models .icon {
  background-position: 8px 0px;
}
.navigation-desktop #hiddenNav ul li a.models:hover .icon {
  background-position: -52px 0px;
}
.navigation-desktop #hiddenNav ul li a.models:active .icon,
.navigation-desktop #hiddenNav ul li a.models.active .icon {
  background-position: -104px 0px;
}
.navigation-desktop #hiddenNav ul li a.models .icon {
  background-size: 180px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .navigation-desktop #hiddenNav ul li a .icon {
  background-image: url('../../../clientlibs/vwcom/img/components/primaryNav/navIcons_2x.png');
  background-size: 240px 1240px;
}
.navigation-desktop #hiddenNav ul li a.specialOffers .icon,
.navigation-desktop #hiddenNav ul li a.special-offers .icon {
  background-position: 0px -444px;
}
.navigation-desktop #hiddenNav ul li a.specialOffers:hover .icon,
.navigation-desktop #hiddenNav ul li a.special-offers:hover .icon {
  background-position: -80px -444px;
}
.navigation-desktop #hiddenNav ul li a.specialOffers:active .icon,
.navigation-desktop #hiddenNav ul li a.special-offers:active .icon,
.navigation-desktop #hiddenNav ul li a.specialOffers.active .icon,
.navigation-desktop #hiddenNav ul li a.special-offers.active .icon {
  background-position: -160px -444px;
}
.navigation-desktop #hiddenNav ul li a.financialServices .icon,
.navigation-desktop #hiddenNav ul li a.financial-services .icon {
  background-position: 0px -520px;
}
.navigation-desktop #hiddenNav ul li a.financialServices:hover .icon,
.navigation-desktop #hiddenNav ul li a.financial-services:hover .icon {
  background-position: -80px -520px;
}
.navigation-desktop #hiddenNav ul li a.financialServices:active .icon,
.navigation-desktop #hiddenNav ul li a.financial-services:active .icon,
.navigation-desktop #hiddenNav ul li a.financialServices.active .icon,
.navigation-desktop #hiddenNav ul li a.financial-services.active .icon {
  background-position: -160px -520px;
}
.navigation-desktop #hiddenNav ul li a.me .icon {
  background-position: 0px -156px;
}
.navigation-desktop #hiddenNav ul li a.me:hover .icon {
  background-position: -80px -156px;
}
.navigation-desktop #hiddenNav ul li a.me:active .icon,
.navigation-desktop #hiddenNav ul li a.me.active .icon {
  background-position: -160px -156px;
}
.navigation-desktop #hiddenNav ul li a.certified-pre-owned .icon {
  background-position: 0px -1048px;
}
.navigation-desktop #hiddenNav ul li a.certified-pre-owned:hover .icon {
  background-position: -80px -1048px;
}
.navigation-desktop #hiddenNav ul li a.certified-pre-owned:active .icon,
.navigation-desktop #hiddenNav ul li a.certified-pre-owned.active .icon {
  background-position: -160px -1048px;
}
.navigation-desktop #hiddenNav ul li a.socialNews .icon,
.navigation-desktop #hiddenNav ul li a.social-news .icon {
  background-position: 0px -663px;
}
.navigation-desktop #hiddenNav ul li a.socialNews:hover .icon,
.navigation-desktop #hiddenNav ul li a.social-news:hover .icon {
  background-position: -80px -663px;
}
.navigation-desktop #hiddenNav ul li a.socialNews:active .icon,
.navigation-desktop #hiddenNav ul li a.social-news:active .icon,
.navigation-desktop #hiddenNav ul li a.socialNews.active .icon,
.navigation-desktop #hiddenNav ul li a.social-news.active .icon {
  background-position: -160px -663px;
}
.navigation-desktop #hiddenNav ul li a.corporate .icon {
  background-position: 0px -737px;
}
.navigation-desktop #hiddenNav ul li a.corporate:hover .icon {
  background-position: -80px -737px;
}
.navigation-desktop #hiddenNav ul li a.corporate:active .icon,
.navigation-desktop #hiddenNav ul li a.corporate.active .icon {
  background-position: -160px -737px;
}
.navigation-desktop #hiddenNav ul li a.newsroom .icon {
  background-position: 0px -878px;
}
.navigation-desktop #hiddenNav ul li a.newsroom:hover .icon {
  background-position: -80px -878px;
}
.navigation-desktop #hiddenNav ul li a.newsroom:active .icon,
.navigation-desktop #hiddenNav ul li a.newsroom.active .icon {
  background-position: -160px -878px;
}
.navigation-desktop #hiddenNav ul li a.contact .icon {
  background-position: 0px -810px;
}
.navigation-desktop #hiddenNav ul li a.contact:hover .icon {
  background-position: -80px -810px;
}
.navigation-desktop #hiddenNav ul li a.contact:active .icon,
.navigation-desktop #hiddenNav ul li a.contact.active .icon {
  background-position: -160px -810px;
}
.navigation-desktop #hiddenNav ul li a.owners .icon {
  background-position: 0px -590px;
}
.navigation-desktop #hiddenNav ul li a.owners:hover .icon {
  background-position: -80px -590px;
}
.navigation-desktop #hiddenNav ul li a.owners:active .icon,
.navigation-desktop #hiddenNav ul li a.owners.active .icon {
  background-position: -160px -590px;
}
.navigation-desktop #hiddenNav ul li a.findADealer .icon,
.navigation-desktop #hiddenNav ul li a.find-a-dealer .icon {
  background-position: 0px -973px;
}
.navigation-desktop #hiddenNav ul li a.findADealer:hover .icon,
.navigation-desktop #hiddenNav ul li a.find-a-dealer:hover .icon {
  background-position: -80px -973px;
}
.navigation-desktop #hiddenNav ul li a.findADealer:active .icon,
.navigation-desktop #hiddenNav ul li a.find-a-dealer:active .icon,
.navigation-desktop #hiddenNav ul li a.findADealer.active .icon,
.navigation-desktop #hiddenNav ul li a.find-a-dealer.active .icon {
  background-position: -160px -973px;
}
.navigation-desktop #hiddenNav ul li a.build-your-own .icon {
  background-position: 0px -366px;
}
.navigation-desktop #hiddenNav ul li a.build-your-own:hover .icon {
  background-position: -80px -366px;
}
.navigation-desktop #hiddenNav ul li a.build-your-own:active .icon,
.navigation-desktop #hiddenNav ul li a.build-your-own.active .icon {
  background-position: -162px -366px;
}
.navigation-desktop #hiddenNav ul li a.find-a-match .icon {
  background-position: 4px -77px;
}
.navigation-desktop #hiddenNav ul li a.find-a-match:hover .icon {
  background-position: -69px -77px;
}
.navigation-desktop #hiddenNav ul li a.find-a-match:active .icon,
.navigation-desktop #hiddenNav ul li a.find-a-match.active .icon {
  background-position: -138px -77px;
}
.navigation-desktop #hiddenNav ul li a.find-a-match .icon {
  background-size: 220px !important;
}
.navigation-desktop #hiddenNav ul li a.models .icon {
  background-position: 8px 0px;
}
.navigation-desktop #hiddenNav ul li a.models:hover .icon {
  background-position: -52px 0px;
}
.navigation-desktop #hiddenNav ul li a.models:active .icon,
.navigation-desktop #hiddenNav ul li a.models.active .icon {
  background-position: -104px 0px;
}
.navigation-desktop #hiddenNav ul li a.models .icon {
  background-size: 180px !important;
}

}
.navigation-desktop #hiddenNav ul li a .text br {
  display: none;
}
.navigation-desktop #hiddenNav .siteLanguage {
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  position: absolute;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 40px;
}
.navigation-desktop #hiddenNav .siteLanguage.nonSticky {
  position: relative;
  bottom: 0;
  margin-top: 20px;
  margin-bottom: 60px;
}
.navigation-desktop #hiddenNav .siteLanguage a {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  color: #808588;
  float: left;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
}
.navigation-desktop #visibleNav {
  width: 95px;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden !important;
}
.navigation-desktop #visibleNav #logo {
  background: url('../../../clientlibs/vwcom/img/components/primaryNav/vwLogo_1x.png') center center no-repeat;
  height: 67px;
  padding: 15px 0 30px;
  border-bottom: 1px solid #f1f5f6;
  text-indent: -9999px;
  display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .navigation-desktop #visibleNav #logo {
  background-image: url('../../../clientlibs/vwcom/img/components/primaryNav/vwLogo_2x.png');
  /* we don't have the vwLogoNew_2x file */
  
  background-size: 71px 90px;
}

}
.navigation-desktop #visibleNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  /* li */

}
.navigation-desktop #visibleNav ul.location {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.navigation-desktop #visibleNav ul li a {
  display: block;
  height: 91px;
  line-height: 12px;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid #e7eaec;
  padding: 55px 10px 10px 10px;
  width: 100%;
  text-decoration: none;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 200;
  font-family: "Black", sans-serif;
  font-weight: normal;
  background-image: url('../../../clientlibs/vwcom/img/components/primaryNav/navIcons_1x.png');
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #808588;
  background-color: transparent;
  /*
          .backgroundPositionStates(@defaultX, @defaultY, @hoverX, @hoverY, @activeX, @activeY) {
            background-position: @defaultX @defaultY;
            &:hover { background-position: @hoverX @hoverY; }
            &:active, &.active { background-position: @activeX @activeY; }
          }*/

}
.navigation-desktop #visibleNav ul li a:hover {
  color: #333333;
}
.navigation-desktop #visibleNav ul li a:active,
.navigation-desktop #visibleNav ul li a.active {
  color: #01b1ec;
}
.navigation-desktop #visibleNav ul li a:hover {
  background-color: #f8faf9;
}
.navigation-desktop #visibleNav ul li a:active,
.navigation-desktop #visibleNav ul li a.active {
  background-color: transparent;
}
.navigation-desktop #visibleNav ul li a.models {
  background-position: 8px -5px;
}
.navigation-desktop #visibleNav ul li a.models:hover {
  background-position: -72px -5px;
}
.navigation-desktop #visibleNav ul li a.models:active,
.navigation-desktop #visibleNav ul li a.models.active {
  background-position: -72px -5px;
}
.navigation-desktop #visibleNav ul li a.find-a-match {
  background-position: 8px -90px;
}
.navigation-desktop #visibleNav ul li a.find-a-match:hover {
  background-position: -72px -90px;
}
.navigation-desktop #visibleNav ul li a.find-a-match:active,
.navigation-desktop #visibleNav ul li a.find-a-match.active {
  background-position: -72px -90px;
}
.navigation-desktop #visibleNav ul li a.find-a-dealer {
  background-position: 8px -1070px;
}
.navigation-desktop #visibleNav ul li a.find-a-dealer:hover {
  background-position: -72px -1070px;
}
.navigation-desktop #visibleNav ul li a.find-a-dealer:active,
.navigation-desktop #visibleNav ul li a.find-a-dealer.active {
  background-position: -72px -1070px;
}
.navigation-desktop #visibleNav ul li a.me {
  background-position: 8px -170px;
}
.navigation-desktop #visibleNav ul li a.me:hover {
  background-position: -72px -170px;
}
.navigation-desktop #visibleNav ul li a.me:active,
.navigation-desktop #visibleNav ul li a.me.active {
  background-position: -72px -170px;
}
.navigation-desktop #visibleNav ul li a.location {
  background-position: 8px -974px;
}
.navigation-desktop #visibleNav ul li a.location:hover {
  background-position: -72px -974px;
}
.navigation-desktop #visibleNav ul li a.location:active,
.navigation-desktop #visibleNav ul li a.location.active {
  background-position: -72px -974px;
}
.navigation-desktop #visibleNav ul li a.navSwitch {
  background-position: 8px -245px;
}
.navigation-desktop #visibleNav ul li a.navSwitch:hover {
  background-position: -72px -245px;
}
.navigation-desktop #visibleNav ul li a.navSwitch:active,
.navigation-desktop #visibleNav ul li a.navSwitch.active {
  background-position: -72px -245px;
}
.navigation-desktop #visibleNav ul li a.build-your-own {
  background-position: 8px -405px;
}
.navigation-desktop #visibleNav ul li a.build-your-own:hover {
  background-position: -72px -405px;
}
.navigation-desktop #visibleNav ul li a.build-your-own:active,
.navigation-desktop #visibleNav ul li a.build-your-own.active {
  background-position: -72px -405px;
}
.navigation-desktop #visibleNav ul li a.owners {
  background-position: 8px -647px;
}
.navigation-desktop #visibleNav ul li a.owners:hover {
  background-position: -78px -647px;
}
.navigation-desktop #visibleNav ul li a.owners:active,
.navigation-desktop #visibleNav ul li a.owners.active {
  background-position: -78px -647px;
}
.navigation-desktop #visibleNav ul li a .text {
  margin-top: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .navigation-desktop #visibleNav ul li a {
  background-image: url('../../../clientlibs/vwcom/img/components/primaryNav/navIcons_2x.png');
  background-size: 240px;
}
.navigation-desktop #visibleNav ul li a.models {
  background-position: 8px -5px;
}
.navigation-desktop #visibleNav ul li a.models:hover {
  background-position: -72px -5px;
}
.navigation-desktop #visibleNav ul li a.models:active,
.navigation-desktop #visibleNav ul li a.models.active {
  background-position: -72px -5px;
}
.navigation-desktop #visibleNav ul li a.find-a-match {
  background-position: 8px -90px;
}
.navigation-desktop #visibleNav ul li a.find-a-match:hover {
  background-position: -72px -90px;
}
.navigation-desktop #visibleNav ul li a.find-a-match:active,
.navigation-desktop #visibleNav ul li a.find-a-match.active {
  background-position: -72px -90px;
}
.navigation-desktop #visibleNav ul li a.find-a-dealer {
  background-position: 8px -1070px;
}
.navigation-desktop #visibleNav ul li a.find-a-dealer:hover {
  background-position: -72px -1070px;
}
.navigation-desktop #visibleNav ul li a.find-a-dealer:active,
.navigation-desktop #visibleNav ul li a.find-a-dealer.active {
  background-position: -72px -1070px;
}
.navigation-desktop #visibleNav ul li a.me {
  background-position: 8px -170px;
}
.navigation-desktop #visibleNav ul li a.me:hover {
  background-position: -72px -170px;
}
.navigation-desktop #visibleNav ul li a.me:active,
.navigation-desktop #visibleNav ul li a.me.active {
  background-position: -72px -170px;
}
.navigation-desktop #visibleNav ul li a.location {
  background-position: 8px -974px;
}
.navigation-desktop #visibleNav ul li a.location:hover {
  background-position: -72px -974px;
}
.navigation-desktop #visibleNav ul li a.location:active,
.navigation-desktop #visibleNav ul li a.location.active {
  background-position: -72px -974px;
}
.navigation-desktop #visibleNav ul li a.navSwitch {
  background-position: 8px -245px;
}
.navigation-desktop #visibleNav ul li a.navSwitch:hover {
  background-position: -72px -245px;
}
.navigation-desktop #visibleNav ul li a.navSwitch:active,
.navigation-desktop #visibleNav ul li a.navSwitch.active {
  background-position: -72px -245px;
}
.navigation-desktop #visibleNav ul li a.build-your-own {
  background-position: 8px -405px;
}
.navigation-desktop #visibleNav ul li a.build-your-own:hover {
  background-position: -72px -405px;
}
.navigation-desktop #visibleNav ul li a.build-your-own:active,
.navigation-desktop #visibleNav ul li a.build-your-own.active {
  background-position: -72px -405px;
}
.navigation-desktop #visibleNav ul li a.owners {
  background-position: 8px -1286px;
}
.navigation-desktop #visibleNav ul li a.owners:hover {
  background-position: -71px -1286px;
}
.navigation-desktop #visibleNav ul li a.owners:active,
.navigation-desktop #visibleNav ul li a.owners.active {
  background-position: -78px -1286px;
}

}
.navigation-mobile .navigation-mobile-top-nav {
  *zoom: 1;
  background-color: white;
  height: 60px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 100;
}
.navigation-mobile .navigation-mobile-top-nav:before,
.navigation-mobile .navigation-mobile-top-nav:after {
  display: table;
  content: "";
  line-height: 0;
}
.navigation-mobile .navigation-mobile-top-nav:after {
  clear: both;
}
.siteNavHideMobile .navigation-mobile .navigation-mobile-top-nav {
  transform: translatey(-100%);
}
.navigation-mobile .navigation-mobile-top-nav a {
  color: #88979e;
  display: inline-block;
  height: 60px;
  position: relative;
  text-decoration: none;
  width: 60px;
}
.navigation-mobile .navigation-mobile-top-nav a.vw-logo {
  width: 33px;
  height: 33px;
  margin-top: 13.5px;
  background: url('../basePage/clientlib/img/vw-logo-only.png') no-repeat;
  background-size: contain;
}
.navigation-mobile .navigation-mobile-top-nav a i {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translatex(-50%);
}
.navigation-mobile .navigation-mobile-top-nav a span {
  font-weight: bold;
  font-size: 9px;
  text-transform: uppercase;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translatex(-50%);
}
.navigation-mobile .navigation-mobile-top-nav a.open-menu-nav {
  float: left;
}
.navigation-mobile .navigation-mobile-top-nav a.open-menu-nav i {
  font-size: 18px;
  bottom: 28px;
  left: 27px;
}
.navigation-mobile .navigation-mobile-top-nav a.open-dealer-nav {
  float: right;
}
.navigation-mobile .navigation-mobile-top-nav a.open-dealer-nav i {
  font-size: 30px;
  line-height: 38px;
}
.navigation-mobile .navigation-mobile-menu-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - 64px);
  height: 100%;
  z-index: 120;
  background-color: white;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  transform: translatex(-100%);
}
.navigation-mobile .navigation-mobile-menu-nav.visible {
  transform: translatex(0);
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.main {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.main li a {
  display: block;
  font-size: 17px;
  text-transform: uppercase;
  border-bottom: 1px solid #EEE;
  padding: 18px 14px;
  text-decoration: none;
  font-family: "Black", sans-serif;
  font-weight: normal;
  color: #808588;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.main li a i {
  width: 44px;
  line-height: 44px;
  font-size: 48px;
  margin-right: 7px;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.main li a span {
  position: relative;
  top: -10px;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.main li.mobile-menu-main-home i {
  display: inline-block;
  height: 44px;
  background: url('../basePage/clientlib/img/vw-logo-with-title.png') no-repeat;
  background-size: contain;
  margin: 0 22px 0 10px;
  position: relative;
  top: 6px;
  left: 6px;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.main li.mobile-menu-main-models i.vw-icon:before {
  content: '\e809';
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.main li.mobile-menu-main-find-match i.vw-icon:before {
  content: '\e810';
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.main li.mobile-menu-main-find-a-dealer i.vw-icon:before {
  content: '\e81d';
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.main li.mobile-menu-main-builder i.vw-icon:before {
  content: '\e80f';
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.main li.mobile-menu-main-owners i.vw-icon:before {
  content: '\e811';
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.main li.mobile-menu-main-special-offers i.vw-icon:before {
  content: '\e822';
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.main li.mobile-menu-main-builder i {
  font-size: 34px;
  line-height: 48px;
  margin: 0 16px 0 10px;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.main li.mobile-menu-main-builder span {
  top: -3px;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.main li.mobile-menu-main-special-offers i {
  font-size: 29px;
  line-height: 48px;
  margin: 0 22px 0 10px;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.main li.mobile-menu-main-special-offers span {
  top: -3px;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.sub {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: #EEE;
  padding: 20px 20px 100px 20px;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.sub li a {
  display: block;
  font-size: 13px;
  font-family: "Black", sans-serif;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  color: #808588;
  padding: 10px 0;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.sub li a i {
  width: 36px;
  height: 36px;
  font-size: 32px;
  line-height: 20px;
  margin-left: 5px;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.sub li a span {
  position: relative;
  top: -5px;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.sub li.mobile-menu-sub-contact i.vw-icon:before {
  content: '\e81c';
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.sub li.mobile-menu-sub-newsroom i {
  font-size: 24px;
  margin: 0 9px 0 8px;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.sub li.mobile-menu-sub-newsroom i.vw-icon:before {
  content: '\e81b';
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.sub li.mobile-menu-sub-me i {
  font-size: 24px;
  margin: 0 6px 0 12px;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.sub li.mobile-menu-sub-me i.vw-icon:before {
  content: '\e818';
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.sub li.mobile-menu-sub-financial-services i {
  font-size: 24px;
  margin: 0 9px 0 8px;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.sub li.mobile-menu-sub-financial-services i.vw-icon:before {
  content: '\e80c';
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.sub li.mobile-menu-sub-corporate i {
  font-size: 24px;
  margin: 0 9px 0 8px;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable ul.sub li.mobile-menu-sub-corporate i.vw-icon:before {
  content: '\e81b';
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable .siteLanguage {
  position: relative;
  padding: 0 40px;
  bottom: 75px;
  margin-bottom: 45px;
}
.navigation-mobile .navigation-mobile-menu-nav .scrollable .siteLanguage a {
  color: #808588;
  font-size: 12px;
  text-transform: uppercase;
}
.navigation-mobile .navigation-mobile-menu-nav ul.bottom {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  /* IE10+ */

  display: -webkit-flex;
  /* Safari */

  flex-direction: row;
  justify-content: space-between;
}
.navigation-mobile .navigation-mobile-menu-nav ul.bottom li {
  display: inline-block;
  flex-grow: 1;
}
.navigation-mobile .navigation-mobile-menu-nav ul.bottom li a {
  display: block;
  height: 74px;
  background-color: #01b1ec;
  border-right: 1px solid white;
  text-align: center;
  color: white;
  text-decoration: none;
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.navigation-mobile .navigation-mobile-menu-nav ul.bottom li a i {
  display: block;
  font-size: 22px;
  width: 36px;
  margin: 0 auto;
  padding-top: 15px;
}
.navigation-mobile .navigation-mobile-menu-nav ul.bottom li a span {
  font-size: 12px;
  text-transform: uppercase;
}
.navigation-mobile .navigation-mobile-menu-nav ul.bottom li.mobile-menu-bottom-estimate i {
  font-size: 32px;
  line-height: 20px;
  width: 44px;
  padding-top: 14px;
  margin-bottom: -4px;
}
.navigation-mobile .navigation-mobile-menu-nav ul.bottom li.mobile-menu-bottom-estimate span {
  top: -3px;
}
.navigation-mobile .navigation-mobile-menu-nav ul.bottom li:last-child a {
  border: none;
}
.navigation-mobile .navigation-mobile-dealer-nav {
  position: fixed;
  top: 0;
  right: 0;
  width: calc(100vw - (64px + 50px));
  height: 100vh;
  z-index: 120;
  background-color: #f1f5f6;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  transform: translatex(100%);
  padding: 25px;
}
.navigation-mobile .navigation-mobile-dealer-nav.visible {
  transform: translatex(0);
}
.navigation-mobile .navigation-mobile-dealer-nav h5 {
  margin: 0;
  font-size: 24px;
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.navigation-mobile .navigation-mobile-dealer-nav .zip {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 20px;
  line-height: 42px;
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.navigation-mobile .navigation-mobile-dealer-nav .zip a {
  color: #009ddc;
  text-decoration: none;
}
.navigation-mobile .navigation-mobile-dealer-nav .map {
  height: 150px;
  margin: 10px 0;
  border: 5px solid white;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.navigation-mobile .navigation-mobile-dealer-nav .dealerName {
  font-size: 16px;
  margin: 0 0 5px 0;
  display: block;
  font-weight: bold;
  font-family: "Black";
}
.navigation-mobile .navigation-mobile-dealer-nav .distance {
  margin: 0;
}
.navigation-mobile .navigation-mobile-dealer-nav .address {
  line-height: 22px;
  margin-bottom: 20px;
}
.navigation-mobile .navigation-mobile-dealer-nav .address a {
  color: #009ddc;
  text-decoration: none;
}
.navigation-mobile .navigation-mobile-dealer-nav .actions .buttons {
  width: 60%;
  float: left;
}
.navigation-mobile .navigation-mobile-dealer-nav .actions .buttons a {
  display: block;
  background-color: white;
  text-decoration: none;
  color: #009ddc;
  text-transform: uppercase;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  font-size: 15px;
  font-family: "Black", sans-serif;
  font-weight: normal;
  margin: 0 0 5px 0;
}
.navigation-mobile .navigation-mobile-dealer-nav .actions .call {
  width: 40%;
  float: right;
}
.navigation-mobile .navigation-mobile-dealer-nav .actions .call a {
  display: block;
  float: right;
  width: 70px;
  height: 70px;
  color: white;
  background-color: #009ddc;
  border-radius: 70px;
  font-size: 32px;
  line-height: 70px;
  text-align: center;
}
.navigation-mobile .navigation-mobile-dealer-nav .more-dealers {
  position: absolute;
  bottom: 50px;
  right: 0;
  width: 100%;
  height: 50px;
  color: white;
  background-color: #009ddc;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.navigation-mobile .navigation-mobile-tint {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 110;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.navigation-mobile .navigation-mobile-tint.visible {
  visibility: visible;
  opacity: 1;
}
.navigation-mobile .navigation-mobile-close {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 10px;
  z-index: 120;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.navigation-mobile .navigation-mobile-close.visible {
  visibility: visible;
  opacity: 1;
}
.navigation-mobile .navigation-mobile-close.on-right {
  right: 10px;
}
.navigation-mobile .navigation-mobile-close.on-left {
  left: 10px;
}
.navigation-mobile .navigation-mobile-close i {
  display: block;
  width: 44px;
  height: 44px;
  font-size: 15px;
  line-height: 44px;
  text-align: center;
  background-color: white;
  color: #666;
  border-radius: 44px;
}
.navigation {
  position: relative;
  z-index: 120;
}
.navigation .navigation-desktop {
  display: none;
}
.navigation .navigation-mobile {
  display: block;
}
@media (min-width: 768px) {
  .navigation .navigation-desktop {
  display: block;
}
.navigation .navigation-mobile {
  display: none;
}

}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.cq-wcm-edit .v2_sideBySide .responsiveAssetInner > div {
  position: absolute !important;
}
.cq-wcm-edit .v2_sideBySide .responsiveAssetInner > div.video-container {
  position: relative !important;
}
.cq-wcm-edit .v2_sideBySide .responsiveAssetInner {
  margin-top: 20px;
}
.cq-wcm-edit .v2_sideBySide .sideBySideInner .column .cq-editbar-placeholder {
  position: absolute !important;
  width: 100% !important;
}
.cq-wcm-edit .v2_sideBySide .sideBySideInner .column .v2_blockquote {
  margin-top: 20px;
}
.v2_sideBySide .sideBySideInner {
  display: flex;
  display: -ms-flexbox;
  /* IE10+ */

  display: -webkit-flex;
  /* Safari */

  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  /* Safari 6.1+ */

  -ms-flex-wrap: wrap;
  /* IE10+ */

  /* BASE */

  /*    &.l_100 {
          .c1 {
            width: ~"calc(100% - 40px)";
            margin-left: 40px;
          }
        }
    */

}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner .sideBySideResonsiveAsset {
  display: none !important;
}
.v2_sideBySide .sideBySideInner.pinToTop {
  align-items: flex-start;
}
.v2_sideBySide .sideBySideInner.pinToCenter {
  align-items: center;
}

}
body.cq-wcm-edit .v2_sideBySide .sideBySideInner  .asset .cq-editcomponent-placeholder {
  width: auto !important;
}
.v2_sideBySide .sideBySideInner .v2_blockquote {
  display: flex;
  align-items: center;
}
.v2_sideBySide .sideBySideInner .v2_blockquote .blockquoteInner {
  width: 100%;
}
.v2_sideBySide .sideBySideInner hr {
  position: absolute;
  border: 0;
  width: 110px;
  border-top: 4px solid #01b1ec;
  margin-top: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner .tabs {
  border-bottom: 2px solid #e3ebed;
  clear: both;
  float: left;
  letter-spacing: normal;
  line-height: normal;
  list-style-type: none;
  margin: 1vw 0 3.449% 0;
  min-width: 100%;
  overflow: auto;
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
  word-spacing: normal;
}
.v2_sideBySide .sideBySideInner .tabs li {
  font-family: "Black", sans-serif;
  font-weight: normal;
  color: #7c878e;
  display: inline-block;
  font-size: 16px;
  line-height: 55px;
  margin: 0 38px 0 0;
  cursor: pointer;
}
.v2_sideBySide .sideBySideInner .tabs li .filterValue {
  background: #9eaab0;
  color: #ffffff;
  line-height: 16px;
  height: 19px;
  width: 22px;
  margin: 17px 0 0 6px;
  font-size: 12px;
  float: right;
  border-radius: 5px;
  text-align: center;
  padding: 3px 0 0;
}
.v2_sideBySide .sideBySideInner .tabs li:hover {
  color: #00b1eb;
}
.v2_sideBySide .sideBySideInner .tabs li:hover .filterValue {
  background: #00b1eb;
}
.v2_sideBySide .sideBySideInner .tabs li.active {
  color: #00b1eb;
}
.v2_sideBySide .sideBySideInner .tabs li.active .filterValue {
  background: #00b1eb;
}
.v2_sideBySide .sideBySideInner .tabs li.topRightTextIcon {
  float: right;
  font-size: 16px;
  margin-right: 0;
}
@media (max-width: 767px) {
  .v2_sideBySide .sideBySideInner .tabs li.topRightTextIcon {
  display: none;
}

}
.v2_sideBySide .sideBySideInner .tabs li.topRightTextIcon a {
  text-decoration: none;
}
.v2_sideBySide .sideBySideInner .blockquote {
  width: 100%;
}
.v2_sideBySide .sideBySideInner .asset {
  margin: 0;
  display: flex;
  min-width: 100%;
}
.v2_sideBySide .sideBySideInner .asset .parsys {
  width: 100%;
}
.v2_sideBySide .sideBySideInner .asset .v2_responsiveAsset {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.v2_sideBySide .sideBySideInner .asset .v2_responsiveAsset .responsiveAssetInner {
  display: flex;
}
.v2_sideBySide .sideBySideInner .column:first-child .asset .v2_responsiveAsset:nth-child(1) {
  display: block;
}
.v2_sideBySide .sideBySideInner .column {
  float: left;
  position: relative;
  display: flex;
  display: -webkit-flex;
  /* Safari */

  display: -ms-flexbox;
  /* IE10+ */

}
.v2_sideBySide .sideBySideInner .column .title-content {
  height: auto;
}
.v2_sideBySide .sideBySideInner .column.DD {
  overflow: hidden;
}
.v2_sideBySide .sideBySideInner .column.hidden {
  display: none !important;
}
.v2_sideBySide .sideBySideInner.wrap.l_DD_33 .c1:nth-child(3n) {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner .dataGridContainer {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
}
.v2_sideBySide .sideBySideInner .dataGridContainer .column > div {
  *zoom: 1;
}
.v2_sideBySide .sideBySideInner .dataGridContainer .column > div:before,
.v2_sideBySide .sideBySideInner .dataGridContainer .column > div:after {
  display: table;
  content: "";
  line-height: 0;
}
.v2_sideBySide .sideBySideInner .dataGridContainer .column > div:after {
  clear: both;
}
.v2_sideBySide .sideBySideInner .dataGridContainer .column > div:after {
  content: "";
  display: block;
  width: 100%;
  height: 2.7502vw;
  min-height: 20px;
  max-height: 40px;
}
.v2_sideBySide .sideBySideInner .dataGridContainer .column > div.noGutter:after {
  height: auto;
  min-height: auto;
  max-height: auto;
}
.v2_sideBySide .sideBySideInner .dataGridContainer .column.offerTile > div:after {
  width: auto;
  height: auto;
  min-height: initial;
  max-height: initial;
}
@media (min-width: 1024px) {
  .v2_sideBySide .sideBySideInner .dataGridContainer .column:nth-child(3n+1):nth-last-child(-n+3) > div.trim-card,
.v2_sideBySide .sideBySideInner .dataGridContainer .column:nth-child(3n+1):nth-last-child(-n+3) ~ .column > div.trim-card {
  margin-bottom: 0;
}
.v2_sideBySide .sideBySideInner .dataGridContainer .column:nth-child(3n+1):nth-last-child(-n+3) > div:after,
.v2_sideBySide .sideBySideInner .dataGridContainer .column:nth-child(3n+1):nth-last-child(-n+3) ~ .column > div:after {
  display: none !important;
}

}
.v2_sideBySide .sideBySideInner.nowrap {
  white-space: nowrap;
  letter-spacing: -10px;
  word-spacing: 0;
}
.v2_sideBySide .sideBySideInner.nowrap .column {
  margin-bottom: 0 !important;
}
.v2_sideBySide .sideBySideInner.nowrap .dataGridContainer {
  display: flex;
  flex-wrap: nowrap;
  overflow: visible;
  width: 100%;
  position: relative;
}
.v2_sideBySide .sideBySideInner.nowrap .column {
  display: flex;
  float: none;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
}
.v2_sideBySide .sideBySideInner.accordion .column .title-content {
  height: 73px;
}
.v2_sideBySide .sideBySideInner.accordion .column .title-content .spanIcon {
  display: none;
}
.v2_sideBySide .sideBySideInner.accordion .column .body-content,
.v2_sideBySide .sideBySideInner.accordion .column .attributionImageWrapper {
  display: block;
}
.v2_sideBySide .sideBySideInner.l_66x34 .c1 {
  width: 64.275%;
}
.v2_sideBySide .sideBySideInner.l_66x34 .c2 {
  margin-left: 3.449%;
  width: 32.275%;
}
.v2_sideBySide .sideBySideInner.l_66x34.gutter_narrow .c1 {
  width: calc(66% - 4px);
}
.v2_sideBySide .sideBySideInner.l_66x34.gutter_narrow .c2 {
  margin-left: 8px;
  width: calc(34% - 4px);
}
.v2_sideBySide .sideBySideInner.l_66x34.gutter_wide .c1 {
  width: calc(66% - 3.449%);
}
.v2_sideBySide .sideBySideInner.l_66x34.gutter_wide .c2 {
  width: calc(34% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent {
  display: block;
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent .c1 {
  float: right;
  margin: -4% 0 0 3.449%;
  width: calc(40% - 3.449%);
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent .c2,
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent .c3 {
  float: left;
  margin: 0;
  width: calc(60% - 3.449%);
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent .c2 {
  order: 1;
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.flipped .c1 {
  float: left;
  margin-left: 0;
  order: 1;
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.flipped .c2 {
  margin-left: 3.449%;
  order: 2;
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.flipped .c3 {
  margin-left: 3.449%;
  order: 3;
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.gutter_narrow .c1 {
  margin-left: 8px;
  width: calc(40% - 4px);
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.gutter_narrow .c2,
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.gutter_narrow .c3 {
  margin-left: 0;
  width: calc(60% - 4px);
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.gutter_narrow .c2 {
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.gutter_narrow.flipped .c1 {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.gutter_narrow.flipped .c2,
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.gutter_narrow.flipped .c3 {
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.gutter_wide .c1 {
  margin-left: 6.898%;
  width: calc(40% - 3.449%);
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.gutter_wide .c2,
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.gutter_wide .c3 {
  margin: 0;
  width: calc(60% - 3.449%);
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.gutter_wide .c2 {
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.gutter_wide.flipped .c1 {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.gutter_wide.flipped .c2,
.v2_sideBySide .sideBySideInner.l_66x34.tabPanelContent.gutter_wide.flipped .c3 {
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.l_7x5 .c1 {
  order: 1;
  width: 58.4%;
}
.v2_sideBySide .sideBySideInner.l_7x5 .c2 {
  margin-left: 3.449%;
  order: 2;
  width: 38.151%;
}
.v2_sideBySide .sideBySideInner.l_7x5.gutter_narrow .c1 {
  width: calc(58.4% - 4px);
}
.v2_sideBySide .sideBySideInner.l_7x5.gutter_narrow .c2 {
  width: calc(41.6% - 4px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.l_7x5.gutter_wide .c1 {
  width: calc(58.4% - 3.449%);
}
.v2_sideBySide .sideBySideInner.l_7x5.gutter_wide .c2 {
  width: calc(41.6% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.l_66x34x100 .c1 {
  margin: 0 0 25px;
  order: 1;
  width: 72.275%;
}
.v2_sideBySide .sideBySideInner.l_66x34x100 .c2 {
  margin-left: 0;
  order: 3;
  width: 100%;
}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner.l_66x34x100 .c2 {
  padding-bottom: 0;
}

}
.v2_sideBySide .sideBySideInner.l_66x34x100 .c3 {
  margin-left: 3.449%;
  order: 2;
  width: 24.275%;
}
.v2_sideBySide .sideBySideInner.l_66x34x100.gutter_narrow .c1 {
  width: calc(66% - 4px);
}
.v2_sideBySide .sideBySideInner.l_66x34x100.gutter_narrow .c3 {
  width: calc(34% - 4px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.l_66x34x100.gutter_wide .c1 {
  width: calc(66% - 3.449%);
}
.v2_sideBySide .sideBySideInner.l_66x34x100.gutter_wide .c3 {
  width: calc(34% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.l_50x50 .c1 {
  width: 48.275%;
  min-width: 0;
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.l_50x50.wrap .c1:nth-child(even) {
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.l_50x50 .c2 {
  width: 48.275%;
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.l_50x50.gutter_narrow .c1 {
  width: calc(50% - 4px);
}
.v2_sideBySide .sideBySideInner.l_50x50.gutter_narrow .c2 {
  width: calc(50% - 4px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.l_50x50.gutter_wide .c1 {
  width: calc(50% - 3.449%);
}
.v2_sideBySide .sideBySideInner.l_50x50.gutter_wide .c2 {
  width: calc(50% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.l_5x7 .c2 {
  margin-left: 3.449%;
  order: 2;
  width: 58.4%;
}
.v2_sideBySide .sideBySideInner.l_5x7 .c1 {
  order: 1;
  width: 38.151%;
}
.v2_sideBySide .sideBySideInner.l_5x7.gutter_narrow .c2 {
  margin-left: 8px;
  width: calc(58.4% - 4px);
}
@media (max-width: 767px) {
  .v2_sideBySide .sideBySideInner.l_5x7.gutter_narrow .c2 {
  margin-left: 0;
}

}
.v2_sideBySide .sideBySideInner.l_5x7.gutter_narrow .c1 {
  width: calc(41.6% - 4px);
}
.v2_sideBySide .sideBySideInner.l_5x7.gutter_wide .c2 {
  width: calc(58.4% - 3.449%);
  margin-left: 6.898%;
}
@media (max-width: 767px) {
  .v2_sideBySide .sideBySideInner.l_5x7.gutter_wide .c2 {
  margin-left: 0;
}

}
.v2_sideBySide .sideBySideInner.l_5x7.gutter_wide .c1 {
  width: calc(41.6% - 3.449%);
}
.v2_sideBySide .sideBySideInner.l_33x34x33 .c1 {
  width: 31.034%;
}
.v2_sideBySide .sideBySideInner.l_33x34x33 .c2 {
  width: 31.034%;
}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner.l_33x34x33 .c2 {
  margin-left: 3.449%;
}

}
.v2_sideBySide .sideBySideInner.l_33x34x33 .c3 {
  width: 31.034%;
}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner.l_33x34x33 .c3 {
  margin-left: 3.449%;
}

}
.v2_sideBySide .sideBySideInner.l_33x34x33.gutter_narrow .c1 {
  width: calc(33.33% - 5.333333333333333px);
}
.v2_sideBySide .sideBySideInner.l_33x34x33.gutter_narrow .c2 {
  width: calc(33.33% - 5.333333333333333px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.l_33x34x33.gutter_narrow .c3 {
  width: calc(33.33% - 5.333333333333333px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.l_33x34x33.gutter_wide .c1 {
  width: calc(33.33% - 4.59866666666667%);
  padding-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.l_33x34x33.gutter_wide .c2 {
  width: calc(33.33% - 4.59866666666667%);
  margin-left: 3.449%;
  padding-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.l_33x34x33.gutter_wide .c3 {
  width: calc(33.33% - 4.59866666666667%);
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.l_DD_33 .c1.DD {
  min-width: 31.034%;
  width: 31.034%;
  margin-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.l_DD_33 .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.l_DD_33.wrap .c1:nth-child(3n) {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.l_DD_33.wrap .c1:nth-child(even) {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.l_DD_33.gutter_narrow .c1.DD {
  width: calc(33.33% - 5.333333333333333px);
  min-width: calc(33.33% - 5.333333333333333px);
  margin-right: 8px;
  margin-bottom: 8px;
}
.v2_sideBySide .sideBySideInner.l_DD_33.gutter_narrow .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.l_DD_33.gutter_wide .c1.DD {
  width: calc(33.33% - 4.59866666666667%);
  min-width: calc(33.33% - 4.59866666666667%);
  margin-right: 6.898%;
}
.v2_sideBySide .sideBySideInner.l_DD_33.gutter_wide .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.l_DD_100 .c1,
.v2_sideBySide .sideBySideInner.l_DD_100 .c2,
.v2_sideBySide .sideBySideInner.l_DD_100 .c3 {
  min-width: 100%;
  width: 100%;
  margin-right: 3.449%;
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.l_DD_100 .c1:last-child,
.v2_sideBySide .sideBySideInner.l_DD_100 .c2:last-child,
.v2_sideBySide .sideBySideInner.l_DD_100 .c3:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.l_DD_100.gutter_narrow .c1 {
  width: calc(33.33% - 5.333333333333333px);
  min-width: calc(33.33% - 5.333333333333333px);
  margin-right: 8px;
  margin-bottom: 8px;
}
.v2_sideBySide .sideBySideInner.l_DD_100.gutter_narrow .c1:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.l_DD_100.gutter_wide .c1 {
  width: calc(33.33% - 4.59866666666667%);
  margin-right: 6.898%;
}
.v2_sideBySide .sideBySideInner.l_DD_100.gutter_wide .c1:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .v2_sideBySide .sideBySideInner.lMP_66x34 .c1 {
  width: 64.275%;
}
.v2_sideBySide .sideBySideInner.lMP_66x34 .c2 {
  margin-left: 3.449%;
  width: 32.275%;
}
.v2_sideBySide .sideBySideInner.lMP_66x34.gutter_narrow .c1 {
  width: calc(66% - 4px);
}
.v2_sideBySide .sideBySideInner.lMP_66x34.gutter_narrow .c2 {
  margin-left: 8px;
  width: calc(34% - 4px);
}
.v2_sideBySide .sideBySideInner.lMP_66x34.gutter_wide .c1 {
  width: calc(66% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lMP_66x34.gutter_wide .c2 {
  width: calc(34% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent {
  display: block;
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent .c1 {
  float: right;
  margin: -4% 0 0 3.449%;
  width: calc(40% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent .c2,
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent .c3 {
  float: left;
  margin: 0;
  width: calc(60% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent .c2 {
  order: 1;
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.flipped .c1 {
  float: left;
  margin-left: 0;
  order: 1;
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.flipped .c2 {
  margin-left: 3.449%;
  order: 2;
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.flipped .c3 {
  margin-left: 3.449%;
  order: 3;
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.gutter_narrow .c1 {
  margin-left: 8px;
  width: calc(40% - 4px);
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.gutter_narrow .c2,
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.gutter_narrow .c3 {
  margin-left: 0;
  width: calc(60% - 4px);
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.gutter_narrow .c2 {
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.gutter_narrow.flipped .c1 {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.gutter_narrow.flipped .c2,
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.gutter_narrow.flipped .c3 {
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.gutter_wide .c1 {
  margin-left: 6.898%;
  width: calc(40% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.gutter_wide .c2,
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.gutter_wide .c3 {
  margin: 0;
  width: calc(60% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.gutter_wide .c2 {
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.gutter_wide.flipped .c1 {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.gutter_wide.flipped .c2,
.v2_sideBySide .sideBySideInner.lMP_66x34.tabPanelContent.gutter_wide.flipped .c3 {
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lMP_7x5 .c1 {
  order: 1;
  width: 58.4%;
}
.v2_sideBySide .sideBySideInner.lMP_7x5 .c2 {
  margin-left: 3.449%;
  order: 2;
  width: 38.151%;
}
.v2_sideBySide .sideBySideInner.lMP_7x5.gutter_narrow .c1 {
  width: calc(58.4% - 4px);
}
.v2_sideBySide .sideBySideInner.lMP_7x5.gutter_narrow .c2 {
  width: calc(41.6% - 4px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lMP_7x5.gutter_wide .c1 {
  width: calc(58.4% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lMP_7x5.gutter_wide .c2 {
  width: calc(41.6% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lMP_50x50 .c1 {
  width: 48.275%;
  min-width: 0;
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lMP_50x50.wrap .c1:nth-child(even) {
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.lMP_50x50 .c2 {
  width: 48.275%;
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.lMP_50x50.gutter_narrow .c1 {
  width: calc(50% - 4px);
}
.v2_sideBySide .sideBySideInner.lMP_50x50.gutter_narrow .c2 {
  width: calc(50% - 4px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lMP_50x50.gutter_wide .c1 {
  width: calc(50% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lMP_50x50.gutter_wide .c2 {
  width: calc(50% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lMP_33x34x33 .c1 {
  width: 31.034%;
}
.v2_sideBySide .sideBySideInner.lMP_33x34x33 .c2 {
  width: 31.034%;
}
.v2_sideBySide .sideBySideInner.lMP_33x34x33 .c3 {
  width: 31.034%;
}
.v2_sideBySide .sideBySideInner.lMP_33x34x33.gutter_narrow .c1 {
  width: calc(33.33% - 5.333333333333333px);
}
.v2_sideBySide .sideBySideInner.lMP_33x34x33.gutter_narrow .c2 {
  width: calc(33.33% - 5.333333333333333px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lMP_33x34x33.gutter_narrow .c3 {
  width: calc(33.33% - 5.333333333333333px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lMP_33x34x33.gutter_wide .c1 {
  width: calc(33.33% - 4.59866666666667%);
  padding-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.lMP_33x34x33.gutter_wide .c2 {
  width: calc(33.33% - 4.59866666666667%);
  margin-left: 3.449%;
  padding-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.lMP_33x34x33.gutter_wide .c3 {
  width: calc(33.33% - 4.59866666666667%);
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.lMP_DD_33 .c1.DD {
  min-width: 31.034%;
  width: 31.034%;
  margin-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.lMP_DD_33 .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lMP_DD_33.wrap .c1:nth-child(3n) {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lMP_DD_33.wrap .c1:nth-child(even) {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lMP_DD_33.gutter_narrow .c1.DD {
  width: calc(33.33% - 5.333333333333333px);
  min-width: calc(33.33% - 5.333333333333333px);
  margin-right: 8px;
  margin-bottom: 8px;
}
.v2_sideBySide .sideBySideInner.lMP_DD_33.gutter_narrow .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lMP_DD_33.gutter_wide .c1.DD {
  width: calc(33.33% - 4.59866666666667%);
  min-width: calc(33.33% - 4.59866666666667%);
  margin-right: 6.898%;
}
.v2_sideBySide .sideBySideInner.lMP_DD_33.gutter_wide .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lMP_DD_100 .c1,
.v2_sideBySide .sideBySideInner.lMP_DD_100 .c2,
.v2_sideBySide .sideBySideInner.lMP_DD_100 .c3 {
  min-width: 100%;
  width: 100%;
  margin-right: 3.449%;
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lMP_DD_100 .c1:last-child,
.v2_sideBySide .sideBySideInner.lMP_DD_100 .c2:last-child,
.v2_sideBySide .sideBySideInner.lMP_DD_100 .c3:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lMP_DD_100.gutter_narrow .c1 {
  width: calc(33.33% - 5.333333333333333px);
  min-width: calc(33.33% - 5.333333333333333px);
  margin-right: 8px;
  margin-bottom: 8px;
}
.v2_sideBySide .sideBySideInner.lMP_DD_100.gutter_narrow .c1:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lMP_DD_100.gutter_wide .c1 {
  width: calc(33.33% - 4.59866666666667%);
  margin-right: 6.898%;
}
.v2_sideBySide .sideBySideInner.lMP_DD_100.gutter_wide .c1:last-child {
  margin-right: 0;
}

}
@media [object Object] and (min-width: 768px) {
  .v2_sideBySide .sideBySideInner {
  margin-left: 3.449%;
}

}
@media [object Object] and (min-width: 768px) {
  .v2_sideBySide .sideBySideInner {
  margin-left: 3.449%;
}

}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner.lTP_66x34 .c1 {
  width: 64.275%;
}
.v2_sideBySide .sideBySideInner.lTP_66x34 .c2 {
  margin-left: 3.449%;
  width: 32.275%;
}
.v2_sideBySide .sideBySideInner.lTP_66x34.gutter_narrow .c1 {
  width: calc(66% - 4px);
}
.v2_sideBySide .sideBySideInner.lTP_66x34.gutter_narrow .c2 {
  margin-left: 8px;
  width: calc(34% - 4px);
}
.v2_sideBySide .sideBySideInner.lTP_66x34.gutter_wide .c1 {
  width: calc(66% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lTP_66x34.gutter_wide .c2 {
  width: calc(34% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent {
  display: block;
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent .c1 {
  float: right;
  margin: -4% 0 0 3.449%;
  width: calc(40% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent .c2,
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent .c3 {
  float: left;
  margin: 0;
  width: calc(60% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent .c2 {
  order: 1;
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.flipped .c1 {
  float: left;
  margin-left: 0;
  order: 1;
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.flipped .c2 {
  margin-left: 3.449%;
  order: 2;
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.flipped .c3 {
  margin-left: 3.449%;
  order: 3;
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.gutter_narrow .c1 {
  margin-left: 8px;
  width: calc(40% - 4px);
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.gutter_narrow .c2,
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.gutter_narrow .c3 {
  margin-left: 0;
  width: calc(60% - 4px);
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.gutter_narrow .c2 {
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.gutter_narrow.flipped .c1 {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.gutter_narrow.flipped .c2,
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.gutter_narrow.flipped .c3 {
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.gutter_wide .c1 {
  margin-left: 6.898%;
  width: calc(40% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.gutter_wide .c2,
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.gutter_wide .c3 {
  margin: 0;
  width: calc(60% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.gutter_wide .c2 {
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.gutter_wide.flipped .c1 {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.gutter_wide.flipped .c2,
.v2_sideBySide .sideBySideInner.lTP_66x34.tabPanelContent.gutter_wide.flipped .c3 {
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lTP_7x5 .c1 {
  order: 1;
  width: 58.4%;
}
.v2_sideBySide .sideBySideInner.lTP_7x5 .c2 {
  margin-left: 3.449%;
  order: 2;
  width: 38.151%;
}
.v2_sideBySide .sideBySideInner.lTP_7x5.gutter_narrow .c1 {
  width: calc(58.4% - 4px);
}
.v2_sideBySide .sideBySideInner.lTP_7x5.gutter_narrow .c2 {
  width: calc(41.6% - 4px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lTP_7x5.gutter_wide .c1 {
  width: calc(58.4% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lTP_7x5.gutter_wide .c2 {
  width: calc(41.6% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lTP_50x50 .c1 {
  width: 48.275%;
  min-width: 0;
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lTP_50x50.wrap .c1:nth-child(even) {
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.lTP_50x50 .c2 {
  width: 48.275%;
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.lTP_50x50.gutter_narrow .c1 {
  width: calc(50% - 4px);
}
.v2_sideBySide .sideBySideInner.lTP_50x50.gutter_narrow .c2 {
  width: calc(50% - 4px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lTP_50x50.gutter_wide .c1 {
  width: calc(50% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lTP_50x50.gutter_wide .c2 {
  width: calc(50% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lTP_33x34x33 .c1 {
  width: 31.034%;
}
.v2_sideBySide .sideBySideInner.lTP_33x34x33 .c2 {
  width: 31.034%;
}
.v2_sideBySide .sideBySideInner.lTP_33x34x33 .c3 {
  width: 31.034%;
}
.v2_sideBySide .sideBySideInner.lTP_33x34x33.gutter_narrow .c1 {
  width: calc(33.33% - 5.333333333333333px);
}
.v2_sideBySide .sideBySideInner.lTP_33x34x33.gutter_narrow .c2 {
  width: calc(33.33% - 5.333333333333333px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lTP_33x34x33.gutter_narrow .c3 {
  width: calc(33.33% - 5.333333333333333px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lTP_33x34x33.gutter_wide .c1 {
  width: calc(33.33% - 4.59866666666667%);
  padding-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.lTP_33x34x33.gutter_wide .c2 {
  width: calc(33.33% - 4.59866666666667%);
  margin-left: 3.449%;
  padding-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.lTP_33x34x33.gutter_wide .c3 {
  width: calc(33.33% - 4.59866666666667%);
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.lTP_DD_33 .c1.DD {
  min-width: 31.034%;
  width: 31.034%;
  margin-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.lTP_DD_33 .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lTP_DD_33.wrap .c1:nth-child(3n) {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lTP_DD_33.wrap .c1:nth-child(even) {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lTP_DD_33.gutter_narrow .c1.DD {
  width: calc(33.33% - 5.333333333333333px);
  min-width: calc(33.33% - 5.333333333333333px);
  margin-right: 8px;
  margin-bottom: 8px;
}
.v2_sideBySide .sideBySideInner.lTP_DD_33.gutter_narrow .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lTP_DD_33.gutter_wide .c1.DD {
  width: calc(33.33% - 4.59866666666667%);
  min-width: calc(33.33% - 4.59866666666667%);
  margin-right: 6.898%;
}
.v2_sideBySide .sideBySideInner.lTP_DD_33.gutter_wide .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lTP_DD_100 .c1,
.v2_sideBySide .sideBySideInner.lTP_DD_100 .c2,
.v2_sideBySide .sideBySideInner.lTP_DD_100 .c3 {
  min-width: 100%;
  width: 100%;
  margin-right: 3.449%;
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lTP_DD_100 .c1:last-child,
.v2_sideBySide .sideBySideInner.lTP_DD_100 .c2:last-child,
.v2_sideBySide .sideBySideInner.lTP_DD_100 .c3:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lTP_DD_100.gutter_narrow .c1 {
  width: calc(33.33% - 5.333333333333333px);
  min-width: calc(33.33% - 5.333333333333333px);
  margin-right: 8px;
  margin-bottom: 8px;
}
.v2_sideBySide .sideBySideInner.lTP_DD_100.gutter_narrow .c1:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lTP_DD_100.gutter_wide .c1 {
  width: calc(33.33% - 4.59866666666667%);
  margin-right: 6.898%;
}
.v2_sideBySide .sideBySideInner.lTP_DD_100.gutter_wide .c1:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.border_right .c1 {
  border-right: 1px solid #e5e7e8;
}
.v2_sideBySide .sideBySideInner.border_right .c3 {
  border-left: 1px solid #e5e7e8;
}
.v2_sideBySide .sideBySideInner.border_right.noBorderCol1 .c1 {
  border-right: 0;
}
.v2_sideBySide .sideBySideInner.border_right.noBorderCol3 .c3 {
  border-left: 0;
}

}
@media [object Object] and (min-width: 768px) {
  .v2_sideBySide .sideBySideInner {
  margin-left: 3.449%;
}

}
@media [object Object] and (min-width: 768px) {
  .v2_sideBySide .sideBySideInner {
  margin-left: 3.449%;
}

}
@media (min-width: 1024px) {
  .v2_sideBySide .sideBySideInner.lTL_66x34 .c1 {
  width: 64.275%;
}
.v2_sideBySide .sideBySideInner.lTL_66x34 .c2 {
  margin-left: 3.449%;
  width: 32.275%;
}
.v2_sideBySide .sideBySideInner.lTL_66x34.gutter_narrow .c1 {
  width: calc(66% - 4px);
}
.v2_sideBySide .sideBySideInner.lTL_66x34.gutter_narrow .c2 {
  margin-left: 8px;
  width: calc(34% - 4px);
}
.v2_sideBySide .sideBySideInner.lTL_66x34.gutter_wide .c1 {
  width: calc(66% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lTL_66x34.gutter_wide .c2 {
  width: calc(34% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent {
  display: block;
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent .c1 {
  float: right;
  margin: -4% 0 0 3.449%;
  width: calc(40% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent .c2,
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent .c3 {
  float: left;
  margin: 0;
  width: calc(60% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent .c2 {
  order: 1;
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.flipped .c1 {
  float: left;
  margin-left: 0;
  order: 1;
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.flipped .c2 {
  margin-left: 3.449%;
  order: 2;
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.flipped .c3 {
  margin-left: 3.449%;
  order: 3;
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.gutter_narrow .c1 {
  margin-left: 8px;
  width: calc(40% - 4px);
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.gutter_narrow .c2,
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.gutter_narrow .c3 {
  margin-left: 0;
  width: calc(60% - 4px);
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.gutter_narrow .c2 {
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.gutter_narrow.flipped .c1 {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.gutter_narrow.flipped .c2,
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.gutter_narrow.flipped .c3 {
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.gutter_wide .c1 {
  margin-left: 6.898%;
  width: calc(40% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.gutter_wide .c2,
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.gutter_wide .c3 {
  margin: 0;
  width: calc(60% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.gutter_wide .c2 {
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.gutter_wide.flipped .c1 {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.gutter_wide.flipped .c2,
.v2_sideBySide .sideBySideInner.lTL_66x34.tabPanelContent.gutter_wide.flipped .c3 {
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lTL_7x5 .c1 {
  order: 1;
  width: 58.4%;
}
.v2_sideBySide .sideBySideInner.lTL_7x5 .c2 {
  margin-left: 3.449%;
  order: 2;
  width: 38.151%;
}
.v2_sideBySide .sideBySideInner.lTL_7x5.gutter_narrow .c1 {
  width: calc(58.4% - 4px);
}
.v2_sideBySide .sideBySideInner.lTL_7x5.gutter_narrow .c2 {
  width: calc(41.6% - 4px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lTL_7x5.gutter_wide .c1 {
  width: calc(58.4% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lTL_7x5.gutter_wide .c2 {
  width: calc(41.6% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lTL_50x50 .c1 {
  width: 48.275%;
  min-width: 0;
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lTL_50x50.wrap .c1:nth-child(even) {
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.lTL_50x50 .c2 {
  width: 48.275%;
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.lTL_50x50.gutter_narrow .c1 {
  width: calc(50% - 4px);
}
.v2_sideBySide .sideBySideInner.lTL_50x50.gutter_narrow .c2 {
  width: calc(50% - 4px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lTL_50x50.gutter_wide .c1 {
  width: calc(50% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lTL_50x50.gutter_wide .c2 {
  width: calc(50% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lTL_33x34x33 .c1 {
  width: 31.034%;
}
.v2_sideBySide .sideBySideInner.lTL_33x34x33 .c2 {
  width: 31.034%;
}
.v2_sideBySide .sideBySideInner.lTL_33x34x33 .c3 {
  width: 31.034%;
}
.v2_sideBySide .sideBySideInner.lTL_33x34x33.gutter_narrow .c1 {
  width: calc(33.33% - 5.333333333333333px);
}
.v2_sideBySide .sideBySideInner.lTL_33x34x33.gutter_narrow .c2 {
  width: calc(33.33% - 5.333333333333333px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lTL_33x34x33.gutter_narrow .c3 {
  width: calc(33.33% - 5.333333333333333px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lTL_33x34x33.gutter_wide .c1 {
  width: calc(33.33% - 4.59866666666667%);
  padding-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.lTL_33x34x33.gutter_wide .c2 {
  width: calc(33.33% - 4.59866666666667%);
  margin-left: 3.449%;
  padding-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.lTL_33x34x33.gutter_wide .c3 {
  width: calc(33.33% - 4.59866666666667%);
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.lTL_DD_33 .c1.DD {
  min-width: 31.034%;
  width: 31.034%;
  margin-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.lTL_DD_33 .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lTL_DD_33.wrap .c1:nth-child(3n) {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lTL_DD_33.wrap .c1:nth-child(even) {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lTL_DD_33.gutter_narrow .c1.DD {
  width: calc(33.33% - 5.333333333333333px);
  min-width: calc(33.33% - 5.333333333333333px);
  margin-right: 8px;
  margin-bottom: 8px;
}
.v2_sideBySide .sideBySideInner.lTL_DD_33.gutter_narrow .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lTL_DD_33.gutter_wide .c1.DD {
  width: calc(33.33% - 4.59866666666667%);
  min-width: calc(33.33% - 4.59866666666667%);
  margin-right: 6.898%;
}
.v2_sideBySide .sideBySideInner.lTL_DD_33.gutter_wide .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lTL_DD_100 .c1,
.v2_sideBySide .sideBySideInner.lTL_DD_100 .c2,
.v2_sideBySide .sideBySideInner.lTL_DD_100 .c3 {
  min-width: 100%;
  width: 100%;
  margin-right: 3.449%;
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lTL_DD_100 .c1:last-child,
.v2_sideBySide .sideBySideInner.lTL_DD_100 .c2:last-child,
.v2_sideBySide .sideBySideInner.lTL_DD_100 .c3:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lTL_DD_100.gutter_narrow .c1 {
  width: calc(33.33% - 5.333333333333333px);
  min-width: calc(33.33% - 5.333333333333333px);
  margin-right: 8px;
  margin-bottom: 8px;
}
.v2_sideBySide .sideBySideInner.lTL_DD_100.gutter_narrow .c1:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lTL_DD_100.gutter_wide .c1 {
  width: calc(33.33% - 4.59866666666667%);
  margin-right: 6.898%;
}
.v2_sideBySide .sideBySideInner.lTL_DD_100.gutter_wide .c1:last-child {
  margin-right: 0;
}

}
@media [object Object] and (min-width: 768px) {
  .v2_sideBySide .sideBySideInner {
  margin-left: 3.449%;
}

}
@media [object Object] and (min-width: 768px) {
  .v2_sideBySide .sideBySideInner {
  margin-left: 3.449%;
}

}
@media (min-width: 1280px) {
  .v2_sideBySide .sideBySideInner.lD_66x34 .c1 {
  width: 64.275%;
}
.v2_sideBySide .sideBySideInner.lD_66x34 .c2 {
  margin-left: 3.449%;
  width: 32.275%;
}
.v2_sideBySide .sideBySideInner.lD_66x34.gutter_narrow .c1 {
  width: calc(66% - 4px);
}
.v2_sideBySide .sideBySideInner.lD_66x34.gutter_narrow .c2 {
  margin-left: 8px;
  width: calc(34% - 4px);
}
.v2_sideBySide .sideBySideInner.lD_66x34.gutter_wide .c1 {
  width: calc(66% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lD_66x34.gutter_wide .c2 {
  width: calc(34% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent {
  display: block;
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent .c1 {
  float: right;
  margin: -4% 0 0 3.449%;
  width: calc(40% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent .c2,
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent .c3 {
  float: left;
  margin: 0;
  width: calc(60% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent .c2 {
  order: 1;
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.flipped .c1 {
  float: left;
  margin-left: 0;
  order: 1;
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.flipped .c2 {
  margin-left: 3.449%;
  order: 2;
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.flipped .c3 {
  margin-left: 3.449%;
  order: 3;
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.gutter_narrow .c1 {
  margin-left: 8px;
  width: calc(40% - 4px);
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.gutter_narrow .c2,
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.gutter_narrow .c3 {
  margin-left: 0;
  width: calc(60% - 4px);
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.gutter_narrow .c2 {
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.gutter_narrow.flipped .c1 {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.gutter_narrow.flipped .c2,
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.gutter_narrow.flipped .c3 {
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.gutter_wide .c1 {
  margin-left: 6.898%;
  width: calc(40% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.gutter_wide .c2,
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.gutter_wide .c3 {
  margin: 0;
  width: calc(60% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.gutter_wide .c2 {
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.gutter_wide.flipped .c1 {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.gutter_wide.flipped .c2,
.v2_sideBySide .sideBySideInner.lD_66x34.tabPanelContent.gutter_wide.flipped .c3 {
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lD_7x5 .c1 {
  order: 1;
  width: 58.4%;
}
.v2_sideBySide .sideBySideInner.lD_7x5 .c2 {
  margin-left: 3.449%;
  order: 2;
  width: 38.151%;
}
.v2_sideBySide .sideBySideInner.lD_7x5.gutter_narrow .c1 {
  width: calc(58.4% - 4px);
}
.v2_sideBySide .sideBySideInner.lD_7x5.gutter_narrow .c2 {
  width: calc(41.6% - 4px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lD_7x5.gutter_wide .c1 {
  width: calc(58.4% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lD_7x5.gutter_wide .c2 {
  width: calc(41.6% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lD_50x50 .c1 {
  width: 48.275%;
  min-width: 0;
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lD_50x50.wrap .c1:nth-child(even) {
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.lD_50x50 .c2 {
  width: 48.275%;
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.lD_50x50.gutter_narrow .c1 {
  width: calc(50% - 4px);
}
.v2_sideBySide .sideBySideInner.lD_50x50.gutter_narrow .c2 {
  width: calc(50% - 4px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lD_50x50.gutter_wide .c1 {
  width: calc(50% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lD_50x50.gutter_wide .c2 {
  width: calc(50% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lD_33x34x33 .c1 {
  width: 31.034%;
}
.v2_sideBySide .sideBySideInner.lD_33x34x33 .c2 {
  width: 31.034%;
}
.v2_sideBySide .sideBySideInner.lD_33x34x33 .c3 {
  width: 31.034%;
}
.v2_sideBySide .sideBySideInner.lD_33x34x33.gutter_narrow .c1 {
  width: calc(33.33% - 5.333333333333333px);
}
.v2_sideBySide .sideBySideInner.lD_33x34x33.gutter_narrow .c2 {
  width: calc(33.33% - 5.333333333333333px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lD_33x34x33.gutter_narrow .c3 {
  width: calc(33.33% - 5.333333333333333px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lD_33x34x33.gutter_wide .c1 {
  width: calc(33.33% - 4.59866666666667%);
  padding-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.lD_33x34x33.gutter_wide .c2 {
  width: calc(33.33% - 4.59866666666667%);
  margin-left: 3.449%;
  padding-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.lD_33x34x33.gutter_wide .c3 {
  width: calc(33.33% - 4.59866666666667%);
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.lD_DD_33 .c1.DD {
  min-width: 31.034%;
  width: 31.034%;
  margin-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.lD_DD_33 .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lD_DD_33.wrap .c1:nth-child(3n) {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lD_DD_33.wrap .c1:nth-child(even) {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lD_DD_33.gutter_narrow .c1.DD {
  width: calc(33.33% - 5.333333333333333px);
  min-width: calc(33.33% - 5.333333333333333px);
  margin-right: 8px;
  margin-bottom: 8px;
}
.v2_sideBySide .sideBySideInner.lD_DD_33.gutter_narrow .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lD_DD_33.gutter_wide .c1.DD {
  width: calc(33.33% - 4.59866666666667%);
  min-width: calc(33.33% - 4.59866666666667%);
  margin-right: 6.898%;
}
.v2_sideBySide .sideBySideInner.lD_DD_33.gutter_wide .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lD_DD_100 .c1,
.v2_sideBySide .sideBySideInner.lD_DD_100 .c2,
.v2_sideBySide .sideBySideInner.lD_DD_100 .c3 {
  min-width: 100%;
  width: 100%;
  margin-right: 3.449%;
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lD_DD_100 .c1:last-child,
.v2_sideBySide .sideBySideInner.lD_DD_100 .c2:last-child,
.v2_sideBySide .sideBySideInner.lD_DD_100 .c3:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lD_DD_100.gutter_narrow .c1 {
  width: calc(33.33% - 5.333333333333333px);
  min-width: calc(33.33% - 5.333333333333333px);
  margin-right: 8px;
  margin-bottom: 8px;
}
.v2_sideBySide .sideBySideInner.lD_DD_100.gutter_narrow .c1:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lD_DD_100.gutter_wide .c1 {
  width: calc(33.33% - 4.59866666666667%);
  margin-right: 6.898%;
}
.v2_sideBySide .sideBySideInner.lD_DD_100.gutter_wide .c1:last-child {
  margin-right: 0;
}

}
@media [object Object] and (min-width: 768px) {
  .v2_sideBySide .sideBySideInner {
  margin-left: 3.449%;
}

}
@media [object Object] and (min-width: 768px) {
  .v2_sideBySide .sideBySideInner {
  margin-left: 3.449%;
}

}
@media (min-width: 1440px) {
  .v2_sideBySide .sideBySideInner.lDW_66x34 .c1 {
  width: 64.275%;
}
.v2_sideBySide .sideBySideInner.lDW_66x34 .c2 {
  margin-left: 3.449%;
  width: 32.275%;
}
.v2_sideBySide .sideBySideInner.lDW_66x34.gutter_narrow .c1 {
  width: calc(66% - 4px);
}
.v2_sideBySide .sideBySideInner.lDW_66x34.gutter_narrow .c2 {
  margin-left: 8px;
  width: calc(34% - 4px);
}
.v2_sideBySide .sideBySideInner.lDW_66x34.gutter_wide .c1 {
  width: calc(66% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lDW_66x34.gutter_wide .c2 {
  width: calc(34% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent {
  display: block;
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent .c1 {
  float: right;
  margin: -4% 0 0 3.449%;
  width: calc(40% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent .c2,
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent .c3 {
  float: left;
  margin: 0;
  width: calc(60% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent .c2 {
  order: 1;
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.flipped .c1 {
  float: left;
  margin-left: 0;
  order: 1;
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.flipped .c2 {
  margin-left: 3.449%;
  order: 2;
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.flipped .c3 {
  margin-left: 3.449%;
  order: 3;
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.gutter_narrow .c1 {
  margin-left: 8px;
  width: calc(40% - 4px);
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.gutter_narrow .c2,
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.gutter_narrow .c3 {
  margin-left: 0;
  width: calc(60% - 4px);
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.gutter_narrow .c2 {
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.gutter_narrow.flipped .c1 {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.gutter_narrow.flipped .c2,
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.gutter_narrow.flipped .c3 {
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.gutter_wide .c1 {
  margin-left: 6.898%;
  width: calc(40% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.gutter_wide .c2,
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.gutter_wide .c3 {
  margin: 0;
  width: calc(60% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.gutter_wide .c2 {
  padding-bottom: calc(4%);
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.gutter_wide.flipped .c1 {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.gutter_wide.flipped .c2,
.v2_sideBySide .sideBySideInner.lDW_66x34.tabPanelContent.gutter_wide.flipped .c3 {
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lDW_7x5 .c1 {
  order: 1;
  width: 58.4%;
}
.v2_sideBySide .sideBySideInner.lDW_7x5 .c2 {
  margin-left: 3.449%;
  order: 2;
  width: 38.151%;
}
.v2_sideBySide .sideBySideInner.lDW_7x5.gutter_narrow .c1 {
  width: calc(58.4% - 4px);
}
.v2_sideBySide .sideBySideInner.lDW_7x5.gutter_narrow .c2 {
  width: calc(41.6% - 4px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lDW_7x5.gutter_wide .c1 {
  width: calc(58.4% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lDW_7x5.gutter_wide .c2 {
  width: calc(41.6% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lDW_50x50 .c1 {
  width: 48.275%;
  min-width: 0;
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lDW_50x50.wrap .c1:nth-child(even) {
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.lDW_50x50 .c2 {
  width: 48.275%;
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.lDW_50x50.gutter_narrow .c1 {
  width: calc(50% - 4px);
}
.v2_sideBySide .sideBySideInner.lDW_50x50.gutter_narrow .c2 {
  width: calc(50% - 4px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lDW_50x50.gutter_wide .c1 {
  width: calc(50% - 3.449%);
}
.v2_sideBySide .sideBySideInner.lDW_50x50.gutter_wide .c2 {
  width: calc(50% - 3.449%);
  margin-left: 6.898%;
}
.v2_sideBySide .sideBySideInner.lDW_33x34x33 .c1 {
  width: 31.034%;
}
.v2_sideBySide .sideBySideInner.lDW_33x34x33 .c2 {
  width: 31.034%;
}
.v2_sideBySide .sideBySideInner.lDW_33x34x33 .c3 {
  width: 31.034%;
}
.v2_sideBySide .sideBySideInner.lDW_33x34x33.gutter_narrow .c1 {
  width: calc(33.33% - 5.333333333333333px);
}
.v2_sideBySide .sideBySideInner.lDW_33x34x33.gutter_narrow .c2 {
  width: calc(33.33% - 5.333333333333333px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lDW_33x34x33.gutter_narrow .c3 {
  width: calc(33.33% - 5.333333333333333px);
  margin-left: 8px;
}
.v2_sideBySide .sideBySideInner.lDW_33x34x33.gutter_wide .c1 {
  width: calc(33.33% - 4.59866666666667%);
  padding-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.lDW_33x34x33.gutter_wide .c2 {
  width: calc(33.33% - 4.59866666666667%);
  margin-left: 3.449%;
  padding-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.lDW_33x34x33.gutter_wide .c3 {
  width: calc(33.33% - 4.59866666666667%);
  margin-left: 3.449%;
}
.v2_sideBySide .sideBySideInner.lDW_DD_33 .c1.DD {
  min-width: 31.034%;
  width: 31.034%;
  margin-right: 3.449%;
}
.v2_sideBySide .sideBySideInner.lDW_DD_33 .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lDW_DD_33.wrap .c1:nth-child(3n) {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lDW_DD_33.wrap .c1:nth-child(even) {
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lDW_DD_33.gutter_narrow .c1.DD {
  width: calc(33.33% - 5.333333333333333px);
  min-width: calc(33.33% - 5.333333333333333px);
  margin-right: 8px;
  margin-bottom: 8px;
}
.v2_sideBySide .sideBySideInner.lDW_DD_33.gutter_narrow .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lDW_DD_33.gutter_wide .c1.DD {
  width: calc(33.33% - 4.59866666666667%);
  min-width: calc(33.33% - 4.59866666666667%);
  margin-right: 6.898%;
}
.v2_sideBySide .sideBySideInner.lDW_DD_33.gutter_wide .c1.DD:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lDW_DD_100 .c1,
.v2_sideBySide .sideBySideInner.lDW_DD_100 .c2,
.v2_sideBySide .sideBySideInner.lDW_DD_100 .c3 {
  min-width: 100%;
  width: 100%;
  margin-right: 3.449%;
  margin-left: 0;
}
.v2_sideBySide .sideBySideInner.lDW_DD_100 .c1:last-child,
.v2_sideBySide .sideBySideInner.lDW_DD_100 .c2:last-child,
.v2_sideBySide .sideBySideInner.lDW_DD_100 .c3:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lDW_DD_100.gutter_narrow .c1 {
  width: calc(33.33% - 5.333333333333333px);
  min-width: calc(33.33% - 5.333333333333333px);
  margin-right: 8px;
  margin-bottom: 8px;
}
.v2_sideBySide .sideBySideInner.lDW_DD_100.gutter_narrow .c1:last-child {
  margin-right: 0;
}
.v2_sideBySide .sideBySideInner.lDW_DD_100.gutter_wide .c1 {
  width: calc(33.33% - 4.59866666666667%);
  margin-right: 6.898%;
}
.v2_sideBySide .sideBySideInner.lDW_DD_100.gutter_wide .c1:last-child {
  margin-right: 0;
}

}
@media [object Object] and (min-width: 768px) {
  .v2_sideBySide .sideBySideInner {
  margin-left: 3.449%;
}

}
@media [object Object] and (min-width: 768px) {
  .v2_sideBySide .sideBySideInner {
  margin-left: 3.449%;
}

}
@media (max-width: 767px) {
  .v2_sideBySide .sideBySideInner.stackSideBySideMobile {
  width: 86.13%;
  margin: 0 auto;
  float: none;
}
.v2_sideBySide .sideBySideInner.stackSideBySideMobile .column {
  width: 100%;
  margin-left: 0;
}

}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true {
  flex-direction: row;
  align-items: stretch;
}

}
.v2_sideBySide .sideBySideInner.stack_on_mobile_true .zipCode {
  cursor: pointer;
}
.v2_sideBySide .sideBySideInner.stack_on_mobile_true .zipCode:hover {
  color: #009dd8;
}
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column {
  height: auto;
}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column {
  box-sizing: border-box;
}

}
@media (max-width: 767px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column {
  width: 100%;
  border-top: 1px solid #e5e7e8;
  min-height: 30vw;
}

}
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper {
  display: flex;
  flex-direction: row;
  text-align: center;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper {
  display: block;
}

}
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper.rowReverseM_true {
  flex-direction: row-reverse;
}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper.rowReverseM_true {
  flex-direction: row;
}

}
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper.hideOnMobile_true {
  display: none;
}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper.hideOnMobile_true {
  display: block;
}

}
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .title-content {
  display: none;
}
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .body-content {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .body-content {
  width: 38%;
  text-align: center;
  position: relative;
}

}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .body-content {
  padding-bottom: 60px;
}

}
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .body-content .inventoryCount {
  font-size: 250%;
  font-family: "Black", sans-serif;
  font-weight: normal;
}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .body-content .inventoryCount {
  font-size: 400%;
  padding-top: 25px;
}

}
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .body-content .inventoryTitle {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 18px;
  line-height: 1.25;
  margin-bottom: 5px;
  font-size: 12px;
  color: #999999;
}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .body-content .inventoryTitle {
  letter-spacing: -0.015em;
  font-size: 18px;
  line-height: 1.2222222222222223;
  margin-bottom: 32px;
}

}
@media (min-width: 1024px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .body-content .inventoryTitle {
  font-size: 20px;
  line-height: 1.2;
}

}
@media (min-width: 1280px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .body-content .inventoryTitle {
  font-size: 22px;
  line-height: 1.1818181818181819;
}

}
@media (min-width: 1440px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .body-content .inventoryTitle {
  font-size: 24px;
  line-height: 1.1666666666666667;
}

}
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .body-content .inventoryTitle span:not(.disclaimer) {
  display: block;
}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .body-content .inventoryTitle {
  font-size: 15px;
}

}
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .body-content .buildYoursImage {
  -moz-transform: scalex(-1);
  -o-transform: scalex(-1);
  -webkit-transform: scalex(-1);
  transform: scalex(-1);
}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .body-content .buildYoursImage {
  position: absolute;
  left: 0;
  top: -30px;
}

}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .body-content .buildYoursImage {
  width: 80%;
  left: 10%;
  top: 10%;
}

}
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .cta,
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .cta.pinToBottom_true {
  position: relative;
  width: 58%;
  text-align: left;
  margin: 0;
}
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .cta a,
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .cta.pinToBottom_true a {
  width: 100%;
}
@media (max-width: 767px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .cta a,
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .cta.pinToBottom_true a {
  margin-top: 0;
  text-align: left;
  font-size: 18px;
}

}
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .cta a i,
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .cta.pinToBottom_true a i {
  margin-right: 0;
}
@media (min-width: 768px) {
  .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .cta,
.v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column .block_content_wrapper .cta.pinToBottom_true {
  position: absolute;
  width: 100%;
  text-align: center;
  height: 40px;
}

}
@-moz-document url-prefix() {
  .v2_sideBySide .sideBySideInner .tabs {
  white-space: unset;
  margin-bottom: 40px;
}

}
.v2_sideBySide .sideBySideInner.scrollable {
  z-index: 1;
}
.v2_sideBySide .sideBySideInner.accordion .column .title-content {
  height: auto;
}
@media (max-width: 767px) {
  .v2_sideBySide .sideBySideInner.accordion.noBorderTop .column:first-child .v2_blockquote .blockquoteInner {
  border-top: none;
}
.v2_sideBySide .sideBySideInner.accordion.borderBottom .column:last-child .v2_blockquote .blockquoteInner {
  border-bottom: 1px solid #e5e7e8;
}
.v2_sideBySide .sideBySideInner.accordion .v2_blockquote {
  width: 100%;
}
.v2_sideBySide .sideBySideInner.accordion .v2_blockquote .blockquoteInner {
  width: 100%;
  border-top: 1px solid #e5e7e8;
}
.v2_sideBySide .sideBySideInner.accordion .v2_blockquote .blockquoteInner .sideBySideResonsiveAsset {
  margin-bottom: 20px !important;
}
.v2_sideBySide .sideBySideInner.accordion .v2_blockquote .blockquoteInner .title-content,
.v2_sideBySide .sideBySideInner.accordion .v2_blockquote .blockquoteInner .body-content,
.v2_sideBySide .sideBySideInner.accordion .v2_blockquote .blockquoteInner .attributionImageWrapper,
.v2_sideBySide .sideBySideInner.accordion .v2_blockquote .blockquoteInner .sideBySideResonsiveAsset {
  width: 86.13%;
  left: 0;
  right: 0;
  margin: 0 auto;
  float: none;
}
.v2_sideBySide .sideBySideInner.accordion .v2_blockquote .blockquoteInner .title-content {
  display: flex;
  align-items: center;
}
.v2_sideBySide .sideBySideInner.accordion .v2_blockquote .blockquoteInner .title-content span {
  display: inline-block;
  color: #00b1eb;
  margin-right: 6.898%;
}
.v2_sideBySide .sideBySideInner.accordion .v2_blockquote .blockquoteInner .body-content {
  margin-bottom: 20px;
}
.v2_sideBySide .sideBySideInner.accordion .column {
  width: 100%;
  margin-left: 0;
  display: none;
}
.v2_sideBySide .sideBySideInner.accordion .column.show {
  cursor: pointer;
  display: block;
}
.v2_sideBySide .sideBySideInner.accordion .column.show:not(.collapsed) .spanIcon {
  transform: rotate(90deg);
}
.v2_sideBySide .sideBySideInner.accordion .column.show.collapsed .body-content,
.v2_sideBySide .sideBySideInner.accordion .column.show.collapsed .attributionImageWrapper,
.v2_sideBySide .sideBySideInner.accordion .column.show.collapsed .sideBySideResonsiveAsset {
  display: none;
}
.v2_sideBySide .sideBySideInner.accordion .column .title-content {
  height: 73px;
}
.v2_sideBySide .sideBySideInner.accordion .column .title-content .spanIcon {
  display: inline-block;
}

}

.cq-wcm-edit .v2_sideBySide .responsiveAssetInner > div {
  position: absolute!important;
}
.cq-wcm-edit .v2_sideBySide .responsiveAssetInner > div.video-container {
  position: relative!important;
}
.cq-wcm-edit .v2_sideBySide .responsiveAssetInner {
  margin-top: 20px;
}
.cq-wcm-edit .v2_sideBySide .sideBySideInner .column .cq-editbar-placeholder {
  position: absolute!important;
  width: 100% !important;
}
.cq-wcm-edit .v2_sideBySide .sideBySideInner .column .v2_blockquote {
  margin-top: 20px;
}
.cq-wcm-edit .v2_sideBySide .sideBySideInner .column .asset {
  width: 100%;
}
.cq-wcm-edit .v2_sideBySide .sideBySideInner .column .asset .cq-editcomponent-placeholder {
  width: auto !important;
  position: relative !important;
  top: auto!important;
  float: left!important;
  clear: both!important;
}
.cq-wcm-edit .v2_sideBySide .sideBySideInner .column .asset .section {
  margin-top: 00px !important;
}
.cq-wcm-edit .v2_sideBySide .sideBySideInner .column .asset .section > div:first-child {
  margin-top: 30px !important;
}
.cq-wcm-edit .v2_sideBySide .sideBySideInner .column .asset > div:first-child {
  width: auto !important;
  position: relative !important;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.sectionOverlayInner {
  height: calc(100vh - 70px);
  left: 0;
  position: absolute;
  pointer-events: none;
  text-align: left;
  top: 0;
  width: 100vw;
  z-index: 100;
}
@media (max-width: 1023px) {
  .sectionOverlayInner {
  height: calc(70vh - 70px);
}

}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .sectionOverlayInner {
  height: calc(110vw - 70px);
}

}
@media (min-width: 768px) {
  .sectionOverlayInner {
  display: none;
}
.author-mode .sectionOverlayInner {
  display: block;
  position: relative;
  z-index: 9999;
}

}
.sectionOverlayInner .vignette {
  background-color: #000;
  /* background-image: url(../../../../apps/vwcom/components/v2_sectionOverlay/clientlibs/css/fallback-gradient.svg); */

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3) 0%), to(rgba(0, 0, 0, 0) 100%));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100px;
  background-color: transparent;
  border-bottom: none !important;
  z-index: -5;
  position: absolute;
}
.sectionOverlayInner .modelStats {
  pointer-events: auto;
  position: absolute;
  top: 0;
  width: 100%;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .sectionOverlayInner .modelStats {
  display: none;
}

}
.sectionOverlayInner .modelStats div,
.sectionOverlayInner .modelStats li {
  border-bottom: 1px solid #ffffff;
  display: block;
  padding: 12px 0;
  vertical-align: top;
}
@media (min-width: 768px) {
  .sectionOverlayInner .modelStats div,
.sectionOverlayInner .modelStats li {
  border-bottom: 0;
  border-right: 1px solid #ffffff;
  display: inline-block;
  padding: 0 6px;
}
.sectionOverlayInner .modelStats div:first-of-type,
.sectionOverlayInner .modelStats li:first-of-type {
  padding-left: 0;
}

}
@media (min-width: 1024px) {
  .sectionOverlayInner .modelStats div,
.sectionOverlayInner .modelStats li {
  padding: 0 12px;
}

}
@media (min-width: 1280px) {
  .sectionOverlayInner .modelStats div,
.sectionOverlayInner .modelStats li {
  padding: 0 24px;
}
.sectionOverlayInner .modelStats div:first-of-type,
.sectionOverlayInner .modelStats li:first-of-type {
  padding-left: 0;
}

}
.sectionOverlayInner .modelStats div:last-child,
.sectionOverlayInner .modelStats li:last-child {
  border-bottom: 0;
}
@media (min-width: 768px) {
  .sectionOverlayInner .modelStats div:last-child,
.sectionOverlayInner .modelStats li:last-child {
  border-right: 0;
  padding-right: 0;
}

}
.sectionOverlayInner .modelStats span:not(.disclaimer) {
  display: block;
  line-height: 1;
  text-align: center;
}
.sectionOverlayInner .modelStats span:not(.disclaimer):nth-of-type(1) {
  font-family: "Black", sans-serif;
  font-weight: normal;
  color: #ffffff;
  font-size: 27px;
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .sectionOverlayInner .modelStats span:not(.disclaimer):nth-of-type(1) {
  font-size: 22px;
}

}
@media (min-width: 1024px) {
  .sectionOverlayInner .modelStats span:not(.disclaimer):nth-of-type(1) {
  font-size: 24px;
}

}
@media (min-width: 1280px) {
  .sectionOverlayInner .modelStats span:not(.disclaimer):nth-of-type(1) {
  font-size: 28px;
}

}
.sectionOverlayInner .modelStats span:not(.disclaimer):nth-of-type(2) {
  font-family: "Black", sans-serif;
  font-weight: normal;
  color: #ffffff;
  font-size: 9px;
  line-height: 1;
}
@media (min-width: 768px) {
  .sectionOverlayInner .modelStats span:not(.disclaimer):nth-of-type(2) {
  font-size: 10px;
  line-height: 1.1111111111111112;
}

}
@media (min-width: 1024px) {
  .sectionOverlayInner .modelStats span:not(.disclaimer):nth-of-type(2) {
  font-size: 11px;
  line-height: 1.2222222222222223;
}

}
@media (min-width: 1280px) {
  .sectionOverlayInner .modelStats span:not(.disclaimer):nth-of-type(2) {
  font-size: 13px;
  line-height: 1.1538461538461537;
}

}
.sectionOverlayInner .modelStats span:not(.disclaimer).message {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 12px;
  line-height: 1.3333333333333333;
  text-align: left;
}
@media (min-width: 1024px) {
  .sectionOverlayInner .modelStats span:not(.disclaimer).message {
  font-size: 10px;
}

}
@media (min-width: 1280px) {
  .sectionOverlayInner .modelStats span:not(.disclaimer).message {
  font-size: 12px;
}

}
.sectionOverlayInner .modelStats ul {
  min-height: 42px;
  padding: 0 15px;
  text-align: center;
}
.sectionOverlayInner .modelStats ul.customMessage {
  display: inline-block;
  text-align: left;
}
.sectionOverlayInner .modelStats ul.customMessage li {
  float: left;
  height: 100%;
}
.sectionOverlayInner .modelStats ul.customMessage li:first-child {
  border-left: 0;
  border-right: 1px solid white;
}
.sectionOverlayInner .modelStats ul.customMessage li:last-child {
  padding: 0 16px;
}
.sectionOverlayInner .modelStats li {
  border: 0;
  float: right;
  height: 100%;
  padding: 0 16px;
}
.sectionOverlayInner .modelStats li:last-child {
  float: left;
  padding: 0 10px;
}
.sectionOverlayInner .modelStats li:first-child {
  border-left: 1px solid white;
}
.sectionOverlayInner .modelStats span {
  color: #ffffff;
}
.sectionOverlayInner .shoppingTools {
  bottom: 1%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  pointer-events: all;
  position: absolute;
  width: 100%;
}
.sectionOverlayInner .shoppingTools button {
  font-family: "Black", sans-serif;
  font-weight: normal;
  background-color: #00b1eb;
  border: 0;
  border-radius: 4px;
  color: #ffffff;
  flex: 1;
  font-size: 13px;
  height: 64px;
  margin-right: 2%;
  outline: 0;
  padding: 12px;
  text-align: center;
}
.sectionOverlayInner .shoppingTools button:nth-of-type(1) {
  margin-left: 2%;
}
.sectionOverlayInner .shoppingTools button a {
  color: #ffffff;
  display: block;
  text-decoration: none;
}
.sectionOverlayInner .shoppingTools button i,
.sectionOverlayInner .shoppingTools button span {
  display: block;
}
.sectionOverlayInner .shoppingTools button i {
  font-size: 18px;
  margin-bottom: 4px;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.cq-wcm-edit .pageSection .flexSection_true .parsys {
  display: block;
}
.gridsystem .par > .section .gutter_none > .layout-container:after {
  display: none !important;
}
.gridsystem .par > .section .gutter_2x > .layout-container:after {
  height: calc(2.7502vw * 2) !important;
  max-height: 80px !important;
}
.gridsystem .par > .section .gutter_3x > .layout-container:after {
  height: calc(2.7502vw * 3) !important;
  max-height: 120px !important;
}
@media (max-width: 767px) {
  .gridsystem .par > .section .suppressBottomGutterMobile_true > .layout-container:after {
  display: none !important;
}

}
@media (max-width: 767px) {
  .suppressTopGutterMobile_true > .layout-container:before {
  display: none !important;
}

}
.gridsystem .par > .section .topGutter_1x > .layout-container:before {
  content: "";
  display: block;
  width: 100%;
  height: 2.7502vw !important;
  min-height: 20px;
  max-height: 40px !important;
}
.gridsystem .par > .section .topGutter_2x > .layout-container:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(2.7502vw * 2) !important;
  min-height: 20px;
  max-height: 80px !important;
}
.gridsystem .par > .section .topGutter_3x > .layout-container:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(2.7502vw * 3) !important;
  min-height: 20px;
  max-height: 120px !important;
}
@media (max-width: 767px) {
  .gridsystem .par > .section .mobileTopGutter_none > .layout-container:before {
  display: none !important;
}
.gridsystem .par > .section .mobileTopGutter_1x > .layout-container:before {
  content: "";
  display: block;
  width: 100%;
  height: 2.7502vw !important;
  min-height: 20px;
  max-height: 40px !important;
}
.gridsystem .par > .section .mobileTopGutter_2x > .layout-container:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(2.7502vw * 2) !important;
  min-height: 20px;
  max-height: 80px !important;
}
.gridsystem .par > .section .mobileTopGutter_3x > .layout-container:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(2.7502vw * 3) !important;
  min-height: 20px;
  max-height: 120px !important;
}
.gridsystem .par > .section .mobileBottomGutter_none > .layout-container:after {
  display: none !important;
}
.gridsystem .par > .section .mobileBottomGutter_1x > .layout-container:before {
  content: "";
  display: block;
  width: 100%;
  height: 2.7502vw !important;
  min-height: 20px;
  max-height: 40px !important;
}
.gridsystem .par > .section .mobileBottomGutter_2x > .layout-container:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(2.7502vw * 2) !important;
  min-height: 20px;
  max-height: 80px !important;
}
.gridsystem .par > .section .mobileBottomGutter_3x > .layout-container:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(2.7502vw * 3) !important;
  min-height: 20px;
  max-height: 120px !important;
}

}
.pageSection.topoBg {
  background-position: center top !important;
  background-size: cover !important;
}
.pageSection .layout-container {
  text-align: left;
  width: 86.13%;
}
@media (min-width: 768px) {
  .pageSection .layout-container {
  width: 89.88%;
}

}
@media (min-width: 1024px) {
  .pageSection .layout-container {
  width: 87.50%;
}

}
@media (min-width: 1280px) {
  .pageSection .layout-container {
  width: 88.17%;
}

}
@media (min-width: 1440px) {
  .pageSection .layout-container {
  width: 86.30%;
  max-width: 1160px;
}

}
.pageSection .layout-container .expand-container {
  min-width: 100%;
}
@media (max-width: 767px) {
  .pageSection.topMobileBorder_true {
  border-top: 1px solid #e5e7e8;
}
body.overlayOpen .pageSection .layout-container {
  width: 100%;
}
.pageSection .flexSection_true {
  border: 0 solid deeppink;
}
.pageSection .flexSection_true .parsys {
  border: 0 solid crimson;
  display: flex;
  flex-direction: column;
}
.pageSection .flexSection_true .parsys .v2_formGrid {
  order: 2;
}
.pageSection .flexSection_true .parsys .v2_formGrid .formGridInner {
  width: 86.30%;
  margin: 0 auto;
}

}
@media (min-width: 768px) {
  .pageSection .pageControls {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.pageSection .pageControls a {
  transition: all 150ms ease;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50px;
  border: 1px solid #fff;
  height: 48px;
  width: 48px;
  position: relative;
  float: left;
  margin-left: 8px;
  cursor: pointer;
}
.pageSection .pageControls a:hover {
  box-shadow: 0 0 0 2px #fff;
}
.pageSection .pageControls a:active {
  box-shadow: 0 0 0 3px #fff;
}
.pageSection .pageControls a.prev {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVGRDFCMUVEMjI3MTFFNThGODRBRTI1NjMxQzBBMzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVGRDFCMUZEMjI3MTFFNThGODRBRTI1NjMxQzBBMzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUZEMUIxQ0QyMjcxMUU1OEY4NEFFMjU2MzFDMEEzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUZEMUIxREQyMjcxMUU1OEY4NEFFMjU2MzFDMEEzOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpcD7YgAAABgSURBVHjaYvr//z8DDpzwHwLeMzFgBwlAPB/GwaaoAEnBByB2RLdi/n8EeA/EBiBxggqQFSErOI+sAKYIXYEAuk9x+Q4VEGsd0Q4nOghguABdIaF4wxt3C4A4EcYBCDAA5pM0GPuwCPIAAAAASUVORK5CYII=);
  background-position: calc(50% - 1px) calc(50% + 0px);
}
.pageSection .pageControls a.next {
  background-position: calc(50% + 2px) calc(50% + 0px);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVGRDFCMjJEMjI3MTFFNThGODRBRTI1NjMxQzBBMzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVGRDFCMjNEMjI3MTFFNThGODRBRTI1NjMxQzBBMzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUZEMUIyMEQyMjcxMUU1OEY4NEFFMjU2MzFDMEEzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUZEMUIyMUQyMjcxMUU1OEY4NEFFMjU2MzFDMEEzOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pve12dkAAABmSURBVHjaYvr////7/xCQAMQM2DATAwLMB+IEBiwApMgRiD8gKSzAUAU10gDJWhCYj2wdst04FaI7EqTwPLpCbL4RQFfIxEAMINU6gg4nGAToCgrQPcOApiCBUNwlAvECbJ4DCDAAbDo0GP7lcmsAAAAASUVORK5CYII=);
}

}
.author-mode.html,
.author-mode body {
  overflow-x: hidden;
}
.author-mode .gridsystem .par > .section .section > div {
  padding-top: 00px;
  margin-top: 0px;
  margin-bottom: 3.449%;
}
.author-mode .gridsystem .par > .section .layout-container.uncontained {
  margin-top: 00px;
  padding-top: 0px;
  margin-bottom: 3.449%;
}
.author-mode .gridsystem .par > .section .layout-container.uncontained:last-child,
.author-mode .gridsystem .par > .section .layout-container:last-child,
.author-mode .gridsystem .par > .section .section > div.sectionTitleInner,
.author-mode .gridsystem .par .section .section:last-child .layout-container {
  padding-top: 0;
  margin-top: 0;
}
.author-mode .cq-wcm-edit .gridsystem .par > .parbase.section > div.bgStyle_dark,
.author-mode .cq-wcm-edit .pageSection.bgStyle_dark {
  background-color: #111;
  color: #fff;
}
.author-mode .cq-wcm-edit .gridsystem .par > .parbase.section > div.bgStyle_dark a,
.author-mode .cq-wcm-edit .pageSection.bgStyle_dark a {
  color: #fff !important;
}
.author-mode .gridsystem .layoutStyle_gallery > .parsys {
  overflow-x: auto;
}
.author-mode .gridsystem .layoutStyle_gallery > .parsys > div {
  float: none!important;
  display: inline-block !important;
  width: 0!important;
  vertical-align: top;
}
.author-mode .gridsystem .layoutStyle_gallery > .parsys > div.parbase {
  display: inline-block !important;
  position: relative!important;
  width: 100%!important;
}
.author-mode .gridsystem .layoutStyle_gallery > .parsys > div.new.section {
  width: 200px !important;
}
.gridsystem .viewport_100 {
  margin-bottom: 0;
  padding-bottom: 0;
}
.gridsystem .viewport_100.bgStyle_dark {
  margin-bottom: 0;
  padding-bottom: 0;
}
.gridsystem .viewport_100 .fluid-container {
  height: calc(100vh - 65px);
  margin-bottom: 65px;
  margin-top: 0 !important;
}
@media (max-width: 1023px) {
  .gridsystem .viewport_100 .fluid-container {
  height: calc(100vh - 65px);
  margin-top: 65px !important;
  margin-bottom: 0 !important;
}

}
.gridsystem .bgStyle_dark a {
  color: #fff !important;
}
.gridsystem .viewport_70 .fluid-container {
  height: 50vh;
}
@media (min-width: 768px) {
  .gridsystem .viewport_70 .fluid-container {
  height: 50vh;
}

}
@media (min-width: 1024px) {
  .gridsystem .viewport_70 .fluid-container {
  height: 70vh;
}

}
.gridsystem .viewport_80 .fluid-container {
  height: 220px;
}
@media (min-width: 768px) {
  .gridsystem .viewport_80 .fluid-container {
  height: 40vh;
}

}
@media (min-width: 1024px) {
  .gridsystem .viewport_80 .fluid-container {
  height: 80vh;
}

}
.gridsystem .viewport_50 .fluid-container {
  height: 50vh;
}
.gridsystem .uncontained .sectionTitle .layout-container {
  width: 84%;
}
.gridsystem .par > .section:first-child .layout-container .displayName .content {
  margin-top: 3.449%;
}
.gridsystem .par > .section:first-child .layout-container .caption {
  margin-top: 3.449%;
}
.gridsystem .sectionTitle {
  position: relative;
}
.gridsystem .sectionTitle .layout-container {
  float: none;
  position: static;
}
.gridsystem .sectionTitle .layout-container .displayName .content {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 18px;
  line-height: 1.25;
  margin-bottom: 5px;
  margin-top: 0px;
  margin-bottom: 10%;
  padding-bottom: 10px;
  margin-bottom: 6.898%;
  display: inline-block;
  border-bottom: 3px solid #009DDC;
}
@media (min-width: 768px) {
  .gridsystem .sectionTitle .layout-container .displayName .content {
  letter-spacing: -0.015em;
  font-size: 18px;
  line-height: 1.2222222222222223;
  margin-bottom: 32px;
}

}
@media (min-width: 1024px) {
  .gridsystem .sectionTitle .layout-container .displayName .content {
  font-size: 20px;
  line-height: 1.2;
}

}
@media (min-width: 1280px) {
  .gridsystem .sectionTitle .layout-container .displayName .content {
  font-size: 22px;
  line-height: 1.1818181818181819;
}

}
@media (min-width: 1440px) {
  .gridsystem .sectionTitle .layout-container .displayName .content {
  font-size: 24px;
  line-height: 1.1666666666666667;
}

}
.gridsystem .sectionTitle .layout-container .displayName .content span:not(.disclaimer) {
  display: block;
}
.gridsystem .sectionTitle .layout-container .caption {
  margin-top: 0px;
  text-align: right;
  line-height: 28px;
  font-size: 200%;
  width: 67%;
}
.gridsystem .sectionTitle .layout-container .caption.centerMode_true {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  text-align: center;
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  letter-spacing: -0.015em;
  color: #7c878e;
  font-size: 15px;
  line-height: 1.4;
}
.gridsystem .sectionTitle .layout-container .caption.centerMode_true a.zipCode {
  color: #00b1eb !important;
  text-decoration: none;
}
.gridsystem .sectionTitle .layout-container .caption.centerMode_true a.zipCode:hover {
  color: #009dd8 !important;
}
@media (min-width: 768px) {
  .gridsystem .sectionTitle .layout-container .caption.centerMode_true {
  font-size: 12px;
  line-height: 1.3333333333333333;
}

}
@media (min-width: 1024px) {
  .gridsystem .sectionTitle .layout-container .caption.centerMode_true {
  font-size: 15px;
  line-height: 1.3333333333333333;
}

}
@media (min-width: 1280px) {
  .gridsystem .sectionTitle .layout-container .caption.centerMode_true {
  letter-spacing: -0.01em;
  font-size: 17px;
  line-height: 1.411764705882353;
}

}
.gridsystem .sectionTitle .layout-container .caption.centerMode_true p {
  color: white;
}
.gridsystem .sectionTitle .layout-container .caption p {
  margin: 0;
  padding: 0;
}
.gridsystem .bgStyle_light {
  background-color: #FFFFFF;
}
.gridsystem .bgStyle_grey {
  background-color: #f1f5f6;
}
.gridsystem .bgStyle_dark:not(.viewport_100) {
  background-color: #111;
  color: #fff;
}
@media (max-width: 767px) {
  
}
.gridsystem .layoutStyle_gallery > .parsys {
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: hidden;
}
.gridsystem .layoutStyle_gallery > .parsys > .parbase {
  white-space: normal;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
@media (max-width: 767px) {
  .gridsystem .bgStyleMobile_light {
  background-color: #FFFFFF;
}
.gridsystem .bgStyleMobile_grey {
  background-color: #f1f5f6;
}
.gridsystem .bgStyleMobile_dark {
  background-color: #111;
  color: #fff;
  padding-bottom: 6.898%;
}
.customWidth {
  width: 96.13% !important;
}

}
.gridsystem .par > .section .layout-container {
  margin-top: 0px;
  *zoom: 1;
}
.gridsystem .par > .section .layout-container:before,
.gridsystem .par > .section .layout-container:after {
  display: table;
  content: "";
  line-height: 0;
}
.gridsystem .par > .section .layout-container:after {
  clear: both;
}
.gridsystem .par > .section .layout-container:after {
  content: "";
  display: block;
  width: 100%;
  height: 2.7502vw;
  min-height: 20px;
  max-height: 40px;
}
.gridsystem .par > .section .layout-container.noGutter:after {
  height: auto;
  min-height: auto;
  max-height: auto;
}
.gridsystem .par > .section .layout-container .section:not(.v2_textOverlay,.v2_responsiveAsset) {
  *zoom: 1;
}
.gridsystem .par > .section .layout-container .section:not(.v2_textOverlay,.v2_responsiveAsset):before,
.gridsystem .par > .section .layout-container .section:not(.v2_textOverlay,.v2_responsiveAsset):after {
  display: table;
  content: "";
  line-height: 0;
}
.gridsystem .par > .section .layout-container .section:not(.v2_textOverlay,.v2_responsiveAsset):after {
  clear: both;
}
.gridsystem .par > .section .layout-container .section:not(.v2_textOverlay,.v2_responsiveAsset):after {
  content: "";
  display: block;
  width: 100%;
  height: 2.7502vw;
  min-height: 20px;
  max-height: 40px;
}
.gridsystem .par > .section .layout-container .section:not(.v2_textOverlay,.v2_responsiveAsset).noGutter:after {
  height: auto;
  min-height: auto;
  max-height: auto;
}
.gridsystem .par > .section .layout-container .section:not(.v2_textOverlay,.v2_responsiveAsset):last-child:after {
  display: none !important;
}
.gridsystem .par > .section .layout-container.uncontained {
  padding-top: 0px;
}
.gridsystem .par > .section .layout-container.hasMargin_false {
  padding-top: 0px;
  margin-top: 0px;
}
@media (max-width: 767px) {
  .gridsystem .par > .section .layout-container.hasMarginMobile_true {
  margin-top: 6.898%;
  padding-top: 0;
}

}
.gridsystem .par > .section .layout-container.hasMargin_false.uncontained {
  margin-top: 0px;
  padding-top: 0px;
}
.gridsystem .par > .section .layoutStyle_gallery .section > div,
.gridsystem .par > .section:first-child .layout-container.uncontained,
.gridsystem .par > .section:first-child .layout-container,
.gridsystem .par > .section .section:first-child > div {
  padding-top: 0;
  margin-top: 0;
}
.gridsystem .section > div {
  float: left;
  width: 100%;
  position: relative;
}
.v2_section {
  *zoom: 1;
}
.v2_section:before,
.v2_section:after {
  display: table;
  content: "";
  line-height: 0;
}
.v2_section:after {
  clear: both;
}
.v2_section .showMode_mobile {
  display: none;
}
@media (max-width: 767px) {
  .v2_section .showMode_desktop {
  display: none;
}
.v2_section .showMode_mobile {
  display: block;
}

}
.v2_section .customWidth {
  margin: 0 auto !important;
}
.gridsystem .par > .parbase.section > div.indented_true {
  width: 90%;
}
@media (max-width: 767px) {
  .gridsystem .par > .section .layout-container.hasMarginMobile_false {
  padding-top: 0px;
  margin-top: 0px;
}
.gridsystem .sectionTitle .sectionTitleInner.layout-container .caption.centerMode_true {
  top: 0;
  text-align: right;
  width: 65%;
  right: 0;
  left: auto;
}
.gridsystem .sectionTitle .sectionTitleInner.layout-container .caption.centerMode_true p {
  color: white;
  font-size: 13px;
  line-height: 15px;
}
.gridsystem .sectionTitle .sectionTitleInner.layout-container .caption.centerMode_true p a:before {
  content: "";
  display: block;
}

}
.pages {
  vertical-align: middle;
  position: relative;
  top: 6px;
  width: 100%;
  text-align: center;
  left: 0;
}
.pages span {
  height: 5px;
  border-radius: 5px;
  width: 5px;
  line-height: 0;
  letter-spacing: 0;
  word-spacing: 0;
  background-color: #7c878e;
  display: inline-block;
  margin: 0 8px;
  vertical-align: middle;
  position: relative;
}
.pages div {
  display: inline-block;
  vertical-align: middle;
}
.pages div:hover {
  transform: scale(1.5);
  transition: all 200ms ease;
}
.pages div.active span {
  box-shadow: 0 0 0 1px #FFFFFF;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background-color: transparent;
}
@media (min-width: 768px) {
  .pages {
  display: none;
}
.showMode_desktop {
  display: block;
}
.showMode_mobile {
  display: none;
}

}
.v2_section .disableLazyLoad_true .v2_responsiveAsset .lazyLoadPlaceholder,
.v2_section .disableLazyLoadPlaceholders_true .v2_responsiveAsset .lazyLoadPlaceholder {
  display: none;
}
@media (max-width: 767px) {
  .v2_section .carNet {
  width: 86.13% !important;
  margin: 0 auto;
  float: none !important;
}
.v2_section .carNet .c2 .responsiveAssetInner {
  width: 100% !important;
  padding-top: 100% !important;
}
.v2_section .carNet .responsiveAssetInner {
  margin: 0 auto;
}
.v2_section .carNet .v2_blockquote .cta {
  text-align: center;
}

}
@media (min-width: 768px) {
  .v2_section .carNet {
  width: 90% !important;
  margin: 0;
  float: left;
}

}
@-moz-document url-prefix() {
  .v2_section .carNet .c2 .responsiveAssetInner {
  height: 200px;
}
@media (min-width: 1024px) {
  .v2_section .carNet .c2 .responsiveAssetInner {
  height: 290px;
}

}
@media (min-width: 1280px) {
  .v2_section .carNet .c2 .responsiveAssetInner {
  height: 290px;
}

}

}

.savingsCalculatorInner {
  background-color: #fff;
}
.noZevStateIncentive .savingsCalculatorInner .hideNoIncentive {
  display: none;
}
.savingsCalculatorInner .savingsCalculatorSettings {
  display: none !important;
}
.savingsCalculatorInner * {
  box-sizing: border-box;
}
.savingsCalculatorInner > div {
  margin: 0 auto;
  max-width: 1220px;
  text-align: center;
}
@media (max-width: 1023px) {
  .savingsCalculatorInner > div {
  max-width: 100%;
}

}
.savingsCalculatorInner p {
  display: block;
  margin: 0;
}
.savingsCalculatorInner button {
  background: none;
  border: 0;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
}
.savingsCalculatorInner button:hover {
  color: #0099cc;
}
.savingsCalculatorInner .colorBlue1 {
  color: #00b1eb;
}
.savingsCalculatorInner .color6a7986 {
  color: #6a7986;
}
.savingsCalculatorInner .colorGrayDark {
  color: #7c878e;
}
.savingsCalculatorInner .marginBottom50 {
  margin-bottom: 50px;
}
@media (max-width: 1279px) {
  .savingsCalculatorInner .marginBottom50 {
  margin-bottom: 40px;
}

}
@media (max-width: 1023px) {
  .savingsCalculatorInner .marginBottom50 {
  margin-bottom: 20px;
}

}
.savingsCalculatorInner .marginBottom20 {
  margin-bottom: 20px;
}
@media (max-width: 1279px) {
  .savingsCalculatorInner .marginBottom20 {
  margin-bottom: 14px;
}

}
.savingsCalculatorInner .dollar-sign,
.savingsCalculatorInner .dollar {
  display: inline-block;
  margin-top: -4px;
  vertical-align: top;
}
@media (max-width: 1279px) {
  .savingsCalculatorInner .dollar-sign,
.savingsCalculatorInner .dollar {
  margin-top: -6px;
}

}
@media (max-width: 1023px) {
  .savingsCalculatorInner .dollar-sign,
.savingsCalculatorInner .dollar {
  margin-top: -4px;
}

}
.savingsCalculatorInner .font16 {
  letter-spacing: -0.025em;
  font-size: 16px;
}
@media (max-width: 1279px) {
  .savingsCalculatorInner .font16 {
  font-size: 14px;
}

}
@media (max-width: 1023px) {
  .savingsCalculatorInner .font16 {
  font-size: 14px;
}

}
.savingsCalculatorInner .font17 {
  letter-spacing: -0.017em;
  font-size: 17px;
}
@media (max-width: 1279px) {
  .savingsCalculatorInner .font17 {
  font-size: 14px;
}

}
@media (max-width: 1023px) {
  .savingsCalculatorInner .font17 {
  font-size: 14px;
}

}
.savingsCalculatorInner .font24 {
  letter-spacing: -0.025em;
  font-size: 24px;
}
@media (max-width: 1279px) {
  .savingsCalculatorInner .font24 {
  font-size: 16px;
}

}
@media (max-width: 1023px) {
  .savingsCalculatorInner .font24 {
  font-size: 12px;
}

}
.savingsCalculatorInner .font32 {
  letter-spacing: -0.015em;
  font-size: 32px;
}
@media (max-width: 1279px) {
  .savingsCalculatorInner .font32 {
  font-size: 24px;
}

}
@media (max-width: 1023px) {
  .savingsCalculatorInner .font32 {
  font-size: 20px;
}

}
.savingsCalculatorInner .font-34,
.savingsCalculatorInner .dollar {
  font-size: 34px;
}
@media (max-width: 1279px) {
  .savingsCalculatorInner .font-34,
.savingsCalculatorInner .dollar {
  font-size: 24px;
}

}
@media (max-width: 1023px) {
  .savingsCalculatorInner .font-34,
.savingsCalculatorInner .dollar {
  font-size: 15px;
}

}
.savingsCalculatorInner .font60 {
  letter-spacing: -0.025em;
  font-size: 60px;
}
@media (max-width: 1279px) {
  .savingsCalculatorInner .font60 {
  font-size: 48px;
}

}
@media (max-width: 1023px) {
  .savingsCalculatorInner .font60 {
  font-size: 30px;
}

}
.savingsCalculatorInner .bold {
  font-family: "Black", sans-serif;
}
.savingsCalculatorInner .savingsCalculatorOverlay {
  display: none;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1023px) {
  .savingsCalculatorInner .savingsCalculatorOverlay {
  padding: 0 30px;
  width: 100%;
}

}
.nonZevState .savingsCalculatorInner .savingsCalculatorOverlay {
  display: block;
}
.savingsCalculatorInner .savingsCalculatorOverlay p {
  line-height: 1.5;
}
.savingsCalculatorInner .savingsCalculatorOverlay a {
  text-decoration: none;
}
.savingsCalculatorInner .savingsCalculatorInner {
  position: relative;
}
.savingsCalculatorInner .savingsCalculatorInner > p {
  margin-bottom: 30px;
}
@media (max-width: 1279px) {
  .savingsCalculatorInner .savingsCalculatorInner > p {
  margin-bottom: 24px;
}

}
.savingsCalculatorInner .savingsCalculatorData {
  overflow: visible;
  user-select: none;
}
.nonZevState .savingsCalculatorInner .savingsCalculatorData {
  opacity: .08;
}
.savingsCalculatorInner .savingsCalculatorData > p {
  margin-bottom: 30px;
}
@media (max-width: 1279px) {
  .savingsCalculatorInner .savingsCalculatorData > p {
  margin-bottom: 24px;
}

}
.savingsCalculatorInner .savingsCalculatorData input {
  color: #00b1eb;
  -moz-appearance: textfield;
  margin: 0 2px;
  padding: 3px 5px;
}
.savingsCalculatorInner .savingsCalculatorData input[type=number]::-webkit-inner-spin-button,
.savingsCalculatorInner .savingsCalculatorData input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.savingsCalculatorInner .savingsCalculatorData > div {
  display: flex;
  flex-wrap: wrap;
}
.savingsCalculatorInner .savingsCalculatorData > div > div {
  background-color: #f1f5f6;
  padding: 30px;
  position: relative;
}
@media (max-width: 1279px) {
  .savingsCalculatorInner .savingsCalculatorData > div > div {
  padding: 20px;
}

}
@media (max-width: 1023px) {
  .savingsCalculatorInner .savingsCalculatorData > div > div {
  padding: 15px;
}

}
.savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(1),
.savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(2) {
  width: 33%;
}
@media (max-width: 1023px) {
  .savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(1),
.savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(2) {
  width: 100%;
}

}
.savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(3),
.savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(5) {
  margin-left: 2%;
  width: 32%;
}
@media (max-width: 1023px) {
  .savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(3),
.savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(5) {
  margin-left: 0;
  width: 100%;
}

}
.savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(1)::after {
  background-color: #d9dfe1;
  bottom: initial;
  content: '';
  height: 50%;
  left: initial;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translatey(-50%);
  width: 1px;
}
@media (max-width: 1023px) {
  .savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(1)::after {
  background-color: #d9dfe1;
  content: '';
  bottom: 0;
  height: 1px;
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  right: initial;
  top: initial;
  width: 90%;
}

}
@media (max-width: 1023px) {
  .savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(2)::after {
  background-color: #d9dfe1;
  content: '';
  bottom: 0;
  height: 1px;
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  right: initial;
  top: initial;
  width: 90%;
}

}
.savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(4) {
  width: 66%;
}
@media (max-width: 1023px) {
  .savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(4) {
  width: 50%;
}

}
@media (max-width: 1023px) {
  .savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(4)::after {
  background-color: #d9dfe1;
  bottom: initial;
  content: '';
  height: 50%;
  left: initial;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translatey(-50%);
  width: 1px;
  background-color: #fff;
  height: 70%;
}

}
@media (max-width: 1023px) {
  .savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(5) {
  width: 50%;
}

}
.savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(4),
.savingsCalculatorInner .savingsCalculatorData > div > div:nth-of-type(5) {
  background: #00b1eb;
  color: #fff;
}
.savingsCalculatorInner .savingsCalculatorData .buttonTop {
  background: none;
  border: 0;
  outline: none;
  text-decoration: none;
  position: absolute;
  left: 50%;
  top: 64px;
  transform: translatex(-50%);
}
@media (max-width: 1023px) {
  .savingsCalculatorInner .savingsCalculatorData .buttonTop {
  display: block;
  left: initial;
  position: relative;
  margin: 0 auto;
  top: initial;
  transform: translatex(0);
}

}
.savingsCalculatorInner .savingsCalculatorData .buttonBottom {
  color: #00b1eb;
  display: inline-block;
  text-decoration: none;
}
.nonZevState .savingsCalculatorInner .savingsCalculatorData .buttonBottom,
.noZevStateIncentive .savingsCalculatorInner .savingsCalculatorData .buttonBottom {
  background-color: #00b1eb;
  border-radius: 4px;
  color: #fff;
  margin-top: 20px;
  padding: 16px;
}
.savingsCalculatorInner .savingsCalculatorData .buttonBottom:hover {
  color: #0099cc;
}
.nonZevState .savingsCalculatorInner .savingsCalculatorData .buttonBottom:hover,
.noZevStateIncentive .savingsCalculatorInner .savingsCalculatorData .buttonBottom:hover {
  background-color: #0099cc;
  color: #fff;
}
.savingsCalculatorInner .savingsCalculatorData .savingsCalculatorSlider {
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 70%;
}
@media (max-width: 1023px) {
  .savingsCalculatorInner .savingsCalculatorData .savingsCalculatorSlider {
  margin-bottom: 20px;
}

}
.savingsCalculatorInner .savingsCalculatorData .savingsCalculatorSlider .sliderMpg {
  left: 112%;
  line-height: 1;
  position: absolute;
  top: -10px;
  width: auto;
}
@media (max-width: 1279px) {
  
}
@media (max-width: 1023px) {
  .savingsCalculatorInner .savingsCalculatorData .savingsCalculatorSlider .sliderMpg {
  left: 110%;
}

}
.savingsCalculatorInner .savingsCalculatorData .savingsCalculatorSlider .slider {
  flex-grow: 1;
  height: 14px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.savingsCalculatorInner .savingsCalculatorData .savingsCalculatorSlider .bg,
.savingsCalculatorInner .savingsCalculatorData .savingsCalculatorSlider .fg {
  border-radius: 12px;
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
}
.savingsCalculatorInner .savingsCalculatorData .savingsCalculatorSlider .bg {
  background-color: #e3ebed;
  width: 100%;
  z-index: 1;
}
.savingsCalculatorInner .savingsCalculatorData .savingsCalculatorSlider .fg {
  background-color: #00b1eb;
  width: 0;
  z-index: 2;
}
.savingsCalculatorInner .savingsCalculatorData .savingsCalculatorSlider .knob {
  background-color: #fff;
  border: 6px solid #00b1eb;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  margin-left: -14px;
  margin-top: -7px;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  transform-origin: center;
  transition: transform 400ms;
  user-select: none;
  width: 28px;
  z-index: 3;
}
.savingsCalculatorInner .savingsCalculatorData .savingsCalculatorSlider .knob:hover {
  transform: scale(1.3);
}
.savingsCalculatorInner .savingsCalculatorData .savingsCalculatorSlider .knob:hover  + .fg {
  background-color: #009dd8;
}
.savingsCalculatorInner .savingsCalculatorData .dollarValue {
  height: 60px;
  line-height: 60px;
  overflow: hidden;
}
@media (max-width: 1279px) {
  .savingsCalculatorInner .savingsCalculatorData .dollarValue {
  height: 48px;
  line-height: 48px;
}

}
@media (max-width: 1023px) {
  .savingsCalculatorInner .savingsCalculatorData .dollarValue {
  height: 30px;
  line-height: 30px;
}

}
.savingsCalculatorInner .savingsCalculatorData .dollarValue span {
  display: inline-block;
  transition: margin 400ms;
  vertical-align: top;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.masthead {
  background-color: #000;
}
iframe.videoPlaceholder.embeddedVideo {
  height: auto;
}
.uncontained .responsiveAssetInner {
  height: 100%;
  width: 100%;
}
.uncontained .responsiveAssetInner video {
  -webkit-transform: translatex(-50%) translatey(-50%);
  height: auto;
  left: 50%;
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  top: 50%;
  transform: translatex(-50%) translatey(-50%);
  width: auto;
  z-index: -100;
}
.v2_responsiveAsset {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.v2_responsiveAsset .gutter_none {
  *zoom: 1;
}
.v2_responsiveAsset .gutter_none:before,
.v2_responsiveAsset .gutter_none:after {
  display: table;
  content: "";
  line-height: 0;
}
.v2_responsiveAsset .gutter_none:after {
  clear: both;
}
.v2_responsiveAsset .gutter_none:after {
  display: none !important;
}
.v2_responsiveAsset.gutter_none {
  *zoom: 1;
}
.v2_responsiveAsset.gutter_none:before,
.v2_responsiveAsset.gutter_none:after {
  display: table;
  content: "";
  line-height: 0;
}
.v2_responsiveAsset.gutter_none:after {
  clear: both;
}
.v2_responsiveAsset.gutter_none:after {
  display: none !important;
}
.v2_responsiveAsset.gutter_2x {
  *zoom: 1;
}
.v2_responsiveAsset.gutter_2x:before,
.v2_responsiveAsset.gutter_2x:after {
  display: table;
  content: "";
  line-height: 0;
}
.v2_responsiveAsset.gutter_2x:after {
  clear: both;
}
.v2_responsiveAsset.gutter_2x:after {
  height: calc(2.7502vw * 2) !important;
  max-height: 80px !important;
}
.v2_responsiveAsset.gutter_3x {
  *zoom: 1;
}
.v2_responsiveAsset.gutter_3x:before,
.v2_responsiveAsset.gutter_3x:after {
  display: table;
  content: "";
  line-height: 0;
}
.v2_responsiveAsset.gutter_3x:after {
  clear: both;
}
.v2_responsiveAsset.gutter_3x:after {
  height: calc(2.7502vw * 3) !important;
  max-height: 120px !important;
}
.v2_responsiveAsset.topGutter_1x {
  *zoom: 1;
}
.v2_responsiveAsset.topGutter_1x:before,
.v2_responsiveAsset.topGutter_1x:after {
  display: table;
  content: "";
  line-height: 0;
}
.v2_responsiveAsset.topGutter_1x:after {
  clear: both;
}
.v2_responsiveAsset.topGutter_1x:before {
  content: "";
  display: block;
  width: 100%;
  height: 2.7502vw !important;
  min-height: 20px;
  max-height: 40px !important;
}
.v2_responsiveAsset.topGutter_2x {
  *zoom: 1;
}
.v2_responsiveAsset.topGutter_2x:before,
.v2_responsiveAsset.topGutter_2x:after {
  display: table;
  content: "";
  line-height: 0;
}
.v2_responsiveAsset.topGutter_2x:after {
  clear: both;
}
.v2_responsiveAsset.topGutter_2x:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(2.7502vw * 2) !important;
  min-height: 20px;
  max-height: 80px !important;
}
.v2_responsiveAsset.topGutter_3x {
  *zoom: 1;
}
.v2_responsiveAsset.topGutter_3x:before,
.v2_responsiveAsset.topGutter_3x:after {
  display: table;
  content: "";
  line-height: 0;
}
.v2_responsiveAsset.topGutter_3x:after {
  clear: both;
}
.v2_responsiveAsset.topGutter_3x:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(2.7502vw * 3) !important;
  min-height: 20px;
  max-height: 120px !important;
}
@media (max-width: 767px) {
  .bp_mobile .responsiveAssetInner.hideInMobile_true {
  display: none !important;
}

}
.responsiveAssetInner {
  z-index: 2;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.responsiveAssetInner.vignetteTop_true:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  top: 0;
  left: 0;
  z-index: 20;
  background: transparent;
  /* For browsers that do not support gradients */

  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.25), transparent);
  /* For Safari 5.1 to 6.0 */

  background: -o-linear-gradient(rgba(0, 0, 0, 0.25), transparent);
  /* For Opera 11.1 to 12.0 */

  background: -moz-linear-gradient(rgba(0, 0, 0, 0.25), transparent);
  /* For Firefox 3.6 to 15 */

  background: linear-gradient(rgba(0, 0, 0, 0.25), transparent);
  /* Standard syntax */

}
@media (min-width: 768px) {
  .responsiveAssetInner.vignetteTop_true:before {
  height: 200px;
}

}
.responsiveAssetInner.vignetteBottom_true:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  bottom: 0;
  left: 0;
  z-index: 20;
  background: transparent;
  /* For browsers that do not support gradients */

  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.25));
  /* For Safari 5.1 to 6.0 */

  background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.25));
  /* For Opera 11.1 to 12.0 */

  background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.25));
  /* For Firefox 3.6 to 15 */

  background: linear-gradient(transparent, rgba(0, 0, 0, 0.25));
  /* Standard syntax */

}
@media (min-width: 768px) {
  .responsiveAssetInner.vignetteBottom_true:after {
  height: 200px;
}

}
.responsiveAssetInner.fullTint_true.hoverState_opacity:hover:before,
.responsiveAssetInner.fullTint_true.hoverState_scale:hover:before {
  opacity: 0;
}
.responsiveAssetInner.fullTint_true:before {
  content: "";
  opacity: 1;
  transition: opacity 600ms ease;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.2);
}
.responsiveAssetInner.vignetteText_true .overlay-text {
  text-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .responsiveAssetInner.vignetteText_true .overlay-text {
  text-shadow: 0px 0px 24px rgba(0, 0, 0, 0.35);
}

}
.responsiveAssetInner.plx_true.plx_active .video-container {
  height: 100%;
}
.responsiveAssetInner.plx_true.plx_active .textOverlays .v2_textOverlay {
  height: 100%;
}
.responsiveAssetInner.plx_true.plx_active .textOverlays .v2_textOverlay .textOverlayInner {
  height: 100%;
}
.responsiveAssetInner.plx_true.plx_active .textOverlays .v2_textOverlay .textOverlayInner .overlay-text {
  top: auto !important;
  bottom: 40% !important;
}
.responsiveAssetInner.plx_true .video-container img {
  max-width: none;
  position: relative;
}
.responsiveAssetInner .textOverlays {
  z-index: 30;
}
.responsiveAssetInner iframe {
  display: none;
}
.responsiveAssetInner .video-container {
  height: 100%;
}
.responsiveAssetInner .video-container  > div {
  height: 100%;
}
.responsiveAssetInner video {
  opacity: 0;
  display: block;
}
.responsiveAssetInner.lazyFade,
.responsiveAssetInner img.lazyFade,
.responsiveAssetInner iframe.lazyFade,
.responsiveAssetInner video.lazyFade {
  display: block;
  /* make things invisible upon start */

  opacity: 0;
  /* call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time */

  -webkit-animation: fadeIn ease-in 500ms;
  -moz-animation: fadeIn ease-in 500ms;
  animation: fadeIn ease-in 500ms;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 250ms;
  -moz-animation-delay: 250ms;
  animation-delay: 250ms;
}
.responsiveAssetInner iframe.lazyFadeOut,
.responsiveAssetInner video.lazyFadeOut {
  /* make things invisible upon start */

  opacity: 1;
  /* call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time */

  -webkit-animation: fadeOut ease-in 500ms;
  -moz-animation: fadeOut ease-in 500ms;
  animation: fadeOut ease-in 500ms;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 250ms;
  -moz-animation-delay: 250ms;
  animation-delay: 250ms;
}
.responsiveAssetInner.hasBg_true .gallery-show-link {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.responsiveAssetInner .textCaption {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  border-bottom: 3px solid #00b1eb;
  padding-bottom: 10px;
  margin-left: 6.898%;
  margin-bottom: 6.898%;
}
.responsiveAssetInner:hover .gallery-show-link {
  opacity: 1;
}
.responsiveAssetInner.scaleMode_hover,
.responsiveAssetInner.scaleMode_view,
.responsiveAssetInner.onVisible_scale.isVisible {
  transform: scale(1.02);
  transition: transform 700ms ease;
}
.responsiveAssetInner.scaleMode_hover .textOverlays,
.responsiveAssetInner.scaleMode_view .textOverlays,
.responsiveAssetInner.onVisible_scale.isVisible .textOverlays {
  transition: transform 700ms ease;
  transform: scale(0.98);
}
.responsiveAssetInner.onVisible_scale,
.responsiveAssetInner.hoverState_scale.onVisible_scale {
  transform: scale(1.2);
  transition: transform 1000ms ease 100ms, opacity 1000ms ease 100ms !important;
}
.responsiveAssetInner.onVisible_scale .textOverlays,
.responsiveAssetInner.hoverState_scale.onVisible_scale .textOverlays {
  transform: scale(0.8);
  transition: transform 1000ms ease 100ms !important;
}
.responsiveAssetInner.onVisible_scale.isVisible,
.responsiveAssetInner.hoverState_scale.onVisible_scale.isVisible,
.responsiveAssetInner.onVisible_scale:hover,
.responsiveAssetInner.hoverState_scale.onVisible_scale:hover,
.responsiveAssetInner.onVisible_scale:active,
.responsiveAssetInner.hoverState_scale.onVisible_scale:active {
  transform: scale(1);
}
.responsiveAssetInner.onVisible_scale.isVisible .textOverlays,
.responsiveAssetInner.hoverState_scale.onVisible_scale.isVisible .textOverlays,
.responsiveAssetInner.onVisible_scale:hover .textOverlays,
.responsiveAssetInner.hoverState_scale.onVisible_scale:hover .textOverlays,
.responsiveAssetInner.onVisible_scale:active .textOverlays,
.responsiveAssetInner.hoverState_scale.onVisible_scale:active .textOverlays {
  transform: scale(1);
}
.responsiveAssetInner.onVisible_opacity,
.responsiveAssetInner.hoverState_opacity.onVisible_opacity,
.responsiveAssetInner.hoverState_scale.onVisible_opacity {
  opacity: .3;
  transition: all 700ms ease;
}
.responsiveAssetInner.onVisible_opacity.isVisible,
.responsiveAssetInner.hoverState_opacity.onVisible_opacity.isVisible,
.responsiveAssetInner.hoverState_scale.onVisible_opacity.isVisible {
  opacity: 1;
}
.responsiveAssetInner.hoverState_scale,
.responsiveAssetInner.hoverState_scale.onVisible_scale.isVisible {
  transform: scale(1.05);
  opacity: 1;
  transition: transform 700ms ease;
}
.responsiveAssetInner.hoverState_scale .textOverlays,
.responsiveAssetInner.hoverState_scale.onVisible_scale.isVisible .textOverlays {
  transition: transform 700ms ease;
  transform: scale(0.95);
}
.responsiveAssetInner.hoverState_opacity.onVisible_scale.isVisible,
.responsiveAssetInner.hoverState_opacity {
  opacity: .8;
  transition: opacity 700ms ease;
}
.responsiveAssetInner.onVisible_scale.isVisible:hover,
.responsiveAssetInner.onVisible_scale.isVisible:active,
.responsiveAssetInner:hover,
.responsiveAssetInner:active {
  transform: scale(1);
  opacity: 1;
  transition: transform 700ms ease !important;
}
.responsiveAssetInner.onVisible_scale.isVisible:hover .textOverlays,
.responsiveAssetInner.onVisible_scale.isVisible:active .textOverlays,
.responsiveAssetInner:hover .textOverlays,
.responsiveAssetInner:active .textOverlays {
  transform: scale(1);
  transition: transform 700ms ease !important;
}
.responsiveAssetInner .gallery-show-link {
  transition: all 300ms ease;
}
.responsiveAssetInner .gallery-show-link:hover {
  opacity: 1;
}
.responsiveAssetInner.hasBg_true.r_1x1 {
  padding-top: 100% !important;
}
.responsiveAssetInner.hasBg_true.r_2x1 {
  padding-top: 50% !important;
}
.responsiveAssetInner.hasBg_true.r_3x2 {
  padding-top: 66.366667% !important;
}
.responsiveAssetInner.hasBg_true.r_3x4 {
  padding-top: 133.33333333333331% !important;
}
.responsiveAssetInner.hasBg_true.r_4x3 {
  padding-top: 75% !important;
}
.responsiveAssetInner.hasBg_true.r_16x9 {
  padding-top: 56.25% !important;
}
.responsiveAssetInner.hasBg_true.r_21x9 {
  padding-top: 42.857142857142854% !important;
}
.responsiveAssetInner.hasBg_true.r_1x4 {
  padding-top: 400% !important;
}
.responsiveAssetInner.hasBg_true.r_318x433 {
  padding-top: 136.16352201257862% !important;
}
.responsiveAssetInner.hasBg_true.r_8x3 {
  padding-top: 37.5% !important;
}
@media (min-width: 768px) {
  .responsiveAssetInner.hasBg_true.rTP_1x1 {
  padding-top: 100% !important;
}
.responsiveAssetInner.hasBg_true.rTP_2x1 {
  padding-top: 50% !important;
}
.responsiveAssetInner.hasBg_true.rTP_3x2 {
  padding-top: 66.366667% !important;
}
.responsiveAssetInner.hasBg_true.rTP_3x4 {
  padding-top: 133.33333333333331% !important;
}
.responsiveAssetInner.hasBg_true.rTP_4x3 {
  padding-top: 75% !important;
}
.responsiveAssetInner.hasBg_true.rTP_16x9 {
  padding-top: 56.25% !important;
}
.responsiveAssetInner.hasBg_true.rTP_21x9 {
  padding-top: 42.857142857142854% !important;
}
.responsiveAssetInner.hasBg_true.rTP_318x433 {
  padding-top: 136.16352201257862% !important;
}
.responsiveAssetInner.hasBg_true.rTP_8x3 {
  padding-top: 37.5% !important;
}

}
@media (min-width: 1024px) {
  .responsiveAssetInner.hasBg_true.rTL_1x1 {
  padding-top: 100% !important;
}
.responsiveAssetInner.hasBg_true.rTL_2x1 {
  padding-top: 50% !important;
}
.responsiveAssetInner.hasBg_true.rTL_3x2 {
  padding-top: 66.366667% !important;
}
.responsiveAssetInner.hasBg_true.rTL_3x4 {
  padding-top: 133.33333333333331% !important;
}
.responsiveAssetInner.hasBg_true.rTL_4x3 {
  padding-top: 75% !important;
}
.responsiveAssetInner.hasBg_true.rTL_16x9 {
  padding-top: 56.25% !important;
}
.responsiveAssetInner.hasBg_true.rTL_21x9 {
  padding-top: 42.857142857142854% !important;
}
.responsiveAssetInner.hasBg_true.rTL_1x4 {
  padding-top: 400% !important;
}
.responsiveAssetInner.hasBg_true.rTL_318x433 {
  padding-top: 136.16352201257862% !important;
}
.responsiveAssetInner.hasBg_true.rTL_8x3 {
  padding-top: 37.5% !important;
}

}
@media (min-width: 1280px) {
  .responsiveAssetInner.hasBg_true.rD_1x1 {
  padding-top: 100% !important;
}
.responsiveAssetInner.hasBg_true.rD_2x1 {
  padding-top: 50% !important;
}
.responsiveAssetInner.hasBg_true.rD_3x2 {
  padding-top: 66.366667% !important;
}
.responsiveAssetInner.hasBg_true.rD_3x4 {
  padding-top: 133.33333333333331% !important;
}
.responsiveAssetInner.hasBg_true.rD_4x3 {
  padding-top: 75% !important;
}
.responsiveAssetInner.hasBg_true.rD_16x9 {
  padding-top: 56.25% !important;
}
.responsiveAssetInner.hasBg_true.rD_21x9 {
  padding-top: 42.857142857142854% !important;
}
.responsiveAssetInner.hasBg_true.rD_1x4 {
  padding-top: 400% !important;
}
.responsiveAssetInner.hasBg_true.rD_318x433 {
  padding-top: 136.16352201257862% !important;
}
.responsiveAssetInner.hasBg_true.rD_8x3 {
  padding-top: 37.5% !important;
}

}
@media (min-width: 1440px) {
  .responsiveAssetInner.hasBg_true.rDW_1x1 {
  padding-top: 100% !important;
}
.responsiveAssetInner.hasBg_true.rDW_2x1 {
  padding-top: 50% !important;
}
.responsiveAssetInner.hasBg_true.rDW_3x2 {
  padding-top: 66.366667% !important;
}
.responsiveAssetInner.hasBg_true.rDW_3x4 {
  padding-top: 133.33333333333331% !important;
}
.responsiveAssetInner.hasBg_true.rDW_4x3 {
  padding-top: 75% !important;
}
.responsiveAssetInner.hasBg_true.rDW_16x9 {
  padding-top: 56.25% !important;
}
.responsiveAssetInner.hasBg_true.rDW_21x9 {
  padding-top: 42.857142857142854% !important;
}
.responsiveAssetInner.hasBg_true.rDW_1x4 {
  padding-top: 400% !important;
}
.responsiveAssetInner.hasBg_true.rDW_318x433 {
  padding-top: 136.16352201257862% !important;
}
.responsiveAssetInner.hasBg_true.rDW_8x3 {
  padding-top: 37.5% !important;
}

}
.responsiveAssetInner .dragControls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: none;
  font-size: 11px;
  color: rgba(1, 223, 189, 0.9);
}
.responsiveAssetInner .dragControls .middle {
  height: 20px;
  top: calc(50% - 10px);
  width: 100%;
  position: absolute;
}
.responsiveAssetInner .dragControls .center {
  height: 100%;
  left: calc(50% - 10px);
  width: 20px;
  position: absolute;
}
.responsiveAssetInner .dragControls.dragging {
  display: block;
}
.responsiveAssetInner.gallery-show {
  cursor: pointer;
}
.responsiveAssetInner .fluid {
  opacity: 0;
  position: relative;
}
.responsiveAssetInner .fluid.initialized:not(.embeddedVideo) {
  transition: opacity 50ms ease 100ms;
  opacity: 1;
}
.responsiveAssetInner .fluid-spacer {
  width: 100%;
  position: absolute;
}
.responsiveAssetInner .playVideoWrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-transition: background-color 100ms linear;
  -moz-transition: background-color 100ms linear;
  -o-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}
.responsiveAssetInner .playVideoWrapper:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.responsiveAssetInner .playVideoWrapper:hover .playVideo {
  box-shadow: 0px 0px 0px 1px white;
}
.responsiveAssetInner .playVideoWrapper .playVideo:hover {
  box-shadow: 0px 0px 0px 2px white;
}
.responsiveAssetInner .playVideoWrapper .playVideoShadow {
  border: none;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 100px 60px rgba(0, 0, 0, 0.3);
}
.responsiveAssetInner .playVideo,
.responsiveAssetInner .playVideoShadow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: 2px solid white;
  background-color: transparent;
  color: white;
  box-shadow: 0px 0px 0px 0px white;
  -webkit-transition: box-shadow 100ms linear;
  -moz-transition: box-shadow 100ms linear;
  -o-transition: box-shadow 100ms linear;
  transition: box-shadow 100ms linear;
}
@media (min-width: 1280px) {
  .responsiveAssetInner .playVideo,
.responsiveAssetInner .playVideoShadow {
  width: 80px;
  height: 80px;
  border-radius: 80px;
}

}
.responsiveAssetInner img {
  width: 100%;
  display: block;
}
.responsiveAssetInner .video-item {
  position: relative;
  z-index: 1;
}
.responsiveAssetInner .edit-mode {
  background-color: rgba(0, 0, 0, 0.3);
}
.responsiveAssetInner .video-text-wrapper {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
}
.responsiveAssetInner .video-text {
  z-index: 2;
  color: #fff;
  margin: auto auto;
  text-align: center;
  display: inline-block;
}
.responsiveAssetInner .video-text.bottom {
  bottom: 0;
}
.responsiveAssetInner .video-text.middle {
  top: 40%;
}
.responsiveAssetInner .video-text.top {
  top: 0;
}
.responsiveAssetInner .video-text.left {
  text-align: left;
  left: 0;
  position: absolute;
}
.responsiveAssetInner .video-text.center {
  text-align: center;
  position: relative;
}
.responsiveAssetInner .video-text.right {
  text-align: right;
  right: 0;
  position: absolute;
}
.responsiveAssetInner.edit-mode .animation .actions {
  display: none;
  position: absolute;
  right: 0;
}
.responsiveAssetInner .button {
  width: auto;
  padding: 0 10%;
}
.responsiveAssetInner .animation {
  display: inline-block;
  width: 100%;
}
.responsiveAssetInner .animation.fadeIn {
  transition: all 1000ms linear;
  visibility: hidden;
  opacity: 0;
}
.responsiveAssetInner .animation.fadeIn.animate {
  visibility: visible;
  opacity: 1;
}
.responsiveAssetInner .hidden {
  display: none;
}
.lazyLoadPlaceholder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #f1f5f6;
  z-index: 1;
}
.test1 {
  padding-top: 61.038961038961034%;
}

html.author-mode .responsiveAssetInner.vignetteTop_true:before,
html.author-mode .responsiveAssetInner.vignetteBottom_true:after {
  display: none !important;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.v2_pageNavigation {
  width: 100%;
  order: 2;
}
.v2_pageNavigation div.sectionLinks {
  width: 40vw;
  display: flex;
  flex-direction: column;
  float: right;
  align-items: center;
  z-index: 2;
}
@media (min-width: 768px) {
  .v2_pageNavigation div.sectionLinks {
  position: absolute;
  top: 40vw;
  right: 0;
  width: 37vw !important;
  background-color: #01b1ec;
}

}
@media (max-width: 767px) {
  .v2_pageNavigation div.sectionLinks {
  background-color: #ffffff;
}

}
.v2_pageNavigation div.sectionLinks .items {
  width: 82%;
  padding: 0.1vw 0;
}
@media (max-width: 767px) {
  .v2_pageNavigation div.sectionLinks .items li:first-child {
  border-bottom: thin solid #e7eaec;
  border-width: 0.15em;
}
.v2_pageNavigation div.sectionLinks .items li:first-child div {
  color: #000000;
}

}
@media (min-width: 768px) {
  .v2_pageNavigation div.sectionLinks .items li:not(:last-child) {
  border-bottom: solid #31bfed;
  border-width: 0.15em;
}

}
.v2_pageNavigation div.sectionLinks .items li {
  list-style-type: none;
  padding: 1.6vw 0;
  text-align: left;
}
.v2_pageNavigation div.sectionLinks .items li a,
.v2_pageNavigation div.sectionLinks .items li div {
  display: flex;
  color: #ffffff;
}
@media (max-width: 767px) {
  .v2_pageNavigation div.sectionLinks .items li a,
.v2_pageNavigation div.sectionLinks .items li div {
  color: #01b1ec;
}

}
.v2_pageNavigation div.sectionLinks .items li div {
  text-transform: uppercase;
  font-size: 0.7em;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.v2_organicGrid .organicGridInner.fullBleedRight_true {
  padding-right: 1000px;
}
@media (min-width: 768px) {
  .v2_organicGrid .organicGridInner.fullBleedRight_true .buttonOutline,
.v2_organicGrid .organicGridInner.fullBleedRight_true .buttonMedium {
  padding: 0 10px;
}

}
@media (max-width: 767px) {
  .v2_organicGrid .organicGridInner.fullBleedRight_true {
  padding-right: 0;
}
.v2_organicGrid .organicGridInner.fullBleedRight_true .firstUp {
  display: block;
}
.v2_organicGrid .organicGridInner.fullBleedRight_true .asset {
  width: 100% !important;
  margin-bottom: 20px !important;
}

}
.v2_organicGrid .organicGridInner.fullBleedLeft_true {
  padding-left: 1000px;
  float: right;
}
@media (min-width: 768px) {
  .v2_organicGrid .organicGridInner.fullBleedLeft_true .buttonOutline,
.v2_organicGrid .organicGridInner.fullBleedLeft_true .buttonMedium {
  padding: 0 10px;
}

}
@media (max-width: 767px) {
  .v2_organicGrid .organicGridInner.fullBleedLeft_true {
  padding-left: 0;
  float: left;
}
.v2_organicGrid .organicGridInner.fullBleedLeft_true .firstUp {
  display: block;
}
.v2_organicGrid .organicGridInner.fullBleedLeft_true .asset {
  width: 100% !important;
  margin-bottom: 20px !important;
}

}
@media (max-width: 767px) {
  .v2_organicGrid .organicGridInner.stackLikeWarranty_true .ups {
  border: none;
}
.v2_organicGrid .organicGridInner.stackLikeWarranty_true .ups .asset {
  padding-top: 0;
}
.v2_organicGrid .organicGridInner.stackLikeWarranty_true .ups .title {
  display: block;
  position: relative;
  height: auto;
  pointer-events: none;
}
.v2_organicGrid .organicGridInner.stackLikeWarranty_true .ups .vw-icon {
  display: none;
}

}
.v2_organicGrid .organicGridInner.layoutType_1 .ups:last-child .asset:after {
  display: none !important;
}
.v2_organicGrid .organicGridInner .ups .description p span.no-break {
  white-space: nowrap;
}
.v2_organicGrid .organicGridInner .asset:after {
  content: "";
  display: block;
  width: 100%;
  height: 2.7502vw;
  min-height: 20px;
  max-height: 40px;
}
.v2_organicGrid .organicGridInner .asset.noGutter:after {
  height: auto;
  min-height: auto;
  max-height: auto;
}
@media (min-width: 768px) {
  .v2_organicGrid .organicGridInner.layoutType_1 .title {
  position: relative;
}
.v2_organicGrid .organicGridInner.layoutType_1 .title:before {
  content: "";
  position: absolute;
  display: block;
  width: 100vw;
  height: 2px;
  background-color: #EFEFEF;
  top: -2px;
}

}
.v2_organicGrid .organicGridInner.layoutType_1 .title span {
  display: none;
}
.v2_organicGrid .organicGridInner .title span {
  color: #00b1eb;
}
.v2_organicGrid .organicGridInner.layoutType_3.layoutA .thirdUp {
  margin-top: calc(29% + 6.898%);
}
.v2_organicGrid .organicGridInner.layoutType_3.layoutB .thirdUp .asset {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .v2_organicGrid .organicGridInner.layoutType_3.layoutB .thirdUp .title {
  position: relative;
}
.v2_organicGrid .organicGridInner.layoutType_3.layoutB .thirdUp .title:before {
  content: "";
  position: absolute;
  display: block;
  width: 100vw;
  height: 2px;
  background-color: #EFEFEF;
  top: -2px;
  right: 0;
}

}
@media (min-width: 768px) {
  .v2_organicGrid .organicGridInner.layoutType_3.layoutB .firstUp .description {
  width: 80%;
}
.v2_organicGrid .organicGridInner .title span {
  display: none;
}

}
@media (min-width: 768px) {
  .organicGridInner .description .linkCTA {
  margin-top: 15px;
}
.organicGridInner .description.width_80 {
  width: 80% !important;
}
.organicGridInner .description.width_100 {
  width: 100% !important;
}
.organicGridInner.layoutType_1.flipped .firstUp .title:before,
.organicGridInner.layoutType_.flipped .firstUp .title:before {
  right: 0;
}
.organicGridInner.layoutType_3.layoutA .firstUp .title,
.organicGridInner.layoutType_3.layoutA .firstUp .description {
  width: 40%;
}
.organicGridInner.layoutType_3.flipped.layoutA .firstUp .title,
.organicGridInner.layoutType_3.flipped.layoutA .firstUp .description {
  margin-left: 59%;
  width: auto;
  padding: 0;
}
.organicGridInner.layoutType_3.flipped.layoutB .firstUp {
  float: right;
  left: 0;
  margin-right: 0;
}
.organicGridInner.layoutType_3.flipped.layoutB .secondUp {
  float: left;
}
.organicGridInner.layoutType_3.flipped.layoutB .thirdUp .title:before {
  left: 0;
}
.organicGridInner.layoutType_3.flipped .firstUp .description {
  float: left;
}

}
@media [object Object] and (max-width: 767px) {
  {
  margin-top: 5px;
}

}
@media (min-width: 768px) {
  .v2_organicGrid {
  float: left;
  width: 100%;
}
.organicGridInner {
  float: left;
  width: 100%;
  position: relative;
}
.organicGridInner .description p {
  margin: 0;
}
.organicGridInner.layoutType_1.flipped .firstUp,
.organicGridInner.layoutType_.flipped .firstUp {
  left: 0;
}
.organicGridInner.layoutType_1.flipped .firstUp .description,
.organicGridInner.layoutType_.flipped .firstUp .description,
.organicGridInner.layoutType_1.flipped .firstUp .title,
.organicGridInner.layoutType_.flipped .firstUp .title {
  float: left;
}
.organicGridInner.layoutType_1.flipped .firstUp .asset,
.organicGridInner.layoutType_.flipped .firstUp .asset {
  float: right;
  margin-bottom: 0;
}
.organicGridInner.layoutType_1 .firstUp,
.organicGridInner.layoutType_ .firstUp {
  position: relative;
  width: 100%;
}
.organicGridInner.layoutType_1 .firstUp .asset,
.organicGridInner.layoutType_ .firstUp .asset {
  width: 74%;
  float: left;
  margin-bottom: 0;
}
.organicGridInner.layoutType_1 .firstUp .description,
.organicGridInner.layoutType_ .firstUp .description,
.organicGridInner.layoutType_1 .firstUp .title,
.organicGridInner.layoutType_ .firstUp .title {
  float: right;
  width: calc(26% - 40px);
  padding: 0;
}
.organicGridInner.layoutType_1 .firstUp .title,
.organicGridInner.layoutType_ .firstUp .title {
  margin-top: 8%;
  padding-top: 3.449%;
  border-top: 2px solid #EFEFEF;
}
.organicGridInner.layoutType_2 .firstUp .description,
.organicGridInner.layoutType_2 .firstUp .title {
  width: 100%;
  padding: 0;
}
.organicGridInner.layoutB .firstUp .description,
.organicGridInner.layoutB .firstUp .title {
  width: 100%;
  padding: 0;
}
.organicGridInner.layoutB .secondUp {
  width: calc(43.1% - 3.449%);
}
.organicGridInner.layoutB.flipped .thirdUp {
  margin-right: 0;
}
.organicGridInner.layoutB.flipped .thirdUp .asset {
  float: left;
}
.organicGridInner.layoutB.flipped .thirdUp .description,
.organicGridInner.layoutB.flipped .thirdUp .title {
  float: right;
}
.organicGridInner.layoutB .firstUp {
  position: relative;
  width: 56.9%;
}
.organicGridInner.layoutB .thirdUp {
  width: calc(50% - 20px);
  margin-top: 40px;
  left: auto;
}
.organicGridInner.layoutB .thirdUp .asset {
  width: 60%;
  float: right;
}
.organicGridInner.layoutB .thirdUp .description,
.organicGridInner.layoutB .thirdUp .title {
  width: 34%;
  float: left;
  padding: 0;
}
.organicGridInner.layoutB .thirdUp .title {
  margin-top: 10%;
  border-top: 2px solid #EFEFEF;
  padding-top: 7%;
}
.organicGridInner.flipped .secondUp {
  float: left;
}
.organicGridInner.flipped .thirdUp {
  left: 0;
  right: auto;
  float: left;
  margin-left: 3.449%;
}
.organicGridInner .firstUp {
  position: absolute;
}
.organicGridInner .firstUp .description,
.organicGridInner .firstUp .title {
  width: calc(50% - 3.449%);
}
.organicGridInner .secondUp {
  float: right;
}
.organicGridInner .thirdUp {
  width: 22.5%;
  left: calc(27.5% - 20px);
  margin-top: calc(24% + 6.898%);
  position: relative;
}
.asset {
  width: 100%;
}
.description {
  padding: 0 3.449% 0 0;
  width: calc(100% - 3.449%);
}
.title {
  font-weight: bold;
}

}
/* start margins*/
@media (min-width: 1024px) {
  .organicGridInner.layoutType_1 .firstUp .description,
.organicGridInner.layoutType_ .firstUp .description,
.organicGridInner.layoutType_1 .firstUp .title,
.organicGridInner.layoutType_ .firstUp .title {
  width: calc(26% - 3.449%);
}
.organicGridInner.flipped .firstUp {
  left: calc(48.2755% + 3.449%);
}
.organicGridInner.layoutB .thirdUp {
  width: 56.9%;
  margin-top: 40px;
}
.organicGridInner .firstUp .description,
.organicGridInner .firstUp .title {
  width: calc(50% - 3.449%);
}
.organicGridInner .thirdUp {
  left: calc(27.5% - 1.7245%);
}
.organicGridInner .thirdUp .description {
  width: 100%;
}
.organicGridInner .description {
  width: 80%;
  padding: 0;
}

}
@media (min-width: 768px) and (max-width: 1024px) {
  .organicGridInner.layoutType_1 .firstUp .description,
.organicGridInner.layoutType_ .firstUp .description,
.organicGridInner.layoutType_1 .firstUp .title,
.organicGridInner.layoutType_ .firstUp .title {
  width: calc(26% - 3.449%);
}
.organicGridInner.layoutType_1 .firstUp .title,
.organicGridInner.layoutType_ .firstUp .title {
  padding-top: 30px;
}
.organicGridInner.flipped .firstUp {
  left: calc(50% + 15px);
}
.organicGridInner.layoutB .thirdUp {
  width: 56.9%;
  margin-top: 30px;
}
.organicGridInner .firstUp .description,
.organicGridInner .firstUp .title {
  width: calc(50% - 3.449%);
}
.organicGridInner .thirdUp {
  left: calc(27.5% - 1.7245%);
}
.organicGridInner .description {
  padding: 0 30px 0 0;
  width: calc(100% - 3.449%);
}

}
@media (min-width: 768px) and (max-width: 800px) {
  .organicGridInner.layoutType_1 .firstUp .description,
.organicGridInner.layoutType_ .firstUp .description,
.organicGridInner.layoutType_1 .firstUp .title,
.organicGridInner.layoutType_ .firstUp .title {
  width: calc(26% - 3.449%);
}
.organicGridInner.layoutType_1 .firstUp .title,
.organicGridInner.layoutType_ .firstUp .title {
  padding-top: 20px;
}
.organicGridInner.flipped .firstUp {
  left: calc(50% + 10px);
}
.organicGridInner.layoutB .thirdUp {
  width: 56.9%;
  margin-top: 20px;
}
.organicGridInner .firstUp .description,
.organicGridInner .firstUp .title {
  width: calc(50% - 3.449%);
}
.organicGridInner .thirdUp {
  left: calc(25% - 10px);
}
.organicGridInner .asset {
  margin-bottom: 15px;
}
.organicGridInner .description {
  padding: 0 20px 0 0;
  width: calc(100% - 3.449%);
}

}
/* end margins*/
@media (max-width: 767px) {
  .uncontained-inner.layout-container {
  width: 100%;
}
.uncontained-inner.layout-container.lessGutterMobile_true {
  width: 96.13%;
}
.uncontained-inner.layout-container .v2_organicGrid .noTopBorder_true .ups:first-child {
  border-top: none;
}
.uncontained-inner.layout-container .v2_organicGrid .noBottomBorder_true .ups:last-child {
  border-bottom: none;
}
.uncontained-inner.layout-container .v2_organicGrid .layoutType_1 .asset,
.uncontained-inner.layout-container .v2_organicGrid .layoutType_2 .asset,
.uncontained-inner.layout-container .v2_organicGrid .layoutType_3 .asset,
.uncontained-inner.layout-container .v2_organicGrid .layoutType_1 .title,
.uncontained-inner.layout-container .v2_organicGrid .layoutType_2 .title,
.uncontained-inner.layout-container .v2_organicGrid .layoutType_3 .title,
.uncontained-inner.layout-container .v2_organicGrid .layoutType_1 .description,
.uncontained-inner.layout-container .v2_organicGrid .layoutType_2 .description,
.uncontained-inner.layout-container .v2_organicGrid .layoutType_3 .description {
  width: 86.13%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.uncontained-inner.layout-container .v2_organicGrid .layoutType_1 .description,
.uncontained-inner.layout-container .v2_organicGrid .layoutType_2 .description,
.uncontained-inner.layout-container .v2_organicGrid .layoutType_3 .description {
  margin-bottom: 20px;
}
.uncontained-inner.layout-container .v2_organicGrid .layoutType_1 .asset {
  margin-bottom: 3.449%;
}
.v2_organicGrid .layoutType_1 .firstUp {
  border: none;
  display: flex;
  flex-wrap: wrap;
}
.v2_organicGrid .layoutType_1 .firstUp .title {
  position: relative;
  order: 2;
  pointer-events: none;
  padding: 0;
  height: auto;
  width: 100%;
  margin-left: 0;
}
.v2_organicGrid .layoutType_1 .firstUp .asset {
  order: 1;
  padding-top: 0;
  width: 100%;
  margin-bottom: 20px;
}
.v2_organicGrid .layoutType_1 .firstUp .description {
  order: 3;
  width: 100%;
}
.v2_organicGrid .layoutType_1 .firstUp .description p {
  margin: 0;
}
.v2_organicGrid .layoutType_3 .ups:not(.collapsed) .title span,
.v2_organicGrid .layoutType_2 .ups:not(.collapsed) .title span {
  transform: rotate(90deg);
}
.v2_organicGrid .layoutType_3 .ups .title,
.v2_organicGrid .layoutType_2 .ups .title {
  display: flex;
  align-items: center;
  margin-left: 0;
}
.v2_organicGrid .layoutType_3 .ups .title span,
.v2_organicGrid .layoutType_2 .ups .title span {
  margin-right: 6.898%;
}
.v2_organicGrid .layoutType_3.organicGridInner,
.v2_organicGrid .layoutType_2.organicGridInner {
  margin-top: 6.898% !important;
}
.v2_organicGrid .layoutType_3.organicGridInner.mobileNoTopMargin_true,
.v2_organicGrid .layoutType_2.organicGridInner.mobileNoTopMargin_true {
  margin-top: 0 !important;
}
.v2_organicGrid .layoutType_3.organicGridInner .ups:last-child,
.v2_organicGrid .layoutType_2.organicGridInner .ups:last-child {
  border-bottom: 1px solid #e5e7e8;
}
.v2_organicGrid .layoutType_3.organicGridInner.layoutB .thirdUp,
.v2_organicGrid .layoutType_2.organicGridInner.layoutB .thirdUp,
.v2_organicGrid .layoutType_3.organicGridInner.layoutA .thirdUp,
.v2_organicGrid .layoutType_2.organicGridInner.layoutA .thirdUp {
  margin-top: 0;
}
.ups .title {
  top: 0;
  position: absolute;
  cursor: pointer;
}
.v2_organicGrid .ups {
  position: relative;
}
.ups .asset {
  display: none;
}
.ups .description {
  display: none;
}
.ups {
  margin: 0;
  border-top: 1px solid #e5e7e8;
}
.ups .centerme {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  position: relative;
}
.ups .title {
  padding: 0 0;
  display: table;
  vertical-align: middle;
  position: absolute;
  height: 73px;
  width: 100%;
}
.ups.show.collapsed.ups {
  height: 73px;
}
.ups.show.collapsed .asset,
.ups.show.collapsed .description {
  display: none;
}
.ups.show.collapsed .title {
  color: #7c878e !important;
}
.ups.show .asset {
  display: block;
  padding-top: 73px;
}
.ups.show .description {
  display: block;
}

}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.modelStatsMbp {
  text-transform: uppercase;
}
.modelStatsMbp div,
.modelStatsMbp li {
  border-bottom: 1px solid #e5e7e8;
  display: block;
  padding: 12px 0;
  vertical-align: top;
}
@media (min-width: 768px) {
  .modelStatsMbp div,
.modelStatsMbp li {
  border-bottom: 0;
  border-right: 1px solid #e5e7e8;
  display: inline-block;
  padding: 0 6px;
}
.modelStatsMbp div:first-of-type,
.modelStatsMbp li:first-of-type {
  padding-left: 0;
}

}
@media (min-width: 1024px) {
  .modelStatsMbp div,
.modelStatsMbp li {
  padding: 0 12px;
}

}
@media (min-width: 1280px) {
  .modelStatsMbp div,
.modelStatsMbp li {
  padding: 0 24px;
}
.modelStatsMbp div:first-of-type,
.modelStatsMbp li:first-of-type {
  padding-left: 0;
}

}
.modelStatsMbp div:last-child,
.modelStatsMbp li:last-child {
  border-bottom: 0;
}
@media (min-width: 768px) {
  .modelStatsMbp div:last-child,
.modelStatsMbp li:last-child {
  border-right: 0;
  padding-right: 0;
}

}
.modelStatsMbp span:not(.disclaimer) {
  display: block;
  line-height: 1;
  text-align: center;
}
.modelStatsMbp span:not(.disclaimer):nth-of-type(1) {
  font-family: "Black", sans-serif;
  font-weight: normal;
  color: #000000;
  font-size: 27px;
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .modelStatsMbp span:not(.disclaimer):nth-of-type(1) {
  font-size: 22px;
}

}
@media (min-width: 1024px) {
  .modelStatsMbp span:not(.disclaimer):nth-of-type(1) {
  font-size: 24px;
}

}
@media (min-width: 1280px) {
  .modelStatsMbp span:not(.disclaimer):nth-of-type(1) {
  font-size: 28px;
}

}
.modelStatsMbp span:not(.disclaimer):nth-of-type(2) {
  font-family: "Black", sans-serif;
  font-weight: normal;
  color: #666666;
  font-size: 9px;
  line-height: 1;
}
@media (min-width: 768px) {
  .modelStatsMbp span:not(.disclaimer):nth-of-type(2) {
  font-size: 10px;
  line-height: 1.1111111111111112;
}

}
@media (min-width: 1024px) {
  .modelStatsMbp span:not(.disclaimer):nth-of-type(2) {
  font-size: 11px;
  line-height: 1.2222222222222223;
}

}
@media (min-width: 1280px) {
  .modelStatsMbp span:not(.disclaimer):nth-of-type(2) {
  font-size: 13px;
  line-height: 1.1538461538461537;
}

}
.modelStatsMbp span:not(.disclaimer).message {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 12px;
  line-height: 1.3333333333333333;
  text-align: left;
}
@media (min-width: 1024px) {
  .modelStatsMbp span:not(.disclaimer).message {
  font-size: 10px;
}

}
@media (min-width: 1280px) {
  .modelStatsMbp span:not(.disclaimer).message {
  font-size: 12px;
}

}

.allModelsPage {
  /*

  To Do: Remove these and Fix in Right Places

  */

  /*

  End Stuff To Remove

  */

}
.allModelsPage .v2_modelProfileTiles {
  text-align: center;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfileTiles {
  margin: 25px 0;
}
.allModelsPage .v2_modelProfileTiles h1,
.allModelsPage .v2_modelProfileTiles h2,
.allModelsPage .v2_modelProfileTiles h3,
.allModelsPage .v2_modelProfileTiles p {
  line-height: 35px;
  text-align: left;
}
.allModelsPage .v2_modelProfileTiles h2 {
  font-size: 13px;
}
.allModelsPage .v2_modelProfileTiles .h-6 {
  margin-bottom: 0;
}
.allModelsPage .v2_modelProfileTiles p {
  margin: 0;
  margin-bottom: 35px;
  line-height: 20px;
}

}
@media (min-width: 768px) {
  .allModelsPage .v2_modelProfileTiles h3 {
  margin-top: 7%;
  margin-bottom: 10px;
}
.allModelsPage .v2_modelProfileTiles p {
  margin: 0 0 25px;
}

}
.allModelsPage .v2_modelProfileTiles h2 {
  margin: 0;
}
.allModelsPage .v2_modelProfileTiles .tile {
  display: block;
  float: left;
  max-width: 386.6666666666667px;
  min-height: 300px;
  width: 33.333333333333336%;
}
.allModelsPage .v2_modelProfileTiles .tile .card {
  background: white;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 80px;
  min-height: 265px;
  position: relative;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfileTiles .tile .card {
  padding-bottom: 20px;
  min-height: 245px;
}

}
.allModelsPage .v2_modelProfileTiles .tile .card .imageLink > img {
  width: 100%;
}
.allModelsPage .v2_modelProfileTiles .tile .card h3 {
  font-family: black;
  text-align: left;
  padding: 0 20px;
  margin-top: 25px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfileTiles .tile .card h3 {
  margin-top: 18px;
}

}
.allModelsPage .v2_modelProfileTiles .tile .card a.tileLink {
  position: absolute;
  left: 0;
  bottom: 10px;
  display: block;
  height: 50px;
  font-family: black;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfileTiles .tile .card a.tileLink {
  bottom: 5px;
}

}
.allModelsPage .v2_modelProfileTiles .tile .card p {
  margin: 0;
  min-height: 80px;
  color: #7c868f;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfileTiles .tile .card p {
  min-height: 103px;
}

}
.allModelsPage .v2_modelProfileTiles .tile .card a.tileLink,
.allModelsPage .v2_modelProfileTiles .tile .card p,
.allModelsPage .v2_modelProfileTiles .tile .card h3 {
  padding: 0 20px;
  text-align: left;
  font-size: 17px;
  line-height: 23px;
  letter-spacing: -0.25px;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfileTiles .tile .card a.tileLink,
.allModelsPage .v2_modelProfileTiles .tile .card p,
.allModelsPage .v2_modelProfileTiles .tile .card h3 {
  font-size: 15px;
  line-height: 17px;
  padding: 0 14px;
}

}
@media (min-width: 768px) and (max-width: 1024px) {
  .allModelsPage .v2_modelProfileTiles .tile .card {
  min-height: 320px;
}
.allModelsPage .v2_modelProfileTiles .tile .card a {
  bottom: 30px;
}

}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfileTiles .tile {
  width: 50%;
}

}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.allModelsPage {
  /*

  To Do: Remove these and Fix in Right Places

  */

  /*

  End Stuff To Remove

  */

}
.allModelsPage .hide {
  display: none !important;
}
.allModelsPage ul {
  padding: 0 0 4px;
  margin: 51px 0 0;
}
@media (max-width: 767px) {
  .allModelsPage ul {
  margin: 25px 0;
}

}
.allModelsPage ul li {
  list-style-type: none;
  cursor: pointer;
}
.allModelsPage h1 {
  font-family: "Black", sans-serif;
  font-weight: normal;
  font-size: 30px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  letter-spacing: -1px;
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .allModelsPage h1 {
  font-size: 28px;
}

}
@media (min-width: 768px) and (max-width: 1024px) {
  .allModelsPage h1 {
  font-size: 25px;
}

}
@media (max-width: 767px) {
  .allModelsPage h1 {
  font-size: 23px;
}

}
.allModelsPage .v2_modelProfile a,
.allModelsPage .v2_modelProfileFilters a,
.allModelsPage .v2_modelProfileTiles a {
  text-decoration: none;
}
.allModelsPage .v2_modelProfile a:hover,
.allModelsPage .v2_modelProfileFilters a:hover,
.allModelsPage .v2_modelProfileTiles a:hover,
.allModelsPage .v2_modelProfile a:active,
.allModelsPage .v2_modelProfileFilters a:active,
.allModelsPage .v2_modelProfileTiles a:active {
  color: #009dd8;
}
.allModelsPage .v2_modelProfile .disclaimer,
.allModelsPage .v2_modelProfileFilters .disclaimer,
.allModelsPage .v2_modelProfileTiles .disclaimer {
  color: #fff !important;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfile .disclaimer,
.allModelsPage .v2_modelProfileFilters .disclaimer,
.allModelsPage .v2_modelProfileTiles .disclaimer {
  width: 12px !important;
  height: 12px !important;
  line-height: 12px !important;
}

}
.allModelsPage .v2_modelProfileFilters {
  margin: 3.25vw 0;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfileFilters {
  margin: 0 0 -11px;
}
.allModelsPage .v2_modelProfileFilters ul {
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative !important;
  white-space: nowrap;
  width: 108%;
}

}
@media screen and (orientation: landscape) and (max-width: 767px) {
  .allModelsPage .v2_modelProfileFilters {
  margin: 0 0 -11px;
}

}
.allModelsPage .v2_modelProfileFilters ul {
  border-bottom: 2px solid #e3ebed;
  position: relative;
  margin: 3.25vw 0 0;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfileFilters ul {
  margin: 25px 0;
}

}
.allModelsPage .v2_modelProfileFilters li {
  font-family: "Black", sans-serif;
  font-weight: normal;
  position: relative;
  color: #9eaab0;
  display: inline-block;
  font-size: 16px;
  line-height: 19px;
  margin: 0 38px 0 0;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfileFilters li {
  font-size: 16px;
  margin: 0 23px 0 0;
}
.allModelsPage .v2_modelProfileFilters li span {
  display: none;
}

}
.allModelsPage .v2_modelProfileFilters li .filterValue {
  color: #ffffff;
  background: #9eaab0;
  border-radius: 3px;
  float: right;
  font-size: 12px;
  height: 19px;
  line-height: 16px;
  margin-left: 6px;
  padding: 3px 0 0;
  text-align: center;
  width: 22px;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfileFilters li .filterValue {
  margin-left: 7px;
  font-size: 12px;
}

}
.allModelsPage .v2_modelProfileFilters li.active,
.allModelsPage .v2_modelProfileFilters li:hover {
  color: #00b1eb;
}
.allModelsPage .v2_modelProfileFilters li.active .filterValue,
.allModelsPage .v2_modelProfileFilters li:hover .filterValue {
  background: #00b1eb;
}
.allModelsPage .v2_modelProfileFilters hr {
  position: absolute;
  border: 0;
  width: 104px;
  border-top: 4px solid #00b1eb;
  margin-top: 5px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-left: 0;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfileFilters hr {
  width: 49px;
  bottom: -9px;
  margin-top: 0;
}

}

.allModelsPage {
  /*

  To Do: Remove these and Fix in Right Places

  */

  /*

  End Stuff To Remove

  */

}
@media (min-width: 768px) {
  .allModelsPage #mainWrapper {
  min-width: 673px;
}

}
.allModelsPage #mainWrapper p {
  display: block;
}
.allModelsPage .pages {
  display: none;
}
.allModelsPage .v2_stickyNavigation,
.allModelsPage .modal.mobile {
  display: none !important;
}
.allModelsPage .v2_footer {
  margin-top: 0;
}
.allModelsPage .sectionOverlayInner .vignette {
  display: none;
}
.allModelsPage .navigation-mobile-top-nav {
  border-bottom: 1px solid #e3ebed;
}
@media screen and (orientation: landscape) and (max-width: 767px) {
  .allModelsPage .navigation-mobile-top-nav {
  border-right: 1px solid #e3ebed;
}

}
@media (max-width: 767px) {
  .allModelsPage .gridsystem .sectionTitle .layout-container .displayName {
  width: 86.13%;
  margin: 0 auto;
}

}
.allModelsPage .gridsystem .sectionTitle .layout-container .displayName .content {
  border-bottom: none;
  text-transform: uppercase;
  font-size: 20px;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .allModelsPage .gridsystem .sectionTitle .layout-container .displayName .content {
  margin-bottom: 10px;
}

}
.allModelsPage .gridsystem .par > .section .layout-container {
  padding-top: 0;
}
.allModelsPage .gridsystem .par > .section .section > div {
  margin-top: 0;
}
@media (max-width: 767px) {
  .allModelsPage .desktop {
  display: none !important;
}
.allModelsPage .mobile {
  display: block !important;
}
.allModelsPage .v2_modelProfile .section-model {
  cursor: pointer;
}
.allModelsPage .v2_modelProfile .section-model .content > i {
  width: 5%;
  margin: 50px 0 0;
  font-size: 20px;
  position: absolute;
  right: 5%;
}
.allModelsPage .carData {
  width: 95%;
}
.allModelsPage .disclaimer-mobile.hide {
  display: block !important;
  position: relative;
  text-align: right;
  color: #6c7886;
  font-size: 12px;
  height: 10px;
}

}
@media (min-width: 768px) {
  .allModelsPage .mobile {
  display: none !important;
}
.allModelsPage .desktop {
  display: block !important;
}

}
.allModelsPage .v2_sideBySide {
  width: 100%;
}
.allModelsPage .column:not(.hide) {
  white-space: normal;
  margin-left: 0 !important;
  margin-bottom: .75vw;
}
@media (min-width: 768px) {
  .allModelsPage .column:not(.hide) {
  margin-top: 0;
}

}
@media (min-width: 768px) {
  
}
.allModelsPage .single {
  border: none !important;
}
.allModelsPage .single .section-model {
  border: none !important;
}
@media (max-width: 767px) {
  .allModelsPage .column {
  width: 100% !important;
  border-right: none;
  margin-bottom: 0 !important;
}
.allModelsPage .v2_sideBySide .sideBySideInner.lMP_DD_100.gutter_narrow .c1 {
  min-width: 100%;
}

}
.allModelsPage .paddingBottom {
  padding-bottom: 25px;
}
@media (min-width: 768px) {
  .allModelsPage .paddingBottom {
  padding-bottom: 3vw;
}
.allModelsPage .paddingBottom.last {
  padding-bottom: 6vw;
}

}
@media (min-width: 768px) {
  .allModelsPage .suvsAndWagons .displayName {
  margin-bottom: 10px;
}

}
@media (max-width: 767px) {
  .allModelsPage #mainWrapper {
  padding-top: 39px !important;
}

}
.allModelsPage .all-no-category .column {
  margin-bottom: 3.7502vw;
}
.allModelsPage .all-no-category .column.border_right {
  border-right: 1px solid #e5e7e8;
}
.allModelsPage .all-no-category .sectionTitle {
  visibility: hidden;
}
.allModelsPage .seoLinksWrapper {
  background: #2c2d32;
}
.allModelsPage .seoLinks {
  border-bottom: 1px solid #3f4045;
}
.allModelsPage .seoLinks p {
  padding: 16px 0 24px;
}
.allModelsPage .seoLinks a {
  text-align: center;
  color: #01b1ec;
  padding-right: 2%;
  text-decoration: none;
  font-family: 'Black', sans-serif;
  font-size: 17px;
  letter-spacing: -0.1px;
}
.allModelsPage .alternateBg {
  background: #f1f5f6;
}
.allModelsPage .sideBySideInner {
  margin-top: -39px;
}
@media (max-width: 767px) {
  .allModelsPage .sectionTitleInner {
  border-bottom: 1px solid #e3ebed;
}

}
.allModelsPage .v2_modelProfile .section-model {
  background-position: 64px 19px;
  background-repeat: no-repeat;
}
.allModelsPage .v2_modelProfile .section-model.rightBorder {
  border-right: 1px solid red;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfile .section-model.rightBorder {
  border-right: none;
}

}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfile .section-model {
  border-bottom: 1px solid #e3ebed;
}
.allModelsPage .v2_modelProfile .section-model.beetle-convertible {
  border-bottom: 0;
}

}
.allModelsPage .v2_modelProfile .section-model i {
  width: 25px;
  height: 28px;
  display: inline-block;
  color: #01b1ec;
}
.allModelsPage .v2_modelProfile .section-model h2 {
  position: absolute;
  color: #9eaab0;
  font-size: 63px;
  z-index: 1;
  line-height: 50px;
}
.allModelsPage .v2_modelProfile .section-model img {
  z-index: 2;
  position: relative;
}
@media (min-width: 768px) {
  .allModelsPage .v2_modelProfile .section-model img {
  opacity: 0;
}
.allModelsPage .v2_modelProfile .section-model img.show {
  opacity: 1;
}

}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfile .section-model .content {
  width: 90%;
  margin: 0 auto;
}

}
@media (min-width: 768px) {
  .allModelsPage .v2_modelProfile .section-model .content {
  padding: 10px;
}

}
.allModelsPage .v2_modelProfile .section-model .disclaimer {
  color: white;
}
.allModelsPage .v2_modelProfile .section-model .modelName,
.allModelsPage .v2_modelProfile .section-model .image {
  width: 70%;
  min-height: 9.1vw;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .allModelsPage .v2_modelProfile .section-model .modelName,
.allModelsPage .v2_modelProfile .section-model .image {
  min-height: 8.75vw;
}

}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfile .section-model .modelName,
.allModelsPage .v2_modelProfile .section-model .image {
  display: block;
  width: 47%;
  padding: 15px 0;
  padding-right: 3%;
}

}
.allModelsPage .v2_modelProfile .section-model .modelName {
  position: absolute;
  left: 15%;
  height: 100px;
}
@media (min-width: 768px) {
  .allModelsPage .v2_modelProfile .section-model .modelName {
  min-width: 200px;
}

}
@media (min-width: 768px) and (max-width: 1024px) {
  .allModelsPage .v2_modelProfile .section-model .modelName {
  left: 7%;
  min-width: initial;
}

}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfile .section-model .modelName {
  left: 5%;
}

}
.allModelsPage .v2_modelProfile .section-model .modelName div {
  background-position: 10px 0;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfile .section-model .modelName div {
  background-position: 20px 3px;
  background-size: 80%;
}

}
.allModelsPage .v2_modelProfile .section-model .image {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfile .section-model .image {
  float: left;
}
.allModelsPage .v2_modelProfile .section-model .image h2 {
  width: 178px;
  font-size: 39px;
}

}
.allModelsPage .v2_modelProfile .section-model .image .hover {
  position: absolute;
  width: 65%;
  top: 9px;
}
.allModelsPage .v2_modelProfile .section-model .image .hover img {
  max-width: 120%;
  left: -10%;
  margin-top: -7%;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfile .section-model .image .hover img {
  max-width: 95%;
  left: -10%;
  margin-top: 0;
}

}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfile .section-model.cc .modelName div {
  background-position: 5px 7px;
}
.allModelsPage .v2_modelProfile .section-model.beetle .modelName div {
  background-position: 20px 0;
}
.allModelsPage .v2_modelProfile .section-model.eos .modelName div,
.allModelsPage .v2_modelProfile .section-model.golf .modelName div {
  background-position: 3px 3px;
}
.allModelsPage .v2_modelProfile .section-model.e-Golf .modelName div,
.allModelsPage .v2_modelProfile .section-model.golf-r .modelName div {
  background-position: 20px -10px;
}
.allModelsPage .v2_modelProfile .section-model.tiguan .modelName div {
  background-position: 20px -7px;
}
.allModelsPage .v2_modelProfile .section-model.touareg .modelName,
.allModelsPage .v2_modelProfile .section-model.touareg .image {
  padding-top: 22px;
}
.allModelsPage .v2_modelProfile .section-model.touareg .modelName div,
.allModelsPage .v2_modelProfile .section-model.touareg .image div {
  background-position: 20px -4px;
}

}
@media (min-width: 768px) {
  .allModelsPage .v2_modelProfile .section-model.cc .modelName div {
  background-position: 5px 0;
}
.allModelsPage .v2_modelProfile .section-model.golf .modelName div {
  background-position: 6px -2px;
}
.allModelsPage .v2_modelProfile .section-model.eos .modelName div {
  background-position: -3px 4px;
}
.allModelsPage .v2_modelProfile .section-model.tiguan .modelName div {
  background-position: 10px -10px;
}
.allModelsPage .v2_modelProfile .section-model.tiguan img {
  margin-top: 6%;
}
.allModelsPage .v2_modelProfile .section-model.tiguan .hover img {
  margin-top: -1%;
}
.allModelsPage .v2_modelProfile .section-model.touareg .modelName div {
  background-position: 10px -5px;
}
.allModelsPage .v2_modelProfile .section-model.touareg img {
  margin-top: 6%;
}
.allModelsPage .v2_modelProfile .section-model.touareg .hover img {
  margin-top: -1%;
}
.allModelsPage .v2_modelProfile .section-model.e-Golf .modelName div,
.allModelsPage .v2_modelProfile .section-model.golf-r .modelName div {
  background-position: 10px -14px;
}

}
.allModelsPage .v2_modelProfile .section-model .info {
  width: 100%;
  display: block;
}
@media (min-width: 768px) {
  .allModelsPage .v2_modelProfile .section-model .info {
  width: 70%;
  margin: 0 auto;
  float: none;
  min-width: 200px;
}

}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfile .section-model .info {
  float: left;
  width: 47%;
  padding: 15px 0;
  padding-left: 3%;
}

}
.allModelsPage .v2_modelProfile .section-model .desc {
  color: #7c868f;
}
@media (min-width: 768px) {
  .allModelsPage .v2_modelProfile .section-model .desc {
  white-space: nowrap;
  letter-spacing: -0.15px;
  line-height: 24px;
}

}
.allModelsPage .v2_modelProfile .section-model .price {
  font-family: black;
}
.allModelsPage .v2_modelProfile .section-model .desc,
.allModelsPage .v2_modelProfile .section-model .price {
  font-size: 14px;
  line-height: 22px;
}
@media (min-width: 768px) {
  .allModelsPage .v2_modelProfile .section-model .desc,
.allModelsPage .v2_modelProfile .section-model .price {
  font-size: 17px;
  line-height: 26px;
}

}
.allModelsPage .v2_modelProfile .section-model .message {
  font-size: 12px;
  line-height: 1.3333333333333333;
}
@media (min-width: 768px) {
  .allModelsPage .v2_modelProfile .section-model .message {
  font-size: 15px;
}

}
.allModelsPage .v2_modelProfile .section-model .links {
  margin: 12px 0 0;
  padding: 0;
}
.allModelsPage .v2_modelProfile .section-model .links a,
.allModelsPage .v2_modelProfile .section-model .links i {
  white-space: nowrap;
}
@media (min-width: 768px) {
  .allModelsPage .v2_modelProfile .section-model .links a,
.allModelsPage .v2_modelProfile .section-model .links i {
  font-size: 15px;
}

}
@media (max-width: 1200px) {
  .allModelsPage .v2_modelProfile .section-model .links a,
.allModelsPage .v2_modelProfile .section-model .links i {
  font-size: 14px;
}

}
@media (min-width: 768px) and (max-width: 1024px) {
  .allModelsPage .v2_modelProfile .section-model .links a {
  display: block;
  text-align: left !important;
  height: 20px;
}

}
.allModelsPage .v2_modelProfile .section-model .links .vw-icon-eye-open,
.allModelsPage .v2_modelProfile .section-model .links .vw-icon-gear {
  margin-left: -3px;
}
.allModelsPage .v2_modelProfile .section-model .links a {
  color: #01b1ec;
  text-decoration: none;
  top: -2px;
  position: relative;
  font-family: black;
}
.allModelsPage .v2_modelProfile .section-model .links a:active {
  color: #01b1ec;
  text-decoration: none;
}
.allModelsPage .v2_modelProfile .section-model .links a:hover {
  color: #009dd8;
  text-decoration: none;
}
.allModelsPage .v2_modelProfile .section-model .links a:hover .vw-icon-eye-open,
.allModelsPage .v2_modelProfile .section-model .links a:hover .vw-icon-gear {
  color: #009dd8;
}
.allModelsPage .v2_modelProfile .section-model .links a:first-child {
  text-align: left;
  margin-right: 1vw;
}
.allModelsPage .v2_modelProfile .section-model .stats {
  width: 100%;
}
@media (max-width: 767px) {
  .allModelsPage .v2_modelProfile .section-model .stats {
  margin: 10px 0 0;
  padding-left: 0;
}

}
.allModelsPage .v2_modelProfile .section-model .stats li {
  box-sizing: border-box;
  border-right: 1px solid #e3ebed;
  font-family: black;
  width: 22%;
  margin-left: 6%;
  display: inline-block;
  font-size: 14px;
}
.allModelsPage .v2_modelProfile .section-model .stats li:first-child {
  margin-left: 0;
}
.allModelsPage .v2_modelProfile .section-model .stats li:last-child {
  border-right: 0;
}
.allModelsPage .v2_modelProfile .section-model .stats li.hwy {
  width: 26%;
}
.allModelsPage .v2_modelProfile .section-model .stats li.hp {
  width: 32%;
}
.allModelsPage .v2_modelProfile .section-model .stats li div {
  font-family: book;
  text-transform: uppercase;
  font-size: 9px;
}
.allModelsPage .disclaimer-mobile {
  cursor: pointer;
  width: 86.13% !important;
  margin: 0 auto;
  z-index: 4;
}
.allModelsPage .disclaimer-all {
  line-height: 25px;
  z-index: 4;
  position: relative;
}
.allModelsPage .disclaimer-all i {
  text-align: center;
}
.allModelsPage .gridsystem .section > div {
  float: right;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.listItemsInner {
  box-sizing: border-box;
}
.listItemsInner * {
  box-sizing: border-box;
}
.listItemsInner ul {
  margin: 0;
  padding: 0;
}
.listItemsInner p {
  display: block;
  margin: 0;
}
.listItemsInner.layoutA li {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 16px;
}
.listItemsInner.layoutA li::before {
  content: '\2022';
  left: 0;
  position: absolute;
}
@media (min-width: 768px) {
  .listItemsInner.layoutA li {
  font-size: 12px;
  line-height: 1.3333333333333333;
  margin-bottom: 14px;
}

}
@media (min-width: 1024px) {
  .listItemsInner.layoutA li {
  font-size: 15px;
  line-height: 1.3333333333333333;
  margin-bottom: 16px;
}

}
@media (min-width: 1280px) {
  .listItemsInner.layoutA li {
  font-size: 17px;
  line-height: 1.3529411764705883;
}

}
@media (min-width: 768px) {
  .listItemsInner.layoutA li:last-of-type {
  margin-bottom: 0;
}

}
.listItemsInner.layoutB li {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 26px;
}
.listItemsInner.layoutB li::before {
  content: '\2022';
  left: 0;
  position: absolute;
}
@media (min-width: 768px) {
  .listItemsInner.layoutB li {
  letter-spacing: -0.015em;
  font-size: 12px;
  line-height: 1.3333333333333333;
  margin-bottom: 18px;
}

}
@media (min-width: 1024px) {
  .listItemsInner.layoutB li {
  font-size: 15px;
  line-height: 1.3333333333333333;
  margin-bottom: 22px;
}

}
@media (min-width: 1280px) {
  .listItemsInner.layoutB li {
  letter-spacing: -0.015em;
  font-size: 17px;
  line-height: 1.411764705882353;
  margin-bottom: 28px;
}

}
@media (min-width: 768px) {
  .listItemsInner.layoutB li:last-of-type {
  margin-bottom: 0;
}

}
@media (min-width: 768px) {
  .listItemsInner.padded_true .contentContainer {
  width: calc(83.33333333333334%);
}

}
@media (min-width: 768px) {
  .listItemsInner.col2 .listContainer ul {
  padding-right: 6.896551724%;
}

}
@media (min-width: 768px) {
  .listItemsInner.col3 .listContainer ul {
  padding-right: 10.29150693%;
}

}
@media (min-width: 768px) {
  .listItemsInner.col2.padded_true .contentContainer {
  width: calc(66.66666666666667%);
}

}
@media (min-width: 768px) {
  .listItemsInner.col2.padded_true .listContainer ul {
  padding-right: 10.34473841%;
}

}
@media (min-width: 768px) {
  .listItemsInner.col3.padded_true .listContainer ul {
  padding-right: 12.41387872%;
}

}
.listItemsInner .l-h {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .listItemsInner .l-h {
  font-size: 17px;
  line-height: 1.411764705882353;
  letter-spacing: -0.015em;
  font-size: 12px;
  line-height: 1.3333333333333333;
}

}
@media (min-width: 1024px) {
  .listItemsInner .l-h {
  font-size: 15px;
  line-height: 1.3333333333333333;
}

}
@media (min-width: 1280px) {
  .listItemsInner .l-h {
  letter-spacing: -0.01em;
  font-size: 17px;
  line-height: 1.411764705882353;
}

}
.listItemsInner .l-c {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 15px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .listItemsInner .l-c {
  letter-spacing: -0.015em;
  font-size: 12px;
  line-height: 1.3333333333333333;
}

}
@media (min-width: 1024px) {
  .listItemsInner .l-c {
  font-size: 15px;
  line-height: 1.3333333333333333;
}

}
@media (min-width: 1280px) {
  .listItemsInner .l-c {
  letter-spacing: -0.01em;
  font-size: 17px;
  line-height: 1.411764705882353;
}

}
.listItemsInner .h7-caps {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 15px;
  line-height: 1.4;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .listItemsInner .h7-caps {
  letter-spacing: -0.015em;
  font-size: 12px;
  line-height: 1.3333333333333333;
}

}
@media (min-width: 1024px) {
  .listItemsInner .h7-caps {
  font-size: 15px;
  line-height: 1.3333333333333333;
}

}
@media (min-width: 1280px) {
  .listItemsInner .h7-caps {
  letter-spacing: -0.01em;
  font-size: 17px;
  line-height: 1.411764705882353;
}

}
.listItemsInner .contentContainer {
  margin: 0 auto;
  width: 100%;
}
.listItemsInner .contentContainer .headline,
.listItemsInner .contentContainer .copy {
  text-align: center;
}
.listItemsInner .contentContainer .copy {
  margin-top: 30px;
}
.listItemsInner .contentContainer .headline + .copy {
  margin-top: 30px;
}
.listItemsInner .contentContainer .headline + .listsContainer {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .listItemsInner .contentContainer .headline + .listsContainer {
  margin-top: 70px;
}

}
.listItemsInner .contentContainer .copy + .listsContainer {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .listItemsInner .contentContainer .copy + .listsContainer {
  margin-top: 70px;
}

}
.listItemsInner .contentContainer p + ul {
  margin-top: 40px;
}
.listItemsInner .listsContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  width: 100%;
}
.col2 .listItemsInner .listsContainer {
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .listItemsInner .listsContainer {
  flex-direction: row;
}

}
.listItemsInner .listsContainer  + .disclaimerTextContainer {
  margin-top: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .listItemsInner .listsContainer  + .disclaimerTextContainer {
  margin-top: 40px;
}

}
@media (min-width: 768px) {
  .listItemsInner .listsContainer  + .disclaimerTextContainer {
  margin-top: 60px;
}

}
@media (min-width: 1280px) {
  .listItemsInner .listsContainer  + .disclaimerTextContainer {
  margin-top: 80px;
}

}
@media (min-width: 768px) {
  .listItemsInner .listContainer {
  flex: 1;
  margin-bottom: 0;
  width: 0;
}

}
.listItemsInner .listContainer:not(:first-of-type) .listHeading {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .listItemsInner .listContainer:not(:first-of-type) .listHeading {
  margin-top: 0;
}

}
.listItemsInner .listContainer ul {
  list-style: none;
  padding: 0 0 0 14px;
  position: relative;
}
.listItemsInner .listContainer li {
  padding: 0;
}

.v2_imageOverlay .imageOverlayInner {
  float: left;
  width: 100%;
  position: relative;
}
.v2_imageOverlay .imageOverlayInner .guide {
  left: calc(50% - 1px);
  width: 3px;
  position: absolute;
  top: 0;
  transition: opacity 300ms ease;
  height: 100%;
  z-index: 5;
  background-color: #009DDC;
  cursor: pointer;
}
.v2_imageOverlay .imageOverlayInner .guide .guide-img {
  top: calc(50% - 20px);
  border-radius: 40px;
  border: 2px solid #009DDC;
  color: #009DDC;
  text-align: center;
  margin-left: -20px;
  background-color: #fff;
  width: 40px;
  height: 40px;
  position: relative;
  transition: all 200ms ease;
}
.v2_imageOverlay .imageOverlayInner .guide .guide-img i {
  color: #009DDC;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.v2_imageOverlay .imageOverlayInner .guide .guide-img i:before {
  width: auto;
}
.v2_imageOverlay .imageOverlayInner .guide:hover .guide-img {
  zoom: 1.05;
  box-shadow: 0 0 0 1px #009DDC;
}
.v2_imageOverlay .imageOverlayInner.dragging {
  cursor: pointer;
}
.v2_imageOverlay .imageOverlayInner.dragging .guide {
  pointer-events: none;
}
.v2_imageOverlay .imageOverlayInner.dragging .guide .guide-img {
  zoom: 1.05;
  box-shadow: 0 0 0 1px #009DDC;
}
.v2_imageOverlay .imageOverlayInner img {
  pointer-events: none;
  width: 100%;
  position: relative;
  max-width: none;
}
.v2_imageOverlay .imageOverlayInner .first {
  background-size: 200%;
  padding-top: 46%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left 50%;
  width: 50%;
  float: left;
  position: relative;
  z-index: 3;
  overflow: hidden;
  transition: opacity 300ms ease;
}
.v2_imageOverlay .imageOverlayInner .second {
  transition: opacity 300ms ease;
  background-size: 100%;
  padding-top: 46%;
  background-position: left 50%;
  background-repeat: no-repeat;
  width: 100%;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: #fff;
}
.v2_imageOverlay .imageOverlayInner .first,
.v2_imageOverlay .imageOverlayInner .second {
  opacity: 0;
}
.v2_imageOverlay .imageOverlayInner .first.lazyFade,
.v2_imageOverlay .imageOverlayInner .second.lazyFade {
  /* call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time */

  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 250ms;
  -moz-animation-delay: 250ms;
  animation-delay: 250ms;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.highlightsGridInner {
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 768px) {
  
}
.highlightsGridInner.layout_2x2 .blockRight > div:first-of-type {
  margin-bottom: 8px;
}
.highlightsGridInner.layout_2x1 .blockRight > div:last-of-type {
  flex-grow: 1;
}
.highlightsGridInner .aspectContent {
  overflow: hidden;
}
.highlightsGridInner * {
  box-sizing: border-box;
}
.highlightsGridInner p {
  display: block;
  margin: 0 0 12px;
}
.highlightsGridInner p:last-of-type {
  margin: 0;
}
.highlightsGridInner p + a {
  margin-top: 12px;
}
.highlightsGridInner img {
  height: 100%;
  position: absolute;
  width: 100%;
}
.highlightsGridInner .asset,
.highlightsGridInner .responsiveAsset2,
.highlightsGridInner .responsiveAssetInner {
  height: 100% !important;
  width: 100% !important;
}
@media (min-width: 768px) {
  .highlightsGridInner {
  flex-direction: row;
}

}
.highlightsGridInner .aspect3x2 {
  position: relative;
}
.highlightsGridInner .aspect3x2:before {
  display: block;
  content: "";
  padding-top: 66.66666666666666%;
  width: 100%;
}
.highlightsGridInner .aspect3x2 > .aspectContent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.highlightsGridInner .aspect16x9 {
  position: relative;
  flex: 0;
}
.highlightsGridInner .aspect16x9:before {
  display: block;
  content: "";
  padding-top: 56.25%;
  width: 100%;
}
.highlightsGridInner .aspect16x9 > .aspectContent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.highlightsGridInner .aspect21x5 {
  position: relative;
  flex: 1;
  margin-bottom: 12px;
}
.highlightsGridInner .aspect21x5:before {
  display: block;
  content: "";
  padding-top: 23.809523809523807%;
  width: 100%;
}
.highlightsGridInner .aspect21x5 > .aspectContent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 768px) {
  .highlightsGridInner .aspect21x5 {
  margin-bottom: 8px;
}

}
.highlightsGridInner .aspect21x5 .aspectContent {
  padding-left: 35.714285714285715%;
}
.highlightsGridInner .aspect21x5 img {
  height: 100%;
  left: 0;
  width: auto;
}
.highlightsGridInner .contentBox,
.highlightsGridInner .textBox {
  z-index: 10;
}
.author-mode .highlightsGridInner .contentBox,
.author-mode .highlightsGridInner .textBox {
  min-width: 50%;
}
.highlightsGridInner .blockLeft,
.highlightsGridInner .blockRight {
  float: left;
  position: relative;
}
.highlightsGridInner .blockLeft {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 768px) {
  .highlightsGridInner .blockLeft {
  margin-bottom: 0;
  width: calc(100%*(672/1152) - 4px);
}

}
.highlightsGridInner .blockLeft .textBox {
  color: #ffffff;
}
.highlightsGridInner .blockRight {
  flex: 1;
  width: 100%;
}
@media (min-width: 768px) {
  .highlightsGridInner .blockRight {
  width: calc(100%*(480/1152) - 4px);
}

}
.highlightsGridInner .mr8 {
  margin-right: 8px;
}
.highlightsGridInner .mb8 {
  margin-bottom: 8px;
}
.highlightsGridInner .pinToBottom {
  bottom: 0;
  left: 0;
  position: absolute;
}
.highlightsGridInner .contentBox {
  display: inline-block;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .highlightsGridInner .contentBox {
  padding: 0 calc(2.7502vw * 1);
}

}
@media (min-width: 1024px) {
  .highlightsGridInner .contentBox {
  padding-top: 5.555555555555555%;
}

}
@media (min-width: 1280px) {
  .highlightsGridInner .contentBox {
  padding-left: 40px;
  padding-right: 40px;
}

}
.highlightsGridInner .contentBox .b-2 {
  line-height: 1;
}
.highlightsGridInner .textBox {
  color: black;
  display: inline-block;
  flex-direction: column;
  line-height: 1;
  max-width: 100%;
  padding: 20px;
  position: absolute;
}
@media (min-width: 768px) {
  .highlightsGridInner .textBox {
  padding: calc(2.7502vw * 1);
}

}
@media (min-width: 1280px) {
  .highlightsGridInner .textBox {
  padding: 40px;
}

}
.highlightsGridInner .textBox .body-content + .cta {
  margin-top: 12px;
  font-family: "Black", sans-serif;
}
.highlightsGridInner .textBox.align_lt,
.highlightsGridInner .textBox.align_lm,
.highlightsGridInner .textBox.align_lb {
  left: 0;
  right: initial;
}
.highlightsGridInner .textBox.align_rt,
.highlightsGridInner .textBox.align_rm,
.highlightsGridInner .textBox.align_rb {
  left: initial;
  right: 0;
}
.highlightsGridInner .textBox.align_ct,
.highlightsGridInner .textBox.align_cb {
  left: 50%;
  transform: translatex(-50%);
}
.highlightsGridInner .textBox.align_lt,
.highlightsGridInner .textBox.align_ct,
.highlightsGridInner .textBox.align_rt {
  bottom: initial;
  top: 0;
}
.highlightsGridInner .textBox.align_lm,
.highlightsGridInner .textBox.align_rm {
  top: 50%;
  transform: translatey(-50%);
}
.highlightsGridInner .textBox.align_lb,
.highlightsGridInner .textBox.align_cb,
.highlightsGridInner .textBox.align_rb {
  bottom: 0;
  top: initial;
}
.highlightsGridInner .textBox.align_cm {
  bottom: initial;
  left: 50%;
  right: initial;
  top: 50%;
  transform: translate(-50%, -50%);
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
form.success .close a {
  width: 170px;
}
form.success .close .vw-icon {
  margin-right: 0;
}
form.contact.success .contactOnly {
  display: none !important;
}
form.contact .quoteOnly {
  display: none;
}
@media (max-width: 767px) {
  form.contact .quoteOnly {
  display: flex;
}

}
form.contact .contactOnly {
  display: flex !important;
}
form .contactOnly {
  display: none !important;
}
form input:focus,
form select:focus,
form textarea:focus,
form button:focus {
  outline: none;
}
form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
form select:focus {
  outline: none;
}
form select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
form select::-ms-expand {
  display: none;
}
form .formMeta {
  display: none;
}
.v2_formItemText p.h-4 {
  font-size: 32px;
}
.v2_formItemText input[type="submit"] {
  -webkit-appearance: none;
}
.v2_formItemText label {
  display: block;
}
.v2_formItemText label.h-7 {
  font-size: 16px;
}
.v2_formItemText label.hideSup_true sup {
  display: none;
}
.v2_formItemText label.marginBottom_true {
  margin-bottom: 10px;
}
.v2_formItemText sup {
  color: #00b1eb;
  display: inline-block;
  font-size: 16px;
  top: -2px;
  left: 3px;
}
.v2_formItemText ul {
  margin: 0;
  padding: 0;
}
.v2_formItemText ul li {
  list-style-type: none;
}
.v2_formItemText ul.requiredDisclaimer sup {
  margin-right: 5px;
}
.v2_formItemText ul.errorMessage,
.v2_formItemText ul.generalErrorMessage,
.v2_formItemText ul.generalWarning {
  color: #c72f2c;
}
.v2_formItemText ul.selection select {
  background-image: url("../../../clientlibs/vwcom/img/components/shared/dropdown.png");
  border-radius: 20px;
  -webkit-appearance: none;
  background-position: right 0;
  padding-left: 15px;
  width: 250px;
}
@media (max-width: 767px) {
  .v2_formItemText ul.selection select {
  width: 100%;
}

}
.v2_formItemText ul.selection select.float_left {
  float: left;
}
@media (max-width: 767px) {
  .v2_formItemText ul.selection select.float_left {
  float: none;
}

}
.v2_formItemText ul.selection select.float_right {
  float: right;
}
@media (max-width: 767px) {
  .v2_formItemText ul.selection select.float_right {
  float: none;
}

}
.v2_formItemText ul.heading p {
  margin: 0;
  padding: 0;
}
.v2_formItemText ul.formToggle li {
  margin-right: 15px;
  display: inline-block;
}
.v2_formItemText ul.formToggle li a {
  font-size: 22px;
  padding-bottom: 5px;
  text-decoration: none;
}
.v2_formItemText ul.formToggle li a.active {
  border-bottom: 4px solid #00b1eb;
}
.v2_formItemText ul.dealer {
  border: 1px solid #d0d6d6;
  padding: 2%;
  background-color: #E3EBEC;
  font-size: 14px;
}
.v2_formItemText ul.dealer li .dealerIcon {
  display: none;
}
.v2_formItemText ul.dealer li p {
  padding: 0;
  margin: 0;
}
.v2_formItemText ul.phone {
  display: flex;
}
.v2_formItemText ul.phone li {
  margin-right: 5%;
  flex: 1;
}
.v2_formItemText ul.phone li:nth-of-type(3) {
  flex: 2;
  margin-right: 0;
}
.v2_formItemText ul.submit.right_true li {
  text-align: right;
}
@media (max-width: 767px) {
  .v2_formItemText ul.submit.centerMobile_true li {
  text-align: center;
}

}
.v2_formItemText ul.submit li {
  text-align: center;
}
.v2_formItemText ul.submit li input {
  height: auto;
}
.v2_formItemText ul.radio {
  display: flex;
}
.v2_formItemText ul.radio li {
  margin-right: 10px;
  flex: 1;
}
.v2_formItemText ul.legalDisclaimer {
  font-size: 14px;
}
.v2_formItemText ul.legalDisclaimer p {
  margin-top: 0;
}
.v2_formItemText input[type=text],
.v2_formItemText input[type=radio],
.v2_formItemText textarea,
.v2_formItemText select {
  box-sizing: border-box;
  border: 2px solid #fff;
  outline: none;
  border-radius: 5px;
  width: 100%;
  height: 40px;
  position: relative;
  padding-left: 32px;
  background-image: url("../../../clientlibs/vwcom/img/components/shared/contactIcons.png");
  background-color: white;
  background-repeat: no-repeat;
}
.v2_formItemText input[type=text]:disabled,
.v2_formItemText input[type=radio]:disabled,
.v2_formItemText textarea:disabled,
.v2_formItemText select:disabled {
  background-color: #CCCCCC;
}
.v2_formItemText input[type=text].hideIcon_true,
.v2_formItemText input[type=radio].hideIcon_true,
.v2_formItemText textarea.hideIcon_true,
.v2_formItemText select.hideIcon_true {
  background-image: none;
}
.v2_formItemText input[type=text].personIcon,
.v2_formItemText input[type=radio].personIcon,
.v2_formItemText textarea.personIcon,
.v2_formItemText select.personIcon {
  background-position: 10px 11px;
}
.v2_formItemText input[type=text].personIcon.error,
.v2_formItemText input[type=radio].personIcon.error,
.v2_formItemText textarea.personIcon.error,
.v2_formItemText select.personIcon.error {
  background-position: 10px -19px;
}
.v2_formItemText input[type=text].emailIcon,
.v2_formItemText input[type=radio].emailIcon,
.v2_formItemText textarea.emailIcon,
.v2_formItemText select.emailIcon {
  background-position: 10px -47px;
}
.v2_formItemText input[type=text].emailIcon.error,
.v2_formItemText input[type=radio].emailIcon.error,
.v2_formItemText textarea.emailIcon.error,
.v2_formItemText select.emailIcon.error {
  background-position: 10px -77px;
}
.v2_formItemText input[type=text].phoneIcon,
.v2_formItemText input[type=radio].phoneIcon,
.v2_formItemText textarea.phoneIcon,
.v2_formItemText select.phoneIcon {
  background-position: 10px -110px;
}
.v2_formItemText input[type=text].locationIcon,
.v2_formItemText input[type=radio].locationIcon,
.v2_formItemText textarea.locationIcon,
.v2_formItemText select.locationIcon {
  background-position: 10px -138px;
}
.v2_formItemText input[type=text].phone1,
.v2_formItemText input[type=radio].phone1,
.v2_formItemText textarea.phone1,
.v2_formItemText select.phone1,
.v2_formItemText input[type=text].phone2,
.v2_formItemText input[type=radio].phone2,
.v2_formItemText textarea.phone2,
.v2_formItemText select.phone2,
.v2_formItemText input[type=text].phone3,
.v2_formItemText input[type=radio].phone3,
.v2_formItemText textarea.phone3,
.v2_formItemText select.phone3 {
  display: inline-block;
  margin-right: 10px;
}
.v2_formItemText input[type=text].radio1,
.v2_formItemText input[type=radio].radio1,
.v2_formItemText textarea.radio1,
.v2_formItemText select.radio1 {
  display: block;
  position: absolute;
  left: -99999px;
}
.v2_formItemText input[type=text]:focus,
.v2_formItemText input[type=radio]:focus,
.v2_formItemText textarea:focus,
.v2_formItemText select:focus {
  border: 2px solid #00b1eb;
}
.v2_formItemText textarea {
  padding-left: 32px;
  background-position: 10px -194px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 15vh;
}
.v2_formItemText .errorMessage,
.v2_formItemText .generalErrorMessage,
.v2_formItemText .generalWarning {
  display: none;
}
.v2_formItemText input[data-form-value-type=phone2],
.v2_formItemText input[data-form-value-type=phone3] {
  padding-left: 10px;
}
.v2_formItemText .radio label {
  padding-left: 37px;
  display: block;
  height: 30px;
  background: url("../../../clientlibs/vwcom/img/components/matchmakerConfigurator/form-radioButtons-blue-sprite.png") no-repeat scroll left 0 transparent;
}
.v2_formItemText .radio li {
  display: inline-block;
}
.v2_formItemText .radio input:checked + label {
  background-position: left -50px;
}
.v2_formItemText .right_true li {
  text-align: right;
}
.v2_formItemText .center_true li {
  text-align: center;
}
@media (max-width: 767px) {
  .v2_formItemText .centerMobile_true li {
  text-align: center;
}

}
.v2_formItemText .float_true {
  float: left;
  display: inline-block;
}
.v2_formItemText .textCounter {
  float: right;
  display: inline-block;
}
.v2_formItemText .dates {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  position: relative;
}
.v2_formItemText .dates .col {
  width: 32%;
  margin-right: 3%;
  display: inline-block;
  border: 0px solid red;
  text-align: center;
}
.v2_formItemText .dates .col .timeOfDay {
  font-family: "Black", sans-serif;
  border-radius: 5px;
  border: 1px solid #a6b1b3;
  background-color: #a6b1b3;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 15px;
  margin-bottom: 10%;
  font-size: 11px;
  cursor: pointer;
}
.v2_formItemText .dates .col .timeOfDay.selected {
  background-color: #FFFFFF;
  color: #a6b1b3;
  border: 1px solid #a6b1b3;
}
@media (max-width: 767px) {
  form.success .zebraClass {
  background-color: transparent !important;
}
form.success .formThankYou {
  margin-top: 20px;
  text-align: center;
}
form.success .formThankYou .alignM_left {
  text-align: center;
}
form.success ul.dealer {
  display: none;
}
.v2_formItemText ul.dealer li {
  text-align: left;
  display: flex;
  align-items: center;
}
.v2_formItemText ul.dealer li .dealerNameLink {
  font-size: 16px;
  display: block;
}
.v2_formItemText ul.dealer li .dealerIcon {
  font-size: 50px;
  padding-right: 10px;
  color: #00b1eb;
  display: block;
}
.dealerAddress {
  display: none;
}

}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.forceHide_true {
  display: none !important;
}
.v2_formGrid:after {
  content: "";
  display: block;
  width: 100%;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 20px !important;
}
.cq-wcm-edit form .formThankYou,
.cq-wcm-edit form .generalErrorMessage,
.cq-wcm-edit form .generalWarning {
  display: block;
}
.cq-wcm-edit form .hideDesktop_true,
.cq-wcm-edit form .hideMobile_true {
  display: block;
}
form p {
  display: block;
}
form .formThankYou {
  display: none;
}
form.success .offerAltInner {
  display: none;
}
form.success .v2_formGrid .formGridInner {
  display: none;
}
form.success .v2_formGrid .formGridInner.dealerDetails {
  display: block;
  margin-bottom: 3.449%;
}
form.success .blockquoteInner {
  display: block;
}
@media (max-width: 767px) {
  .v2_formGrid .formGridRow.bottomMargin_true {
  padding-bottom: 25px;
}
.v2_formGrid .formGridRow.zebraClass {
  background-color: #e3ebed;
}

}
.v2_formGrid .formGridInner {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  display: -ms-flexbox;
  /* IE10+ */

  display: -webkit-flex;
  /* Safari */

  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  /* Safari 6.1+ */

  -ms-flex-wrap: wrap;
  /* IE10+ */

}
.v2_formGrid .formGridInner.l_66x34 .c1 {
  width: 64.275%;
}
.v2_formGrid .formGridInner.l_66x34 .c2 {
  margin-left: 3.449%;
  width: 32.275%;
}
.v2_formGrid .formGridInner.l_66x34.gutter_narrow .c1 {
  width: calc(66% - 4px);
}
.v2_formGrid .formGridInner.l_66x34.gutter_narrow .c2 {
  margin-left: 8px;
  width: calc(34% - 4px);
}
.v2_formGrid .formGridInner.l_66x34.gutter_wide .c1 {
  width: calc(66% - 3.449%);
}
.v2_formGrid .formGridInner.l_66x34.gutter_wide .c2 {
  width: calc(34% - 3.449%);
  margin-left: 6.898%;
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent {
  display: block;
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent .c1 {
  float: right;
  margin: -4% 0 0 3.449%;
  width: calc(40% - 3.449%);
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent .c2,
.v2_formGrid .formGridInner.l_66x34.tabPanelContent .c3 {
  float: left;
  margin: 0;
  width: calc(60% - 3.449%);
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent .c2 {
  order: 1;
  padding-bottom: calc(4%);
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.flipped .c1 {
  float: left;
  margin-left: 0;
  order: 1;
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.flipped .c2 {
  margin-left: 3.449%;
  order: 2;
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.flipped .c3 {
  margin-left: 3.449%;
  order: 3;
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.gutter_narrow .c1 {
  margin-left: 8px;
  width: calc(40% - 4px);
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.gutter_narrow .c2,
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.gutter_narrow .c3 {
  margin-left: 0;
  width: calc(60% - 4px);
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.gutter_narrow .c2 {
  padding-bottom: calc(4%);
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.gutter_narrow.flipped .c1 {
  margin-left: 0;
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.gutter_narrow.flipped .c2,
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.gutter_narrow.flipped .c3 {
  margin-left: 8px;
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.gutter_wide .c1 {
  margin-left: 6.898%;
  width: calc(40% - 3.449%);
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.gutter_wide .c2,
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.gutter_wide .c3 {
  margin: 0;
  width: calc(60% - 3.449%);
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.gutter_wide .c2 {
  padding-bottom: calc(4%);
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.gutter_wide.flipped .c1 {
  margin-left: 0;
}
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.gutter_wide.flipped .c2,
.v2_formGrid .formGridInner.l_66x34.tabPanelContent.gutter_wide.flipped .c3 {
  margin-left: 6.898%;
}
.v2_formGrid .formGridInner.l_66x34x100 .c1 {
  margin: 0 0 25px;
  order: 1;
  width: 72.275%;
}
.v2_formGrid .formGridInner.l_66x34x100 .c2 {
  margin-left: 0;
  order: 3;
  width: 100%;
}
@media (min-width: 768px) {
  .v2_formGrid .formGridInner.l_66x34x100 .c2 {
  padding-bottom: 0;
}

}
.v2_formGrid .formGridInner.l_66x34x100 .c3 {
  margin-left: 3.449%;
  order: 2;
  width: 24.275%;
}
.v2_formGrid .formGridInner.l_66x34x100.gutter_narrow .c1 {
  width: calc(66% - 4px);
}
.v2_formGrid .formGridInner.l_66x34x100.gutter_narrow .c3 {
  width: calc(34% - 4px);
  margin-left: 8px;
}
.v2_formGrid .formGridInner.l_66x34x100.gutter_wide .c1 {
  width: calc(66% - 3.449%);
}
.v2_formGrid .formGridInner.l_66x34x100.gutter_wide .c3 {
  width: calc(34% - 3.449%);
  margin-left: 6.898%;
}
.v2_formGrid .formGridInner.l_50x50 .c1 {
  width: 48.275%;
  min-width: 0;
  margin-right: 0;
}
.v2_formGrid .formGridInner.l_50x50.wrap .c1:nth-child(even) {
  margin-left: 3.449%;
}
.v2_formGrid .formGridInner.l_50x50 .c2 {
  width: 48.275%;
  margin-left: 3.449%;
}
.v2_formGrid .formGridInner.l_50x50.gutter_narrow .c1 {
  width: calc(50% - 4px);
}
.v2_formGrid .formGridInner.l_50x50.gutter_narrow .c2 {
  width: calc(50% - 4px);
  margin-left: 8px;
}
.v2_formGrid .formGridInner.l_50x50.gutter_wide .c1 {
  width: calc(50% - 3.449%);
}
.v2_formGrid .formGridInner.l_50x50.gutter_wide .c2 {
  width: calc(50% - 3.449%);
  margin-left: 6.898%;
}
.v2_formGrid .formGridInner.l_33x34x33 .c1 {
  width: 31.034%;
}
.v2_formGrid .formGridInner.l_33x34x33 .c2 {
  width: 31.034%;
}
@media (min-width: 768px) {
  .v2_formGrid .formGridInner.l_33x34x33 .c2 {
  margin-left: 3.449%;
}

}
.v2_formGrid .formGridInner.l_33x34x33 .c3 {
  width: 31.034%;
}
@media (min-width: 768px) {
  .v2_formGrid .formGridInner.l_33x34x33 .c3 {
  margin-left: 3.449%;
}

}
.v2_formGrid .formGridInner.l_33x34x33.gutter_narrow .c1 {
  width: calc(33.33% - 5.333333333333333px);
}
.v2_formGrid .formGridInner.l_33x34x33.gutter_narrow .c2 {
  width: calc(33.33% - 5.333333333333333px);
  margin-left: 8px;
}
.v2_formGrid .formGridInner.l_33x34x33.gutter_narrow .c3 {
  width: calc(33.33% - 5.333333333333333px);
  margin-left: 8px;
}
.v2_formGrid .formGridInner.l_33x34x33.gutter_wide .c1 {
  width: calc(33.33% - 4.59866666666667%);
  padding-right: 3.449%;
}
.v2_formGrid .formGridInner.l_33x34x33.gutter_wide .c2 {
  width: calc(33.33% - 4.59866666666667%);
  margin-left: 3.449%;
  padding-right: 3.449%;
}
.v2_formGrid .formGridInner.l_33x34x33.gutter_wide .c3 {
  width: calc(33.33% - 4.59866666666667%);
  margin-left: 3.449%;
}
.v2_formGrid .formGridInner.l_DD_33 .c1.DD {
  min-width: 31.034%;
  width: 31.034%;
  margin-right: 3.449%;
}
.v2_formGrid .formGridInner.l_DD_33 .c1.DD:last-child {
  margin-right: 0;
}
.v2_formGrid .formGridInner.l_DD_33.wrap .c1:nth-child(3n) {
  margin-right: 0;
}
.v2_formGrid .formGridInner.l_DD_33.wrap .c1:nth-child(even) {
  margin-left: 0;
}
.v2_formGrid .formGridInner.l_DD_33.gutter_narrow .c1.DD {
  width: calc(33.33% - 5.333333333333333px);
  min-width: calc(33.33% - 5.333333333333333px);
  margin-right: 8px;
  margin-bottom: 8px;
}
.v2_formGrid .formGridInner.l_DD_33.gutter_narrow .c1.DD:last-child {
  margin-right: 0;
}
.v2_formGrid .formGridInner.l_DD_33.gutter_wide .c1.DD {
  width: calc(33.33% - 4.59866666666667%);
  min-width: calc(33.33% - 4.59866666666667%);
  margin-right: 6.898%;
}
.v2_formGrid .formGridInner.l_DD_33.gutter_wide .c1.DD:last-child {
  margin-right: 0;
}
.v2_formGrid .formGridInner.l_DD_100 .c1,
.v2_formGrid .formGridInner.l_DD_100 .c2,
.v2_formGrid .formGridInner.l_DD_100 .c3 {
  min-width: 100%;
  width: 100%;
  margin-right: 3.449%;
  margin-left: 0;
}
.v2_formGrid .formGridInner.l_DD_100 .c1:last-child,
.v2_formGrid .formGridInner.l_DD_100 .c2:last-child,
.v2_formGrid .formGridInner.l_DD_100 .c3:last-child {
  margin-right: 0;
}
.v2_formGrid .formGridInner.l_DD_100.gutter_narrow .c1 {
  width: calc(33.33% - 5.333333333333333px);
  min-width: calc(33.33% - 5.333333333333333px);
  margin-right: 8px;
  margin-bottom: 8px;
}
.v2_formGrid .formGridInner.l_DD_100.gutter_narrow .c1:last-child {
  margin-right: 0;
}
.v2_formGrid .formGridInner.l_DD_100.gutter_wide .c1 {
  width: calc(33.33% - 4.59866666666667%);
  margin-right: 6.898%;
}
.v2_formGrid .formGridInner.l_DD_100.gutter_wide .c1:last-child {
  margin-right: 0;
}
.v2_formGrid .formGridInner .column {
  margin-top: 25px;
}
.v2_formGrid .formGridInner .column.error input,
.v2_formGrid .formGridInner .column.error textarea,
.v2_formGrid .formGridInner .column.error select {
  border-color: #c72f2c;
}
.v2_formGrid .formGridInner .column.error .errorMessage,
.v2_formGrid .formGridInner .column.error .generalErrorMessage,
.v2_formGrid .formGridInner .column.error .generalWarning {
  display: block;
}
@media (max-width: 767px) {
  .v2_formGrid .formGridInner.l_50x50 .c1,
.v2_formGrid .formGridInner.l_50x50 .c2 {
  width: 100%;
  margin-left: 0;
}

}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.v2FormContainer {
  min-height: 525px;
}

.v2_footer .pageSection {
  padding-top: 30px;
  padding-bottom: 30px;
}
.v2_footer .layout-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}
@media (max-width: 1023px) {
  .v2_footer .layout-container {
  flex-direction: column-reverse;
}

}
.v2_footer .layout-container ul.social {
  min-width: 255px;
  width: 255px;
  text-align: right;
}
@media (max-width: 767px) {
  .v2_footer .layout-container ul.social {
  margin-bottom: 20px;
}

}
@media (min-width: 1024px) and (max-width: 1200px) {
  .v2_footer .layout-container ul.nav li:nth-child(n+4) {
  margin-top: 20px;
  margin-bottom: 10px;
}
.v2_footer .layout-container ul.nav li:nth-child(4) {
  border: none;
  padding-left: 0;
  margin-left: 0;
}

}
@media (min-width: 768px) and (max-width: 1023px) {
  .v2_footer .layout-container ul.nav li {
  margin-top: 20px;
  margin-bottom: 10px;
}

}
@media (max-width: 767px) {
  .v2_footer .layout-container ul.nav li:nth-child(2) {
  border: none;
  padding-left: 0;
  margin-left: 0;
}
.v2_footer .layout-container ul.nav li:nth-child(5) {
  border: none;
  padding-left: 0;
  margin-left: 0;
}
.v2_footer .layout-container ul.nav li:nth-child(n+2) {
  margin-top: 20px;
}
.v2_footer .layout-container ul.nav li:nth-child(n+5) {
  margin-bottom: 10px;
}

}
@media (max-width: 1200px) {
  .v2_footer .layout-container ul.nav {
  min-width: 420px;
  width: 420px;
  text-align: left;
}

}
@media (min-width: 768px) and (max-width: 1023px) {
  .v2_footer .layout-container ul.nav {
  min-width: initial;
  width: auto;
  text-align: center;
}

}
@media (max-width: 767px) {
  .v2_footer .layout-container ul.nav {
  min-width: 235px;
  width: 235px;
  text-align: center;
}
.v2_footer .layout-container ul.nav:nth-child(2) {
  border: none;
  padding-left: 0;
  margin-left: 0;
}

}
.v2_footer .layout-container .copyright {
  padding-top: 20px;
}
.v2_footer {
  float: left;
  width: 100%;
  background-color: #2c2d32;
  color: #bcbcbe;
  position: relative;
}
@media (max-width: 767px) {
  .v2_footer.globalFooter {
  float: none;
}

}
.v2_footer a {
  color: #bcbcbe !important;
  text-decoration: none;
  transition: all 200ms ease;
}
.v2_footer a:hover {
  text-decoration: underline;
  color: #9a9a9c;
}
.v2_footer ul,
.v2_footer li {
  display: inline-block;
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.v2_footer .copyright {
  color: #6D6E72;
}
.v2_footer .nav li {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #eee;
}
.v2_footer .nav li:first-child {
  border: none;
  margin-left: 0;
  padding-left: 0;
}
@media (max-width: 1023px) {
  .v2_footer .nav li {
  margin-left: 11px;
  padding-left: 11px;
}

}
.v2_footer .nav li a {
  color: #bcbcbe;
  text-decoration: none;
}
.v2_footer .nav li a:hover {
  text-decoration: underline;
  color: #9a9a9c;
}
.v2_footer .social li {
  padding-left: 10px;
}
.v2_footer .social li:first-child {
  padding-left: 0;
}
.v2_footer .social li a {
  display: inline-block;
  background-color: #1b1d20;
  border-radius: 40px;
  margin-top: 0px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #bcbcbe;
  text-decoration: none;
  transition: all 200ms ease;
}
.v2_footer .social li a.icon {
  background-image: none;
}
.v2_footer .social li a:hover {
  text-decoration: none;
  color: #9a9a9c;
  box-shadow: 0px 0px 0px 2px #9a9a9a;
}
.v2_footer .social li a i {
  position: relative;
  top: 0;
  transition: all 200ms ease;
  line-height: 40px;
  font-size: 25px;
}
.v2_footer .social li a .shares {
  position: absolute;
  width: 100%;
  padding-top: 20%;
  color: #5F5F5F;
  font-size: 100%;
  left: 0;
  top: 0%;
  opacity: 0;
  transition: all 300ms ease 100ms;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.eCalcWrapper {
  float: none;
  height: 642px;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 768px) {
  .eCalcWrapper {
  height: auto;
  padding-top: 56.37931034482758%;
}

}
.eCalcWrapper.animated .eCalcData {
  left: 0;
}
.eCalcWrapper.animated .eCalcAddresses,
.eCalcWrapper.animated .eCalcRestart {
  opacity: 1;
}
.eCalcWrapper p {
  display: block;
  margin: 0;
}
.eCalcWrapper .eCalcData {
  left: -200%;
  position: relative;
  transition: all 400ms;
}
.eCalcWrapper .eCalcAddresses {
  background: url('../../../../content/dam/vwcom/modelImages/eGolf/2017_ecalc/icon-origin-destination.png') 0 50% no-repeat;
  background-size: auto 74%;
  padding-left: 24px;
  opacity: 0;
  transition: all 400ms 500ms;
}
@media (min-width: 768px) {
  .eCalcWrapper .eCalcAddresses {
  padding-left: 24px;
}

}
@media (min-width: 1280px) {
  .eCalcWrapper .eCalcAddresses {
  padding-left: 30px;
}

}
.eCalcWrapper > div.eCalcContainer,
.eCalcWrapper > div.eCalcLoader {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.eCalcWrapper {
  line-height: 1;
  width: 100%;
}
@keyframes bubble {
  0%,
100% {
  transform: scale(1);
}
50% {
  transform: scale(2);
}

}
.eCalcWrapper .blueFaded {
  color: #b3e8f9;
}
.eCalcWrapper .eCalcOrigin,
.eCalcWrapper .eCalcDestination {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .eCalcWrapper .eCalcOrigin,
.eCalcWrapper .eCalcDestination {
  font-size: 28px;
}

}
@media (min-width: 768px) {
  .eCalcWrapper .eCalcOrigin,
.eCalcWrapper .eCalcDestination {
  font-size: 13px;
}

}
@media (min-width: 1280px) {
  .eCalcWrapper .eCalcOrigin,
.eCalcWrapper .eCalcDestination {
  font-size: 16px;
}

}
@media (min-width: 1440px) {
  .eCalcWrapper .eCalcOrigin,
.eCalcWrapper .eCalcDestination {
  font-size: 18px;
}

}
.eCalcWrapper .userInput {
  background: url('../../../../content/dam/vwcom/modelImages/eGolf/2017_ecalc/icon-origin-destination-m.png') 4px 12px no-repeat;
  background-size: 8px auto;
  margin-left: -24px;
  padding-left: 24px;
}
@media (min-width: 768px) {
  .eCalcWrapper .userInput {
  background: url('../../../../content/dam/vwcom/modelImages/eGolf/2017_ecalc/icon-origin-destination.png') 6px 6px no-repeat;
  background-size: auto 46%;
  margin-left: -30px;
  padding-left: 30px;
}

}
@media (min-width: 1024px) {
  .eCalcWrapper .userInput {
  background: url('../../../../content/dam/vwcom/modelImages/eGolf/2017_ecalc/icon-origin-destination.png') 0 10px no-repeat;
  background-size: auto 44%;
  margin-left: -20px;
  padding-left: 20px;
}

}
@media (min-width: 1280px) {
  .eCalcWrapper .userInput {
  margin-left: -24px;
  padding-left: 24px;
}

}
@media (min-width: 1440px) {
  .eCalcWrapper .userInput {
  background-position: 0 14px;
  background-size: auto;
  margin-left: -30px;
  padding-left: 30px;
}

}
.eCalcWrapper,
.eCalcWrapper * {
  box-sizing: border-box;
}
.eCalcDisclaimer {
  bottom: 0;
  color: #9eaab0;
  font-size: 12px;
  left: 0;
  margin: 0;
  opacity: 1;
  padding: 20px 11.145510836%;
  position: absolute;
  transition: opacity 400ms 2s;
  width: 100%;
  z-index: 3;
}
@media (min-width: 768px) {
  .eCalcDisclaimer {
  color: #ffffff;
  font-size: 7px;
  opacity: .5;
  padding: 20px 40px;
}

}
@media (min-width: 1024px) {
  .eCalcDisclaimer {
  font-size: 11px;
  padding: 2.586206896551724% 8.620689655172415%;
}

}
@media (min-width: 1440px) {
  .eCalcDisclaimer {
  font-size: 12px;
}

}
.resultScreen .eCalcDisclaimer {
  background: #f1f5f6;
  padding: 20px;
}
@media (min-width: 768px) {
  .resultScreen .eCalcDisclaimer {
  background: transparent;
  padding: 10px 20px;
  width: 50%;
}

}
@media (min-width: 1024px) {
  .resultScreen .eCalcDisclaimer {
  padding: 1.7241379310344827% 4.310344827586207%;
  width: 31.03448275862069%;
}

}
.resultScreen.hideMapMobile .eCalcDisclaimer {
  background: transparent;
}
.eCalcContainer {
  overflow: hidden;
  position: relative;
}
.eCalcLoader {
  background-color: #ffffff;
  height: 100%;
  left: 0;
  opacity: 0.9;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4;
}
.eCalcLoader > div {
  overflow: auto;
  left: 50%;
  padding: 50px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.eCalcLoader .bubble {
  animation: bubble 1.5s ease-in-out infinite;
  background: no-repeat #00b1eb;
  border-radius: 50%;
  float: left;
  height: 5px;
  margin-right: 10px;
  overflow: auto;
  text-indent: -9999px;
  width: 5px;
}
.eCalcLoader .bubble:nth-of-type(2) {
  animation-delay: .5s;
}
.eCalcLoader .bubble:nth-of-type(3) {
  animation-delay: 1s;
  margin-right: 0;
}
.eCalcBg {
  background-repeat: no-repeat;
  color: white;
  height: 100%;
  padding: 11.145510836%;
  position: relative;
  transition: all 400ms;
  width: 100%;
}
@media (min-width: 768px) {
  .eCalcBg {
  padding: 20px 40px;
}

}
@media (min-width: 1024px) {
  .eCalcBg {
  padding: 7.758620689655173% 8.620689655172415%;
}

}
.eCalcBg.splash {
  background-image: url('../../../../content/dam/vwcom/modelImages/eGolf/2017_ecalc/bg-splash-m.jpg');
  background-position: 0 0;
  background-size: 100%;
  z-index: 3;
}
@media (min-width: 768px) {
  .eCalcBg.splash {
  background-image: url('../../../../content/dam/vwcom/modelImages/eGolf/2017_ecalc/bg-splash.jpg');
}

}
.eCalcBg.result,
.eCalcBg.outOfRange {
  background-color: #00b1eb;
  background-image: none;
  height: 100%;
  padding: 0;
  z-index: 1;
}
@media (min-width: 768px) {
  .eCalcBg.result,
.eCalcBg.outOfRange {
  padding: 0;
}

}
.eCalcBg .vwheadbold60 {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: 0em;
  font-size: 40px;
  line-height: 1;
}
@media (min-width: 768px) {
  .eCalcBg .vwheadbold60 {
  font-size: 32px;
}

}
@media (min-width: 1024px) {
  .eCalcBg .vwheadbold60 {
  font-size: 35px;
}

}
@media (min-width: 1280px) {
  .eCalcBg .vwheadbold60 {
  font-size: 44px;
}

}
@media (min-width: 1440px) {
  .eCalcBg .vwheadbold60 {
  font-size: 60px;
}

}
.eCalcBg .vwheadbold40 {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: 0em;
  font-size: 40px;
  line-height: 1;
}
.eCalcBg .vwheadbold24 {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.015em;
  font-size: 16px;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .eCalcBg .vwheadbold24 {
  font-size: 14px;
  line-height: 1.391304347826087;
}

}
@media (min-width: 1024px) {
  .eCalcBg .vwheadbold24 {
  font-size: 17px;
}

}
@media (min-width: 1280px) {
  .eCalcBg .vwheadbold24 {
  font-size: 21px;
}

}
@media (min-width: 1440px) {
  .eCalcBg .vwheadbold24 {
  font-size: 24px;
}

}
.eCalcBg .vwhead22 {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 17px;
  line-height: 1.1818181818181819;
}
@media (min-width: 768px) {
  .eCalcBg .vwhead22 {
  font-size: 14px;
}

}
@media (min-width: 1024px) {
  .eCalcBg .vwhead22 {
  font-size: 16px;
}

}
@media (min-width: 1280px) {
  .eCalcBg .vwhead22 {
  font-size: 19px;
}

}
@media (min-width: 1440px) {
  .eCalcBg .vwhead22 {
  font-size: 22px;
}

}
.eCalcBg .vwhead22.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.eCalcBg .vwtext24 {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 17px;
  line-height: 1.1764705882352942;
}
@media (min-width: 768px) {
  .eCalcBg .vwtext24 {
  font-size: 14px;
  line-height: 1.1666666666666667;
}

}
@media (min-width: 1280px) {
  .eCalcBg .vwtext24 {
  font-size: 21px;
}

}
@media (min-width: 1440px) {
  
}
.eCalcBg .vwtext23 {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  letter-spacing: -0.025em;
  font-size: 17px;
  line-height: 1.1764705882352942;
}
@media (min-width: 768px) {
  .eCalcBg .vwtext23 {
  font-size: 14px;
  line-height: 1.391304347826087;
}

}
@media (min-width: 1024px) {
  .eCalcBg .vwtext23 {
  font-size: 16px;
}

}
@media (min-width: 1280px) {
  .eCalcBg .vwtext23 {
  font-size: 20px;
}

}
@media (min-width: 1440px) {
  .eCalcBg .vwtext23 {
  font-size: 23px;
}

}
.eCalcBg .vwtext18 {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 14px;
  line-height: 1.2222222222222223;
}
@media (min-width: 768px) {
  .eCalcBg .vwtext18 {
  font-size: 12px;
}

}
@media (min-width: 1024px) {
  .eCalcBg .vwtext18 {
  font-size: 12px;
}

}
@media (min-width: 1280px) {
  .eCalcBg .vwtext18 {
  font-size: 16px;
}

}
@media (min-width: 1440px) {
  .eCalcBg .vwtext18 {
  font-size: 18px;
}

}
.eCalcBg .vwtext12 {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
}
@media (min-width: 768px) {
  .eCalcBg .vwtext12 {
  font-size: 10px;
}

}
@media (min-width: 1024px) {
  .eCalcBg .vwtext12 {
  font-size: 10px;
}

}
@media (min-width: 1280px) {
  .eCalcBg .vwtext12 {
  font-size: 12px;
}

}
@media (min-width: 1440px) {
  .eCalcBg .vwtext12 {
  font-size: 12px;
}

}
.eCalcBg .centered {
  text-align: center;
}
.eCalcBg ::-webkit-input-placeholder {
  color: #9eaab0;
  font-size: 16px;
}
@media (min-width: 768px) {
  .eCalcBg ::-webkit-input-placeholder {
  font-size: 10px;
}

}
@media (min-width: 1280px) {
  .eCalcBg ::-webkit-input-placeholder {
  font-size: 11px;
}

}
@media (min-width: 1440px) {
  .eCalcBg ::-webkit-input-placeholder {
  font-size: 13px;
}

}
.eCalcBg ::-moz-placeholder {
  color: #9eaab0;
  font-size: 16px;
}
@media (min-width: 768px) {
  .eCalcBg ::-moz-placeholder {
  font-size: 10px;
}

}
@media (min-width: 1280px) {
  .eCalcBg ::-moz-placeholder {
  font-size: 11px;
}

}
@media (min-width: 1440px) {
  .eCalcBg ::-moz-placeholder {
  font-size: 13px;
}

}
.eCalcBg :-ms-input-placeholder {
  color: #9eaab0;
  font-size: 16px;
}
@media (min-width: 768px) {
  .eCalcBg :-ms-input-placeholder {
  font-size: 10px;
}

}
@media (min-width: 1280px) {
  .eCalcBg :-ms-input-placeholder {
  font-size: 11px;
}

}
@media (min-width: 1440px) {
  .eCalcBg :-ms-input-placeholder {
  font-size: 13px;
}

}
.eCalcBg :-moz-placeholder {
  color: #9eaab0;
  font-size: 16px;
}
@media (min-width: 768px) {
  .eCalcBg :-moz-placeholder {
  font-size: 10px;
}

}
@media (min-width: 1280px) {
  .eCalcBg :-moz-placeholder {
  font-size: 11px;
}

}
@media (min-width: 1440px) {
  .eCalcBg :-moz-placeholder {
  font-size: 13px;
}

}
.eCalcBg .bluebg {
  background: #00b1eb;
  color: #ffffff;
  padding: 30px 0;
}
.eCalcBg .bluetext {
  color: #00b1eb;
}
.eCalcBg .whitebg {
  padding: 20px 0;
}
.eCalcBg .mt24 {
  margin-top: 12px;
}
@media (min-width: 768px) {
  .eCalcBg .mt24 {
  margin-top: 12px;
}

}
@media (min-width: 1280px) {
  .eCalcBg .mt24 {
  margin-top: 18px;
}

}
@media (min-width: 1440px) {
  .eCalcBg .mt24 {
  margin-top: 24px;
}

}
.eCalcBg .mb20 {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .eCalcBg .mb20 {
  margin-bottom: 14px;
}

}
@media (min-width: 1280px) {
  .eCalcBg .mb20 {
  margin-bottom: 18px;
}

}
@media (min-width: 1440px) {
  .eCalcBg .mb20 {
  margin-bottom: 20px;
}

}
@media (min-width: 768px) {
  .eCalcCopySplash {
  width: 46%;
}

}
@media (min-width: 1024px) {
  .eCalcCopySplash {
  width: 36%;
}

}
.eCalcCopyResult {
  color: #ffffff;
  height: 100%;
  padding: 35px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .eCalcCopyResult {
  padding: 4.310344827586207% 4.310344827586207% 1.7241379310344827% 4.310344827586207%;
  width: 50%;
}

}
@media (min-width: 1024px) {
  .eCalcCopyResult {
  padding: 5.517241379310345% 4.310344827586207% 1.3793103448275863%;
  width: 31.03448275862069%;
}

}
.eCalcCopyResult .eCalcRestart {
  opacity: 0;
  transition: opacity 1s 1s;
}
.eCalcCopyResult .flipColors {
  background: #ffffff;
  color: #00b1eb;
}
.eCalcCopyResult .flipColors:hover {
  color: #009dd8;
}
.outOfRange .eCalcCopyResult {
  background-image: url('../../../../content/dam/vwcom/modelImages/eGolf/2017_ecalc/bg-out-of-range-m.jpg');
  background-size: cover;
}
@media (min-width: 768px) {
  .outOfRange .eCalcCopyResult {
  background-image: url('../../../../content/dam/vwcom/modelImages/eGolf/2017_ecalc/bg-out-of-range.jpg');
}

}
.outOfRange .eCalcCopyResult  img {
  margin-bottom: 20px;
  max-width: 70px;
}
@media (min-width: 768px) {
  .outOfRange .eCalcCopyResult  img {
  max-width: 40px;
  margin-bottom: 10px;
}

}
@media (min-width: 1024px) {
  .outOfRange .eCalcCopyResult  img {
  margin-bottom: 20px;
  max-width: 60px;
}

}
@media (min-width: 1280px) {
  .outOfRange .eCalcCopyResult  img {
  max-width: 74px;
}

}
@media (min-width: 1440px) {
  .outOfRange .eCalcCopyResult  img {
  max-width: initial;
}

}
.eCalcContainer.result .eCalcForm {
  padding: 30px 50px;
}
.eCalcForm.error input[type="text"].place-false {
  box-shadow: 0 0 2px 2px #d13a2f;
  color: #d13a2f;
}
.eCalcForm.error ::-webkit-input-placeholder {
  color: #d13a2f;
}
.eCalcForm.error ::-moz-placeholder {
  color: #d13a2f;
}
.eCalcForm.error :-ms-input-placeholder {
  color: #d13a2f;
}
.eCalcForm.error :-moz-placeholder {
  color: #d13a2f;
}
.eCalcForm input {
  display: block;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .eCalcForm input {
  margin-bottom: 12px;
}

}
@media (min-width: 1024px) {
  .eCalcForm input {
  margin-bottom: 20px;
}

}
.eCalcForm input:last-of-type {
  margin-bottom: 0;
}
.eCalcForm input[type="text"] {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  outline: 0;
  padding: 10px 16px;
  text-overflow: ellipsis;
  width: 100%;
}
@media (min-width: 768px) {
  .eCalcForm input[type="text"] {
  font-size: 11px;
  padding: 8px 16px;
}

}
@media (min-width: 1280px) {
  .eCalcForm input[type="text"] {
  font-size: 14px;
  padding: 10px 18px;
}

}
@media (min-width: 1440px) {
  .eCalcForm input[type="text"] {
  font-size: 16px;
  padding: 12px 20px;
}

}
.eCalcMap {
  background: transparent;
  bottom: 112px;
  height: 220px;
  position: absolute;
  left: 0;
  transition: opacity 400ms;
  width: 100%;
  z-index: 2;
}
@media (min-width: 768px) {
  .eCalcMap {
  height: 100%;
  left: 50%;
  top: 0;
  width: 50%;
}

}
@media (min-width: 1024px) {
  .eCalcMap {
  left: 31.03448275862069%;
  width: 68.96551724137932%;
}

}
.hideMapMobile .eCalcMap {
  display: none;
}
@media (min-width: 768px) {
  .hideMapMobile .eCalcMap {
  display: block;
}

}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.driverAssistanceMbp {
  -webkit-transform: translatez(0);
  background-color: transparent;
  box-sizing: border-box;
  color: #000000;
  float: none;
  overflow: hidden;
  height: auto;
  padding: 0;
  text-align: center;
  width: 100%;
  /**
* GENERIC ANIMATIONS
*/

  /*
* PANEL 1
*/

  /*
* PANEL 2
*/

  /*
* PANEL 3
*/

  /*
* PANEL 4
*/

  /*
* PANEL 5
*/

  /*
* PANEL 6
*/

  /*
* PANEL 7
*/

  /*
* PANEL 1
*/

  /*
* PANEL 2
*/

  /*
* PANEL 3
*/

  /*
* PANEL 4
*/

  /*
* PANEL 5
*/

  /*
* PANEL 6
*/

  /*
* PANEL 7
*/

  /*
* ANIMATION CALLS
*/

}
.driverAssistanceMbp * {
  box-sizing: border-box;
}
.driverAssistanceMbp ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.driverAssistanceMbp h1 {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 18px;
  line-height: 1.25;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp h1 {
  letter-spacing: -0.015em;
  font-size: 18px;
  line-height: 1.2222222222222223;
  margin-bottom: 32px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp h1 {
  font-size: 20px;
  line-height: 1.2;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp h1 {
  font-size: 22px;
  line-height: 1.1818181818181819;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp h1 {
  font-size: 24px;
  line-height: 1.1666666666666667;
}

}
.driverAssistanceMbp h1 span:not(.disclaimer) {
  display: block;
}
.driverAssistanceMbp h2 {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 18px;
  line-height: 1.375;
}
@media (min-width: 768px) {
  .driverAssistanceMbp h2 {
  font-size: 22px;
  line-height: 1.3636363636363635;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp h2 {
  font-size: 23px;
  line-height: 1.391304347826087;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp h2 {
  font-size: 26px;
  line-height: 1.3846153846153846;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp h2 {
  letter-spacing: -0.025em;
  font-size: 30px;
  line-height: 1.3333333333333333;
}

}
.driverAssistanceMbp p {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  letter-spacing: -0.015em;
  color: #7c878e;
  font-size: 15px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .driverAssistanceMbp p {
  letter-spacing: -0.025em;
  font-size: 15px;
  line-height: 1.2;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp p {
  font-size: 18px;
  line-height: 1.3333333333333333;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp p {
  font-size: 23px;
  line-height: 1.2173913043478262;
}

}
.driverAssistanceMbp p.legal {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  color: #6a7986;
  letter-spacing: -0.015em;
  font-size: 11px;
  line-height: 1.2727272727272727;
}
@media (min-width: 768px) {
  .driverAssistanceMbp p.legal {
  letter-spacing: -0.01em;
  font-size: 12px;
  line-height: 1.3333333333333333;
}

}
.driverAssistanceMbp p.legal sup {
  background-color: #e5e7e8;
  border-radius: 50%;
  color: #00b1eb;
  display: inline-block;
  font-size: 10px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp p.legal {
  font-size: 12px;
}

}
@media (min-width: 1024px) {
  
}
@media (min-width: 1280px) {
  
}
@media (min-width: 1440px) {
  
}
.driverAssistanceMbp ul {
  list-style: none;
}
.driverAssistanceMbp .driverAssistanceMbpInner {
  width: 100%;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .driverAssistanceMbpInner {
  min-height: 600px;
  width: 100%;
}

}
.driverAssistanceMbp .daNav {
  margin: 0 auto 20px;
  position: relative;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav {
  margin-bottom: 30px;
}

}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav .daNavInner {
  display: inline-block;
  position: relative;
  text-align: center;
  width: auto;
}

}
.driverAssistanceMbp .daNav .daNavMenu {
  position: relative;
}
.driverAssistanceMbp .daNav ul,
.driverAssistanceMbp .daNav li {
  padding: 0;
}
.driverAssistanceMbp .daNav hr {
  background-color: #00b1eb;
  border: 0;
  bottom: 0;
  display: none;
  height: 4px;
  left: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  transition: all 400ms;
  width: 100px;
  z-index: 100;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav hr {
  display: block;
}

}
.driverAssistanceMbp .daNav ul {
  display: flex;
  flex-direction: row;
  white-space: nowrap;
  z-index: 1;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav ul {
  border-bottom: 2px solid #e3ebed;
}

}
.driverAssistanceMbp .daNav li {
  border-radius: 10px;
  color: #707c81;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  flex-shrink: 0;
  margin: 0 6px 0 0;
  position: relative;
  white-space: normal;
  width: 88px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li {
  color: #6e7b81;
  display: block;
  font-size: 11px;
  flex-shrink: initial;
  float: left;
  height: auto;
  margin: 0 2px 0 0;
  width: 84px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daNav li {
  font-size: 14px;
  margin: 0 2px 0 0;
  width: 114px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daNav li {
  margin: 0 6px 0 0;
  width: 146px;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp .daNav li {
  height: 130px;
  width: 160px;
}

}
.driverAssistanceMbp .daNav li:last-child {
  margin-right: 0;
}
@media (min-width: 768px) {
  
}
.driverAssistanceMbp .daNav li.active {
  color: #00b1eb;
}
@media (min-width: 768px) {
  
}
.driverAssistanceMbp .daNav li.active .icon {
  border-bottom: 4px solid #00b1eb;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li.active .icon {
  border: 0;
}

}
.driverAssistanceMbp .daNav li.active .icon::after {
  -webkit-transform: translatex(-50%);
  -moz-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  -o-transform: translatex(-50%);
  transform: translatex(-50%);
  bottom: -14px;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #00b1eb;
  content: '';
  left: 50%;
  position: absolute;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li.active .icon::after {
  display: none;
}

}
.driverAssistanceMbp .daNav li.frontAssist .icon {
  background-position: 0 0;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li.frontAssist .icon {
  background-position: 0 0px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daNav li.frontAssist .icon {
  background-position: 0 0px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daNav li.frontAssist .icon {
  background-position: 0 0px;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp .daNav li.frontAssist .icon {
  background-position: 0 0px;
}

}
.driverAssistanceMbp .daNav li.frontAssist.active .icon {
  background-position: 0 -88px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li.frontAssist.active .icon {
  background-position: 0 -616px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daNav li.frontAssist.active .icon {
  background-position: 0 -798px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daNav li.frontAssist.active .icon {
  background-position: 0 -1022px;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp .daNav li.frontAssist.active .icon {
  background-position: 0 -1120px;
}

}
.driverAssistanceMbp .daNav li.blindSpotMonitor .icon {
  background-position: -94px 0;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li.blindSpotMonitor .icon {
  background-position: 0 -88px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daNav li.blindSpotMonitor .icon {
  background-position: 0 -114px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daNav li.blindSpotMonitor .icon {
  background-position: 0 -146px;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp .daNav li.blindSpotMonitor .icon {
  background-position: 0 -160px;
}

}
.driverAssistanceMbp .daNav li.blindSpotMonitor.active .icon {
  background-position: -94px -88px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li.blindSpotMonitor.active .icon {
  background-position: 0 -704px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daNav li.blindSpotMonitor.active .icon {
  background-position: 0 -912px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daNav li.blindSpotMonitor.active .icon {
  background-position: 0 -1168px;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp .daNav li.blindSpotMonitor.active .icon {
  background-position: 0 -1280px;
}

}
.driverAssistanceMbp .daNav li.rearTrafficAlert .icon {
  background-position: -188px 0;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li.rearTrafficAlert .icon {
  background-position: 0 -176px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daNav li.rearTrafficAlert .icon {
  background-position: 0 -228px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daNav li.rearTrafficAlert .icon {
  background-position: 0 -292px;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp .daNav li.rearTrafficAlert .icon {
  background-position: 0 -320px;
}

}
.driverAssistanceMbp .daNav li.rearTrafficAlert.active .icon {
  background-position: -188px -88px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li.rearTrafficAlert.active .icon {
  background-position: 0 -792px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daNav li.rearTrafficAlert.active .icon {
  background-position: 0 -1026px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daNav li.rearTrafficAlert.active .icon {
  background-position: 0 -1314px;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp .daNav li.rearTrafficAlert.active .icon {
  background-position: 0 -1440px;
}

}
.driverAssistanceMbp .daNav li.laneAssist .icon {
  background-position: -376px 0;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li.laneAssist .icon {
  background-position: 0 -264px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daNav li.laneAssist .icon {
  background-position: 0 -342px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daNav li.laneAssist .icon {
  background-position: 0 -438px;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp .daNav li.laneAssist .icon {
  background-position: 0 -480px;
}

}
.driverAssistanceMbp .daNav li.laneAssist.active .icon {
  background-position: -376px -88px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li.laneAssist.active .icon {
  background-position: 0 -880px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daNav li.laneAssist.active .icon {
  background-position: 0 -1140px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daNav li.laneAssist.active .icon {
  background-position: 0 -1460px;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp .daNav li.laneAssist.active .icon {
  background-position: 0 -1600px;
}

}
.driverAssistanceMbp .daNav li.parkAssist .icon {
  background-position: -282px 0;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li.parkAssist .icon {
  background-position: 0 -352px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daNav li.parkAssist .icon {
  background-position: 0 -456px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daNav li.parkAssist .icon {
  background-position: 0 -584px;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp .daNav li.parkAssist .icon {
  background-position: 0 -640px;
}

}
.driverAssistanceMbp .daNav li.parkAssist.active .icon {
  background-position: -282px -88px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li.parkAssist.active .icon {
  background-position: 0 -968px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daNav li.parkAssist.active .icon {
  background-position: 0 -1254px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daNav li.parkAssist.active .icon {
  background-position: 0 -1606px;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp .daNav li.parkAssist.active .icon {
  background-position: 0 -1760px;
}

}
.driverAssistanceMbp .daNav li.adaptiveCruiseControl .icon {
  background-position: -470px 0;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li.adaptiveCruiseControl .icon {
  background-position: 0 -440px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daNav li.adaptiveCruiseControl .icon {
  background-position: 0 -570px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daNav li.adaptiveCruiseControl .icon {
  background-position: 0 -730px;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp .daNav li.adaptiveCruiseControl .icon {
  background-position: 0 -800px;
}

}
.driverAssistanceMbp .daNav li.adaptiveCruiseControl.active .icon {
  background-position: -470px -88px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li.adaptiveCruiseControl.active .icon {
  background-position: 0 -1056px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daNav li.adaptiveCruiseControl.active .icon {
  background-position: 0 -1368px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daNav li.adaptiveCruiseControl.active .icon {
  background-position: 0 -1752px;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp .daNav li.adaptiveCruiseControl.active .icon {
  background-position: 0 -1920px;
}

}
.driverAssistanceMbp .daNav li.parkPilot .icon {
  background-position: -564px 0;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li.parkPilot .icon {
  background-position: 0 -528px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daNav li.parkPilot .icon {
  background-position: 0 -684px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daNav li.parkPilot .icon {
  background-position: 0 -876px;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp .daNav li.parkPilot .icon {
  background-position: 0 -960px;
}

}
.driverAssistanceMbp .daNav li.parkPilot.active .icon {
  background-position: -564px -88px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li.parkPilot.active .icon {
  background-position: 0 -1144px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daNav li.parkPilot.active .icon {
  background-position: 0 -1482px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daNav li.parkPilot.active .icon {
  background-position: 0 -1898px;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp .daNav li.parkPilot.active .icon {
  background-position: 0 -2080px;
}

}
.driverAssistanceMbp .daNav li .icon,
.driverAssistanceMbp .daNav li .text {
  display: block;
  float: left;
  position: relative;
  width: 100%;
}
.driverAssistanceMbp .daNav li .icon {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/icons@2x.png') 0 0 no-repeat #f1f5f6;
  background-size: auto 176px;
  height: 88px;
  margin-bottom: 18px;
  width: 88px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li .icon {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/icons.png') 0 0 no-repeat transparent;
  background-size: 88px auto;
  height: 40px;
  margin-bottom: 0;
  width: 88px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daNav li .icon {
  background-size: 114px auto;
  height: 60px;
  width: 114px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daNav li .icon {
  background-size: 146px auto;
  height: 70px;
  width: 146px;
}

}
@media (min-width: 1440px) {
  .driverAssistanceMbp .daNav li .icon {
  background-size: 160px auto;
  height: 74px;
  width: 160px;
}

}
.driverAssistanceMbp .daNav li .text {
  display: none;
  min-height: 40px;
  white-space: normal;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav li .text {
  display: block;
}

}
.driverAssistanceMbp .daNav .textMobile {
  color: #00b1eb;
  text-align: center;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daNav .textMobile {
  display: none;
}

}
.driverAssistanceMbp .daPanels {
  position: relative;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daPanels {
  height: auto;
  margin: 0 auto;
  position: relative;
}

}
.driverAssistanceMbp .daPanel {
  display: none;
  position: relative;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daPanel {
  width: 100%;
}

}
.driverAssistanceMbp .daPanel.active {
  display: block;
}
.driverAssistanceMbp .daCopy {
  padding: 15px 15px 0;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daCopy {
  margin: 0;
  padding: 0 10%;
}

}
.driverAssistanceMbp .daCopy p {
  display: block;
  margin: 40px 0 0;
}
.driverAssistanceMbp .daCopy p:first-of-type {
  margin-top: 0;
}
.driverAssistanceMbp .daCopy p.hideDesktop_true {
  display: block;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daCopy p.hideDesktop_true {
  display: none;
}

}
.driverAssistanceMbp .daCopy p.hideMobile_true {
  display: none;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daCopy p.hideMobile_true {
  display: block;
}

}
.driverAssistanceMbp .daCopy p.learn-more {
  margin-bottom: 0;
}
.driverAssistanceMbp .daCopy p.learn-more a {
  font-family: "Black", sans-serif;
  font-weight: normal;
  border-radius: 5px;
  background-color: #00b1eb;
  border: 0;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  max-width: 100%;
  outline: 0;
  padding: 0 24px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daCopy p.learn-more a {
  padding: 0 20px;
}

}
@media (min-width: 1024px) {
  .driverAssistanceMbp .daCopy p.learn-more a {
  font-size: 13px;
  height: 40px;
  line-height: 40px;
}

}
@media (min-width: 1280px) {
  .driverAssistanceMbp .daCopy p.learn-more a {
  font-size: 18px;
  height: 60px;
  line-height: 60px;
  padding: 0 28px;
}

}
.driverAssistanceMbp .daCopy p.learn-more a:link,
.driverAssistanceMbp .daCopy p.learn-more a:active,
.driverAssistanceMbp .daCopy p.learn-more a:visited {
  color: #ffffff;
}
.driverAssistanceMbp .daCopy p.learn-more a:link.ctaFlipColorsMobile_true,
.driverAssistanceMbp .daCopy p.learn-more a:active.ctaFlipColorsMobile_true,
.driverAssistanceMbp .daCopy p.learn-more a:visited.ctaFlipColorsMobile_true {
  background: #ffffff;
  color: #00b1eb;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daCopy p.learn-more a:link.ctaFlipColorsMobile_true,
.driverAssistanceMbp .daCopy p.learn-more a:active.ctaFlipColorsMobile_true,
.driverAssistanceMbp .daCopy p.learn-more a:visited.ctaFlipColorsMobile_true {
  background: #00b1eb;
  color: #ffffff;
}

}
.driverAssistanceMbp .daCopy p.learn-more a:hover {
  background-color: #009dd8;
  color: #ffffff;
}
.driverAssistanceMbp .daCopy p.learn-more a:hover.ctaFlipColorsMobile_true {
  background: #ffffff;
  color: #00b1eb;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daCopy p.learn-more a:hover.ctaFlipColorsMobile_true {
  background-color: #009dd8;
  color: #ffffff;
}

}
.driverAssistanceMbp .daCars {
  background-color: #32434b;
  height: 126px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daCars {
  height: 210px;
  margin-bottom: 25px;
}

}
.driverAssistanceMbp .blueCar,
.driverAssistanceMbp .whiteCar,
.driverAssistanceMbp .daCarBody,
.driverAssistanceMbp .daCarShadow,
.driverAssistanceMbp .daRadarSprite {
  position: absolute;
}
.driverAssistanceMbp .spriteBg {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/sprite.svg') 0 0 no-repeat transparent;
  background-size: 394px 153px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .spriteBg {
  background-size: 656px 254px;
}

}
.driverAssistanceMbp .sprite2Bg {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/expand-content.png') 0 0 no-repeat transparent;
  background-size: 200px 90px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .sprite2Bg {
  background-size: auto;
}

}
.driverAssistanceMbp .daPanelAnimate {
  color: #fff;
  overflow: hidden;
  padding: 73px 0 24px;
  position: relative;
}
.driverAssistanceMbp .road {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/bg-road-sprite@2x.jpg') 0 0 #2e3436;
  background-size: 320px auto;
  height: 126px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .road {
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translatex(-50%);
  -moz-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  -o-transform: translatex(-50%);
  transform: translatex(-50%);
  background-image: none;
  border-bottom: 6px solid #dbe0e2;
  border-top: 6px solid #dbe0e2;
  height: 210px;
  left: 0;
  margin-left: 50%;
  overflow: hidden;
  top: 0;
  width: 1160px;
  z-index: 1;
}

}
.driverAssistanceMbp .road .lines {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/bg-road-line@2x.png') 0 0 repeat-x transparent;
  background-size: 48px auto;
  height: 2px;
  left: 0;
  position: absolute;
  top: 59px;
  width: 100%;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .road .lines {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/bg-road-line.png') 0 0 repeat-x transparent;
  background-size: 160px auto;
  height: 4px;
  margin: 0;
  top: 100px;
}

}
.driverAssistanceMbp .road .parking {
  left: 0;
  position: absolute;
  width: 100%;
}
.driverAssistanceMbp .parkAssist .road {
  background-position: 0 -126px;
}
.driverAssistanceMbp .parkAssist .road .lines {
  display: none;
  left: 130px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .parkAssist .road .lines {
  top: 60px;
}

}
.driverAssistanceMbp .parkAssist .road .parking {
  bottom: 0;
  height: 46px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .parkAssist .road .parking {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/bg-park-assist-parking.png') 50% 8px no-repeat #464c4e;
  background-size: 146px 70px;
  height: 70px;
  left: 0;
  position: absolute;
  width: 100%;
}

}
.driverAssistanceMbp .rearTrafficAlert .road {
  background-position: 0 -252px;
  overflow: hidden;
}
.driverAssistanceMbp .rearTrafficAlert .road .lines {
  display: none;
}
.driverAssistanceMbp .rearTrafficAlert .road .parking {
  background-size: 100% auto;
  height: 100px;
  top: 0;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .rearTrafficAlert .road .parking {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/bg-rear-traffic-parking.png') 50% 0 no-repeat #464c4e;
  background-size: 329px 114px;
  height: 114px;
  left: 0;
  position: absolute;
  width: 100%;
}

}
.driverAssistanceMbp .parkPilot .road {
  background-position: 0 -126px;
}
.driverAssistanceMbp .parkPilot .road .lines {
  display: none;
}
.driverAssistanceMbp .parkPilot .road .parking {
  height: 46px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .parkPilot .road .parking {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/bg-park-pilot-parking.png') 50% 0 no-repeat #464c4e;
  background-size: 490px 79px;
  bottom: 0;
  height: 79px;
  left: 0;
  position: absolute;
  width: 100%;
}

}
.driverAssistanceMbp .whiteCar,
.driverAssistanceMbp .blueCar {
  bottom: 0;
}
.driverAssistanceMbp .whiteCar .daCarBrakes,
.driverAssistanceMbp .blueCar .daCarBrakes {
  background-position: -128px -40px;
  background-size: auto 140px;
  height: 30px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 4px;
  width: 7px;
  z-index: 6;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .whiteCar .daCarBrakes,
.driverAssistanceMbp .blueCar .daCarBrakes {
  background-size: auto 244px;
  background-position: -225px -70px;
  height: 52px;
  left: 13px;
  top: 8px;
  width: 12px;
}

}
.driverAssistanceMbp .whiteCar .daCarBody,
.driverAssistanceMbp .blueCar .daCarBody,
.driverAssistanceMbp .whiteCar .daCarShadow,
.driverAssistanceMbp .blueCar .daCarShadow {
  left: 0;
  top: 0;
}
.driverAssistanceMbp .whiteCar .daCarBody,
.driverAssistanceMbp .blueCar .daCarBody {
  z-index: 2;
}
.driverAssistanceMbp .whiteCar .daCarBody,
.driverAssistanceMbp .blueCar .daCarBody {
  z-index: 1;
}
.driverAssistanceMbp .whiteCar {
  height: 49px;
  left: 60px;
  width: 83px;
  z-index: 1;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .whiteCar {
  bottom: -6px;
  height: 85px;
  left: auto;
  width: 147px;
  z-index: 4;
}

}
.driverAssistanceMbp .whiteCar .daCarBody {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/golf@2x.png') 0 0 no-repeat transparent;
  background-size: 100% 100%;
  height: 77.55102040816327%;
  width: 91.56626506024097%;
  z-index: 3;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .whiteCar .daCarBody {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/golf.png') 50% 50% no-repeat;
  background-size: 100% 100%;
  height: 78.82%;
  left: 8.26%;
  width: 91.16%;
  z-index: 2;
}

}
.driverAssistanceMbp .whiteCar .daCarShadow {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/golf-shadow@2x.png') 0 0 no-repeat transparent;
  background-size: 100% 100%;
  height: 91.83673469387756%;
  width: 100%;
  z-index: 2;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .whiteCar .daCarShadow {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/golf-shadow.png') 50% 50% no-repeat;
  background-size: 100% 100%;
  height: 92.94%;
  z-index: 1;
}

}
.driverAssistanceMbp .blueCar {
  height: 52px;
  left: 180px;
  width: 92px;
  z-index: 2;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .blueCar {
  bottom: -6px;
  height: 91px;
  left: auto;
  width: 162px;
  z-index: 5;
}

}
.driverAssistanceMbp .blueCar .daCarBrakes {
  top: 5px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .blueCar .daCarBrakes {
  left: 6px;
  top: 10px;
}

}
.driverAssistanceMbp .blueCar .daCarBody {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/gsw@2x.png') 0 0 no-repeat transparent;
  background-size: 100% 100%;
  height: 76.92307692307693%;
  width: 91.30434782608695%;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .blueCar .daCarBody {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/gsw.png') 50% 50% no-repeat;
  background-size: 100% 100%;
  height: 78.02%;
  left: 4%;
  width: 91.97%;
  z-index: 2;
}

}
.driverAssistanceMbp .blueCar .daCarShadow {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/gsw-shadow@2x.png') 0 0 no-repeat transparent;
  background-size: 100% 100%;
  height: 90.38461538461539%;
  width: 100%;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .blueCar .daCarShadow {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/gsw-shadow.png') 50% 50% no-repeat;
  background-size: 100% 100%;
  height: 93.21%;
  width: 100%;
  z-index: 1;
}

}
@media (min-width: 768px) {
  .driverAssistanceMbp .frontAssist .whiteCar,
.driverAssistanceMbp .adaptiveCruiseControl .whiteCar {
  left: 34%;
}

}
@media (min-width: 768px) {
  .driverAssistanceMbp .frontAssist .blueCar,
.driverAssistanceMbp .adaptiveCruiseControl .blueCar {
  left: 50%;
}

}
.driverAssistanceMbp .blindSpotMonitor .whiteCar {
  left: 190px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .blindSpotMonitor .whiteCar {
  left: 50%;
}

}
.driverAssistanceMbp .blindSpotMonitor .blueCar {
  bottom: 60px;
  left: 50px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .blindSpotMonitor .blueCar {
  bottom: 90px;
  left: 30%;
}

}
.driverAssistanceMbp .rearTrafficAlert .animationBox {
  -webkit-transform-origin: 50% 15%;
  -moz-transform-origin: 50% 15%;
  transform-origin: 50% 15%;
  height: 126px;
  left: 84px;
  position: absolute;
  top: 0;
  width: 180px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .rearTrafficAlert .animationBox {
  height: 260px;
  left: 35.5%;
  top: 4%;
  width: 360px;
}

}
.driverAssistanceMbp .rearTrafficAlert .whiteCar {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  bottom: initial;
  height: 26px;
  left: 80px;
  top: 56px;
  width: 50px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .rearTrafficAlert .whiteCar {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  background-size: 100% 100%;
  height: 47px;
  left: 33px;
  top: 0;
  width: 91px;
}

}
.driverAssistanceMbp .rearTrafficAlert .whiteCar .daCarBrakes {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  left: -2px;
  top: -5px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .rearTrafficAlert .whiteCar .daCarBrakes {
  left: 5px;
  top: -7px;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

}
.driverAssistanceMbp .rearTrafficAlert .blueCar {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  height: 27px;
  left: 50px;
  top: 60px;
  width: 54px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .rearTrafficAlert .blueCar {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-size: 100% 100%;
  height: 49px;
  top: 0;
  width: 97px;
}

}
.driverAssistanceMbp .rearTrafficAlert .blueCar.one {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 211px;
  top: 70px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .rearTrafficAlert .blueCar.one {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 57.35930735930735%;
  top: 120px;
}

}
.driverAssistanceMbp .rearTrafficAlert .blueCar.two {
  left: 73px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .rearTrafficAlert .blueCar.two {
  left: 29%;
}

}
.driverAssistanceMbp .rearTrafficAlert .blueCar.three {
  left: 132px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .rearTrafficAlert .blueCar.three {
  left: 33%;
}

}
.driverAssistanceMbp .rearTrafficAlert .blueCar.four {
  left: 191px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .rearTrafficAlert .blueCar.four {
  left: 47%;
}

}
.driverAssistanceMbp .rearTrafficAlert .blueCar.five {
  left: 220px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .rearTrafficAlert .blueCar.five {
  left: 51.5%;
}

}
@media (min-width: 768px) {
  .driverAssistanceMbp .laneAssist .whiteCar {
  left: 29.22077922077922%;
  z-index: 4;
}

}
.driverAssistanceMbp .laneAssist .whiteCar .daCarBody {
  z-index: 5;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .laneAssist .whiteCar .daCarBody {
  z-index: 4;
}

}
.driverAssistanceMbp .parkAssist .whiteCar {
  height: 36px;
  width: 63px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .parkAssist .whiteCar {
  height: 70px;
  bottom: -10px;
  left: 260px;
  width: 109px;
}

}
.driverAssistanceMbp .parkAssist .whiteCar.one {
  left: 40%;
  z-index: 1;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .parkAssist .whiteCar.one {
  left: 45%;
}

}
.driverAssistanceMbp .parkAssist .whiteCar.two {
  opacity: 50;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
  bottom: 20px;
  left: 150px;
  z-index: 2;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .parkAssist .whiteCar.two {
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
  bottom: 26px;
  left: 48%;
  opacity: 0.5;
  z-index: 5;
}

}
.driverAssistanceMbp .parkAssist .whiteCar.three {
  bottom: 40px;
  left: 200px;
  z-index: 1;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .parkAssist .whiteCar.three {
  bottom: 56px;
  left: 56.926406926406926%;
}

}
.driverAssistanceMbp .parkAssist .blueCar {
  height: 39px;
  width: 69px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .parkAssist .blueCar {
  bottom: -4%;
  height: 68px;
  width: 120px;
}

}
.driverAssistanceMbp .parkAssist .blueCar.one {
  left: 52px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .parkAssist .blueCar.one {
  left: 33%;
}

}
.driverAssistanceMbp .parkAssist .blueCar.two {
  left: 206px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .parkAssist .blueCar.two {
  left: 57%;
}

}
.driverAssistanceMbp .parkPilot .whiteCar {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  height: 36px;
  left: 129px;
  width: 62px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .parkPilot .whiteCar {
  background-size: 100% 100%;
  bottom: -3%;
  height: 75px;
  left: 44%;
  width: 129px;
  z-index: 3;
}

}
.driverAssistanceMbp .parkPilot .blueCar {
  height: 39px;
  left: 13%;
  width: 69px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .parkPilot .blueCar {
  background-size: 100% 100%;
  bottom: -8px;
  height: 81px;
  left: 30%;
  width: 143px;
  z-index: 4;
}

}
.driverAssistanceMbp .parkPilot .blueCar.two {
  left: 202px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .parkPilot .blueCar.two {
  left: 57%;
}

}
.driverAssistanceMbp .daRadarSprite {
  opacity: 0;
  height: 67px;
  left: 73px;
  position: absolute;
  top: -14px;
  width: 62px;
  z-index: 1;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRadarSprite {
  height: 111px;
  left: 130px;
  position: absolute;
  top: -20px;
  width: 103px;
  z-index: 1;
}

}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRadarSprite.front,
.driverAssistanceMbp .daRadarSprite.back {
  opacity: 1;
  top: -24px;
}

}
.driverAssistanceMbp .daRadarSprite.front {
  left: 42px;
  top: -20px;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRadarSprite.front {
  left: 104px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

}
.driverAssistanceMbp .daRadarSprite.back {
  -webkit-transform: scale(0.7) rotate(180deg);
  -moz-transform: scale(0.7) rotate(180deg);
  -ms-transform: scale(0.7) rotate(180deg);
  -o-transform: scale(0.7) rotate(180deg);
  transform: scale(0.7) rotate(180deg);
  left: -46px;
  top: -20px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRadarSprite.back {
  -webkit-transform: rotate(180deg) scale(0.8);
  -moz-transform: rotate(180deg) scale(0.8);
  -ms-transform: rotate(180deg) scale(0.8);
  -o-transform: rotate(180deg) scale(0.8);
  transform: rotate(180deg) scale(0.8);
  left: -70px;
}

}
.driverAssistanceMbp .daRadarSprite.pink {
  opacity: 1;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRadarSprite.pink {
  opacity: 1;
}

}
.driverAssistanceMbp .daRadarSprite.pink li:nth-of-type(1) {
  background-position: 0 -67px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRadarSprite.pink li:nth-of-type(1) {
  background-position: 0 -111px;
}

}
.driverAssistanceMbp .daRadarSprite.pink li:nth-of-type(2) {
  background-position: -15px -67px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRadarSprite.pink li:nth-of-type(2) {
  background-position: -25px -111px;
}

}
.driverAssistanceMbp .daRadarSprite.pink li:nth-of-type(3) {
  background-position: -26px -67px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRadarSprite.pink li:nth-of-type(3) {
  background-position: -44px -111px;
}

}
.driverAssistanceMbp .daRadarSprite.pink li:nth-of-type(4) {
  background-position: -38px -67px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRadarSprite.pink li:nth-of-type(4) {
  background-position: -63px -111px;
}

}
.driverAssistanceMbp .daRadarSprite.pink li:nth-of-type(5) {
  background-position: -49px -67px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRadarSprite.pink li:nth-of-type(5) {
  background-position: -80px -111px;
}

}
.driverAssistanceMbp .daRadarSprite li {
  height: 67px;
  position: absolute;
  top: 0;
  width: 15px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRadarSprite li {
  float: left;
  height: 111px;
  width: 25px;
}

}
.driverAssistanceMbp .daRadarSprite li:nth-of-type(1) {
  background-position: 0 0;
  left: 0;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRadarSprite li:nth-of-type(1) {
  background-position: 0 0;
  width: 25px;
}

}
.driverAssistanceMbp .daRadarSprite li:nth-of-type(2) {
  background-position: -15px 0;
  left: 14px;
  width: 12px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRadarSprite li:nth-of-type(2) {
  background-position: -25px 0;
  width: 19px;
}

}
.driverAssistanceMbp .daRadarSprite li:nth-of-type(3) {
  background-position: -26px 0;
  left: 26px;
  width: 12px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRadarSprite li:nth-of-type(3) {
  background-position: -44px 0;
  width: 19px;
}

}
.driverAssistanceMbp .daRadarSprite li:nth-of-type(4) {
  background-position: -38px 0;
  left: 37px;
  width: 12px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRadarSprite li:nth-of-type(4) {
  background-position: -63px 0;
  width: 19px;
}

}
.driverAssistanceMbp .daRadarSprite li:nth-of-type(5) {
  background-position: -49px 0;
  left: 50px;
  width: 14px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRadarSprite li:nth-of-type(5) {
  background-position: -80px 0;
  width: 19px;
}

}
.driverAssistanceMbp .daBlindSpotMonitor {
  height: 48px;
  left: -100%;
  opacity: 0;
  position: absolute;
  top: -38px;
  width: 115px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daBlindSpotMonitor {
  opacity: 0;
  height: 80px;
  left: 0;
  margin-left: -150px;
  margin-top: -60px;
  position: absolute;
  top: 0;
  width: 190px;
}

}
.driverAssistanceMbp .daBlindSpotMonitor.pink {
  opacity: 1;
}
.driverAssistanceMbp .daBlindSpotMonitor.pink li:nth-of-type(1) {
  background-position: -280px -49px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daBlindSpotMonitor.pink li:nth-of-type(1) {
  background-position: 100% -80px;
}

}
.driverAssistanceMbp .daBlindSpotMonitor.pink li:nth-of-type(2) {
  background-position: -306px -49px;
  width: 22px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daBlindSpotMonitor.pink li:nth-of-type(2) {
  background-position: -587px -80px;
  width: 30px;
}

}
.driverAssistanceMbp .daBlindSpotMonitor.pink li:nth-of-type(3) {
  background-position: -330px -49px;
  width: 20px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daBlindSpotMonitor.pink li:nth-of-type(3) {
  background-position: -548px -80px;
  width: 32px;
}

}
.driverAssistanceMbp .daBlindSpotMonitor.pink li:nth-of-type(4) {
  background-position: -353px -49px;
  width: 18px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daBlindSpotMonitor.pink li:nth-of-type(4) {
  background-position: -508px -80px;
  width: 35px;
}

}
.driverAssistanceMbp .daBlindSpotMonitor.pink li:nth-of-type(5) {
  background-position: -377px -49px;
  width: 17px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daBlindSpotMonitor.pink li:nth-of-type(5) {
  background-position: -465px -80px;
  width: 39px;
}

}
.driverAssistanceMbp .daBlindSpotMonitor li {
  float: left;
  height: 48px;
  transition: none;
  width: 24px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daBlindSpotMonitor li {
  display: block;
  height: 80px;
  position: absolute;
}

}
.driverAssistanceMbp .daBlindSpotMonitor li:nth-of-type(1) {
  background-position: -280px top;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daBlindSpotMonitor li:nth-of-type(1) {
  background-position: 100% top;
  width: 28px;
  right: 0;
}

}
.driverAssistanceMbp .daBlindSpotMonitor li:nth-of-type(2) {
  background-position: -306px top;
  width: 22px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daBlindSpotMonitor li:nth-of-type(2) {
  background-position: -587px top;
  width: 30px;
  right: 38px;
}

}
.driverAssistanceMbp .daBlindSpotMonitor li:nth-of-type(3) {
  background-position: -330px top;
  width: 20px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daBlindSpotMonitor li:nth-of-type(3) {
  background-position: -548px top;
  width: 32px;
  right: 75px;
}

}
.driverAssistanceMbp .daBlindSpotMonitor li:nth-of-type(4) {
  background-position: -353px top;
  width: 18px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daBlindSpotMonitor li:nth-of-type(4) {
  background-position: -508px top;
  width: 35px;
  right: 112px;
}

}
.driverAssistanceMbp .daBlindSpotMonitor li:nth-of-type(5) {
  background-position: -377px top;
  width: 17px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daBlindSpotMonitor li:nth-of-type(5) {
  background-position: -465px top;
  width: 39px;
  right: 151px;
}

}
.driverAssistanceMbp .daRearTrafficAlert {
  -webkit-transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  -webkit-transform-origin: 0%;
  -moz-transform-origin: 0%;
  transform-origin: 0%;
  height: 184px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 360px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRearTrafficAlert {
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  height: 184px;
  left: 0;
  position: absolute;
  top: 50px;
  width: 360px;
}

}
.driverAssistanceMbp .daRearTrafficAlert.pulsate {
  opacity: 0;
}
@media (min-width: 768px) {
  
}
.driverAssistanceMbp .daRearTrafficAlert li {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  background-position: -104px top;
  background-size: 656px 254px;
  height: 184px;
  left: 0;
  position: absolute;
  top: 0;
  width: 360px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRearTrafficAlert li {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  background-position: -104px top;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(1) {
  -webkit-transform: scale(0.15);
  -moz-transform: scale(0.15);
  -ms-transform: scale(0.15);
  -o-transform: scale(0.15);
  transform: scale(0.15);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(2) {
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(3) {
  -webkit-transform: scale(0.25);
  -moz-transform: scale(0.25);
  -ms-transform: scale(0.25);
  -o-transform: scale(0.25);
  transform: scale(0.25);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(4) {
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  -ms-transform: scale(0.3);
  -o-transform: scale(0.3);
  transform: scale(0.3);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(5) {
  -webkit-transform: scale(0.35);
  -moz-transform: scale(0.35);
  -ms-transform: scale(0.35);
  -o-transform: scale(0.35);
  transform: scale(0.35);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(6) {
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(7) {
  -webkit-transform: scale(0.45);
  -moz-transform: scale(0.45);
  -ms-transform: scale(0.45);
  -o-transform: scale(0.45);
  transform: scale(0.45);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(8) {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(9) {
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  -ms-transform: scale(0.55);
  -o-transform: scale(0.55);
  transform: scale(0.55);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(10) {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(11) {
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  -ms-transform: scale(0.65);
  -o-transform: scale(0.65);
  transform: scale(0.65);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(12) {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(13) {
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(14) {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(15) {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(16) {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(17) {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(18) {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(1) {
  -webkit-transform: scale(0.15);
  -moz-transform: scale(0.15);
  -ms-transform: scale(0.15);
  -o-transform: scale(0.15);
  transform: scale(0.15);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(2) {
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(3) {
  -webkit-transform: scale(0.25);
  -moz-transform: scale(0.25);
  -ms-transform: scale(0.25);
  -o-transform: scale(0.25);
  transform: scale(0.25);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(4) {
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  -ms-transform: scale(0.3);
  -o-transform: scale(0.3);
  transform: scale(0.3);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(5) {
  -webkit-transform: scale(0.35);
  -moz-transform: scale(0.35);
  -ms-transform: scale(0.35);
  -o-transform: scale(0.35);
  transform: scale(0.35);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(6) {
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(7) {
  -webkit-transform: scale(0.45);
  -moz-transform: scale(0.45);
  -ms-transform: scale(0.45);
  -o-transform: scale(0.45);
  transform: scale(0.45);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(8) {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(9) {
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  -ms-transform: scale(0.55);
  -o-transform: scale(0.55);
  transform: scale(0.55);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(10) {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(11) {
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  -ms-transform: scale(0.65);
  -o-transform: scale(0.65);
  transform: scale(0.65);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(12) {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(13) {
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(14) {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(15) {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(16) {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(17) {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
.driverAssistanceMbp .daRearTrafficAlert li:nth-of-type(18) {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.driverAssistanceMbp .daRearTrafficAlertPink {
  -webkit-transform: rotate(-70deg) scale(1.2, 1.2);
  -moz-transform: rotate(-70deg) scale(1.2, 1.2);
  -ms-transform: rotate(-70deg) scale(1.2, 1.2);
  -o-transform: rotate(-70deg) scale(1.2, 1.2);
  transform: rotate(-70deg) scale(1.2, 1.2);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  height: 90px;
  left: 54px;
  position: absolute;
  top: 50px;
  width: 72px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRearTrafficAlertPink {
  -webkit-transform-origin: 50% 10%;
  -moz-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
  height: 212px;
  left: 80px;
  position: absolute;
  -webkit-transform: rotate(-40deg) scale(0.7, 0.7);
  -moz-transform: rotate(-40deg) scale(0.7, 0.7);
  -ms-transform: rotate(-40deg) scale(0.7, 0.7);
  -o-transform: rotate(-40deg) scale(0.7, 0.7);
  transform: rotate(-40deg) scale(0.7, 0.7);
  top: 50px;
  width: 171px;
}

}
.driverAssistanceMbp .daRearTrafficAlertPink .daRearTrafficAlertPinkBg {
  opacity: 0.5;
  background-position: right top;
  height: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daRearTrafficAlertPink .daRearTrafficAlertPinkBg {
  opacity: 0.5;
  background-position: right top;
  height: 100%;
  width: 100%;
}

}
.driverAssistanceMbp .daParkAssistArrowsOuter {
  bottom: 22px;
  height: 42px;
  left: 134px;
  overflow: hidden;
  position: absolute;
  width: 70px;
  z-index: 3;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daParkAssistArrowsOuter {
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  bottom: 26px;
  height: 88px;
  left: 47%;
  width: 151px;
  z-index: 6;
}

}
.driverAssistanceMbp .daParkAssistArrowsInner {
  background-position: right bottom;
  background-size: 303px auto;
  height: 42px;
  width: 70px;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daParkAssistArrowsInner {
  background-position: 100% 100%;
  background-size: 656px 254px;
  height: 88px;
  width: 151px;
}

}
.driverAssistanceMbp .daLaneAssistArrowsOuter {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/lane-assist-arrows@2x.png') right top no-repeat transparent;
  background-size: 96px 33px;
  height: 33px;
  left: 70px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 96px;
  z-index: 3;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .daLaneAssistArrowsOuter {
  background: url('../../../../content/dam/vwcom/pages/v2_mbpnew/driver-assistance/lane-assist-arrows.png') right top no-repeat transparent;
  background-size: 185px 66px;
  height: 66px;
  left: 140px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 185px;
  z-index: 3;
}

}
@-webkit-keyframes webkitDaMbpRadarLine1 {
  0%,
60%,
100% {
  opacity: 0;
  visibility: hidden;
}
20%,
40% {
  opacity: 1;
  visibility: visible;
}

}
@keyframes daMbpRadarLine1 {
  0%,
60%,
100% {
  opacity: 0;
  visibility: hidden;
}
20%,
40% {
  opacity: 1;
  visibility: visible;
}

}
@-webkit-keyframes webkitDaMbpRadarLine2 {
  0%,
20%,
80%,
100% {
  opacity: 0;
  visibility: hidden;
}
40%,
60% {
  opacity: 1;
  visibility: visible;
}

}
@keyframes daMbpRadarLine2 {
  0%,
20%,
80%,
100% {
  opacity: 0;
  visibility: hidden;
}
40%,
60% {
  opacity: 1;
  visibility: visible;
}

}
@-webkit-keyframes webkitDaMbpRadarLine3 {
  0%,
40%,
100% {
  opacity: 0;
  visibility: hidden;
}
60%,
80% {
  opacity: 1;
  visibility: visible;
}

}
@keyframes daMbpRadarLine3 {
  0%,
40%,
100% {
  opacity: 0;
  visibility: hidden;
}
60%,
80% {
  opacity: 1;
  visibility: visible;
}

}
@-webkit-keyframes webkitDaMbpRadarLine4 {
  0%,
60% {
  opacity: 0;
  visibility: hidden;
}
80%,
100% {
  opacity: 1;
  visibility: visible;
}

}
@keyframes daMbpRadarLine4 {
  0%,
60% {
  opacity: 0;
  visibility: hidden;
}
80%,
100% {
  opacity: 1;
  visibility: visible;
}

}
@-webkit-keyframes webkitDaMbpRadarLine5 {
  0%,
60% {
  opacity: 0;
  visibility: hidden;
}
80%,
100% {
  opacity: 1;
  visibility: visible;
}

}
@keyframes daMbpRadarLine5 {
  0%,
60% {
  opacity: 0;
  visibility: hidden;
}
80%,
100% {
  opacity: 1;
  visibility: visible;
}

}
@-webkit-keyframes webkitDaMbpP1RoadLines {
  0% {
  background-position: 0px 0;
}
50%,
100% {
  background-position: -1920px 0;
}

}
@keyframes daMbpP1RoadLines {
  0% {
  background-position: 0px 0;
}
50%,
100% {
  background-position: -1920px 0;
}

}
@-webkit-keyframes webkitDaMbpP1WhiteCar {
  0%,
40% {
  transform: translatex(-10px);
}
50%,
100% {
  transform: translatex(10px);
}

}
@keyframes daMbpP1WhiteCar {
  0%,
40% {
  transform: translatex(-10px);
}
50%,
100% {
  transform: translatex(10px);
}

}
.driverAssistanceMbp .daMbpP1WhiteCar 0%,
.driverAssistanceMbp .daMbpP1WhiteCar 40% {
  transform: translatex(-10px);
}
.driverAssistanceMbp .daMbpP1WhiteCar 50%,
.driverAssistanceMbp .daMbpP1WhiteCar 100% {
  transform: translatex(10px);
}
@-webkit-keyframes webkitDaMbpP1WhiteCarBrakes {
  0%,
40% {
  opacity: 0;
}
50%,
100% {
  opacity: 1;
}

}
@keyframes daMbpP1WhiteCarBrakes {
  0%,
40% {
  opacity: 0;
}
50%,
100% {
  opacity: 1;
}

}
.driverAssistanceMbp .daMbpP1WhiteCarBrakes 0%,
.driverAssistanceMbp .daMbpP1WhiteCarBrakes 40% {
  opacity: 0;
}
.driverAssistanceMbp .daMbpP1WhiteCarBrakes 50%,
.driverAssistanceMbp .daMbpP1WhiteCarBrakes 100% {
  opacity: 1;
}
@-webkit-keyframes webkitDaMbpP1BlueCar {
  0%,
40% {
  transform: translatex(10px);
}
50%,
100% {
  transform: translatex(-10px);
}

}
@keyframes daMbpP1BlueCar {
  0%,
40% {
  transform: translatex(10px);
}
50%,
100% {
  transform: translatex(-10px);
}

}
@-webkit-keyframes webkitDaMbpP1RadarOn {
  0%,
40% {
  opacity: 0;
}
50%,
100% {
  opacity: 1;
}

}
@keyframes daMbpP1RadarOn {
  0%,
40% {
  opacity: 0;
}
50%,
100% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP1RadarOff {
  0%,
40% {
  opacity: 1;
}
50%,
100% {
  opacity: 0;
}

}
@keyframes daMbpP1RadarOff {
  0%,
40% {
  opacity: 1;
}
50%,
100% {
  opacity: 0;
}

}
@-webkit-keyframes webkitDaMbpP2RoadLines {
  0% {
  background-position: 0px 0;
}
100% {
  background-position: -1920px 0;
}

}
@keyframes daMbpP2RoadLines {
  0% {
  background-position: 0px 0;
}
100% {
  background-position: -1920px 0;
}

}
@-webkit-keyframes webkitDaMbpP2WhiteCar {
  0%,
10%,
70%,
100% {
  transform: translatex(10px);
}
30%,
60% {
  transform: translatex(-30px);
}

}
@keyframes daMbpP2WhiteCar {
  0%,
10%,
70%,
100% {
  transform: translatex(10px);
}
30%,
60% {
  transform: translatex(-30px);
}

}
@-webkit-keyframes webkitDaMbpP2BlueCar {
  0%,
10%,
70%,
100% {
  transform: translatex(30px);
}
30%,
60% {
  transform: translatex(-10px);
}

}
@keyframes daMbpP2BlueCar {
  0%,
10%,
70%,
100% {
  transform: translatex(30px);
}
30%,
60% {
  transform: translatex(-10px);
}

}
@-webkit-keyframes webkitDaMbpP2RadarOn {
  0%,
10%,
60%,
70%,
100% {
  opacity: 0;
}
20%,
40% {
  opacity: 1;
}

}
@keyframes daMbpP2RadarOn {
  0%,
10%,
60%,
70%,
100% {
  opacity: 0;
}
20%,
40% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP2RadarOff {
  0%,
10%,
60%,
70%,
100% {
  opacity: 1;
}
20%,
40% {
  opacity: 0;
}

}
@keyframes daMbpP2RadarOff {
  0%,
10%,
60%,
70%,
100% {
  opacity: 1;
}
20%,
40% {
  opacity: 0;
}

}
@-webkit-keyframes webkitDaMbpP3WhiteCar {
  0% {
  transform: rotate(0) translate(-320px, -40px);
}
30% {
  transform: rotate(0) translate(76px, -40px);
}
40% {
  transform: rotate(0) translate(76px, -40px);
}
50% {
  transform: rotate(-45deg) translate(30px, 0);
}
60% {
  transform: rotate(-20deg) translate(15px, 0);
}
70% {
  transform: rotate(0) translate(0, 0);
}
80% {
  transform: rotate(0) translate(6px, 0);
}
90% {
  transform: rotate(0) translate(6px, 0);
}
100% {
  transform: rotate(0) translate(6px, 0);
}

}
@keyframes daMbpP3WhiteCar {
  0% {
  transform: rotate(0) translate(-320px, -40px);
}
30% {
  transform: rotate(0) translate(76px, -40px);
}
40% {
  transform: rotate(0) translate(76px, -40px);
}
50% {
  transform: rotate(-45deg) translate(30px, 0);
}
60% {
  transform: rotate(-20deg) translate(15px, 0);
}
70% {
  transform: rotate(0) translate(0, 0);
}
80% {
  transform: rotate(0) translate(6px, 0);
}
90% {
  transform: rotate(0) translate(6px, 0);
}
100% {
  transform: rotate(0) translate(6px, 0);
}

}
@-webkit-keyframes webkitDaMbpP3ArrowsOuter {
  0%,
30% {
  opacity: 0;
  width: 70px;
}
40% {
  opacity: 1;
  width: 70px;
}
70%,
100% {
  width: 0;
}

}
@keyframes daMbpP3ArrowsOuter {
  0%,
30% {
  opacity: 0;
  width: 70px;
}
40% {
  opacity: 1;
  width: 70px;
}
70%,
100% {
  width: 0;
}

}
@-webkit-keyframes webkitDaMbpP4RoadLines {
  0% {
  background-position: 0px 0;
}
100% {
  background-position: -3200px 0;
}

}
@keyframes daMbpP4RoadLines {
  0% {
  background-position: 0px 0;
}
100% {
  background-position: -3200px 0;
}

}
@-webkit-keyframes webkitDaMbpP4WhiteCar {
  0%,
10%,
50%,
60%,
100% {
  transform: translatey(0);
}
15%,
45% {
  transform: translatey(-16px);
}
65%,
95% {
  transform: translatey(8px);
}

}
@keyframes daMbpP4WhiteCar {
  0%,
10%,
50%,
60%,
100% {
  transform: translatey(0);
}
15%,
45% {
  transform: translatey(-16px);
}
65%,
95% {
  transform: translatey(8px);
}

}
@-webkit-keyframes webkitDaMbpP4ArrowsOuter {
  0%,
10% {
  transform: scale(1, -1);
  left: 10px;
  width: 0;
}
15%,
45% {
  transform: scale(1, -1);
  left: 70px;
  width: 96px;
}
50%,
60% {
  transform: scale(1, 1);
  left: 10px;
  width: 0;
}
65%,
95% {
  transform: scale(1, 1);
  left: 70px;
  width: 96px;
}
100% {
  transform: scale(1, -1);
  left: 10px;
  width: 0;
}

}
@keyframes daMbpP4ArrowsOuter {
  0%,
10% {
  transform: scale(1, -1);
  left: 10px;
  width: 0;
}
15%,
45% {
  transform: scale(1, -1);
  left: 70px;
  width: 96px;
}
50%,
60% {
  transform: scale(1, 1);
  left: 10px;
  width: 0;
}
65%,
95% {
  transform: scale(1, 1);
  left: 70px;
  width: 96px;
}
100% {
  transform: scale(1, -1);
  left: 10px;
  width: 0;
}

}
@-webkit-keyframes webkitDaMbpP5RoadLines {
  0% {
  background-position: 0px 0;
}
100% {
  background-position: -3200px 0;
}

}
@keyframes daMbpP5RoadLines {
  0% {
  background-position: 0px 0;
}
100% {
  background-position: -3200px 0;
}

}
@-webkit-keyframes webkitDaMbpP5RadarOn {
  0%,
20% {
  opacity: 0;
}
30%,
40% {
  opacity: 1;
}
50%,
100% {
  opacity: 0;
}

}
@keyframes daMbpP5RadarOn {
  0%,
20% {
  opacity: 0;
}
30%,
40% {
  opacity: 1;
}
50%,
100% {
  opacity: 0;
}

}
@-webkit-keyframes webkitDaMbpP5RadarOff {
  0%,
20% {
  opacity: 1;
}
30%,
40% {
  opacity: 0;
}
50% {
  opacity: 1;
}
60%,
100% {
  opacity: 0;
}

}
@keyframes daMbpP5RadarOff {
  0%,
20% {
  opacity: 1;
}
30%,
40% {
  opacity: 0;
}
50% {
  opacity: 1;
}
60%,
100% {
  opacity: 0;
}

}
@-webkit-keyframes webkitDaMbpP5WhiteCar {
  0%,
60% {
  transform: translate(0, 0);
}
70%,
100% {
  transform: translate(0, -60px);
}

}
@keyframes daMbpP5WhiteCar {
  0%,
60% {
  transform: translate(0, 0);
}
70%,
100% {
  transform: translate(0, -60px);
}

}
@-webkit-keyframes webkitDaMbpP5BlueCar {
  0% {
  transform: translate(-320px, 0);
}
70%,
100% {
  transform: translate(640px, 0);
}

}
@keyframes daMbpP5BlueCar {
  0% {
  transform: translate(-320px, 0);
}
70%,
100% {
  transform: translate(640px, 0);
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine1 {
  0%,
100% {
  opacity: 0;
}
5% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine1 {
  0%,
100% {
  opacity: 0;
}
5% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine2 {
  0%,
100% {
  opacity: 0;
}
10% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine2 {
  0%,
100% {
  opacity: 0;
}
10% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine3 {
  0%,
100% {
  opacity: 0;
}
15% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine3 {
  0%,
100% {
  opacity: 0;
}
15% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine4 {
  0%,
100% {
  opacity: 0;
}
20% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine4 {
  0%,
100% {
  opacity: 0;
}
20% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine5 {
  0%,
100% {
  opacity: 0;
}
25% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine5 {
  0%,
100% {
  opacity: 0;
}
25% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine6 {
  0%,
100% {
  opacity: 0;
}
30% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine6 {
  0%,
100% {
  opacity: 0;
}
30% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine7 {
  0%,
100% {
  opacity: 0;
}
35% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine7 {
  0%,
100% {
  opacity: 0;
}
35% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine8 {
  0%,
100% {
  opacity: 0;
}
40% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine8 {
  0%,
100% {
  opacity: 0;
}
40% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine9 {
  0%,
100% {
  opacity: 0;
}
45% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine9 {
  0%,
100% {
  opacity: 0;
}
45% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine10 {
  0%,
100% {
  opacity: 0;
}
50% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine10 {
  0%,
100% {
  opacity: 0;
}
50% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine11 {
  0%,
100% {
  opacity: 0;
}
55% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine11 {
  0%,
100% {
  opacity: 0;
}
55% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine12 {
  0%,
100% {
  opacity: 0;
}
60% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine12 {
  0%,
100% {
  opacity: 0;
}
60% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine13 {
  0%,
100% {
  opacity: 0;
}
65% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine13 {
  0%,
100% {
  opacity: 0;
}
65% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine14 {
  0%,
100% {
  opacity: 0;
}
70% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine14 {
  0%,
100% {
  opacity: 0;
}
70% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine15 {
  0%,
100% {
  opacity: 0;
}
75% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine15 {
  0%,
100% {
  opacity: 0;
}
75% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine16 {
  0%,
100% {
  opacity: 0;
}
80% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine16 {
  0%,
100% {
  opacity: 0;
}
80% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine17 {
  0%,
100% {
  opacity: 0;
}
85% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine17 {
  0%,
100% {
  opacity: 0;
}
85% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarLine18 {
  0%,
100% {
  opacity: 0;
}
90% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarLine18 {
  0%,
100% {
  opacity: 0;
}
90% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6RadarRearTrafficAlertPulsateOpacity {
  0%,
50% {
  opacity: 1;
}
30%,
70%,
100% {
  opacity: 0;
}

}
@keyframes daMbpP6RadarRearTrafficAlertPulsateOpacity {
  0%,
50% {
  opacity: 1;
}
30%,
70%,
100% {
  opacity: 0;
}

}
@-webkit-keyframes webkitDaMbpP6RadarRearTrafficAlertStaticOpacity {
  0%,
50%,
100% {
  opacity: 0;
}
30%,
40% {
  opacity: 1;
}

}
@keyframes daMbpP6RadarRearTrafficAlertStaticOpacity {
  0%,
50%,
100% {
  opacity: 0;
}
30%,
40% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP6daRearTrafficAlertPink {
  0%,
50%,
100% {
  opacity: 0;
}
10%,
40% {
  opacity: 0.5;
}

}
@keyframes daMbpP6daRearTrafficAlertPink {
  0%,
50%,
100% {
  opacity: 0;
}
10%,
40% {
  opacity: 0.5;
}

}
@-webkit-keyframes webkitDaMbpP6RadarPinkRotate {
  0%,
10% {
  transform: rotate(-70deg) scale(1.2, 1.2);
}
20%,
100% {
  transform: rotate(70deg) scale(1.2, 1.2);
}

}
@keyframes daMbpP6RadarPinkRotate {
  0%,
10% {
  transform: rotate(-70deg) scale(1.2, 1.2);
}
20%,
100% {
  transform: rotate(70deg) scale(1.2, 1.2);
}

}
@-webkit-keyframes webkitDaMbpP6WhiteCar {
  0% {
  transform: rotate(0);
  left: 84px;
  top: 0;
}
10%,
20% {
  transform: rotate(0);
  left: 84px;
  top: 6px;
}
30%,
40% {
  transform: rotate(0);
  left: 84px;
  top: 6px;
}
50% {
  transform: rotate(-45deg);
  left: 84px;
  top: 60px;
}
60%,
70% {
  transform: rotate(-90deg);
  left: 100px;
  top: 70px;
}
80% {
  transform: rotate(-90deg);
  left: 0;
  top: 70px;
}
90% {
  transform: rotate(-90deg);
  left: -100px;
  top: 70px;
}
100% {
  transform: rotate(-90deg);
  left: -200px;
  top: 70px;
}

}
@keyframes daMbpP6WhiteCar {
  0% {
  transform: rotate(0);
  left: 84px;
  top: 0;
}
10%,
20% {
  transform: rotate(0);
  left: 84px;
  top: 6px;
}
30%,
40% {
  transform: rotate(0);
  left: 84px;
  top: 6px;
}
50% {
  transform: rotate(-45deg);
  left: 84px;
  top: 60px;
}
60%,
70% {
  transform: rotate(-90deg);
  left: 100px;
  top: 70px;
}
80% {
  transform: rotate(-90deg);
  left: 0;
  top: 70px;
}
90% {
  transform: rotate(-90deg);
  left: -100px;
  top: 70px;
}
100% {
  transform: rotate(-90deg);
  left: -200px;
  top: 70px;
}

}
@-webkit-keyframes webkitDaMbpP6WhiteCarBrakes {
  10%,
30% {
  opacity: 1;
}
40%,
100% {
  opacity: 0;
}

}
@keyframes daMbpP6WhiteCarBrakes {
  10%,
30% {
  opacity: 1;
}
40%,
100% {
  opacity: 0;
}

}
.driverAssistanceMbp .daMbpP6WhiteCarBrakes 10%,
.driverAssistanceMbp .daMbpP6WhiteCarBrakes 30% {
  opacity: 1;
}
.driverAssistanceMbp .daMbpP6WhiteCarBrakes 40%,
.driverAssistanceMbp .daMbpP6WhiteCarBrakes 100% {
  opacity: 0;
}
@-webkit-keyframes webkitDaMbpP6BlueCar {
  0% {
  left: 320px;
}
100% {
  left: -960px;
}

}
@keyframes daMbpP6BlueCar {
  0% {
  left: 320px;
}
100% {
  left: -960px;
}

}
@-webkit-keyframes webkitDaMbpP7RadarFront {
  0%,
30%,
70%,
80% {
  opacity: 1;
}
40%,
60%,
90%,
100% {
  opacity: 0;
}

}
@keyframes daMbpP7RadarFront {
  0%,
30%,
70%,
80% {
  opacity: 1;
}
40%,
60%,
90%,
100% {
  opacity: 0;
}

}
@-webkit-keyframes webkitDaMbpP7RadarBack {
  0%,
30%,
70%,
100% {
  opacity: 0;
}
40%,
60% {
  opacity: 1;
}

}
@keyframes daMbpP7RadarBack {
  0%,
30%,
70%,
100% {
  opacity: 0;
}
40%,
60% {
  opacity: 1;
}

}
@-webkit-keyframes webkitDaMbpP7WhiteCar {
  0%,
10% {
  transform: rotate(0) translatex(0);
}
20%,
30% {
  transform: rotate(0) translatex(10px);
}
40% {
  transform: rotate(-4deg) translatex(0);
}
50%,
60% {
  transform: rotate(-4deg) translatex(-10px);
}
70% {
  transform: rotate(-45deg) translatex(-10px) translatey(0);
}
80% {
  transform: rotate(0) translatex(50px) translatey(-40px);
}
90% {
  transform: rotate(0) translatex(100px) translatey(-40px);
}
100% {
  transform: rotate(0) translatex(200px) translatey(-40px);
}

}
@keyframes daMbpP7WhiteCar {
  0%,
10% {
  transform: rotate(0) translatex(0);
}
20%,
30% {
  transform: rotate(0) translatex(10px);
}
40% {
  transform: rotate(-4deg) translatex(0);
}
50%,
60% {
  transform: rotate(-4deg) translatex(-10px);
}
70% {
  transform: rotate(-45deg) translatex(-10px) translatey(0);
}
80% {
  transform: rotate(0) translatex(50px) translatey(-40px);
}
90% {
  transform: rotate(0) translatex(100px) translatey(-40px);
}
100% {
  transform: rotate(0) translatex(200px) translatey(-40px);
}

}
@-webkit-keyframes webkitDaMbpP1RoadLinesDesktop {
  0% {
  background-position: 0px 0;
}
50%,
100% {
  background-position: -3280px 0;
}

}
@keyframes daMbpP1RoadLinesDesktop {
  0% {
  background-position: 0px 0;
}
50%,
100% {
  background-position: -3280px 0;
}

}
@-webkit-keyframes webkitDaMbpP2RoadLinesDesktop {
  0% {
  background-position: 0px 0;
}
100% {
  background-position: -4920px 0;
}

}
@keyframes daMbpP2RoadLinesDesktop {
  0% {
  background-position: 0px 0;
}
100% {
  background-position: -4920px 0;
}

}
@-webkit-keyframes webkitDaMbpP3WhiteCarDesktop {
  0% {
  transform: rotate(0) translate(-510px, -66px);
}
30%,
40% {
  transform: rotate(0) translate(136px, -66px);
}
50% {
  transform: rotate(-45deg) translate(80px, 0);
}
60% {
  transform: rotate(-20deg) translate(40px, 0);
}
70%,
80% {
  transform: rotate(0) translate(0, 0);
}
90%,
100% {
  transform: rotate(0) translate(10px, 0);
}

}
@keyframes daMbpP3WhiteCarDesktop {
  0% {
  transform: rotate(0) translate(-510px, -66px);
}
30%,
40% {
  transform: rotate(0) translate(136px, -66px);
}
50% {
  transform: rotate(-45deg) translate(80px, 0);
}
60% {
  transform: rotate(-20deg) translate(40px, 0);
}
70%,
80% {
  transform: rotate(0) translate(0, 0);
}
90%,
100% {
  transform: rotate(0) translate(10px, 0);
}

}
@-webkit-keyframes webkitDaMbpP3ArrowsOuterDesktop {
  0%,
30% {
  opacity: 0;
  width: 151px;
}
40% {
  opacity: 1;
  width: 151px;
}
70%,
100% {
  width: 0;
}

}
@keyframes daMbpP3ArrowsOuterDesktop {
  0%,
30% {
  opacity: 0;
  width: 151px;
}
40% {
  opacity: 1;
  width: 151px;
}
70%,
100% {
  width: 0;
}

}
@-webkit-keyframes webkitDaMbpP4RoadLinesDesktop {
  0% {
  background-position: 0px 0;
}
100% {
  background-position: -13120px 0;
}

}
@keyframes daMbpP4RoadLinesDesktop {
  0% {
  background-position: 0px 0;
}
100% {
  background-position: -13120px 0;
}

}
@-webkit-keyframes webkitDaMbpP4WhiteCarDesktop {
  0%,
10%,
50%,
60%,
100% {
  transform: translatey(0);
}
15%,
45% {
  transform: translatey(-16px);
}
65%,
95% {
  transform: translatey(16px);
}

}
@keyframes daMbpP4WhiteCarDesktop {
  0%,
10%,
50%,
60%,
100% {
  transform: translatey(0);
}
15%,
45% {
  transform: translatey(-16px);
}
65%,
95% {
  transform: translatey(16px);
}

}
@-webkit-keyframes webkitDaMbpP4ArrowsOuterDesktop {
  0%,
10% {
  transform: scale(1, -1);
  left: 20px;
  width: 0;
}
15%,
45% {
  transform: scale(1, -1);
  left: 140px;
  width: 185px;
}
50%,
60% {
  transform: scale(1, 1);
  left: 20px;
  width: 0;
}
65%,
95% {
  transform: scale(1, 1);
  left: 140px;
  width: 185px;
}
100% {
  transform: scale(1, -1);
  left: 20px;
  width: 0;
}

}
@keyframes daMbpP4ArrowsOuterDesktop {
  0%,
10% {
  transform: scale(1, -1);
  left: 20px;
  width: 0;
}
15%,
45% {
  transform: scale(1, -1);
  left: 140px;
  width: 185px;
}
50%,
60% {
  transform: scale(1, 1);
  left: 20px;
  width: 0;
}
65%,
95% {
  transform: scale(1, 1);
  left: 140px;
  width: 185px;
}
100% {
  transform: scale(1, -1);
  left: 20px;
  width: 0;
}

}
@-webkit-keyframes webkitDaMbpP5RoadLinesDesktop {
  0% {
  background-position: 0px 0;
}
100% {
  background-position: -8200px 0;
}

}
@keyframes daMbpP5RoadLinesDesktop {
  0% {
  background-position: 0px 0;
}
100% {
  background-position: -8200px 0;
}

}
@-webkit-keyframes webkitDaMbpP5WhiteCarDesktop {
  0%,
50% {
  transform: rotate(0) translate(0, 0);
}
60% {
  transform: rotate(-4deg) translate(0, 0);
}
70%,
100% {
  transform: rotate(0) translate(0, -96px);
}

}
@keyframes daMbpP5WhiteCarDesktop {
  0%,
50% {
  transform: rotate(0) translate(0, 0);
}
60% {
  transform: rotate(-4deg) translate(0, 0);
}
70%,
100% {
  transform: rotate(0) translate(0, -96px);
}

}
@-webkit-keyframes webkitDaMbpP5BlueCarDesktop {
  0%,
20% {
  transform: translate(-600px, 0);
}
100% {
  transform: translate(2000px, 0);
}

}
@keyframes daMbpP5BlueCarDesktop {
  0%,
20% {
  transform: translate(-600px, 0);
}
100% {
  transform: translate(2000px, 0);
}

}
@-webkit-keyframes webkitDaMbpP6RadarPinkRotateDesktop {
  0%,
20% {
  transform: rotate(-70deg) scale(0.7, 0.7);
}
30%,
100% {
  transform: rotate(70deg) scale(0.7, 0.7);
}

}
@keyframes daMbpP6RadarPinkRotateDesktop {
  0%,
20% {
  transform: rotate(-70deg) scale(0.7, 0.7);
}
30%,
100% {
  transform: rotate(70deg) scale(0.7, 0.7);
}

}
@-webkit-keyframes webkitDaMbpP6WhiteCarDesktop {
  0% {
  top: 4%;
  left: 35.5%;
}
10%,
20% {
  top: 18%;
  left: 35.5%;
}
30% {
  transform: rotate(0);
  top: 18%;
  left: 35.5%;
}
40% {
  transform: rotate(0);
  top: 18%;
  left: 35.5%;
}
50% {
  transform: rotate(-45deg);
  top: 23%;
  left: 38%;
}
60%,
70% {
  transform: rotate(-90deg);
  top: 33%;
  left: 45%;
}
80% {
  transform: rotate(-90deg);
  top: 33%;
  left: 45%;
}
90% {
  transform: rotate(-90deg);
  top: 33%;
  left: 20%;
}
100% {
  transform: rotate(-90deg);
  top: 33%;
  left: -24%;
}

}
@keyframes daMbpP6WhiteCarDesktop {
  0% {
  top: 4%;
  left: 35.5%;
}
10%,
20% {
  top: 18%;
  left: 35.5%;
}
30% {
  transform: rotate(0);
  top: 18%;
  left: 35.5%;
}
40% {
  transform: rotate(0);
  top: 18%;
  left: 35.5%;
}
50% {
  transform: rotate(-45deg);
  top: 23%;
  left: 38%;
}
60%,
70% {
  transform: rotate(-90deg);
  top: 33%;
  left: 45%;
}
80% {
  transform: rotate(-90deg);
  top: 33%;
  left: 45%;
}
90% {
  transform: rotate(-90deg);
  top: 33%;
  left: 20%;
}
100% {
  transform: rotate(-90deg);
  top: 33%;
  left: -24%;
}

}
@-webkit-keyframes webkitDaMbpP6BlueCarDesktop {
  0% {
  left: 920px;
}
100% {
  left: -1000px;
}

}
@keyframes daMbpP6BlueCarDesktop {
  0% {
  left: 920px;
}
100% {
  left: -1000px;
}

}
@-webkit-keyframes webkitDaMbpP7WhiteCarDesktop {
  0%,
10% {
  transform: rotate(0) translatex(0);
}
20%,
30% {
  transform: rotate(0) translatex(10px);
}
40% {
  transform: rotate(-4deg) translatex(0);
}
50%,
60% {
  transform: rotate(-4deg) translatex(-10px);
}
70% {
  transform: rotate(-30deg) translatex(70px) translatey(0);
}
80% {
  transform: rotate(0) translatex(100px) translatey(-80px);
}
90% {
  transform: rotate(0) translatex(400px) translatey(-80px);
}
100% {
  transform: rotate(0) translatex(700px) translatey(-80px);
}

}
@keyframes daMbpP7WhiteCarDesktop {
  0%,
10% {
  transform: rotate(0) translatex(0);
}
20%,
30% {
  transform: rotate(0) translatex(10px);
}
40% {
  transform: rotate(-4deg) translatex(0);
}
50%,
60% {
  transform: rotate(-4deg) translatex(-10px);
}
70% {
  transform: rotate(-30deg) translatex(70px) translatey(0);
}
80% {
  transform: rotate(0) translatex(100px) translatey(-80px);
}
90% {
  transform: rotate(0) translatex(400px) translatey(-80px);
}
100% {
  transform: rotate(0) translatex(700px) translatey(-80px);
}

}
.driverAssistanceMbp .frontAssist.active * {
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.driverAssistanceMbp .frontAssist.active .lines {
  -webkit-animation: webkitDaMbpP1RoadLines 10s ease-in-out infinite forwards;
  animation: daMbpP1RoadLines 10s ease-in-out infinite forwards;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .frontAssist.active .lines {
  -webkit-animation: webkitDaMbpP1RoadLinesDesktop 10s ease-in-out infinite forwards;
  animation: daMbpP1RoadLinesDesktop 10s ease-in-out infinite forwards;
}

}
.driverAssistanceMbp .frontAssist.active .whiteCar {
  -webkit-animation: webkitDaMbpP1WhiteCar 10s infinite linear forwards;
  animation: daMbpP1WhiteCar 10s infinite linear forwards;
}
.driverAssistanceMbp .frontAssist.active .whiteCar .daCarBrakes {
  -webkit-animation: webkitDaMbpP1WhiteCarBrakes 10s infinite linear forwards;
  animation: daMbpP1WhiteCarBrakes 10s infinite linear forwards;
}
.driverAssistanceMbp .frontAssist.active .blueCar {
  -webkit-animation: webkitDaMbpP1BlueCar 10s infinite ease-out forwards;
  animation: daMbpP1BlueCar 10s infinite ease-out forwards;
}
.driverAssistanceMbp .frontAssist.active .blueCar .daCarBrakes {
  -webkit-animation: webkitDaMbpP1WhiteCarBrakes 10s infinite linear forwards;
  animation: daMbpP1WhiteCarBrakes 10s infinite linear forwards;
}
.driverAssistanceMbp .frontAssist.active .daRadarSprite.blue {
  -webkit-animation: webkitDaMbpP1RadarOff 10s linear infinite;
  animation: daMbpP1RadarOff 10s linear infinite;
}
.driverAssistanceMbp .frontAssist.active .daRadarSprite.pink {
  -webkit-animation: webkitDaMbpP1RadarOn 10s linear infinite;
  animation: daMbpP1RadarOn 10s linear infinite;
}
.driverAssistanceMbp .frontAssist.active .daRadarSprite li:nth-of-type(1) {
  -webkit-animation: webkitDaMbpRadarLine1 0.8s linear infinite;
  animation: daMbpRadarLine1 0.8s linear infinite;
}
.driverAssistanceMbp .frontAssist.active .daRadarSprite li:nth-of-type(2) {
  -webkit-animation: webkitDaMbpRadarLine2 0.8s linear infinite;
  animation: daMbpRadarLine2 0.8s linear infinite;
}
.driverAssistanceMbp .frontAssist.active .daRadarSprite li:nth-of-type(3) {
  -webkit-animation: webkitDaMbpRadarLine3 0.8s linear infinite;
  animation: daMbpRadarLine3 0.8s linear infinite;
}
.driverAssistanceMbp .frontAssist.active .daRadarSprite li:nth-of-type(4) {
  -webkit-animation: webkitDaMbpRadarLine4 0.8s linear infinite;
  animation: daMbpRadarLine4 0.8s linear infinite;
}
.driverAssistanceMbp .adaptiveCruiseControl.active * {
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.driverAssistanceMbp .adaptiveCruiseControl.active .lines {
  -webkit-animation: webkitDaMbpP2RoadLines 10s linear infinite forwards;
  animation: daMbpP2RoadLines 10s linear infinite forwards;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .adaptiveCruiseControl.active .lines {
  -webkit-animation: webkitDaMbpP2RoadLinesDesktop 10s linear infinite forwards;
  animation: daMbpP2RoadLinesDesktop 10s linear infinite forwards;
}

}
.driverAssistanceMbp .adaptiveCruiseControl.active .whiteCar {
  -webkit-animation: webkitDaMbpP2WhiteCar 10s infinite linear forwards;
  animation: daMbpP2WhiteCar 10s infinite linear forwards;
}
.driverAssistanceMbp .adaptiveCruiseControl.active .blueCar {
  -webkit-animation: webkitDaMbpP2BlueCar 10s infinite linear forwards;
  animation: daMbpP2BlueCar 10s infinite linear forwards;
}
.driverAssistanceMbp .adaptiveCruiseControl.active .daRadarSprite.blue {
  -webkit-animation: webkitDaMbpP2RadarOff 10s linear infinite;
  animation: daMbpP2RadarOff 10s linear infinite;
}
.driverAssistanceMbp .adaptiveCruiseControl.active .daRadarSprite.pink {
  -webkit-animation: webkitDaMbpP2RadarOn 10s linear infinite;
  animation: daMbpP2RadarOn 10s linear infinite;
}
.driverAssistanceMbp .adaptiveCruiseControl.active .daRadarSprite li:nth-of-type(1) {
  -webkit-animation: webkitDaMbpRadarLine1 0.8s linear infinite;
  animation: daMbpRadarLine1 0.8s linear infinite;
}
.driverAssistanceMbp .adaptiveCruiseControl.active .daRadarSprite li:nth-of-type(2) {
  -webkit-animation: webkitDaMbpRadarLine2 0.8s linear infinite;
  animation: daMbpRadarLine2 0.8s linear infinite;
}
.driverAssistanceMbp .adaptiveCruiseControl.active .daRadarSprite li:nth-of-type(3) {
  -webkit-animation: webkitDaMbpRadarLine3 0.8s linear infinite;
  animation: daMbpRadarLine3 0.8s linear infinite;
}
.driverAssistanceMbp .adaptiveCruiseControl.active .daRadarSprite li:nth-of-type(4) {
  -webkit-animation: webkitDaMbpRadarLine4 0.8s linear infinite;
  animation: daMbpRadarLine4 0.8s linear infinite;
}
.driverAssistanceMbp .parkAssist.active * {
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.driverAssistanceMbp .parkAssist.active .whiteCar.one {
  -webkit-animation: webkitDaMbpP3WhiteCar 10s infinite linear forwards;
  animation: daMbpP3WhiteCar 10s infinite linear forwards;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .parkAssist.active .whiteCar.one {
  -webkit-animation: webkitDaMbpP3WhiteCarDesktop 10s infinite linear forwards;
  animation: daMbpP3WhiteCarDesktop 10s infinite linear forwards;
}

}
.driverAssistanceMbp .parkAssist.active .whiteCar.two {
  display: none;
}
.driverAssistanceMbp .parkAssist.active .whiteCar.three {
  display: none;
}
.driverAssistanceMbp .parkAssist.active .daParkAssistArrowsOuter {
  -webkit-animation: webkitDaMbpP3ArrowsOuter 10s infinite linear forwards;
  animation: daMbpP3ArrowsOuter 10s infinite linear forwards;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .parkAssist.active .daParkAssistArrowsOuter {
  -webkit-animation: webkitDaMbpP3ArrowsOuterDesktop 10s infinite linear forwards;
  animation: daMbpP3ArrowsOuterDesktop 10s infinite linear forwards;
}

}
.driverAssistanceMbp .laneAssist.active * {
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.driverAssistanceMbp .laneAssist.active .lines {
  -webkit-animation: webkitDaMbpP4RoadLines 15s linear infinite forwards;
  animation: daMbpP4RoadLines 15s linear infinite forwards;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .laneAssist.active .lines {
  -webkit-animation: webkitDaMbpP4RoadLinesDesktop 15s linear infinite forwards;
  animation: daMbpP4RoadLinesDesktop 15s linear infinite forwards;
}

}
.driverAssistanceMbp .laneAssist.active .whiteCar {
  -webkit-animation: webkitDaMbpP4WhiteCar 15s linear infinite forwards;
  animation: daMbpP4WhiteCar 15s linear infinite forwards;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .laneAssist.active .whiteCar {
  -webkit-animation: webkitDaMbpP4WhiteCarDesktop 15s linear infinite forwards;
  animation: daMbpP4WhiteCarDesktop 15s linear infinite forwards;
}

}
.driverAssistanceMbp .laneAssist.active .daRadarOuter {
  display: none;
}
.driverAssistanceMbp .laneAssist.active .daLaneAssistArrowsOuter {
  -webkit-animation: webkitDaMbpP4ArrowsOuter 15s infinite linear forwards;
  animation: daMbpP4ArrowsOuter 15s infinite linear forwards;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .laneAssist.active .daLaneAssistArrowsOuter {
  -webkit-animation: webkitDaMbpP4ArrowsOuterDesktop 15s infinite linear forwards;
  animation: daMbpP4ArrowsOuterDesktop 15s infinite linear forwards;
}

}
.driverAssistanceMbp .blindSpotMonitor.active * {
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.driverAssistanceMbp .blindSpotMonitor.active .lines {
  -webkit-animation: webkitDaMbpP5RoadLines 12s linear infinite forwards;
  animation: daMbpP5RoadLines 12s linear infinite forwards;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .blindSpotMonitor.active .lines {
  -webkit-animation: webkitDaMbpP5RoadLinesDesktop 12s linear infinite forwards;
  animation: daMbpP5RoadLinesDesktop 12s linear infinite forwards;
}

}
.driverAssistanceMbp .blindSpotMonitor.active .whiteCar {
  -webkit-animation: webkitDaMbpP5WhiteCar 12s infinite linear forwards;
  animation: daMbpP5WhiteCar 12s infinite linear forwards;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .blindSpotMonitor.active .whiteCar {
  -webkit-animation: webkitDaMbpP5WhiteCarDesktop 12s linear infinite forwards;
  animation: daMbpP5WhiteCarDesktop 12s linear infinite forwards;
}

}
.driverAssistanceMbp .blindSpotMonitor.active .blueCar {
  -webkit-animation: webkitDaMbpP5BlueCar 12s infinite linear forwards;
  animation: daMbpP5BlueCar 12s infinite linear forwards;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .blindSpotMonitor.active .blueCar {
  -webkit-animation: webkitDaMbpP5BlueCarDesktop 12s infinite linear forwards;
  animation: daMbpP5BlueCarDesktop 12s infinite linear forwards;
}

}
.driverAssistanceMbp .blindSpotMonitor.active .daBlindSpotMonitor.blue {
  -webkit-animation: webkitDaMbpP5RadarOff 12s linear infinite;
  animation: daMbpP5RadarOff 12s linear infinite;
}
.driverAssistanceMbp .blindSpotMonitor.active .daBlindSpotMonitor.pink {
  -webkit-animation: webkitDaMbpP5RadarOn 12s linear infinite;
  animation: daMbpP5RadarOn 12s linear infinite;
}
.driverAssistanceMbp .blindSpotMonitor.active .daBlindSpotMonitor li:nth-of-type(1) {
  -webkit-animation: webkitDaMbpRadarLine5 0.8s linear infinite;
  animation: daMbpRadarLine5 0.8s linear infinite;
}
.driverAssistanceMbp .blindSpotMonitor.active .daBlindSpotMonitor li:nth-of-type(2) {
  -webkit-animation: webkitDaMbpRadarLine4 0.8s linear infinite;
  animation: daMbpRadarLine4 0.8s linear infinite;
}
.driverAssistanceMbp .blindSpotMonitor.active .daBlindSpotMonitor li:nth-of-type(3) {
  -webkit-animation: webkitDaMbpRadarLine3 0.8s linear infinite;
  animation: daMbpRadarLine3 0.8s linear infinite;
}
.driverAssistanceMbp .blindSpotMonitor.active .daBlindSpotMonitor li:nth-of-type(4) {
  -webkit-animation: webkitDaMbpRadarLine2 0.8s linear infinite;
  animation: daMbpRadarLine2 0.8s linear infinite;
}
.driverAssistanceMbp .blindSpotMonitor.active .daBlindSpotMonitor li:nth-of-type(5) {
  -webkit-animation: webkitDaMbpRadarLine1 0.8s linear infinite;
  animation: daMbpRadarLine1 0.8s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active * {
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.driverAssistanceMbp .rearTrafficAlert.active .animationBox {
  -webkit-animation: webkitDaMbpP6WhiteCar 15s infinite linear forwards;
  animation: daMbpP6WhiteCar 15s infinite linear forwards;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .rearTrafficAlert.active .animationBox {
  -webkit-animation: webkitDaMbpP6WhiteCarDesktop 15s infinite linear forwards;
  animation: daMbpP6WhiteCarDesktop 15s infinite linear forwards;
}

}
.driverAssistanceMbp .rearTrafficAlert.active .whiteCar .daCarBrakes {
  -webkit-animation: webkitDaMbpP6WhiteCarBrakes 15s infinite linear forwards;
  animation: daMbpP6WhiteCarBrakes 15s infinite linear forwards;
}
.driverAssistanceMbp .rearTrafficAlert.active .blueCar.one {
  -webkit-animation: webkitDaMbpP6BlueCar 15s infinite linear forwards;
  animation: daMbpP6BlueCar 15s infinite linear forwards;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .rearTrafficAlert.active .blueCar.one {
  -webkit-animation: webkitDaMbpP6BlueCarDesktop 15s infinite linear forwards;
  animation: daMbpP6BlueCarDesktop 15s infinite linear forwards;
}

}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlertPink {
  -webkit-animation: webkitDaMbpP6RadarPinkRotate 15s infinite linear forwards;
  animation: daMbpP6RadarPinkRotate 15s infinite linear forwards;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlertPink {
  -webkit-animation: webkitDaMbpP6RadarPinkRotate 15s infinite linear forwards;
  animation: daMbpP6RadarPinkRotate 15s infinite linear forwards;
}

}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlertPinkBg {
  -webkit-animation: webkitDaMbpP6daRearTrafficAlertPink 15s infinite linear forwards;
  animation: daMbpP6daRearTrafficAlertPink 15s infinite linear forwards;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.static {
  -webkit-animation: webkitDaMbpP6RadarRearTrafficAlertStaticOpacity 15s infinite linear forwards;
  animation: daMbpP6RadarRearTrafficAlertStaticOpacity 15s infinite linear forwards;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate {
  -webkit-animation: webkitDaMbpP6RadarRearTrafficAlertPulsateOpacity 15s infinite linear forwards;
  animation: daMbpP6RadarRearTrafficAlertPulsateOpacity 15s infinite linear forwards;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(1) {
  -webkit-animation: webkitDaMbpP6RadarLine1 0.5s linear infinite;
  animation: daMbpP6RadarLine1 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(2) {
  -webkit-animation: webkitDaMbpP6RadarLine2 0.5s linear infinite;
  animation: daMbpP6RadarLine2 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(3) {
  -webkit-animation: webkitDaMbpP6RadarLine3 0.5s linear infinite;
  animation: daMbpP6RadarLine3 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(4) {
  -webkit-animation: webkitDaMbpP6RadarLine4 0.5s linear infinite;
  animation: daMbpP6RadarLine4 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(5) {
  -webkit-animation: webkitDaMbpP6RadarLine5 0.5s linear infinite;
  animation: daMbpP6RadarLine5 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(6) {
  -webkit-animation: webkitDaMbpP6RadarLine6 0.5s linear infinite;
  animation: daMbpP6RadarLine6 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(7) {
  -webkit-animation: webkitDaMbpP6RadarLine7 0.5s linear infinite;
  animation: daMbpP6RadarLine7 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(8) {
  -webkit-animation: webkitDaMbpP6RadarLine8 0.5s linear infinite;
  animation: daMbpP6RadarLine8 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(9) {
  -webkit-animation: webkitDaMbpP6RadarLine9 0.5s linear infinite;
  animation: daMbpP6RadarLine9 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(10) {
  -webkit-animation: webkitDaMbpP6RadarLine10 0.5s linear infinite;
  animation: daMbpP6RadarLine10 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(11) {
  -webkit-animation: webkitDaMbpP6RadarLine11 0.5s linear infinite;
  animation: daMbpP6RadarLine11 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(12) {
  -webkit-animation: webkitDaMbpP6RadarLine12 0.5s linear infinite;
  animation: daMbpP6RadarLine12 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(13) {
  -webkit-animation: webkitDaMbpP6RadarLine13 0.5s linear infinite;
  animation: daMbpP6RadarLine13 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(14) {
  -webkit-animation: webkitDaMbpP6RadarLine14 0.5s linear infinite;
  animation: daMbpP6RadarLine14 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(15) {
  -webkit-animation: webkitDaMbpP6RadarLine15 0.5s linear infinite;
  animation: daMbpP6RadarLine15 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(16) {
  -webkit-animation: webkitDaMbpP6RadarLine16 0.5s linear infinite;
  animation: daMbpP6RadarLine16 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(17) {
  -webkit-animation: webkitDaMbpP6RadarLine17 0.5s linear infinite;
  animation: daMbpP6RadarLine17 0.5s linear infinite;
}
.driverAssistanceMbp .rearTrafficAlert.active .daRearTrafficAlert.pulsate li:nth-of-type(18) {
  -webkit-animation: webkitDaMbpP6RadarLine18 0.5s linear infinite;
  animation: daMbpP6RadarLine18 0.5s linear infinite;
}
.driverAssistanceMbp .parkPilot.active * {
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.driverAssistanceMbp .parkPilot.active .whiteCar {
  -webkit-animation: webkitDaMbpP7WhiteCar 10s infinite linear forwards;
  animation: daMbpP7WhiteCar 10s infinite linear forwards;
}
@media (min-width: 768px) {
  .driverAssistanceMbp .parkPilot.active .whiteCar {
  -webkit-animation: webkitDaMbpP7WhiteCarDesktop 10s infinite linear forwards;
  animation: daMbpP7WhiteCarDesktop 10s infinite linear forwards;
}

}
.driverAssistanceMbp .parkPilot.active .daRadarSprite.front {
  -webkit-animation: webkitDaMbpP7RadarFront 10s infinite linear forwards;
  animation: daMbpP7RadarFront 10s infinite linear forwards;
}
.driverAssistanceMbp .parkPilot.active .daRadarSprite.front li:nth-of-type(1) {
  -webkit-animation: webkitDaMbpRadarLine4 0.8s linear infinite;
  animation: daMbpRadarLine4 0.8s linear infinite;
}
.driverAssistanceMbp .parkPilot.active .daRadarSprite.front li:nth-of-type(2) {
  -webkit-animation: webkitDaMbpRadarLine3 0.8s linear infinite;
  animation: daMbpRadarLine3 0.8s linear infinite;
}
.driverAssistanceMbp .parkPilot.active .daRadarSprite.front li:nth-of-type(3) {
  -webkit-animation: webkitDaMbpRadarLine2 0.8s linear infinite;
  animation: daMbpRadarLine2 0.8s linear infinite;
}
.driverAssistanceMbp .parkPilot.active .daRadarSprite.front li:nth-of-type(4) {
  -webkit-animation: webkitDaMbpRadarLine1 0.8s linear infinite;
  animation: daMbpRadarLine1 0.8s linear infinite;
}
.driverAssistanceMbp .parkPilot.active .daRadarSprite.back {
  -webkit-animation: webkitDaMbpP7RadarBack 10s infinite linear forwards;
  animation: daMbpP7RadarBack 10s infinite linear forwards;
}
.driverAssistanceMbp .parkPilot.active .daRadarSprite.back li:nth-of-type(1) {
  -webkit-animation: webkitDaMbpRadarLine4 0.8s linear infinite;
  animation: daMbpRadarLine4 0.8s linear infinite;
}
.driverAssistanceMbp .parkPilot.active .daRadarSprite.back li:nth-of-type(2) {
  -webkit-animation: webkitDaMbpRadarLine3 0.8s linear infinite;
  animation: daMbpRadarLine3 0.8s linear infinite;
}
.driverAssistanceMbp .parkPilot.active .daRadarSprite.back li:nth-of-type(3) {
  -webkit-animation: webkitDaMbpRadarLine2 0.8s linear infinite;
  animation: daMbpRadarLine2 0.8s linear infinite;
}
.driverAssistanceMbp .parkPilot.active .daRadarSprite.back li:nth-of-type(4) {
  -webkit-animation: webkitDaMbpRadarLine1 0.8s linear infinite;
  animation: daMbpRadarLine1 0.8s linear infinite;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.sectionDividerInner::before,
.sectionDividerInner::after {
  content: "";
  display: block;
  min-height: 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .sectionDividerInner.marginTopHalf::before {
  height: calc(2.7502vw / 2);
  max-height: 20px;
}

}
@media (min-width: 768px) {
  .sectionDividerInner.marginTop1x::before {
  height: 2.7502vw;
  max-height: 40px;
}

}
@media (min-width: 768px) {
  .sectionDividerInner.marginTop2x::before {
  height: calc(2.7502vw * 2);
  max-height: 80px;
}

}
@media (min-width: 768px) {
  .sectionDividerInner.marginTop3x::before {
  height: calc(2.7502vw * 3);
  max-height: 120px;
}

}
@media (min-width: 768px) {
  .sectionDividerInner.marginTop4x::before {
  height: calc(2.7502vw * 4);
  max-height: 160px;
}

}
@media (min-width: 768px) {
  .sectionDividerInner.marginBottomHalf::after {
  height: calc(2.7502vw / 2);
  max-height: 20px;
}

}
@media (min-width: 768px) {
  .sectionDividerInner.marginBottom1x::after {
  height: 2.7502vw;
  max-height: 40px;
}

}
@media (min-width: 768px) {
  .sectionDividerInner.marginBottom2x::after {
  height: calc(2.7502vw * 2);
  max-height: 80px;
}

}
@media (min-width: 768px) {
  .sectionDividerInner.marginBottom3x::after {
  height: calc(2.7502vw * 3);
  max-height: 120px;
}

}
@media (min-width: 768px) {
  .sectionDividerInner.marginBottom4x::after {
  height: calc(2.7502vw * 4);
  max-height: 160px;
}

}
.sectionDividerInner hr {
  margin: 0;
}

.disclaimer {
  display: inline-block !important;
  text-align: center !important;
  font-size: 8px !important;
  font-style: normal !important;
  font-family: black !important;
  color: #fff !important;
  background: rgba(124, 134, 143, 0.6) !important;
  top: -4px !important;
  position: relative !important;
  margin-left: 1px !important;
  padding: 0 !important;
  border-radius: 100% !important;
  width: 15px !important;
  height: 15px !important;
  z-index: 4;
  line-height: 15px !important;
}
@media (max-width: 767px) {
  .disclaimer {
  font-size: 7px;
  width: 12px;
  height: 12px;
  line-height: 12px;
}

}
@media (min-width: 1024px) {
  .disclaimer {
  top: -8px !important;
}

}
.disclaimerWrapper,
.disclaimer-link {
  font-size: 12px;
}
.overlay-text .disclaimer-link {
  color: inherit !important;
}
.disclaimer-link {
  text-decoration: none;
  width: auto!important;
  color: inherit !important;
}
.titleBodyBlock .disclaimerWrapper {
  margin-top: 10px;
}
.v2_disclaimer i {
  cursor: pointer;
}
.v2_disclaimer li {
  list-style: none;
  clear: both;
  margin-bottom: 13px;
  font-size: 14px;
  font-family: book;
}
.v2_disclaimer .reference-text {
  float: left;
  width: 40px;
}
.v2_disclaimer .disclaimer-text {
  margin-left: 40px;
}
.v2_disclaimer .disclaimer-mobile {
  cursor: pointer;
  width: 86.13% !important;
  margin: 0 auto;
  z-index: 4;
}
.v2_disclaimer .disclaimer-all {
  z-index: 4;
  position: relative;
}
.v2_disclaimer .disclaimer-all i {
  text-align: center;
}
.v2_disclaimer .disclaimer-overlay {
  position: fixed !important;
  bottom: 0;
  color: #FFF;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 10px 10px 0 0;
  z-index: 99999;
  text-align: left;
  width: 100%;
  -webkit-animation: slideFromBottom 400ms;
  -moz-animation: slideFromBottom 400ms;
  -o-animation: slideFromBottom 400ms;
  animation: slideFromBottom 400ms;
}
@media (min-width: 768px) {
  .v2_disclaimer .disclaimer-overlay .close {
  margin: 25px 28px;
  text-align: right;
}

}
@media (min-width: 768px) {
  .v2_disclaimer .disclaimer-overlay .disclaimers {
  padding: 0 50px 31px;
  margin-top: -38px;
}

}
@media (max-width: 767px) {
  .v2_disclaimer .disclaimer-overlay {
  background: rgba(0, 0, 0, 0.9);
  height: 100%;
}
.v2_disclaimer .disclaimer-overlay .close {
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  background-size: 41px;
  height: 60px;
  width: 100%;
  position: fixed;
  right: 0;
  text-align: right;
  font-size: 33px;
}
.v2_disclaimer .disclaimer-overlay .close i {
  color: #9F9F9F;
  background: #fff;
  border-radius: 26px;
  font-size: 14px;
  padding: 9px;
  margin-right: 10px;
}
.v2_disclaimer .disclaimer-overlay .disclaimers {
  color: #fff;
  padding: 75px 40px 31px;
}

}
.v2_disclaimer .disclaimers {
  color: #fff;
  padding: 0 15px 65px;
  overflow-y: auto;
  height: 89%;
}
.v2_disclaimer .disclaimers i {
  font-style: normal;
}
@media (max-width: 767px) {
  .v2_disclaimer .disclaimers i {
  color: #01b1ec;
}

}
body.overlay {
  overflow-y: hidden !important;
}
@media (min-width: 768px) {
  div.disclaimer-overlay {
  width: 80% !important;
  max-width: 1160px;
}

}
@media (max-width: 767px) {
  div.disclaimer-overlay {
  left: 0;
}

}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.pageSection.trims {
  background-color: #ffffff !important;
}
.pageSection.trims .dataGridContainer .column > div:after {
  display: none;
}
.pageSection.trims .dataGridContainer .column {
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  .pageSection.trims .dataGridContainer .column {
  margin-bottom: 31px;
}

}
.pageSection.trims .v2_sideBySide .sideBySideInner .tabs {
  margin: 0 auto 3.449%;
  max-width: none;
  width: calc(100% - 30px);
}
@media (min-width: 768px) {
  .pageSection.trims .v2_sideBySide .sideBySideInner .tabs {
  width: 100%;
}

}
@media (min-width: 768px) {
  .pageSection.trims {
  background-color: #f1f5f6 !important;
}

}
.trim-card {
  font-family: "Black", sans-serif;
  font-weight: normal;
  background-color: #ffffff;
  min-height: 100%;
  position: relative;
  width: 100%;
}
.trim-card.open .expand-icon {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.trim-card.open .trim-card-body {
  display: block;
}
.trim-card * {
  box-sizing: border-box;
}
.trim-card ul {
  margin: 0;
  padding: 0;
}
.trim-card .disclaimer-link {
  border-radius: 50%;
  color: #ffffff;
  height: 9px;
  font-size: 5px !important;
  position: absolute;
  top: 0;
  width: 9px !important;
}
.trim-card .disclaimer-link span {
  border-radius: 50% !important;
  font-size: 9px !important;
  height: 100% !important;
  left: 0;
  line-height: 11px !important;
  position: relative !important;
  text-align: center !important;
  top: 0 !important;
  width: 100% !important;
}
.trim-card .expand-icon {
  display: block;
  margin: auto 15px;
  color: #00b1eb;
}
@media (min-width: 768px) {
  .trim-card .expand-icon {
  display: none;
}

}
.trim-card-header {
  display: flex;
  display: -ms-flexbox;
  /* IE10+ */

  display: -webkit-flex;
  /* Safari */

  align-content: space-between;
  background-color: #f1f5f6;
  height: 92px;
  margin: 0;
}
@media (min-width: 768px) {
  .trim-card-header {
  align-content: flex-start;
  background-color: #000000;
  color: #ffffff;
  height: auto;
}

}
.trim-card-header .expand-icon {
  margin: auto 5%;
  width: 7%;
}
@media (min-width: 768px) {
  .trim-card-header .expand-icon {
  margin: auto;
  width: auto;
}

}
.trim-card-header .trim-intro {
  margin: auto 5% auto 0;
  width: 49%;
}
@media (min-width: 768px) {
  .trim-card-header .trim-intro {
  margin: 0;
  padding: 20px;
  width: initial;
}

}
@media (min-width: 1024px) {
  .trim-card-header .trim-intro {
  padding: 20px 14px;
}

}
@media (min-width: 1280px) {
  .trim-card-header .trim-intro {
  padding: 13px 24px 17px;
}

}
.trim-card-header .trim-name {
  color: #00b1eb;
  font-size: 18px;
  margin: 0;
}
@media (min-width: 768px) {
  .trim-card-header .trim-name {
  color: #ffffff;
  font-size: 16px;
}

}
@media (min-width: 1280px) {
  .trim-card-header .trim-name {
  font-size: 20px;
}

}
.trim-card-header .trim-desc {
  letter-spacing: -0.015em;
  color: #000000;
  font-size: 15px;
  margin: 0;
}
@media (min-width: 768px) {
  .trim-card-header .trim-desc {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  color: #ffffff;
  font-size: 16px;
}

}
@media (min-width: 1024px) {
  .trim-card-header .trim-desc {
  font-size: 14px;
}

}
@media (min-width: 1280px) {
  .trim-card-header .trim-desc {
  font-size: 16px;
}

}
.trim-card-header .trim-msrp {
  margin: auto 5% auto 0;
  text-align: right;
  width: 24%;
}
@media (min-width: 768px) {
  .trim-card-header .trim-msrp {
  display: none;
}

}
.trim-card-header .trim-msrp > span {
  display: block;
  float: right;
  white-space: nowrap;
  width: 100%;
}
@media (min-width: 768px) {
  .trim-card-header .trim-msrp > span {
  float: left;
  width: initial;
}

}
.trim-card-header .trim-msrp .msrp {
  font-size: 18px;
}
@media (min-width: 768px) {
  .trim-card-header .trim-msrp .msrp {
  font-size: 22px;
}

}
@media (min-width: 1280px) {
  .trim-card-header .trim-msrp .msrp {
  font-size: 30px;
}

}
.trim-card-header .trim-msrp .msrp-label {
  color: #6a7986;
  font-size: 10px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .trim-card-header .trim-msrp .msrp-label {
  font-size: 10px;
}

}
@media (min-width: 1280px) {
  .trim-card-header .trim-msrp .msrp-label {
  font-size: 13px;
}

}
.trim-card-body {
  display: none;
  margin: 0 auto;
  width: 96.13%;
}
.trim-card-body .imgJelly {
  padding: 15px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .trim-card-body {
  display: block;
  width: 100%;
}

}
.trim-card-body .upper {
  padding: 15px 10px 0;
  overflow: auto;
  position: relative;
}
.trim-card-body .upper * {
  position: relative;
}
.trim-card-body .upper .disclaimer-link {
  position: absolute;
}
@media (min-width: 768px) {
  .trim-card-body .upper {
  padding: 20px 20px 0;
}

}
@media (min-width: 1024px) {
  .trim-card-body .upper {
  padding: 20px 14px 0;
}

}
@media (min-width: 1280px) {
  .trim-card-body .upper {
  padding: 20px 20px 0;
}

}
@media (min-width: 1440px) {
  .trim-card-body .upper {
  padding: 30px 30px 0;
}

}
.trim-card-body .trim-msrp {
  float: left;
  overflow: auto;
}
.trim-card-body .trim-msrp > span {
  display: block;
  float: left;
  width: 100%;
}
.trim-card-body .trim-msrp .msrp {
  font-size: 30px;
}
@media (min-width: 768px) {
  .trim-card-body .trim-msrp .msrp {
  font-size: 22px;
}

}
.trim-card-body .trim-msrp .msrp-label {
  color: #6a7986;
  font-size: 10px;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 1280px) {
  .trim-card-body .trim-msrp .msrp-label {
  font-size: 13px;
}

}
.trim-card-body .full-specs {
  font-family: "Black", sans-serif;
  font-weight: normal;
  color: #00b1eb;
  font-size: 16px;
  line-height: 1.25;
  text-decoration: none;
  display: block;
  font-size: 18px;
  position: absolute;
  right: 10px;
  text-decoration: none;
  top: 20px;
}
.trim-card-body .full-specs:hover {
  color: #009dd8;
}
@media (min-width: 768px) {
  .trim-card-body .full-specs {
  font-size: 12px;
  right: 30px;
  top: 24px;
}

}
@media (min-width: 1280px) {
  .trim-card-body .full-specs {
  font-size: 16px;
  top: 30px;
}

}
.trim-card-body .engine-choices {
  margin-bottom: 24px;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .trim-card-body .engine-choices {
  padding: 0 20px;
}

}
@media (min-width: 1024px) {
  .trim-card-body .engine-choices {
  padding: 0 14px;
}

}
@media (min-width: 1280px) {
  .trim-card-body .engine-choices {
  padding: 0 20px;
}

}
@media (min-width: 1440px) {
  .trim-card-body .engine-choices {
  padding: 0 30px;
}

}
.trim-card-body .engine-choices h3 {
  font-size: 17px;
  margin: 0;
}
.trim-card-body .engine-choices .selectEngine {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .trim-card-body .engine-choices .selectEngine {
  font-size: 12px;
}

}
@media (min-width: 1280px) {
  .trim-card-body .engine-choices .selectEngine {
  font-size: 16px;
}

}
.trim-card-body .engine-choices .engine-choice {
  display: flex;
  display: -ms-flexbox;
  /* IE10+ */

  display: -webkit-flex;
  /* Safari */

  align-items: center;
  border: 2px solid #e3ebed;
  border-radius: 5px;
  flex-direction: row;
  justify-content: space-between;
  margin: 5px 0;
  min-height: 48px;
  padding: 4px 15px;
  position: relative;
}
@media (min-width: 768px) {
  .trim-card-body .engine-choices .engine-choice {
  margin: 0 0 10px;
}

}
@media (min-width: 1024px) {
  .trim-card-body .engine-choices .engine-choice {
  padding: 4px 12px;
}

}
@media (min-width: 1280px) {
  .trim-card-body .engine-choices .engine-choice {
  padding: 4px 15px;
}

}
@media (min-width: 1440px) {
  .trim-card-body .engine-choices .engine-choice {
  padding: 4px 15px;
}

}
.trim-card-body .engine-choices .engine-choice:hover {
  border: 2px solid #c0c9cc;
  cursor: pointer;
}
.trim-card-body .engine-choices .engine-choice.selected {
  border: 2px solid #00b1eb;
}
.trim-card-body .engine-choices .engine-choice .type {
  font-size: 20px;
}
@media (min-width: 768px) {
  .trim-card-body .engine-choices .engine-choice .type {
  font-size: 14px;
  max-width: 100px;
}

}
@media (min-width: 1280px) {
  .trim-card-body .engine-choices .engine-choice .type {
  max-width: 120px;
}

}
@media (min-width: 1280px) {
  .trim-card-body .engine-choices .engine-choice .type {
  font-size: 16px;
  max-width: 150px;
}

}
.trim-card-body .engine-choices .engine-choice .numbers > div {
  border-left: 1px solid #e5e7e8;
  float: right;
  margin-left: 8px;
  padding-left: 8px;
  text-align: center;
}
@media (min-width: 768px) {
  .trim-card-body .engine-choices .engine-choice .numbers > div {
  margin-left: 4px;
  padding-left: 4px;
}

}
.trim-card-body .engine-choices .engine-choice .numbers > div:last-child {
  border: none;
  margin: 0;
  padding: 0;
}
.trim-card-body .engine-choices .engine-choice .numbers span {
  display: block;
  float: left;
  text-align: center;
  width: 100%;
}
.trim-card-body .engine-choices .engine-choice .numbers span:first-child {
  font-size: 20px;
  margin: 0;
  position: relative;
  top: 3px;
}
@media (min-width: 768px) {
  .trim-card-body .engine-choices .engine-choice .numbers span:first-child {
  font-size: 15px;
}

}
@media (min-width: 1024px) {
  .trim-card-body .engine-choices .engine-choice .numbers span:first-child {
  font-size: 12px;
}

}
@media (min-width: 1280px) {
  .trim-card-body .engine-choices .engine-choice .numbers span:first-child {
  font-size: 16px;
}

}
.trim-card-body .engine-choices .engine-choice .numbers span:last-child {
  color: #6a7986;
  font-size: 11px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .trim-card-body .engine-choices .engine-choice .numbers span:last-child {
  font-size: 10px;
}

}
@media (min-width: 1280px) {
  .trim-card-body .engine-choices .engine-choice .numbers span:last-child {
  font-size: 13px;
}

}
@media (min-width: 768px) {
  .trim-card-body .engine-choices .engine-choice .numbers span.customMessage {
  margin-top: 8px;
  margin-bottom: 10px;
}

}
@media (min-width: 1024px) {
  .trim-card-body .engine-choices .engine-choice .numbers span.customMessage {
  margin-top: 6px;
  margin-bottom: 9px;
}

}
@media (min-width: 1280px) {
  .trim-card-body .engine-choices .engine-choice .numbers span.customMessage {
  margin-top: 8px;
  margin-bottom: 12px;
}

}
.trim-card-body .engine-choice-details {
  padding: 0 10px 10px 10px;
}
@media (min-width: 768px) {
  .trim-card-body .engine-choice-details {
  padding: 0 20px 20px 20px;
}

}
@media (min-width: 1440px) {
  .trim-card-body .engine-choice-details {
  padding: 0 30px 30px 30px;
}

}
.trim-card-body .engine-choice-details .engine-choice-detail {
  display: none;
}
.trim-card-body .engine-choice-details .engine-choice-detail.selected {
  display: block;
}
.trim-card-body .engine-choice-details .engine-choice-detail h3 {
  font-size: 16px;
  margin: 0;
}
@media (min-width: 768px) {
  .trim-card-body .engine-choice-details .engine-choice-detail h3 {
  font-size: 12px;
  margin-bottom: 16px;
}

}
@media (min-width: 1280px) {
  .trim-card-body .engine-choice-details .engine-choice-detail h3 {
  font-size: 16px;
}

}
.trim-card-body .engine-choice-details .engine-choice-detail .featuresIntro {
  color: #6a7986;
  font-size: 16px;
}
@media (min-width: 768px) {
  .trim-card-body .engine-choice-details .engine-choice-detail .featuresIntro {
  font-size: 13px;
}

}
@media (min-width: 1280px) {
  .trim-card-body .engine-choice-details .engine-choice-detail .featuresIntro {
  font-size: 14px;
}

}
.trim-card-body .engine-choice-details .engine-choice-detail .packages {
  padding: 0;
  list-style-type: none;
}
.trim-card-body .engine-choice-details .engine-choice-detail .packages li {
  color: #9eaab0;
  font-size: 11px;
  margin-bottom: 5px;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .trim-card-body .engine-choice-details .engine-choice-detail .packages li {
  margin-bottom: 20px;
}

}
@media (min-width: 1280px) {
  .trim-card-body .engine-choice-details .engine-choice-detail .packages li {
  font-size: 13px;
}

}
.trim-card-body .engine-choice-details .engine-choice-detail .packages li:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .trim-card-body .engine-choice-details .engine-choice-detail .packages li > * {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

}
.trim-card-body .engine-choice-details .engine-choice-detail .packages li i {
  color: #c0c9cc;
  font-size: 20px;
}
.trim-card-body .engine-choice-details .engine-choice-detail .packages li i::before {
  margin-left: 0;
}
@media (min-width: 768px) {
  .trim-card-body .engine-choice-details .engine-choice-detail .packages li i::before {
  margin-left: -4px;
}

}
.trim-card-body .engine-choice-details .engine-choice-detail .packages li span {
  white-space: normal;
}
.trim-card-body .engine-choice-details .engine-choice-detail .features {
  color: #7c878e;
  margin-bottom: 24px;
  padding-left: 20px;
}
@media (min-width: 768px) {
  .trim-card-body .engine-choice-details .engine-choice-detail .features {
  margin-bottom: 16px;
}

}
.trim-card-body .engine-choice-details .engine-choice-detail .features li {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  font-size: 16px;
  margin: 5px 0;
}
@media (min-width: 768px) {
  .trim-card-body .engine-choice-details .engine-choice-detail .features li {
  font-size: 12px;
}

}
@media (min-width: 1280px) {
  .trim-card-body .engine-choice-details .engine-choice-detail .features li {
  font-size: 14px;
}

}
.trim-card-body .list-actions {
  padding: 24px 10px 30px;
}
@media (min-width: 768px) {
  .trim-card-body .list-actions {
  display: none;
}

}
.trim-card-body .list-actions ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.trim-card-body .list-actions ul li {
  border-bottom: 1px solid #e5e7e8;
  display: block;
  font-size: 17px;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.trim-card-body .list-actions ul li:last-child {
  border: none;
  margin: 0;
  padding: 0;
}
.trim-card-body .list-actions ul li a {
  color: #00b1eb;
  text-decoration: none;
}
.trim-card-body .list-actions ul li a .next-arrow {
  float: right;
}
.trim-card-body .button-actions {
  display: flex;
  display: -ms-flexbox;
  /* IE10+ */

  display: -webkit-flex;
  /* Safari */

  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
  margin: 15px 0;
  width: 100%;
}
@media (min-width: 768px) {
  .trim-card-body .button-actions {
  margin-bottom: 20px;
  padding: 0 20px;
}

}
@media (min-width: 1024px) {
  .trim-card-body .button-actions {
  margin-bottom: 14px;
  padding: 0 14px;
}

}
@media (min-width: 1280px) {
  .trim-card-body .button-actions {
  bottom: 70px;
  margin-bottom: 20px;
  padding: 0 20px;
}

}
@media (min-width: 1440px) {
  .trim-card-body .button-actions {
  margin-bottom: 30px;
  padding: 0 30px;
}

}
.trim-card-body .button-actions .buttonSmall {
  font-size: 17px;
  height: 48px;
  line-height: 48px;
  margin-right: 4%;
  padding: 0 12px;
  width: 48%;
}
@media (min-width: 768px) {
  .trim-card-body .button-actions .buttonSmall {
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  padding: 0 8px;
}

}
@media (min-width: 1280px) {
  .trim-card-body .button-actions .buttonSmall {
  font-size: 14px;
  padding: 0 8px;
}

}
@media (min-width: 1440px) {
  .trim-card-body .button-actions .buttonSmall {
  font-size: 16px;
  padding: 0 12px;
}

}
.trim-card-body .button-actions .buttonSmall:last-child {
  margin-right: 0;
}
.trim-card-body .button-actions .buttonSmall i {
  margin-right: 0;
}
.trim-card-body .button-compare {
  border-top: 1px solid #e5e7e8;
  display: none;
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  .trim-card-body .button-compare {
  display: block;
}

}
.trim-card-body .button-compare a {
  font-family: "Black", sans-serif;
  font-weight: normal;
  color: #00b1eb;
  font-size: 16px;
  line-height: 1.25;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  line-height: 36px;
}
.trim-card-body .button-compare a:hover {
  color: #009dd8;
}
@media (min-width: 1280px) {
  .trim-card-body .button-compare a {
  font-size: 16px;
  line-height: 50px;
}

}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.offerInner {
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  color: #333;
  padding: 20px 7%;
  white-space: normal;
  width: 100%;
}
.offerInner .cornerSash {
  font-family: "Black", sans-serif;
  font-weight: normal;
  width: 220px;
  background: #6a7986;
  font-size: 80%;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 35px;
  letter-spacing: 1px;
  color: #FFFFFF;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  text-transform: uppercase;
}
.offerInner .cornerSash.top-right {
  top: -15px;
  right: -95px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  padding-top: 30px;
}
.offerInner .cornerSash.offerType_APR {
  background-color: #d13a2f;
}
.offerInner .cornerSash.offerType_LEASE {
  background-color: #e7bf21;
}
.offerInner .cornerSash.offerType_OTHER {
  background-color: #009ddc;
}
.offerInner .bottomAnchor {
  margin-top: auto;
}
.offerInner .bottomAnchor .offerTerms {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  color: #6a7986;
  letter-spacing: -0.015em;
  font-size: 11px;
  line-height: 1.2727272727272727;
}
@media (min-width: 768px) {
  .offerInner .bottomAnchor .offerTerms {
  letter-spacing: -0.01em;
  font-size: 12px;
  line-height: 1.3333333333333333;
}

}
.offerInner .bottomAnchor .offerTerms sup {
  background-color: #e5e7e8;
  border-radius: 50%;
  color: #00b1eb;
  display: inline-block;
  font-size: 10px;
}
.offerInner .bottomAnchor .ctaLink {
  font-family: "Black", sans-serif;
  font-weight: normal;
  color: #00b1eb;
  font-size: 16px;
  line-height: 1.25;
  text-decoration: none;
  font-size: 13px;
  margin-top: 10px;
  margin-bottom: 7%;
}
.offerInner .bottomAnchor .ctaLink:hover {
  color: #009dd8;
}
@media (min-width: 1280px) {
  .offerInner .bottomAnchor .ctaLink {
  font-size: 16px;
}

}
.offerInner .bottomAnchor .cta {
  font-family: "Black", sans-serif;
  font-weight: normal;
  border-radius: 5px;
  background-color: #00b1eb;
  border: 0;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  max-width: 100%;
  outline: 0;
  padding: 0 24px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .offerInner .bottomAnchor .cta {
  padding: 0 20px;
}

}
@media (min-width: 1024px) {
  .offerInner .bottomAnchor .cta {
  font-size: 13px;
  height: 40px;
  line-height: 40px;
}

}
@media (min-width: 1280px) {
  .offerInner .bottomAnchor .cta {
  font-size: 18px;
  height: 60px;
  line-height: 60px;
  padding: 0 28px;
}

}
.offerInner .bottomAnchor .cta:link,
.offerInner .bottomAnchor .cta:active,
.offerInner .bottomAnchor .cta:visited {
  color: #ffffff;
}
.offerInner .bottomAnchor .cta:link.ctaFlipColorsMobile_true,
.offerInner .bottomAnchor .cta:active.ctaFlipColorsMobile_true,
.offerInner .bottomAnchor .cta:visited.ctaFlipColorsMobile_true {
  background: #ffffff;
  color: #00b1eb;
}
@media (min-width: 768px) {
  .offerInner .bottomAnchor .cta:link.ctaFlipColorsMobile_true,
.offerInner .bottomAnchor .cta:active.ctaFlipColorsMobile_true,
.offerInner .bottomAnchor .cta:visited.ctaFlipColorsMobile_true {
  background: #00b1eb;
  color: #ffffff;
}

}
.offerInner .bottomAnchor .cta:hover {
  background-color: #009dd8;
  color: #ffffff;
}
.offerInner .bottomAnchor .cta:hover.ctaFlipColorsMobile_true {
  background: #ffffff;
  color: #00b1eb;
}
@media (min-width: 768px) {
  .offerInner .bottomAnchor .cta:hover.ctaFlipColorsMobile_true {
  background-color: #009dd8;
  color: #ffffff;
}

}
.offerInner .subContainer .offerVehicleData {
  font-size: 80%;
  text-transform: uppercase;
  color: #6a7986;
  font-family: "Black", sans-serif;
  font-weight: normal;
  margin-bottom: 7%;
}
.offerInner .subContainer .offerHeader {
  margin-bottom: 7%;
}
.offerInner .subContainer .offerDetails {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  letter-spacing: -0.015em;
  color: #7c878e;
  font-size: 15px;
  line-height: 1.4;
  color: #6a7986;
}
@media (min-width: 768px) {
  .offerInner .subContainer .offerDetails {
  font-size: 12px;
  line-height: 1.3333333333333333;
}

}
@media (min-width: 1024px) {
  .offerInner .subContainer .offerDetails {
  font-size: 15px;
  line-height: 1.3333333333333333;
}

}
@media (min-width: 1280px) {
  .offerInner .subContainer .offerDetails {
  letter-spacing: -0.01em;
  font-size: 17px;
  line-height: 1.411764705882353;
}

}
.offerAltInner {
  color: #FFFFFF;
  padding: 3.449% 0;
}
.offerAltInner .column {
  width: 50%;
  box-sizing: border-box;
  padding-right: 3.449%;
  flex-direction: column;
}
.offerAltInner .column:last-child {
  padding-right: 0;
}
.offerAltInner .column .model {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 12px;
}
.offerAltInner .column .title {
  font-size: 26px;
  margin: 10px 0;
}
.offerAltInner .column .subTitle {
  font-size: 16px;
  margin-bottom: 20px;
}
.offerAltInner .column .legal {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 12px;
}
.offerAltInner .column .longLegal p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 12px;
}
.offerAltInner .socialLinks {
  display: inline-block;
  background: transparent url('../../../../content/dam/vwcom/pages/v2_mbpnew/printShareIcons.png') no-repeat;
  width: 39px;
  height: 39px;
  text-indent: -9999px;
}
.offerAltInner .socialLinks.share {
  background-position: 0px -39px;
}
@media (max-width: 767px) {
  .offerAltInner {
  width: 86.30%;
  margin: 0 auto;
}
.offerAltInner .column {
  width: 100%;
}

}
@media print {
  body {
  height: auto !important;
  background-color: #FFFFFF !important;
  overflow: auto;
}
.v2_stickyNavigation {
  display: none;
}
#mainWrapper {
  display: none !important;
}
.overlayOpen .formOverlay {
  page-break-after: auto;
  padding: 0;
}
.overlayOpen .formOverlay .v2_section:last-child {
  display: none !important;
}
.overlayOpen .formOverlay .v2_section div {
  background-color: #FFFFFF !important;
}
.overlayOpen .v2Overlay {
  overflow: auto;
  background-color: #FFFFFF !important;
  display: block;
}
.overlayOpen .v2Overlay .layout-container {
  width: auto;
}
.overlayOpen .v2Overlay .closeCta {
  display: none;
}
.overlayOpen .offerAltInner {
  padding: 0;
  width: auto;
  color: #000000;
}
.overlayOpen .offerAltInner .social {
  display: none;
}
.overlayOpen .offerAltInner .column {
  width: auto;
}

}

.v2_colorizerInterior {
  background: #1d1e1f;
  width: 100%;
  height: calc(100vh - 66px);
  position: absolute;
  overflow: hidden;
  top: 0;
  z-index: 5;
  display: none;
}
@media screen and (max-width: 1023px) {
  .v2_colorizerInterior {
  height: calc(70vh - 66px);
}

}
.v2_colorizerInterior .swatch-disclaimer {
  display: none;
}
.v2_colorizerInterior .disclaimerWrapper {
  padding-top: 10px;
  font-size: 13px;
  color: white;
}
.v2_colorizerInterior .disclaimerWrapper a {
  color: white;
}
.v2_colorizerInterior .panorama {
  cursor: ew-resize;
}
.v2_colorizerInterior .panorama canvas {
  width: 100%;
}
.v2_colorizerInterior .staticInterior {
  position: absolute !important;
  float: none !important;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.v2_colorizerInterior .swatches {
  background: rgba(29, 30, 31, 0.8);
  bottom: 0;
}
.v2_colorizerInterior .swatches .swatch {
  pointer-events: all;
}
.v2_colorizerInterior .swatches .swatch span {
  background-position: center center !important;
  background-size: auto !important;
}
.v2_colorizerInterior .swatches .swatches__buttons {
  margin-top: 15px !important;
}
.v2_colorizerInterior .swatches .swatch.s_0 {
  margin-right: 5px !important;
}
.v2_colorizerInterior .swatches .swatch.s_1 {
  margin-left: 15px !important;
}
.v2_colorizerInterior .swatches .swatches__slider {
  pointer-events: none !important;
  padding-bottom: 20px !important;
}
.v2_colorizerInterior .swatches .text360 {
  position: absolute;
  bottom: -23px;
  color: white;
  font-size: 11px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}
.v2_colorizerInterior .swatches__tiles {
  padding-bottom: 0 !important;
  margin-bottom: -15px !important;
}
.v2_colorizerInterior .divider {
  width: 1px;
  height: 62px;
  top: -5px;
  border-right: 1px solid #4a4b4c;
  position: absolute;
}
.v2_colorizerInterior .deg {
  position: absolute;
  color: white;
  bottom: -29px;
  right: 20px;
  font-size: 13px;
  font-family: black;
}
.v2_colorizerInterior .colorizerPanel.noSwatchBtns .swatches__buttons {
  visibility: hidden;
}
.gridsystem .par > .section .section > div.panorama {
  margin-top: 0;
}
.gridsystem .section > div.swatches {
  position: absolute;
}
.gridsystem .par > .section .section > div.swatches {
  margin: 0;
  padding-top: 1.5%;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
body.not-mobile .v2_colorizer .floorImgs,
body.not-mobile .v2_colorizer .fallbackFloor {
  -moz-transform: translate3d(0, 0, 0);
  height: 300vh;
  width: 300vh;
  margin-left: 50%;
  position: absolute;
  bottom: -23%;
  background-size: 80vw;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  transform: translatey(32%) translatex(-50%) rotatex(89deg) rotate(0deg) scale(1.8);
  -webkit-transform: translatey(32%) translatex(-50%) rotatex(89deg) rotate(0deg) scale(1.8);
  -moz-transform: translatey(32%) translatex(-50%) rotatex(89deg) rotate(0deg) scale(1.8);
}
@media (min-width: 768px) and (max-width: 1023px) {
  body.not-mobile .v2_colorizer .floorImgs,
body.not-mobile .v2_colorizer .fallbackFloor {
  height: 200vh;
}

}
body.tablet .v2_colorizer .floorImgs,
body.mobile .v2_colorizer .floorImgs,
body.tablet .v2_colorizer .fallbackFloor,
body.mobile .v2_colorizer .fallbackFloor {
  transform: none !important;
  margin-left: 0 !important;
  height: 285vh;
}
.v2_colorizer .colorizerInner {
  background-image: url("../../../clientlibs/vwcom/img/components/shared/loader.gif");
  background-repeat: no-repeat;
  background-position: center center;
}
.progressBar {
  position: absolute;
  bottom: -7px;
  top: auto;
  left: 0;
  width: 100%;
  overflow: hidden;
  background-color: white;
  border: 1px solid #000;
  border-left: 0;
  box-sizing: border-box;
  height: 7px;
  z-index: 10;
}
.stickyNavFixed .progressBar.hide {
  display: block;
}
.hideModelStats .progressBar {
  display: none !important;
}
div.colorizerInner {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  height: calc(100vh - 66px);
  overflow: hidden;
  padding-bottom: 0px;
  /* -------- Dev Console -------- */

}
@media (max-width: 1023px) {
  div.colorizerInner {
  height: calc(70vh - 66px);
}

}
@media screen and (max-width: 767px) and (orientation: landscape) {
  div.colorizerInner {
  height: calc(110vw - 66px);
}

}
div.colorizerInner .colorizerPanel {
  pointer-events: none;
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
}
@media (max-width: 650px) {
  div.colorizerInner .colorizerPanel {
  height: 90%;
}

}
div.colorizerInner .colorizerPanel.noSwatchBtns.noShoppingTools {
  height: 100%;
}
div.colorizerInner .colorizerScene {
  pointer-events: none;
  z-index: 3;
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  /*	@media (max-width: 1024px) {
			-webkit-perspective: 600px;
	        -moz-perspective: 600px;
	        perspective: 600px;
		}*/

}
div.colorizerInner .colorizerScene .floor-layer {
  transform: translatey(0%) translate3d(0, 0, 0);
  -moz-transform: translatey(0%) translate3d(0, 0, 0);
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  perspective-origin: 50% 49%;
  -webkit-perspective-origin: 50% 49%;
  -moz-perspective-origin: 50% 49%;
}
@media (max-width: 767px) {
  div.colorizerInner .colorizerScene .floor-layer {
  top: -15%;
}

}
@media screen and (max-width: 767px) and (orientation: landscape) {
  div.colorizerInner .colorizerScene .floor-layer {
  top: -60%;
}

}
div.colorizerInner .colorizerScene .floor-layer img {
  opacity: 0;
}
div.colorizerInner .colorizerScene .floor-layer .fallbackFloor {
  display: none;
}
div.colorizerInner .colorizerScene .floor-layer .floorImgs.multipleFloors {
  height: 45%;
  bottom: 0;
  width: 100%;
  margin-left: 0;
  background-size: cover;
}
div.colorizerInner .colorizerScene .floor-layer .floorImgs img,
div.colorizerInner .colorizerScene .floor-layer .fallbackFloor img {
  display: none;
  opacity: 0 !important;
}
@media (max-width: 767px) {
  div.colorizerInner .colorizerScene .floor-layer .floorImgs,
div.colorizerInner .colorizerScene .floor-layer .fallbackFloor {
  bottom: -40%;
  transform: none !important;
}

}
div.colorizerInner .video-container {
  transform: translatex(100%) translate3d(0px, 0px, 0px);
  transition: transform 1200ms ease-in-out 0ms;
  -webkit-transform: translatex(100%) translate3d(0px, 0px, 0px);
  -moz-transform: translatex(100%) translate3d(0px, 0px, 0px);
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-optimize-contrast;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transition: transform 1200ms ease-in-out;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  pointer-events: none;
  transform-style: preserve-3d;
  cursor: pointer;
  z-index: 32;
  bottom: 0;
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center 49.85%;
  margin: 0 auto;
  min-width: initial !important;
  max-width: 1440px;
}
@media (max-width: 767px) {
  div.colorizerInner .video-container {
  background-position: center center;
  background-size: 125%;
  height: 70%;
}

}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  div.colorizerInner .video-container {
  background-position: center 60%;
  background-size: 80%;
}

}
div.colorizerInner .video-container.preanimation {
  transition: background-image 700ms ease;
}
div.colorizerInner .video-container .tire-layer {
  pointer-events: none;
  transform: translatey(0%);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9;
  overflow: hidden;
}
div.colorizerInner .video-container .tire-layer .tires-spreader {
  transform: translatey(0%);
  width: 100%;
  position: relative;
  display: block;
  visibility: hidden;
  pointer-events: none;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  div.colorizerInner .video-container .tire-layer {
  width: 80%;
  left: 10%;
}

}
div.colorizerInner .swatches {
  opacity: 0;
}
div.colorizerInner .spinners {
  pointer-events: none;
  opacity: 0;
  transition: opacity 300ms ease;
  position: absolute;
  height: 70%;
  width: 100%;
  z-index: 33;
}
@media (max-width: 767px) {
  div.colorizerInner .spinners {
  height: 90%;
}

}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  div.colorizerInner .spinners {
  height: 67%;
}

}
div.colorizerInner .spinners .spinner {
  transition: opacity 300ms ease;
  width: 112px;
  height: 45px;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 36;
  bottom: 0;
  pointer-events: none;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-optimize-contrast;
}
@media (max-width: 767px) {
  div.colorizerInner .spinners .spinner {
  width: 60px;
}

}
@media (min-width: 1440px) {
  div.colorizerInner .spinners .spinner {
  width: 131px;
}

}
div.colorizerInner .spinners .spinner.spinLeft {
  background-image: url(../../../../content/dam/vwcom/pages/mbpnew/colorizer/Icon_Dsk_CC_360_Arrow-Back.png);
  left: 5vw;
  bottom: -11px;
}
@media (max-width: 767px) {
  div.colorizerInner .spinners .spinner.spinLeft {
  left: 1vw;
  bottom: -5px;
}

}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  div.colorizerInner .spinners .spinner.spinLeft {
  left: 12vw;
}

}
div.colorizerInner .spinners .spinner.spinRight {
  background-image: url(../../../../content/dam/vwcom/pages/mbpnew/colorizer/Icon_Dsk_CC_360_Arrow-Front.png);
  right: 7vw;
}
@media (max-width: 767px) {
  div.colorizerInner .spinners .spinner.spinRight {
  right: 1vw;
}

}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  div.colorizerInner .spinners .spinner.spinRight {
  right: 14vw;
}

}
div.colorizerInner .vignette {
  width: 145%;
  top: -22.5vh;
  height: 145%;
  left: 0px;
  margin: 0px;
  margin-left: -22.5%;
  border-radius: 0px;
  display: block;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  z-index: 3;
  position: absolute;
}
@media (max-width: 1023px) {
  div.colorizerInner .vignette {
  top: -15vh;
}

}
div.colorizerInner .floorVignette {
  width: 100%;
  z-index: 5;
  height: 45%;
  width: 100%;
  position: absolute;
  bottom: 0;
}
@media (max-width: 767px) {
  div.colorizerInner .floorVignette {
  height: 65%;
}

}
div.colorizerInner.animation_complete .swatches {
  opacity: 1;
}
div.colorizerInner.animation_complete .video-container {
  transform: translatex(0%) translate3d(0px, 0px, 0px);
  -webkit-transform: translatex(0%) translate3d(0px, 0px, 0px);
  -moz-transform: translatex(0%) translate3d(0px, 0px, 0px);
}
div.colorizerInner.animation_complete .vignette {
  opacity: .15;
  transition: opacity 800ms ease 1300ms;
}
div.colorizerInner.animation_complete .spinners {
  transition: opacity 800ms ease 1300ms;
  opacity: 1;
}
div.colorizerInner.animation_complete img.tires {
  animation: spinit 550ms 3 linear;
  opacity: 0;
}
div.colorizerInner.animation_complete img.tires.forceShow {
  opacity: 1;
  transition: opacity 0ms ease;
  animation: spinit 550ms infinite linear;
}
div.colorizerInner.dragging {
  cursor: ew-resize;
}
div.colorizerInner.dragging .spinner {
  opacity: 0;
}
div.colorizerInner .backplate {
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  background-position-y: bottom;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-optimize-contrast;
  background-repeat-y: no-repeat;
  position: absolute;
  height: 55%;
  top: 0;
  z-index: 29;
  width: 100%;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  background-position: center bottom;
  background-size: 3000px;
}
@media (max-width: 767px) {
  div.colorizerInner .backplate {
  background-size: 1080px;
  height: 35%;
}

}
div.colorizerInner .floor {
  pointer-events: none;
  left: 50%;
  border-radius: 100%;
  position: absolute;
  width: calc(1000vh);
  margin-left: 0;
  padding-top: 1000vh;
  background-position: 100% 50%;
  bottom: -143vh;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-optimize-contrast;
  z-index: 2;
  pointer-events: none;
  transform: translatey(32%) translatex(-50%) rotatex(87deg) rotate(0deg) scale(1.5);
  -moz-transform: translatey(32%) translatex(-50%) rotatex(87deg) rotate(0deg) scale(1.5);
  -webkit-transform: translatey(32%) translatex(-50%) rotatex(87deg) rotate(0deg) scale(1.5);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background-size: 2000px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
div.colorizerInner .floor.tile6 {
  background-size: 75%;
  background-position: 0% 80%;
}
div.colorizerInner.threeD .colorizerScene {
  perspective-origin: 49% 48%;
  -webkit-perspective-origin: 49% 48%;
  -moz-perspective-origin: 49% 48%;
}
div.colorizerInner.threeD .vignette {
  z-index: 31;
}
div.colorizerInner.threeD .backplate {
  height: 53.5vh;
}
div.colorizerInner.threeD .floor {
  bottom: 0;
}
div.colorizerInner.threeD .floor-layer {
  z-index: 31;
}
div.colorizerInner.threeD .video-container {
  height: 64vh;
}
div.colorizerInner .devConsole {
  display: block;
  position: absolute;
  z-index: 35;
  top: 1.7245%;
  left: 1.7245%;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ccc;
  font-size: 83%;
  box-shadow: 0px 0px 2px 1px #000;
  border-radius: 3px;
  padding: 6px 16px 6px 16px;
}
div.colorizerInner .devConsole.hidden {
  display: none !important;
}
div.colorizerInner .devConsole .stats {
  margin-bottom: 20px;
}
div.colorizerInner .devConsole .floors,
div.colorizerInner .devConsole .bgs,
div.colorizerInner .devConsole .scenes,
div.colorizerInner .devConsole .controls360,
div.colorizerInner .devConsole .progressBar {
  margin-bottom: 6px;
}
div.colorizerInner .devConsole .row-title {
  display: inline-block;
  width: 50px;
}
div.colorizerInner .devConsole a {
  text-decoration: none;
  color: #FFF;
  padding: 2px 4px;
}
div.colorizerInner .devConsole a:hover {
  text-decoration: underline;
}
div.colorizerInner .devConsole a.active {
  background-color: #4E4E4E;
}
@keyframes spinit {
  100% {
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
}
0% {
  transform: rotate(720deg);
  -moz-transform: rotate(720deg);
}

}
@keyframes waiting {
  100% {
  transform: rotatey(0deg);
  -moz-transform: rotatey(0deg);
}
0% {
  transform: rotatey(360deg);
  -moz-transform: rotatey(360deg);
}

}
@keyframes blink {
  100% {
  opacity: 0;
  transition: none;
}
50% {
  opacity: 0;
  transition: none;
}
49% {
  opacity: 1;
  transition: none;
}
0% {
  opacity: 1;
  transition: none;
}

}
.colorizerInner.dragEnabled_true .swatch-disclaimer {
  display: none;
}
.colorizerInner.dragEnabled_true .disclaimerWrapper {
  opacity: 0.7;
}
.colorizerInner.dragEnabled_true .textOverlays {
  z-index: 9;
}
.colorizerInner.dragEnabled_true .brakelights {
  z-index: 99;
  display: block;
  visibility: visible;
  transition: none;
}
.colorizerInner.dragEnabled_true .tires {
  pointer-events: none;
  opacity: 1;
  visibility: visible;
  display: block;
  z-index: 99;
  top: 53.2%;
  width: 8.3%;
  transition: opacity 100ms ease-in-out 1075ms;
  transform: translatey(0%);
  -moz-transform: translatey(0%);
}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true .tires {
  top: 54.5%;
  width: 10.5%;
}

}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true .tires {
  top: 49.2%;
}

}
.colorizerInner.dragEnabled_true .tires.front {
  left: 23.7%;
  width: 8.2%;
}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true .tires.front {
  width: 10.5%;
  left: 17%;
}

}
.colorizerInner.dragEnabled_true .tires.rear {
  left: 62.35%;
}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true .tires.rear {
  left: 65.35%;
}

}
.colorizerInner.dragEnabled_true img.fadeIn.preFadeIn {
  opacity: 0 !important;
}
.colorizerInner.dragEnabled_true img.fadeOut.preFadeOut {
  opacity: 1 !important;
  visibility: visible;
}
.colorizerInner.dragEnabled_true img.fadeIn {
  opacity: 1!important;
  z-index: 3;
  transition: opacity 500ms linear;
  visibility: hidden;
}
.colorizerInner.dragEnabled_true img.fadeOut {
  opacity: 0 !important;
  z-index: 4 !important;
  visibility: visible;
  transition: opacity 500ms linear;
}
.colorizerInner.dragEnabled_true img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(1px, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100%;
  z-index: 0;
  position: absolute;
  transition: left 600ms linear;
  top: 50%;
  cursor: pointer;
  pointer-events: none;
  transform: translatey(-50%);
}
.colorizerInner.dragEnabled_true img.slot {
  opacity: 0;
}
.colorizerInner.dragEnabled_true img.activeSlot {
  opacity: 1;
  visibility: visible;
  z-index: 3;
}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true img {
  width: 125%;
  max-width: none;
  left: -12.5%;
}

}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true img {
  top: 45%;
  left: 10%;
  width: 80%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="touareg"] .tires {
  top: 50%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="touareg"] .tires {
  top: 46%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="touareg"] .tires.front {
  left: 22.7%;
  width: 10.3%;
}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="touareg"] .tires.front {
  left: 16.1%;
  width: 12%;
  top: 52.1%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="touareg"] .tires.rear {
  left: 64%;
  width: 10.3%;
}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="touareg"] .tires.rear {
  left: 67.7%;
  width: 12%;
  top: 52%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="tiguan"] .tires {
  width: 9.7%;
  top: 52.5%;
}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="tiguan"] .tires {
  width: 10.5%;
  top: 53.5%;
}

}
@media screen and (min-width: 1440px) {
  .colorizerInner.dragEnabled_true[data-modelname="tiguan"] .tires {
  top: 52.25%;
}

}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="tiguan"] .tires {
  top: 47.5%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="tiguan"] .tires.front {
  left: 23%;
  width: 9.5%;
}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="tiguan"] .tires.front {
  left: 17%;
  width: 10.5%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="tiguan"] .tires.rear {
  left: 60.15%;
}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="tiguan"] .tires.rear {
  left: 63.35%;
  width: 10.5%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="golfsportwagen"] .tires.front {
  left: 23.3%;
  width: 9.1%;
  top: 53.7%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="golfsportwagen"] .tires.front {
  top: 48.8%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="golfsportwagen"] .tires.front {
  left: 16.4%;
  width: 11.3%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="golfsportwagen"] .tires.rear {
  top: 54%;
  left: 60.7%;
  width: 9.15%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="golfsportwagen"] .tires.rear {
  top: 49.5%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="golfsportwagen"] .tires.rear {
  left: 63.7%;
  width: 11.35%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="golfgti"] .tires.front {
  left: 23.3%;
  width: 9.1%;
  top: 53.7%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="golfgti"] .tires.front {
  top: 48.8%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="golfgti"] .tires.front {
  left: 16.4%;
  width: 11.3%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="golfgti"] .tires.rear {
  top: 54%;
  left: 60.7%;
  width: 9.15%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="golfgti"] .tires.rear {
  top: 49.5%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="golfgti"] .tires.rear {
  left: 63.7%;
  width: 11.35%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="golf"] .tires.front {
  left: 23.3%;
  width: 9.1%;
  top: 53.7%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="golf"] .tires.front {
  top: 48.8%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="golf"] .tires.front {
  left: 16.4%;
  width: 11.3%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="golf"] .tires.rear {
  top: 54%;
  left: 60.7%;
  width: 9.15%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="golf"] .tires.rear {
  top: 49.5%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="golf"] .tires.rear {
  left: 63.7%;
  width: 11.35%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="golfr"] .tires.front {
  left: 23.42%;
  width: 8.8%;
  top: 54.4%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="golfr"] .tires.front {
  top: 48.8%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="golfr"] .tires.front {
  left: 16.4%;
  width: 11.3%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="golfr"] .tires.rear {
  top: 54%;
  left: 60.7%;
  width: 9.15%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="golfr"] .tires.rear {
  top: 49.5%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="golfr"] .tires.rear {
  left: 63.7%;
  width: 11.35%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="jetta"] .tires.front {
  left: 23.2%;
  width: 9.3%;
  top: 53.5%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="jetta"] .tires.front {
  top: 48.8%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="jetta"] .tires.front {
  left: 16.4%;
  width: 11.3%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="jetta"] .tires.rear {
  top: 53.5%;
  left: 61%;
  width: 9.2%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="jetta"] .tires.rear {
  top: 49%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="jetta"] .tires.rear {
  left: 63.7%;
  width: 11.35%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="passat"] .tires.front {
  left: 23.2%;
  width: 9.3%;
  top: 53.5%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="passat"] .tires.front {
  top: 48.8%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="passat"] .tires.front {
  left: 16.4%;
  width: 11.3%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="passat"] .tires.rear {
  top: 53.9%;
  left: 63.1%;
  width: 9.25%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="passat"] .tires.rear {
  top: 49%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="passat"] .tires.rear {
  left: 66.7%;
  width: 11.35%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="touareg"] .tires.front {
  left: 22.45%;
  width: 10.25%;
  top: 51.75%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="touareg"] .tires.front {
  top: 46.75%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="touareg"] .tires.front {
  left: 15.8%;
  width: 12.3%;
  top: 51.8%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="touareg"] .tires.rear {
  top: 51.9%;
  left: 63.95%;
  width: 10.3%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="touareg"] .tires.rear {
  top: 46.9%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="touareg"] .tires.rear {
  left: 67.8%;
  width: 12.15%;
  top: 52.5%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="cc"] .tires.front {
  top: 53.8%;
  left: 23.5%;
  width: 8.7%;
}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="cc"] .tires.front {
  left: 17%;
  width: 11%;
  top: 54.2%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="cc"] .tires.rear {
  top: 53.9%;
  left: 62.1%;
  width: 8.8%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="cc"] .tires.rear {
  top: 46.9%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="cc"] .tires.rear {
  left: 64.8%;
  width: 11%;
  top: 53.5%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="beetle"] .tires.front {
  left: 23%;
  width: 8.85%;
  top: 53.75%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="beetle"] .tires.front {
  top: 49%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="beetle"] .tires.front {
  left: 15.8%;
  width: 12.3%;
  top: 51.8%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="beetle"] .tires.rear {
  top: 53.6%;
  left: 58.95%;
  width: 8.8%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="beetle"] .tires.rear {
  top: 49.3%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="beetle"] .tires.rear {
  left: 60.8%;
  width: 12%;
  top: 52.5%;
}

}
@media (min-width: 1280px) {
  .colorizerInner.dragEnabled_true[data-modelname="beetleconvertible"] .swatches .swatches__tiles .swatches__slider {
  max-width: 500px;
  margin: 0 auto;
  white-space: initial;
}

}
.colorizerInner.dragEnabled_true[data-modelname="beetleconvertible"] .tires.front {
  left: 23%;
  width: 8.85%;
  top: 53.75%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="beetleconvertible"] .tires.front {
  top: 49%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="beetleconvertible"] .tires.front {
  left: 15.8%;
  width: 12.3%;
  top: 51.8%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="beetleconvertible"] .tires.rear {
  top: 53.6%;
  left: 58.95%;
  width: 8.8%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="beetleconvertible"] .tires.rear {
  top: 49.3%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="beetleconvertible"] .tires.rear {
  left: 60.8%;
  width: 12%;
  top: 52.5%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="bsuv"] .tires.front {
  left: 22.45%;
  width: 10.45%;
  top: 51.25%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="bsuv"] .tires.front {
  top: 46.75%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="bsuv"] .tires.front {
  left: 15.8%;
  width: 12.3%;
  top: 51.8%;
}

}
.colorizerInner.dragEnabled_true[data-modelname="bsuv"] .tires.rear {
  top: 51.7%;
  left: 65.25%;
  width: 10.3%;
}
@media screen and ( min-width: 1281px ) and ( max-height: 680px ) {
  .colorizerInner.dragEnabled_true[data-modelname="bsuv"] .tires.rear {
  top: 46.9%;
}

}
@media (max-width: 767px) {
  .colorizerInner.dragEnabled_true[data-modelname="bsuv"] .tires.rear {
  left: 69%;
  width: 13%;
  top: 51.5%;
}

}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.v2_colorizer .swatches,
.v2_colorizerInterior .swatches {
  position: absolute;
  pointer-events: none;
  width: 100%;
  left: 0;
  z-index: 35;
  margin: 0px auto;
  text-align: center;
  bottom: 0;
  transition: bottom 600ms ease 1300ms, opacity 300ms ease 1300ms;
}
@media (max-width: 767px) {
  .v2_colorizer .swatches,
.v2_colorizerInterior .swatches {
  bottom: 8.5%;
}

}
.v2_colorizer .swatches .disclaimer-mobile,
.v2_colorizerInterior .swatches .disclaimer-mobile {
  pointer-events: all;
  font-size: 10px;
  color: white;
  line-height: 20px;
  width: 100%;
  text-align: center;
}
.v2_colorizer .swatches .disclaimer-mobile .disclaimer,
.v2_colorizerInterior .swatches .disclaimer-mobile .disclaimer {
  font-size: 7px !important;
  width: 12px !important;
  height: 12px !important;
  line-height: 12px !important;
}
@media (max-width: 767px) {
  .v2_colorizer .swatches .disclaimer-mobile,
.v2_colorizerInterior .swatches .disclaimer-mobile {
  display: block;
}

}
.v2_colorizer .swatches .swatches__titles,
.v2_colorizerInterior .swatches .swatches__titles {
  margin-bottom: 0px;
  color: white;
}
@media (max-width: 767px) {
  .v2_colorizer .swatches .swatches__titles,
.v2_colorizerInterior .swatches .swatches__titles {
  max-width: 45%;
  margin: 0 auto;
}

}
.v2_colorizer .swatches .swatches__titles h2,
.v2_colorizerInterior .swatches .swatches__titles h2 {
  font-size: 15px;
  margin: 0;
}
@media (max-width: 767px) {
  .v2_colorizer .swatches .swatches__titles h2,
.v2_colorizerInterior .swatches .swatches__titles h2 {
  font-size: 13px;
}

}
.v2_colorizer .swatches .swatches__titles .disclaimerWrapper,
.v2_colorizerInterior .swatches .swatches__titles .disclaimerWrapper {
  font-size: 13px;
  color: white;
  line-height: 20px;
  width: 90%;
  padding-left: 5%;
  padding-top: 5px;
}
.v2_colorizer .swatches .swatches__titles .disclaimerWrapper .disclaimer,
.v2_colorizerInterior .swatches .swatches__titles .disclaimerWrapper .disclaimer {
  top: -4px;
  margin-left: 3px;
}
@media (max-width: 767px) {
  .v2_colorizer .swatches .swatches__titles .disclaimerWrapper,
.v2_colorizerInterior .swatches .swatches__titles .disclaimerWrapper {
  display: none;
}

}
.v2_colorizer .swatches .swatches__titles p,
.v2_colorizerInterior .swatches .swatches__titles p {
  font-size: 11px;
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  display: none;
}
@media (min-width: 768px) {
  .v2_colorizer .swatches .swatches__titles p,
.v2_colorizerInterior .swatches .swatches__titles p {
  display: block;
}

}
.v2_colorizer .swatches .swatches__tiles,
.v2_colorizerInterior .swatches .swatches__tiles {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 20px;
  box-sizing: border-box;
  padding: 15px 0;
}
@media (max-width: 650px) {
  .v2_colorizer .swatches .swatches__tiles,
.v2_colorizerInterior .swatches .swatches__tiles {
  margin: 0;
}

}
@media (min-width: 768px) and (max-width: 1023px) {
  .v2_colorizer .swatches .swatches__tiles,
.v2_colorizerInterior .swatches .swatches__tiles {
  width: 100%;
  margin: 0 auto;
}

}
.v2_colorizer .swatches .swatches__tiles .swatches__slider,
.v2_colorizerInterior .swatches .swatches__tiles .swatches__slider {
  text-align: center;
  display: inline-block;
  flex-direction: row;
  flex-wrap: nowrap;
  white-space: nowrap;
  position: relative;
  pointer-events: all;
  box-sizing: border-box;
  padding: 5px;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
}
@media (max-width: 650px) {
  .v2_colorizer .swatches .swatches__tiles .swatches__slider,
.v2_colorizerInterior .swatches .swatches__tiles .swatches__slider {
  white-space: nowrap;
  width: 100% !important;
  overflow: auto;
  overflow-y: hidden;
  padding: 5px 20px;
}

}
@media (min-width: 768px) {
  .v2_colorizer .swatches .swatches__tiles .swatches__slider,
.v2_colorizerInterior .swatches .swatches__tiles .swatches__slider {
  display: block;
  overflow: auto;
  overflow-y: hidden;
}

}
.v2_colorizer .swatches .swatches__tiles .swatches__slider.centeredSwatches,
.v2_colorizerInterior .swatches .swatches__tiles .swatches__slider.centeredSwatches {
  white-space: initial;
  width: 600px !important;
  margin: 0 auto;
}
.v2_colorizer .swatches .swatches__tiles .swatch,
.v2_colorizerInterior .swatches .swatches__tiles .swatch {
  box-sizing: content-box;
  display: inline-block;
  width: 48px;
  height: 48px;
  padding: 2px;
  border-radius: 48px;
  background-color: transparent;
  position: relative;
  margin-left: 6px;
  transition: box-shadow 100ms ease;
}
@media (min-width: 768px) {
  .v2_colorizer .swatches .swatches__tiles .swatch,
.v2_colorizerInterior .swatches .swatches__tiles .swatch {
  width: 46px;
  height: 46px;
  border-radius: 46px;
}

}
@media (max-width: 767px) {
  .v2_colorizer .swatches .swatches__tiles .swatch,
.v2_colorizerInterior .swatches .swatches__tiles .swatch {
  width: 44px;
  height: 44px;
  border-radius: 44px;
  padding: 1px;
}

}
.v2_colorizer .swatches .swatches__tiles .swatch.selected,
.v2_colorizerInterior .swatches .swatches__tiles .swatch.selected {
  box-shadow: 0px 0px 0px 2px #fff;
  border-color: #ffffff;
}
.v2_colorizer .swatches .swatches__tiles .swatch span,
.v2_colorizerInterior .swatches .swatches__tiles .swatch span {
  box-sizing: border-box;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-position: top right;
  background-size: 100%;
  background-color: #CCC;
  background-clip: content-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: box-shadow 100ms ease;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
}
.v2_colorizer .swatches .swatches__tiles .swatch span:first-child,
.v2_colorizerInterior .swatches .swatches__tiles .swatch span:first-child {
  margin-right: 10px;
}
.v2_colorizer .swatches .swatches__tiles .swatch span:nth-child(2),
.v2_colorizerInterior .swatches .swatches__tiles .swatch span:nth-child(2) {
  margin-left: 15px;
}
@media (min-width: 768px) {
  .v2_colorizer .swatches .swatches__tiles .swatch span,
.v2_colorizerInterior .swatches .swatches__tiles .swatch span {
  width: 40px;
  height: 40px;
  border-radius: 40px;
}

}
.v2_colorizer .swatches .swatches__tiles .swatch.selected span,
.v2_colorizerInterior .swatches .swatches__tiles .swatch.selected span {
  box-shadow: 0px 0px 0px 2px transparent;
}
.v2_colorizer .swatches .swatches__tiles .swatch:not(.selected):hover span,
.v2_colorizerInterior .swatches .swatches__tiles .swatch:not(.selected):hover span {
  box-shadow: 0 0 0 2px #fff;
}
@media (max-width: 1023px) {
  .v2_colorizer .swatches .swatches__tiles .swatch:not(.selected):hover span,
.v2_colorizerInterior .swatches .swatches__tiles .swatch:not(.selected):hover span {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
}

}
.v2_colorizer .swatches .swatches__tiles .swatch:not(.selected):active span,
.v2_colorizerInterior .swatches .swatches__tiles .swatch:not(.selected):active span {
  box-shadow: 0 0 0 4px #fff;
}
.v2_colorizer .swatches .swatches__buttons,
.v2_colorizerInterior .swatches .swatches__buttons {
  display: none;
  margin-bottom: 2%;
}
@media (min-width: 768px) {
  .v2_colorizer .swatches .swatches__buttons,
.v2_colorizerInterior .swatches .swatches__buttons {
  display: block;
}

}
.v2_colorizer .swatches .swatches__buttons button,
.v2_colorizerInterior .swatches .swatches__buttons button {
  color: white;
  pointer-events: all;
  box-sizing: border-box;
  display: inline-block;
  height: 32px;
  min-width: 100px;
  background-color: transparent;
  margin: 0 5px;
  border-radius: 5px;
  font-size: 13px;
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.v2_colorizer .swatches .swatches__buttons button.active,
.v2_colorizerInterior .swatches .swatches__buttons button.active,
.v2_colorizer .swatches .swatches__buttons button:active,
.v2_colorizerInterior .swatches .swatches__buttons button:active {
  background-color: #00b1eb;
  border: 0;
  box-shadow: 0 0 0 1px #00b1eb;
  cursor: initial;
}
.v2_colorizer .swatches .swatches__buttons button:not(.active):hover,
.v2_colorizerInterior .swatches .swatches__buttons button:not(.active):hover {
  border: none;
}
.v2_colorizer .colorizerPanel.noSwatchBtns .swatches__buttons,
.v2_colorizerInterior .colorizerPanel.noSwatchBtns .swatches__buttons {
  visibility: hidden;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
@media (min-width: 768px) {
  .nextSteps.v2nextSteps .v2_sideBySide .sideBySideInner.l_33x34x33 > div {
  width: calc(33.333333333333336%);
  margin-left: 0;
  box-sizing: border-box;
}

}
@media (max-width: 767px) {
  .nextSteps.v2nextSteps .v2_sideBySide .sideBySideInner.stack_on_mobile_true > .column {
  min-height: 95px;
}

}
@media (min-width: 768px) and (max-width: 1023px) {
  .nextSteps.v2nextSteps .inventoryCount {
  font-size: 32px;
  line-height: 1.6;
}

}
@media (max-width: 767px) {
  .nextSteps.v2nextSteps .inventoryCount {
  font-size: 40px;
}

}
.nextSteps.v2nextSteps .inventoryTitle {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 12px;
  line-height: 1.3333333333333333;
  line-height: .5;
  color: #999999 !important;
}
@media (min-width: 1024px) {
  .nextSteps.v2nextSteps .inventoryTitle {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  color: #000000 !important;
  font-size: 15px;
  line-height: 1.2666666666666666;
  color: #999999 !important;
}

}
@media [object Object] and (min-width: 768px) {
  .nextSteps.v2nextSteps .inventoryTitle {
  letter-spacing: -0.015em;
  font-size: 12px;
  line-height: 1.3333333333333333;
}

}
@media [object Object] and (min-width: 1024px) {
  .nextSteps.v2nextSteps .inventoryTitle {
  font-size: 15px;
  line-height: 1.3333333333333333;
}

}
@media [object Object] and (min-width: 1280px) {
  .nextSteps.v2nextSteps .inventoryTitle {
  letter-spacing: -0.01em;
  font-size: 17px;
  line-height: 1.411764705882353;
}

}
.nextSteps.v2nextSteps .zipCode {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 12px;
  line-height: 1.3333333333333333;
}
@media (min-width: 1024px) {
  .nextSteps.v2nextSteps .zipCode {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  color: #000000 !important;
  font-size: 15px;
  line-height: 1.2666666666666666;
  color: #00B1EC !important;
}

}
@media [object Object] and (min-width: 768px) {
  .nextSteps.v2nextSteps .zipCode {
  letter-spacing: -0.015em;
  font-size: 12px;
  line-height: 1.3333333333333333;
}

}
@media [object Object] and (min-width: 1024px) {
  .nextSteps.v2nextSteps .zipCode {
  font-size: 15px;
  line-height: 1.3333333333333333;
}

}
@media [object Object] and (min-width: 1280px) {
  .nextSteps.v2nextSteps .zipCode {
  letter-spacing: -0.01em;
  font-size: 17px;
  line-height: 1.411764705882353;
}

}
.v2_blockquote_simple {
  width: 100%;
}
.v2_blockquote_simple .body-content {
  margin: 0 10.347%;
  text-align: center;
}
@media (max-width: 767px) {
  .v2_blockquote_simple .body-content {
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 86.13%;
}

}
.v2_blockquote_simple .aspect16x9 {
  position: relative;
}
.v2_blockquote_simple .aspect16x9:before {
  display: block;
  content: "";
  padding-top: 56.25%;
  width: 100%;
}
.v2_blockquote_simple .aspect16x9 > .aspectContent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  .v2_blockquote_simple .aspect16x9 {
  width: 33%;
  order: 2;
}

}
@media (max-width: 767px) {
  .v2_blockquote_simple .cta {
  margin-right: auto;
}
.v2_blockquote_simple .cta > a {
  padding: 0;
  font-size: 16px;
}
.v2_blockquote_simple .cta > a i {
  font-size: 22px;
}
.v2_blockquote_simple .cta > a i::before {
  margin-right: 8px;
}

}
.v2_blockquote_simple .arrow {
  order: 3;
  font-size: 20px;
}
@media (min-width: 768px) {
  .v2_blockquote_simple .arrow {
  display: none;
}

}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.v2_blockquote {
  position: relative;
  float: left;
  width: 100%;
}
.v2_blockquote .blockquoteInner {
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .v2_blockquote .blockquoteInner.width_80 {
  width: 80% !important;
}
.v2_blockquote .blockquoteInner.width_100 {
  width: 100% !important;
}

}
@media (min-width: 768px) {
  .v2_blockquote .blockquoteInner .hasMarginBottom_true {
  margin-bottom: 12px;
}

}
@media (max-width: 767px) {
  .v2_blockquote .blockquoteInner .hasMarginBottomMobile_true {
  margin-bottom: 12px;
}

}
.v2_blockquote .blockquoteInner.padding_small {
  padding: 0 3.449%;
}
@media (max-width: 767px) {
  .v2_blockquote .blockquoteInner.padding_small {
  padding: 0;
}

}
.v2_blockquote .blockquoteInner.padding_medium {
  padding: 0 5%;
}
@media (max-width: 767px) {
  .v2_blockquote .blockquoteInner.padding_medium {
  padding: 0;
}

}
.v2_blockquote .blockquoteInner.padding_large {
  padding: 0 6.98%;
}
@media (max-width: 767px) {
  .v2_blockquote .blockquoteInner.padding_large {
  padding: 0;
}

}
.v2_blockquote .blockquoteInner.padding_xlarge {
  padding: 0 13.96%;
}
@media (max-width: 767px) {
  .v2_blockquote .blockquoteInner.padding_xlarge {
  padding: 0;
}

}
.v2_blockquote .blockquoteInner.imgAboveCopy {
  display: flex;
  flex-direction: column;
}
.v2_blockquote .blockquoteInner.imgAboveCopy > div {
  order: 2;
}
.v2_blockquote .blockquoteInner.imgAboveCopy .attributionImageWrapper {
  order: 1;
  flex-shrink: 0;
}
.v2_blockquote .blockquoteInner.imgAboveCopy .attributionText {
  margin-bottom: 5%;
}
.v2_blockquote .blockquoteInner .hideOnMobile_true {
  display: none;
}
.v2_blockquote .blockquoteInner .cta .ctaFullWidth_true {
  width: 100%;
  box-sizing: border-box;
  margin-top: 0;
}
.v2_blockquote .blockquoteInner .cta .ctaUppercase_true {
  text-transform: uppercase;
}
.v2_blockquote .blockquoteInner .cta.pinToBottom_true {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  bottom: 0;
}
.v2_blockquote .blockquoteInner .cta.hide-mobile {
  display: none;
}
@media (min-width: 768px) {
  .v2_blockquote .blockquoteInner .cta.hide-mobile {
  display: initial;
}

}
.v2_blockquote .blockquoteInner .cta .button-1 {
  color: white;
  margin-top: 20px;
  height: 40px;
  line-height: 40px;
}
.v2_blockquote .blockquoteInner .attributionImageWrapper {
  text-align: center;
}
.v2_blockquote .blockquoteInner .alignM_left {
  text-align: left;
}
.v2_blockquote .blockquoteInner .alignM_center {
  text-align: center;
}
.v2_blockquote .blockquoteInner .alignM_right {
  text-align: right;
}
.v2_blockquote .blockquoteInner .container .responsiveLink {
  display: inline-block;
  width: 25%;
}
@media (min-width: 768px) {
  .v2_blockquote .blockquoteInner .container .responsiveLink {
  width: 18%;
}

}
@media (max-width: 767px) {
  .v2_blockquote .blockquoteInner .container .responsiveLink {
  display: block;
  width: 100%;
  padding-bottom: 20px;
}

}
@media (min-width: 768px) {
  .v2_blockquote .blockquoteInner .align_left {
  text-align: left;
}
.v2_blockquote .blockquoteInner .align_center {
  text-align: center;
}
.v2_blockquote .blockquoteInner .align_right {
  text-align: right;
}

}
@media (min-width: 768px) {
  .v2_blockquote .blockquoteInner .category {
  font-size: 14px;
}

}
.v2_blockquote .blockquoteInner .title-content span {
  display: none;
}
.v2_blockquote .blockquoteInner .underline {
  background-color: #00b1eb;
  margin: 25px 0;
  width: 60px;
  height: 6px;
}
.v2_blockquote .blockquoteInner .underline.center_true {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .v2_blockquote .blockquoteInner .underline {
  width: 80px;
  height: 5px;
}

}
@media (max-width: 767px) {
  .v2_blockquote .blockquoteInner .underline {
  margin: 10px 0;
  height: 4px;
}

}
.v2_blockquote .blockquoteInner p {
  margin: 0;
}
.v2_blockquote .blockquoteInner p a {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  color: #000000 !important;
  font-size: 15px;
  line-height: 1.2666666666666666;
  text-decoration: none;
  color: #00b1eb !important;
}
@media (min-width: 768px) {
  .v2_blockquote .blockquoteInner p a {
  letter-spacing: -0.015em;
  font-size: 12px;
  line-height: 1.3333333333333333;
}

}
@media (min-width: 1024px) {
  .v2_blockquote .blockquoteInner p a {
  font-size: 15px;
  line-height: 1.3333333333333333;
}

}
@media (min-width: 1280px) {
  .v2_blockquote .blockquoteInner p a {
  letter-spacing: -0.01em;
  font-size: 17px;
  line-height: 1.411764705882353;
}

}
.v2_blockquote .blockquoteInner .titleBodyBlock {
  *zoom: 1;
}
.v2_blockquote .blockquoteInner .titleBodyBlock:before,
.v2_blockquote .blockquoteInner .titleBodyBlock:after {
  display: table;
  content: "";
  line-height: 0;
}
.v2_blockquote .blockquoteInner .titleBodyBlock:after {
  clear: both;
}
.v2_blockquote .blockquoteInner .titleBodyBlock.type_blockquote {
  margin-bottom: 0;
}
.v2_blockquote .blockquoteInner .titleBodyBlock.type_blockquote .body-content {
  font-family: "Black", sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
}
@media (min-width: 768px) {
  .v2_blockquote .blockquoteInner .titleBodyBlock.type_blockquote .body-content {
  letter-spacing: -0.02em;
  font-size: 28px;
  line-height: 1.1428571428571428;
}

}
@media (min-width: 1024px) {
  .v2_blockquote .blockquoteInner .titleBodyBlock.type_blockquote .body-content {
  font-size: 36px;
  line-height: 1.1666666666666667;
}

}
@media (min-width: 1280px) {
  .v2_blockquote .blockquoteInner .titleBodyBlock.type_blockquote .body-content {
  letter-spacing: -0.025em;
  font-size: 48px;
  line-height: 1.1666666666666667;
}

}
@media (min-width: 768px) {
  .v2_blockquote .blockquoteInner .titleBodyBlock.titleBodyStacked_true .title-content,
.v2_blockquote .blockquoteInner .titleBodyBlock.titleBodyStacked_true .body-content {
  float: left;
}
.v2_blockquote .blockquoteInner .titleBodyBlock.titleBodyStacked_true .title-content {
  margin-right: 10%;
  width: 30%;
}
.v2_blockquote .blockquoteInner .titleBodyBlock.titleBodyStacked_true .body-content {
  width: 60%;
}

}
.v2_blockquote .blockquoteInner .thankYou.email .email {
  display: inline-block;
}
.v2_blockquote .blockquoteInner .thankYou.phone .phone {
  display: inline-block;
}
.v2_blockquote .blockquoteInner .thankYou.either .either {
  display: inline-block;
}
.v2_blockquote .blockquoteInner .thankYou .email,
.v2_blockquote .blockquoteInner .thankYou .phone,
.v2_blockquote .blockquoteInner .thankYou .either {
  display: none;
}
@media (max-width: 767px) {
  .collapsed .v2_blockquote .blockquoteInner  .title-content {
  color: #7c878e !important;
}

}
.v2_blockquote .blockquoteTicker ul {
  list-style-type: none;
  position: relative;
  padding-left: 0;
  margin: 0;
}
.v2_blockquote .blockquoteTicker li {
  opacity: 0;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.v2_blockquote .blockquoteTicker li.current {
  opacity: 1;
  -webkit-transition: opacity 1000ms ease-in-out;
  -moz-transition: opacity 1000ms ease-in-out;
  -o-transition: opacity 1000ms ease-in-out;
  transition: opacity 1000ms ease-in-out;
}
.v2_blockquote .blockquoteTicker li.placeholder {
  position: relative;
}
.v2_blockquote .dots {
  margin-top: 50px;
}
.v2_blockquote .dots .dot {
  width: 6px;
  height: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: static;
  background: #5d6c77;
  display: inline-block;
  margin: 4px 15px;
}
@media (max-width: 767px) {
  .v2_blockquote .dots .dot {
  margin: 4px 10px;
}

}
.v2_blockquote .dots .dot.current {
  width: 14px;
  height: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  background: #000;
  margin: 0 5px;
}
@media (max-width: 767px) {
  .v2_blockquote {
  position: relative;
  float: left;
  width: 100%;
}
.v2_blockquote .blockquoteInner .cta .ctaHasTopMarginMobile_false {
  margin-top: 0 !important;
}

}
@media (max-width: 767px) {
  .mobileTopSpacerNone:before {
  display: none !important;
}
.mobileTopSpacerHalf:before {
  display: block;
  width: 100%;
  height: 1.3751vw !important;
  min-height: 10px;
  max-height: 20px !important;
}
.mobileTopSpacerX1:before {
  content: "";
  display: block;
  width: 100%;
  height: 2.7502vw !important;
  min-height: 20px;
  max-height: 40px !important;
}
.mobileTopSpacerX2:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(2.7502vw * 2) !important;
  min-height: 20px;
  max-height: 80px !important;
}
.mobileTopSpacerX3:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(2.7502vw * 3) !important;
  min-height: 20px;
  max-height: 120px !important;
}
.mobileBottomSpacerNone:after {
  display: none !important;
}
.mobileBottomSpacerHalf:after {
  content: "";
  display: block;
  width: 100%;
  height: 2.7502vw;
  min-height: 20px;
  max-height: 40px;
}
.mobileBottomSpacerHalf.noGutter:after {
  height: auto;
  min-height: auto;
  max-height: auto;
}
.mobileBottomSpacerHalf:after {
  height: calc(2.7502vw / 2) !important;
  max-height: 40px !important;
}
.mobileBottomSpacerX1:after {
  content: "";
  display: block;
  width: 100%;
  height: 2.7502vw;
  min-height: 20px;
  max-height: 40px;
}
.mobileBottomSpacerX1.noGutter:after {
  height: auto;
  min-height: auto;
  max-height: auto;
}
.mobileBottomSpacerX2:after {
  content: "";
  display: block;
  width: 100%;
  height: 2.7502vw;
  min-height: 20px;
  max-height: 40px;
}
.mobileBottomSpacerX2.noGutter:after {
  height: auto;
  min-height: auto;
  max-height: auto;
}
.mobileBottomSpacerX2:after {
  height: calc(2.7502vw * 2) !important;
  max-height: 80px !important;
}
.mobileBottomSpacerX3:after {
  content: "";
  display: block;
  width: 100%;
  height: 2.7502vw;
  min-height: 20px;
  max-height: 40px;
}
.mobileBottomSpacerX3.noGutter:after {
  height: auto;
  min-height: auto;
  max-height: auto;
}
.mobileBottomSpacerX3:after {
  height: calc(2.7502vw * 3) !important;
  max-height: 120px !important;
}
.mobileBottomSpacerX4:after {
  content: "";
  display: block;
  width: 100%;
  height: 2.7502vw;
  min-height: 20px;
  max-height: 40px;
}
.mobileBottomSpacerX4.noGutter:after {
  height: auto;
  min-height: auto;
  max-height: auto;
}
.mobileBottomSpacerX4:after {
  height: calc(2.7502vw * 4) !important;
  max-height: 160px !important;
}

}

.v2_basicGrid .assets,
.v2_basicGrid .blocks {
  float: left;
  width: 100%;
  position: relative;
}
.v2_basicGrid .assets .first,
.v2_basicGrid .blocks .first,
.v2_basicGrid .assets .second,
.v2_basicGrid .blocks .second,
.v2_basicGrid .assets .third,
.v2_basicGrid .blocks .third {
  position: relative;
  float: left;
}
.v2_basicGrid .assets.items_1 .first,
.v2_basicGrid .blocks.items_1 .first {
  width: 100%;
}
.v2_basicGrid .assets.items_2 .first,
.v2_basicGrid .blocks.items_2 .first {
  width: calc(50% - 20px);
}
.v2_basicGrid .assets.items_2 .second,
.v2_basicGrid .blocks.items_2 .second {
  width: calc(50% - 20px);
  margin-left: 40px;
}
.v2_basicGrid .assets.items_3 .first,
.v2_basicGrid .blocks.items_3 .first {
  width: 28%;
}
.v2_basicGrid .assets.items_3 .second,
.v2_basicGrid .blocks.items_3 .second {
  width: 28%;
  margin-left: 8%;
  margin-right: 8%;
}
.v2_basicGrid .assets.items_3 .third,
.v2_basicGrid .blocks.items_3 .third {
  width: 28%;
}

/*
  See https://deutsch.jira.com/wiki/display/VWTHREE/MBP+-+Font+Icon+Packages for more information.
*/
/* ===== DO NOT REPLACE CODE BELOW ===== */
@font-face {
  font-family: 'vw-icons';
src: url('../common/vw-icons/vw-icons.eot?32095387');
src: url('../common/vw-icons/vw-icons.eot?32095387#iefix') format('embedded-opentype'), url('../common/vw-icons/vw-icons.woff2?32095387') format('woff2'), url('../common/vw-icons/vw-icons.woff?32095387') format('woff'), url('../common/vw-icons/vw-icons.ttf?32095387') format('truetype'), url('../common/vw-icons/vw-icons.svg?32095387#vw-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.vw-icon:before {
  font-family: "vw-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.vw-icon.vw-icon-encircled-true:before {
  border-width: 2px;
  border-style: solid;
  border-radius: 1000px;
  padding: 3px;
  font-size: 70%;
  position: relative;
  top: -2px;
}
.vw-icon.vw-icon-hide-true {
  display: none !important;
}
/* ===== DO NOT REPLACE CODE ABOVE ===== */
/* ===== REPLACE MAPPING BELOW FROM FONTELLO ===== */
.vw-icon-arrow-open-down.vw-icon:before {
  content: '\e800';
}
/* '' */
.vw-icon-arrow-solid-left-right.vw-icon:before {
  content: '\e801';
}
/* '' */
.vw-icon-arrowhead-left-right.vw-icon:before {
  content: '\e802';
}
/* '' */
.vw-icon-arrowhead-thick-left.vw-icon:before {
  content: '\e803';
}
/* '' */
.vw-icon-arrowhead-thick-right.vw-icon:before {
  content: '\e804';
}
/* '' */
.vw-icon-arrowhead-thin-right.vw-icon:before {
  content: '\e805';
}
/* '' */
.vw-icon-asterisk.vw-icon:before {
  content: '\e806';
}
/* '' */
.vw-icon-brochure.vw-icon:before {
  content: '\e807';
}
/* '' */
.vw-icon-calculator.vw-icon:before {
  content: '\e808';
}
/* '' */
.vw-icon-car.vw-icon:before {
  content: '\e809';
}
/* '' */
.vw-icon-caret-double.vw-icon:before {
  content: '\e80a';
}
/* '' */
.vw-icon-caron-single.vw-icon:before {
  content: '\e80b';
}
/* '' */
.vw-icon-dollar.vw-icon:before {
  content: '\e80c';
}
/* '' */
.vw-icon-ellipsis.vw-icon:before {
  content: '\e80d';
}
/* '' */
.vw-icon-eye-open.vw-icon:before {
  content: '\e80e';
}
/* '' */
.vw-icon-gear.vw-icon:before {
  content: '\e80f';
}
/* '' */
.vw-icon-heart-with-magnifier.vw-icon:before {
  content: '\e810';
}
/* '' */
.vw-icon-key.vw-icon:before {
  content: '\e811';
}
/* '' */
.vw-icon-left-align.vw-icon:before {
  content: '\e812';
}
/* '' */
.vw-icon-logo-facebook.vw-icon:before {
  content: '\e813';
}
/* '' */
.vw-icon-logo-instagram.vw-icon:before {
  content: '\e814';
}
/* '' */
.vw-icon-logo-pinterest.vw-icon:before {
  content: '\e815';
}
/* '' */
.vw-icon-logo-twitter.vw-icon:before {
  content: '\e816';
}
/* '' */
.vw-icon-logo-youtube.vw-icon:before {
  content: '\e817';
}
/* '' */
.vw-icon-star.vw-icon:before {
  content: '\e818';
}
/* '' */
.vw-icon-magnifier.vw-icon:before {
  content: '\e819';
}
/* '' */
.vw-icon-menu.vw-icon:before {
  content: '\e81a';
}
/* '' */
.vw-icon-news.vw-icon:before {
  content: '\e81b';
}
/* '' */
.vw-icon-phone.vw-icon:before {
  content: '\e81c';
}
/* '' */
.vw-icon-pin.vw-icon:before {
  content: '\e81d';
}
/* '' */
.vw-icon-play.vw-icon:before {
  content: '\e81e';
}
/* '' */
.vw-icon-plus.vw-icon:before {
  content: '\e81f';
}
/* '' */
.vw-icon-snowflake.vw-icon:before {
  content: '\e820';
}
/* '' */
.vw-icon-steering-wheel.vw-icon:before {
  content: '\e821';
}
/* '' */
.vw-icon-tag.vw-icon:before {
  content: '\e822';
}
/* '' */
.vw-icon-wheel.vw-icon:before {
  content: '\e823';
}
/* '' */
.vw-icon-x-thick.vw-icon:before {
  content: '\e824';
}
/* '' */
.vw-icon-x-thin.vw-icon:before {
  content: '\e825';
}
/* '' */
/* FROM /mobile/css/var.less *//* MAIN */
/* Notes: Add sections here using tabs to denote hierarchy. */
/*
  =============
  MEDIA QUERIES
  =============

  .componentName {
    // Mobile styles (default)

    @media @on-tablet-portrait {
      // Tablet portrait (768px and above) styles
    }

    @media @on-tablet-landscape {
      // Tablet landscape (1024px and above) styles
    }

    @media @on-desktop {
      // Desktop (1280px and above) styles
    }

    @media @on-widescreen {
      // Widescreen (1440px and above) styles
    }
  }
*/
/* The magical clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.ieTransparencyFix {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;
  /* fix for IE8 PNG transparency */

  zoom: 1;
}
.offScreen {
  position: absolute;
  left: -5000px;
}
.noScroll {
  overflow: hidden;
}
.noScroll.mobile {
  position: fixed;
  top: 0;
  width: 100%;
}
.noScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.fakeScroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fakeScroll.mobile {
  position: absolute;
  top: 0;
}
.fakeScroll.mobile #mainWrapper {
  height: 100%;
  overflow: hidden;
}
.positionFixed {
  position: fixed;
}
.makeRelative {
  position: relative;
}
.indentAway {
  text-indent: -9999px;
}
.hide {
  display: none;
}
.bold {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.invisible {
  visibility: hidden;
}
.transparent {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.half {
  width: 50%;
}
.quarter {
  width: 25%;
}
.caps {
  text-transform: uppercase;
}
.preventSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hideTextHighlight ::selection {
  color: transparent;
  background-color: transparent;
}
.hideTextHighlight ::-moz-selection {
  color: transparent;
  background-color: transparent;
}
/* CSS(3) Stuff - Ripped from Bootstrap's mixins.less */
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.questionIcon {
  background: url('../../../clientlibs/vwcom/img/components/shared/questionIcon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 20px;
  width: 30px;
}
a.questionIcon span {
  visibility: hidden;
}
/*=========================== */
/* VOLKSWAGEN 3.0 STYLE GUIDE */
/* ========================== */
/* COLORS */
/* Note: Please see colorPalette.png in the same folder as this file. */
/* Adding new colors:
    1. Add as the next sequence of color in the list below, include description comment.
    2. Add as a block in the PNG file (no need to group similar colors).
*/
/* FONTS */
/**
 * VW Color
 * MBP, etc.
 * Last Updated 2/17/2016
 */
/**
* VW Typography
* Last Updated: 5/4/2016
*/
/**
* Black = boldest
* Book = next boldest
* Semibold
* Book Light
*/
.notice-accessories {
  border-bottom: 1px solid #6a7986;
  clear: both;
  color: #6a7986;
  display: block;
  margin: 0 0 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .notice-accessories {
  margin-bottom: 60px;
}

}
/**
* VW UI
* Last updated 5/4/2016
*/
.v2_appConnect {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 640px;
  overflow: hidden;
  position: relative;
  width: 325px;
}
@media (min-width: 768px) {
  .v2_appConnect {
  height: auto;
  max-width: 100%;
  padding: 0 6.98%;
  width: 100%;
}

}
@keyframes circular {
  0% {
  transform: rotate(0deg) translatex(4px) rotate(0deg);
}
50% {
  transform: rotate(360deg) translatex(4px) rotate(-360deg);
}
100% {
  transform: rotate(0deg) translatex(4px) rotate(0deg);
}

}
@keyframes logoScale1 {
  0%,
45%,
100% {
  opacity: 1;
  transform: scale(1, 1);
}
50%,
90% {
  opacity: 0;
  transform: scale(0, 0);
}

}
@keyframes logoScale2 {
  0%,
45%,
100% {
  opacity: 0;
  transform: scale(0, 0);
}
50%,
90% {
  opacity: 1;
  transform: scale(1, 1);
}

}
.v2_appConnect .appConnectInner {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.v2_appConnect .mobile {
  display: block;
}
@media (min-width: 768px) {
  .v2_appConnect .mobile {
  display: none;
}

}
.v2_appConnect.apple .android {
  display: none;
}
.v2_appConnect.android .apple {
  display: none;
}
.v2_appConnect * {
  box-sizing: border-box;
}
.v2_appConnect .appConnectVideoPause {
  background: url('../../../../content/dam/vwcom/v2/app-connect/images/pausePlay.png') 0 0 no-repeat;
  height: 153px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 200ms;
  width: 153px;
}
.v2_appConnect .videoContainer {
  display: none;
  position: relative;
}
.v2_appConnect .videoContainer.paused .appConnectVideoPause {
  background-position: -153px 0;
  opacity: 1;
}
.v2_appConnect .videoContainer:hover:not(.paused) .appConnectVideoPause {
  opacity: 1;
}
.v2_appConnect button {
  font-family: "Black", sans-serif;
  font-weight: normal;
  background: none;
  border: 0;
  cursor: pointer;
  outline: none;
}
.v2_appConnect a {
  font-family: "Black", sans-serif;
  font-weight: normal;
}
.v2_appConnect p {
  display: block;
  margin: 0;
}
.v2_appConnect ul {
  margin: 0;
  padding: 0;
}
.v2_appConnect li {
  list-style: none;
}
.v2_appConnect .desktop {
  display: none;
}
@media (min-width: 768px) {
  .v2_appConnect .desktop {
  display: block;
}

}
@media (min-width: 768px) {
  .v2_appConnect .appConnectMain {
  display: none;
  height: 100%;
  max-width: 100%;
  padding: 0;
  width: 100%;
}
.v2_appConnect .appConnectMain.active {
  display: block;
}

}
.v2_appConnect .logo {
  height: 35px;
  overflow: hidden;
  position: absolute;
  width: 35px;
  z-index: 5;
}
@media (min-width: 768px) {
  .v2_appConnect .logo {
  height: 80px;
  width: 80px;
}

}
.v2_appConnect .logo:nth-of-type(6n+1) {
  left: 9%;
  top: 25%;
}
.v2_appConnect .logo:nth-of-type(6n+2) {
  left: 25%;
  top: 2%;
}
@media (min-width: 768px) {
  .v2_appConnect .logo:nth-of-type(6n+2) {
  height: 60px;
  width: 60px;
}

}
.v2_appConnect .logo:nth-of-type(6n+3) {
  left: 34%;
  top: 15%;
}
@media (min-width: 768px) {
  .v2_appConnect .logo:nth-of-type(6n+3) {
  height: 70px;
  top: 18%;
  width: 70px;
}

}
.v2_appConnect .logo:nth-of-type(6n+4) {
  right: 34%;
  top: 2%;
}
@media (min-width: 768px) {
  .v2_appConnect .logo:nth-of-type(6n+4) {
  height: 70px;
  width: 70px;
}

}
.v2_appConnect .logo:nth-of-type(6n+5) {
  right: 25%;
  top: 14%;
}
@media (min-width: 768px) {
  .v2_appConnect .logo:nth-of-type(6n+5) {
  height: 60px;
  top: 18%;
  width: 60px;
}

}
.v2_appConnect .logo:nth-of-type(6n+6) {
  right: 6%;
  top: 10%;
}
@media (min-width: 768px) {
  .v2_appConnect .logo:nth-of-type(6n+6) {
  height: 60px;
  width: 60px;
}

}
.v2_appConnect .logo:nth-of-type(6n+1) {
  animation: circular 8s linear infinite;
}
.v2_appConnect .logo:nth-of-type(6n+2) {
  animation: circular 8s linear infinite 400ms;
}
.v2_appConnect .logo:nth-of-type(6n+3) {
  animation: circular 8s linear infinite 200ms;
}
.v2_appConnect .logo:nth-of-type(6n+4) {
  animation: circular 8s linear infinite 600ms;
}
.v2_appConnect .logo:nth-of-type(6n+5) {
  animation: circular 8s linear infinite 200ms;
}
.v2_appConnect .logo:nth-of-type(6n+6) {
  animation: circular 8s linear infinite;
}
.v2_appConnect .logo img {
  background: #ebf1f2;
  border-radius: 50%;
}
.v2_appConnect .choices {
  display: none;
}
@media (min-width: 768px) {
  .v2_appConnect .choices {
  height: auto;
  width: 100%;
  z-index: 101;
}

}
.v2_appConnect .choices button {
  bottom: 30px;
  position: absolute;
}
.v2_appConnect .choices > div {
  cursor: pointer;
  height: auto;
  float: left;
  overflow: hidden;
  position: relative;
  width: calc(50% - 4px);
}
.v2_appConnect .choices > div:first-child {
  margin-right: 4px;
}
.v2_appConnect .choices > div:first-child button {
  left: 30px;
}
.v2_appConnect .choices > div:last-child {
  margin-left: 4px;
}
.v2_appConnect .choices > div:last-child button {
  right: 30px;
}
.v2_appConnect .choices > div > div {
  padding-top: 100%;
  transition: transform 700ms ease;
  transform: scale(1.05);
  width: 100%;
}
.v2_appConnect .choices > div > div:hover {
  transform: scale(1);
}
.v2_appConnect .appConnectNav {
  border-bottom: 3px solid #e5e7e8;
  overflow: auto;
  padding-bottom: 12px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .v2_appConnect .appConnectNav {
  padding: 0 0 9px;
}
.v2_appConnect .appConnectNav.hasArrows_true {
  padding-top: 18px;
}

}
.v2_appConnect .appConnectNav ul {
  float: left;
}
.v2_appConnect .appConnectNav li {
  display: none;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.v2_appConnect .appConnectNav li.active {
  display: inline-block;
}
.v2_appConnect .slides {
  position: relative;
}
@media (min-width: 768px) {
  .v2_appConnect .slides {
  height: calc(100% - 76px);
}

}
.v2_appConnect .appConnectArrow {
  display: none;
}
.v2_appConnect .vw-icon {
  cursor: pointer;
  display: none;
  position: absolute;
  right: 0;
  top: 4px;
  z-index: 3;
}
.v2_appConnect .vw-icon:nth-of-type(1) {
  right: 50px;
}
.v2_appConnect .vw-icon.vw-icon-encircled-true::before {
  color: #00b1eb;
  font-size: 12px;
  padding: 10px;
}
.v2_appConnect .vw-icon.vw-icon-encircled-true:hover::before {
  color: #0099cc;
}
.v2_appConnect .vw-icon.vw-icon-encircled-true.hide {
  cursor: initial;
}
.v2_appConnect .vw-icon.vw-icon-encircled-true.hide::before {
  color: #c0c9cc;
}
.v2_appConnect .slidesContainer {
  left: 0;
  overflow: visible;
  position: relative;
  top: 0;
  width: 1500px;
}
@media (min-width: 768px) {
  .v2_appConnect .slidesContainer {
  height: auto;
  overflow: hidden;
  width: 100%;
}

}
.v2_appConnect .slidesContainer .inner {
  height: auto;
  margin: 0 auto;
  max-width: 640px;
  position: relative;
}
.v2_appConnect .slidesContainer img:not(.logo-img) {
  margin-bottom: 13%;
  max-width: 100%;
  -webkit-user-drag: none;
}
.v2_appConnect .slidesContainer p.legal {
  font-family: "Semibold", sans-serif;
  font-weight: normal;
  color: #6a7986;
  letter-spacing: -0.015em;
  font-size: 11px;
  line-height: 1.2727272727272727;
  display: none;
}
@media (min-width: 768px) {
  .v2_appConnect .slidesContainer p.legal {
  letter-spacing: -0.01em;
  font-size: 12px;
  line-height: 1.3333333333333333;
}

}
.v2_appConnect .slidesContainer p.legal sup {
  background-color: #e5e7e8;
  border-radius: 50%;
  color: #00b1eb;
  display: inline-block;
  font-size: 10px;
}
@media (min-width: 768px) {
  .v2_appConnect .slidesContainer p.legal {
  font-size: 12px;
  margin-bottom: 24px;
}

}
.v2_appConnect .slidesContainer p.headline {
  margin-bottom: 12px;
}
.v2_appConnect .slidesContainer p.body {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .v2_appConnect .slidesContainer p.body {
  margin-bottom: 20px;
}

}
.v2_appConnect .slidesContainer p.link {
  color: #00b1eb;
}
@media (min-width: 768px) {
  .v2_appConnect .slidesContainer p.link {
  font-size: 17px;
}

}
.v2_appConnect .appConnectSlide {
  float: left;
  height: auto;
  min-height: 100%;
  padding: 0 1.5625 0%;
  text-align: center;
  vertical-align: top;
  width: 375px;
}
@media (min-width: 768px) {
  .v2_appConnect .appConnectSlide {
  height: auto;
  width: 100%;
}

}
.v2_appConnect .appConnectSlide.active {
  display: block;
  opacity: 1;
}
.v2_appConnect .appConnectSlide:last-child img:not(.logo-img) {
  margin-bottom: 0;
  max-width: 100%;
  padding: 50px 10px 0;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .v2_appConnect .appConnectSlide:last-child img:not(.logo-img) {
  margin-bottom: 56px;
  max-width: 75%;
  padding: 100px 0 0;
}

}
@media (min-width: 1024px) {
  .v2_appConnect .appConnectSlide:last-child img:not(.logo-img) {
  max-width: 100%;
}

}
@media (min-width: 768px) {
  .v2_appConnect .appConnectCopy {
  padding: 0 50px;
}

}
.v2_appConnect .slideOutro {
  opacity: 0;
  transition: opacity 1000ms;
}
@media (min-width: 768px) {
  
}
.v2_appConnect .slideOutro.fadeIn {
  opacity: 1;
}
.v2_appConnect .slideOutro .button {
  margin-bottom: 20px;
}
.v2_appConnect .progress {
  display: inline-block;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  top: 190px;
  transform: translatex(-50%);
  z-index: 10;
}
@media (min-width: 768px) {
  .v2_appConnect .progress {
  top: 62%;
}

}
@media (min-width: 1024px) {
  .v2_appConnect .progress {
  top: 62%;
}

}
.v2_appConnect .progress li {
  background-color: #666666;
  border-radius: 50%;
  height: 4px;
  display: inline-block;
  text-indent: -9999px;
  transition: all 400ms;
  width: 4px;
}
@media (min-width: 768px) {
  .v2_appConnect .progress li {
  height: 10px;
  width: 10px;
}

}
.v2_appConnect .progress li.active {
  background-color: #1d1e1f;
  height: 6px;
  width: 6px;
}
@media (min-width: 768px) {
  .v2_appConnect .progress li.active {
  height: 12px;
  width: 12px;
}

}
.v2_appConnect .restart {
  display: none;
}
@media (min-width: 768px) {
  .v2_appConnect .restart {
  background: url('../../../../content/dam/vwcom/v2/app-connect/images/app-connect-play-again.png') 0 50% no-repeat;
  color: #00b1eb;
  font-size: 17px;
  padding-left: 28px;
}

}
@media (min-width: 768px) {
  .v2_appConnect.appConnectVideo .appConnectNav {
  border: 0;
  margin: 0 0 12px;
  overflow: visible;
  padding: 0;
}
.v2_appConnect.appConnectVideo .appConnectNav.hasArrows_true {
  padding-top: 18px;
}

}
@media (min-width: 768px) {
  .v2_appConnect.appConnectVideo .appConnectNav .track {
  background-color: #00b1eb;
  border: 0;
  bottom: -4px;
  height: 4px;
  left: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  transition: all 400ms;
  width: 100px;
  z-index: 100;
  width: 0;
}

}
@media (min-width: 768px) {
  .v2_appConnect.appConnectVideo .appConnectNav ul {
  border-bottom: 2px solid #f1f5f6;
  display: flex;
  flex-direction: row;
  float: none;
}

}
@media (min-width: 768px) {
  .v2_appConnect.appConnectVideo .appConnectNav li {
  font-family: "Black", sans-serif;
  font-weight: normal;
  letter-spacing: -0.025em;
  background: none;
  color: #7c878e;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.25;
  padding: 0 0 18px;
  position: relative;
  color: #000000;
  display: inline-block;
  margin-right: 34px;
  padding-bottom: 20px;
}

}
@media (min-width: 768px) {
  .v2_appConnect.appConnectVideo .appConnectNav li:hover {
  color: #00b1eb;
}

}
@media (min-width: 768px) {
  .v2_appConnect.appConnectVideo .appConnectNav li.active {
  color: #00b1eb;
}

}
.v2_appConnect.appConnectVideo .videoContainer,
.v2_appConnect.appConnectVideo .choices,
.v2_appConnect.appConnectVideo .appConnectArrow,
.v2_appConnect.appConnectVideo p.legal {
  display: block;
}
.v2_appConnect.appConnectVideo .choices.hide {
  display: none;
}
.v2_appConnect.appConnectVideo .restart {
  display: inline-block;
}
.v2_appConnect.appConnectVideo .noVideo,
.v2_appConnect.appConnectVideo .progress {
  display: none;
}
.v2_appConnect.appConnectVideo .appConnectSlide {
  float: none;
  opacity: 0;
  position: absolute;
  transition: opacity 700ms linear;
  visibility: hidden;
}
.v2_appConnect.appConnectVideo .appConnectSlide.active {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 768px) {
  .v2_appConnect.appConnectVideo .appConnectSlide:last-child img:not(.logo-img) {
  margin-bottom: 0;
}

}

.sectionDivider {
  background-size: cover;
  height: 100vh;
}
.sectionDivider .sectionDividerText {
  position: absolute;
  bottom: 200px;
}
.sectionDivider h2 {
  font-size: 50px;
}
.sectionDivider .sectionNavName {
  border-bottom: 3px solid blue;
  z-index: 100;
}

.mastheadV2 .mastheadInner {
  position: relative;
}
.mastheadV2 img {
  position: relative;
}
.mastheadV2 .title,
.mastheadV2 .description {
  position: absolute;
  left: 10%;
}
.mastheadV2 .title {
  bottom: 30%;
  font-family: 'black';
  font-size: 4em;
  color: #fff;
}
.mastheadV2 .description {
  bottom: 20%;
  font-size: 2em;
  color: #ddd;
}