/* Upper bootstrap break points */
/* Lower bootstrap break points */
/* -----------------------------------------
   Root - CSS Variables
----------------------------------------- */

:root {
  --ds-vehicle-image-blur: 20px;
  --ds-vehicle-image-offset: calc(-1 * var(--ds-vehicle-image-blur));
  --ds-window-height: 100vh;
}
/* -----------------------------------------
   Bootstrap Overrides
----------------------------------------- */

.h1,
.h2,
.h3,
.h4,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', sans-serif;
}
/* This override is to prevent material design from flickering with it's base color before a color template style sets the final color */

a,
a:focus,
a:hover {
  color: inherit;
}
/* Fix for iOS scrolling issues when modal is open */

/* Fix for iOS modal sticking to the top*/

.ios.modal-open {
  overflow: hidden;
  overflow-y: hidden;
  position: relative;
  width: 100%;
}
/* Accessibility styles */

@keyframes accessibility-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
a:focus,
button:focus {
  outline: thin dashed;
}
.ds-accessibility-icon {
  background: #003d68;
  border-radius: 50%;
  bottom: 13px;
  box-sizing: content-box;
  cursor: pointer;
  display: inline-block;
  height: 57px;
  left: 13px;
  min-width: 57px;
  min-height: 57px;
  max-width: 57px;
  max-height: 57px;
  padding: 4px;
  position: fixed;
  right: auto;
  top: auto;
  transition: all ease 0.1s;
  width: 57px;
}
.ds-accessibility-icon:hover {
  transform: scale(1.1);
}
.ds-accessibility-icon.hide-icon {
  transform: translate(-100%, -50%);
}
.ds-accessibility-icon.loading .ds-accessibility-icon-loading-container {
  display: block;
}
.ds-accessibility-icon.loading .ds-accessibility-icon-img {
  display: none;
}
.ds-accessibility-icon-actions {
  background: 0 0;
  cursor: pointer;
  display: none;
  font-size: 12px;
  left: 63px;
  line-height: 14px;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  z-index: -1;
}
.ds-accessibility-icon-actions span {
  background: #003d68;
  border-radius: 0 4px 4px 0;
  color: white;
  display: inline;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  padding: 3px 6px;
  position: relative;
  white-space: nowrap;
}
.ds-accessibility-icon-actions .ds-accessibility-icon-hide-mobile {
  border-radius: 4px 4px 0 0;
  display: none;
}
.ds-accessibility-icon-actions .ds-accessibility-icon-hide-mobile img {
  height: 18px;
  margin-top: 3px;
  padding-bottom: 6px;
  width: 16.49px;
}
.ds-accessibility-icon-actions .ds-accessibility-icon-show {
  display: none;
}
.show-actions .ds-accessibility-icon-actions {
  display: block;
}
.hide-icon .ds-accessibility-icon-actions .ds-accessibility-icon-hide {
  display: none;
}
.hide-icon .ds-accessibility-icon-actions .ds-accessibility-icon-show {
  display: block;
}
.ds-accessibility-icon-container {
  background-color: transparent;
  bottom: 30px;
  filter: none;
  overflow: initial;
  position: fixed;
  transform: none;
  -webkit-filter: none;
  z-index: 2147483647;
}
.ds-accessibility-icon-img {
  background: 0 0;
  border: none;
  display: block;
  height: 57px;
  margin: 0;
  max-width: 100%;
  padding: 0;
  vertical-align: middle;
  width: 57px;
}
.ds-accessibility-icon-loading-container {
  animation: accessibility-spin 0.75s infinite linear;
  background-position: -48px -48px;
  background-size: 140px;
  display: none;
  height: 45px;
  left: 11px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  transform-origin: 50% 50% 0 !important;
  width: 45px;
}
.ds-accessibility-icon-loading-img {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 45px;
}
.popover.ds-carfax-snapshot-popup {
  max-width: 100%;
}
.popover.ds-carfax-snapshot-popup[style*="display: block"] {
  display: flex !important;
}
.popover.ds-carfax-snapshot-popup .popover-content {
  max-width: 100%;
  min-height: 438px;
  padding: 0;
  width: 420px;
}
.popover.ds-carfax-snapshot-popup .popover-content .carfax-snapshot-embedded {
  width: auto;
}
.popover.ds-carfax-snapshot-popup .popover-content .carfax-snapshot {
  border-radius: 5px;
  overflow: auto;
}
.popover.ds-carfax-snapshot-popup .popover-content .free-carfax-report {
  padding-bottom: 10px;
}
@media (max-width: 1199px) {
  /* VDP2 - Userway - Mobile Shopping Tools View */
  
  .ds-page-inventory-detail-2.ds-vdp-shopping-tools-open .ds-accessibility-icon-container,
  .ds-page-inventory-detail-2.ds-vdp-shopping-tools-open .uwy {
    z-index: 100;
  }
  .ds-page-inventory-detail-2 .ds-accessibility-icon,
  .ds-page-inventory-detail-2 .uwy.userway_p5 .uai {
    bottom: 63px;
  }
}
@media (max-width: 767px) {
  .ds-accessibility-icon {
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    width: 40px;
  }
  .ds-accessibility-icon-img {
    height: 40px;
    width: 40px;
  }
  .ds-accessibility-icon-actions {
    left: 45px;
  }
  .ds-accessibility-icon:not(.hide-icon) .ds-accessibility-icon-actions {
    display: block;
    left: 10px;
    right: 10px;
    top: -5px;
  }
  .ds-accessibility-icon:not(.hide-icon) .ds-accessibility-icon-actions .ds-accessibility-icon-hide {
    display: none;
  }
  .ds-accessibility-icon:not(.hide-icon) .ds-accessibility-icon-actions .ds-accessibility-icon-hide-mobile {
    display: block;
  }
  .ds-accessibility-icon-loading-container {
    left: 1px;
    top: 2px;
  }
}
/* Fix for iOS zoom on inputs even though page is responsive */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select,
  textarea,
  input {
    font-size: 16px;
  }
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
    background: #eee;
  }
}
/* Enhance size to behave more like natural select element */

.dropdownjs > ul {
  width: intrinsic;
  /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;
  /* Firefox/Gecko */
  width: -webkit-max-content;
  /* Chrome */

}
/* IE fix for blank content at bottom */

.ie .dropdownjs > ul {
  max-height: 0;
}
/* Dropdownjs override to use Font Awesome */

.dropdownjs::after {
  content: '\f0d7';
  font-family: FontAwesome;
}
/* Dropdownjs has class to set background of dropdown menu to white always,
   theme editor has body set to default text color, which can be white, must override
   here or white body text will cause white text on white background
*/

.dropdownjs > ul > li {
  color: #000000;
}
/* Show errors on knockout forms when submitted */

.form-group.has-error:not(.ds-no-md) .help-block {
  display: block;
}
/* Radio button remove excessive padding */

label .radio-inline {
  padding-left: 35px;
}
/* Form-specific styling */

.ds-form-top-row ~ .ds-form-content-row {
  margin-top: 20px;
}
/* These classes are flex classes to override Bootstrap, if Bootstrap classes must
    be converted to flexbox.
*/

.ds-row-flex-col-override {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.ds-row-flex-col-override > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
/* These overrides fix gaps that the bootstrap hidden classes leave behind when you have multiple 
   bootstrap visiblity classes for different view types. Without these overrides,
   hidden content is visible at times when it shouldn't be. 
*/

@media (min-width: 768px) {
  .hidden-sm.hidden-md.hidden-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-md.hidden-lg {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .hidden-xs.hidden-sm.hidden-md {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .hidden-xs.hidden-sm {
    display: none !important;
  }
  .ds-form-content-row > .pull-left,
  .ds-form-content-row > .pull-right {
    margin-bottom: 20px;
  }
}
/* -----------------------------------------
   Flexbox - Generic Classes
----------------------------------------- */

.ds-flex-row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}
.ds-flex-row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.ds-flex-col {
  flex: 1 0 0%;
}
.ds-flex-col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.ds-flex-col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.ds-flex-col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.ds-flex-col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.ds-flex-col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.ds-flex-col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.ds-flex-col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.ds-flex-col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.ds-flex-col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.ds-flex-col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.ds-flex-col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.ds-flex-col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.ds-flex-col-basic {
  display: flex;
  flex-direction: column;
}
.ds-flex-grow {
  flex-grow: 1;
}
.ds-flex-item,
.ds-flex-item-end,
.ds-flex-item-start {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ds-flex-item {
  justify-content: center;
}
.ds-flex-item-end {
  justify-content: flex-end;
}
.ds-flex-item-start {
  justify-content: flex-start;
}
.ds-flex-row-basic {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ds-flex-no-grow {
  flex-grow: unset !important;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.ds-justify-content-start {
  justify-content: flex-start !important;
}
.ds-justify-content-center {
  justify-content: center !important;
}
.ds-justify-content-end {
  justify-content: flex-end !important;
}
.ds-justify-content-around {
  justify-content: space-around !important;
}
.ds-justify-content-between {
  justify-content: space-between !important;
}
.ds-justify-content-evenly {
  justify-content: space-evenly !important;
}
@media (min-width: 768px) {
  .ds-flex-col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .ds-flex-col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .ds-flex-col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .ds-flex-col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .ds-flex-col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .ds-flex-col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .ds-flex-col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .ds-flex-col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .ds-flex-col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .ds-flex-col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .ds-flex-col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .ds-flex-col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .ds-flex-col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .ds-flex-col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .ds-flex-col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .ds-flex-col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .ds-flex-col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .ds-flex-col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .ds-flex-col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .ds-flex-col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .ds-flex-col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .ds-flex-col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .ds-flex-col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .ds-flex-col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .ds-flex-col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .ds-flex-col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .ds-flex-col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .ds-flex-col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .ds-flex-col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .ds-flex-col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .ds-flex-col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .ds-flex-col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .ds-flex-col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .ds-flex-col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .ds-flex-col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .ds-flex-col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .ds-flex-col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .ds-flex-col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .ds-flex-col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .ds-flex-col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .ds-flex-col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .ds-flex-col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .ds-flex-col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .ds-flex-col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .ds-flex-col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .ds-flex-col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .ds-flex-col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .ds-flex-col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
/* ----------------------------------------------------
   noUiSlider - Material Design (Conflict) Overrides
---------------------------------------------------- */

.slider-styled {
  margin: 10px 0;
}
.slider-styled .noUi-handle {
  left: unset;
  transition: none;
}
.slider-styled .noUi-handle {
  z-index: inherit;
}
.slider-styled .noUi-handle::after,
.slider-styled .noUi-handle::before {
  background-color: transparent;
}
.slider-styled .noUi-handle.noUi-active {
  transform: scale3d(1.25, 1.25, 1);
}
/* Slider Override - Round Style */

.slider-styled.ds-slider-round {
  height: 10px;
}
.slider-styled.ds-slider-round .noUi-handle {
  border-radius: 9px;
  height: 18px;
  top: -5px;
  right: -9px;
  /* half the width */
  width: 18px;
}
.slider-styled.ds-slider-round .noUi-handle::after,
.slider-styled.ds-slider-round .noUi-handle::before {
  background-color: transparent;
  content: none;
}
.slider-styled.ds-slider-round .noUi-handle .noUi-touch-area {
  height: 144%;
  margin-top: -18%;
  margin-left: -18%;
  width: 144%;
}
@media (max-width: 991px) {
  .slider-styled.ds-slider-round .noUi-handle {
    border-radius: 12px;
    height: 24px;
    top: -8px;
    right: -12px;
    width: 24px;
  }
}
/* Extra Slider Styling */

.ds-slider-wrapper {
  padding: 1px 0;
}
.ds-slider-wrapper.ds-slider-with-horizontal-pips {
  padding-bottom: 38px;
}
.ds-tooltip-active-on-focus .noUi-tooltip {
  display: none;
}
.ds-tooltip-active-on-focus .noUi-active .noUi-tooltip {
  display: block;
}
/* -----------------------------------------
   Form Validation
----------------------------------------- */

.input-validation-error.form-control {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.validation-summary-errors {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
/* -----------------------------------------
   Form Contact Disclaimer Checkbox/Radio Buttons
----------------------------------------- */

.form-group.ds-sms-checkbox-inline,
.form-group.ds-sms-radio {
  margin-bottom: 15px;
  margin-top: 0;
  padding-bottom: 0;
}
.ds-sms-checkbox-inline {
  position: relative;
}
.ds-sms-checkbox-inline .checkbox-inline {
  left: 0;
  position: absolute;
  top: -4px;
}
body:not(.ds-page-careers-index) .ds-sms-checkbox-inline label.checkbox-inline .checkbox-material {
  top: 0;
}
.ds-sms-checkbox-inline .ds-contact-disclaimer {
  text-indent: 27px;
}
.ds-sms-radio.form-group.is-focused label.radio-inline,
.ds-sms-radio.form-group label.radio-inline {
  font-size: inherit;
}
.ds-sms-radio.form-group.is-focused label.radio-inline,
.ds-sms-radio.form-group label.radio-inline,
.ds-sms-radio.form-group.is-focused label.radio-inline:focus,
.ds-sms-radio.form-group label.radio-inline:focus,
.ds-sms-radio.form-group.is-focused label.radio-inline:hover,
.ds-sms-radio.form-group label.radio-inline:hover {
  color: inherit;
}
.ds-sms-radio label.radio-inline {
  display: inline-block;
  width: 100%;
}
.ds-sms-radio .radio-inline + .radio-inline {
  margin-left: 0;
  margin-top: 10px;
}
.ds-sms-radio label.radio-inline .circle,
.ds-sms-radio label.radio-inline .check {
  margin-top: 2px;
}
.ds-sms-checkbox-inline.has-error .help-block,
.ds-sms-radio.has-error .help-block {
  margin-bottom: 0;
  margin-top: 10px;
  position: static;
}
.ds-page-inventory-detail-2 .ds-sms-checkbox-inline .checkbox-inline {
  top: 0;
}
#ds-vehicle-email-modal .ds-sms-checkbox-inline .checkbox-inline {
  left: 3px;
  top: -1px;
}
#ds-vehicle-email-modal .ds-contact-disclaimer,
#ds-vehicle-email-modal .ds-contact-disclaimer + .help-block {
  text-align: left;
}
#ds-vehicle-email-modal .ds-sms-radio {
  text-align: left;
}
#ds-buy-now-form .ds-sms-checkbox-inline .checkbox-inline {
  left: 1px;
  top: -1px;
}
.ds-page-careers-index .ds-sms-radio label.radio-inline .circle,
.ds-page-careers-index .ds-sms-radio label.radio-inline .check {
  margin-top: 5px;
}
/* -----------------------------------------
   reCAPTCHA
----------------------------------------- */

@media (min-width: 992px) and (max-width: 1199px) {
  #ds-careers-sidebar .ds-recaptcha {
    transform: scale(0.85);
    transform-origin: 0 0;
  }
}
@media (max-width: 375px) {
  .ds-recaptcha {
    transform: scale(0.75);
    transform-origin: 0 0;
  }
}
@media (max-width: 300px) {
  .ds-recaptcha {
    transform: scale(0.65);
  }
}
/* -----------------------------------------
   Uploader
----------------------------------------- */

#fine-uploader-gallery {
  min-height: 200px;
}
/* -----------------------------------------
   Block Elements
----------------------------------------- */

.ds-well {
  margin-bottom: 1em;
  margin-top: 1em;
  border-radius: 0;
  padding: 10px;
}
.ds-block {
  margin-top: 1em;
  margin-bottom: 1em;
}
.ds-small-block {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
/* -----------------------------------------
   Buttons
----------------------------------------- */

.btn,
.dropdown-menu {
  border-radius: 0;
}
.btn-icon {
  padding: 5px 0;
}
.ds-btn-no-borders {
  border: none;
}
.btn-ds {
  padding: 6px 12px;
  text-transform: initial;
}
/* -----------------------------------------
   Images - Vehicle Images
----------------------------------------- */

.ds-vehicle-image-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.ds-vehicle-image-container::after {
  content: "";
  display: block;
  /* This calc will change if 4:3 override is on */
  padding-bottom: calc(200% / 3);
}
.ds-vehicle-image-container a {
  position: relative;
}
.ds-vehicle-image-container > a,
.ds-vehicle-image-container .ds-vehicle-picture,
.ds-vehicle-image-container .ds-vehicle-picture-bg {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.ds-vehicle-image-container img {
  margin: auto;
}
.ds-vehicle-image-container .ds-vehicle-picture-bg .ds-img-blur {
  filter: blur(var(--ds-vehicle-image-blur));
  height: calc(100% - 2 * var(--ds-vehicle-image-offset, 0px));
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 2 * var(--ds-vehicle-image-offset, 0px));
}
.ds-vehicle-image-container .ds-vehicle-picture img {
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
/* 3:2 Override, currently the default, so class doesn't really need to be used */

.ds-vehicle-image-3-2 .ds-vehicle-image-container::after {
  padding-bottom: calc(200% / 3);
}
/* 4:3 Override */

.ds-vehicle-image-4-3 .ds-vehicle-image-container::after {
  padding-bottom: calc(300% / 4);
}
/* -----------------------------------------
  Vertical Line with text
----------------------------------------- */

.ds-line-wrapper {
  position: relative;
  width: 60px;
  margin: 0 auto;
}
.ds-word {
  padding: 2px;
  letter-spacing: 1px;
  padding: 3px;
  border: #ebebeb 1px solid;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-style: italic;
  font-weight: bold;
  margin: 0 auto;
}
.ds-line {
  width: 1px;
  background: #eaeaea;
  z-index: 1;
  height: 100%;
  margin: 0 auto;
}
.ds-word-wrapper {
  text-align: center;
  height: 30px;
  position: absolute;
  z-index: 2;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ds-line-wrapper {
    height: 300px;
    left: 50%;
    transform: translateX(-50%);
  }
  .ds-word-wrapper {
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -12px;
  }
}
@media (max-width: 767px) {
  .ds-line-wrapper {
    height: 100px;
    width: 100%;
  }
  .ds-line {
    height: 0px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(2px);
    width: 100%;
  }
  .ds-line::before,
  .ds-line::after {
    background-color: inherit;
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: calc(50% - 15px);
  }
  .ds-line::before {
    left: calc(25% - 7px);
  }
  .ds-line::after {
    left: calc(75% + 7px);
  }
  .ds-line-wrapper .ds-word-wrapper {
    background-color: transparent;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -12px;
  }
}
/* -----------------------------------------
   Page
----------------------------------------- */

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.vertical-align {
  display: flex;
  align-items: center;
}
.thumbnail {
  padding: 0;
  border-radius: 0;
}
.page-heading {
  margin-top: 8px;
  text-transform: uppercase;
}
h1.page-heading {
  font-size: 1.7em;
}
.ds-page-heading .breadcrumb {
  margin-right: 0;
  margin-bottom: 14px;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .ds-page-heading .breadcrumb {
    display: none;
  }
}
#ds-header-contact-wrapper span {
  font-size: 1.2em;
  display: block;
}
.ds-page-heading h2 {
  margin-top: 0;
  padding-top: 8px;
}
.ds-page-heading .breadcrumb .active {
  font-weight: bold;
}
.ds-header-announcement {
  padding-top: 9px;
  padding-bottom: 9px;
  text-align: center;
}
.ds-header-announcement a {
  text-decoration: underline;
}
.ds-header {
  padding-top: 15px;
  /*padding-bottom: 15px;*/

}
.ds-header-address-title {
  display: block;
  margin: 5px 0;
}
.ds-header-address-wrapper {
  padding-top: 0.5em;
}
.ds-header-address i {
  padding-right: 0.25em;
}
.ds-logo-header {
  padding-bottom: 35px;
}
/* Needed to prevent CLS */

.ds-logo-link img {
  aspect-ratio: var(--ds-logo-aspect-ratio);
}
.clear {
  clear: both;
}
/* These 3 rules ensure the footer is at the bottom of the screen if the */

/* content is not long enough to fill it (no blank space below footer) */

html,
body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
.ds-content {
  flex-grow: 1;
}
/* -----------------------------------------
   Footer
----------------------------------------- */

.ds-footer-sticky {
  padding-bottom: 1em;
}
.ds-footer-sticky .ds-footer-container {
  margin-top: 1em;
}
.ds-footer-modules .container {
  padding: 2em;
}
.ds-footer-modules h4 {
  text-transform: uppercase;
}
#ds-brand-index li,
#ds-brand-index a,
.ds-footer .ds-locate-us address a,
.ds-footer-site-info-container a {
  padding-top: 3px;
  padding-bottom: 3px;
}
.ds-footer .ds-locate-us address > a {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 6px;
}
.ds-footer .ds-locate-us address > a p:last-of-type {
  margin-top: 12px;
  margin-bottom: 0;
}
.ds-footer .ds-locate-us address > p {
  margin-top: 7px;
  margin-bottom: 12px;
}
.ds-footer-site-info-container > div {
  padding-bottom: 6px;
  padding-top: 6px;
}
.ds-footer .ds-social-media img {
  height: 32px;
  width: auto;
}
/* -----------------------------------------
   Footer, Flex
----------------------------------------- */

.ds-footer-modules-flex .ds-brand-index-wrapper,
.ds-footer-modules-flex .ds-locate-us,
.ds-footer-modules-flex .ds-follow-us,
.ds-footer-modules-flex .ds-footer-careers {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ds-footer-modules-flex #ds-brand-index,
.ds-footer-modules-flex .ds-footer-address-container,
.ds-footer-modules-flex .ds-social-media-container,
.ds-footer-modules-flex .ds-footer-site-info-container {
  flex-grow: 1;
  margin-bottom: 10px;
}
/* -----------------------------------------
   Social Media
----------------------------------------- */

.ds-social-media {
  padding: 0.5em 0 0.5em 0;
}
.ds-social-media a {
  margin-right: 0.5em;
}
.ds-social-media i {
  min-width: 1.2em;
  text-align: center;
}
.ds-social-media i,
.ds-social-media img {
  margin-right: 8px;
  vertical-align: middle;
}
.ds-icon {
  margin-right: 0.5em;
  display: inline-block;
}
.ds-social-media i.ds::before {
  font-size: 2em;
  margin: 0 0 0 0.1em;
  min-width: 1.1em;
}
/* IE Fix */

.ie .ds-social-media i.ds::before {
  font-size: 2.5rem;
}
.ds-social-media-container-header .ds-social-media i.ds {
  height: 35px;
}
.ds-social-media-container-header .ds-social-media i.ds::before {
  font-size: 3rem;
  margin-bottom: 28px;
  margin-left: 3px;
}
.ds-social-media .ds {
  text-transform: none;
}
/* -----------------------------------------
   Sidebar - Contact
----------------------------------------- */

.ds-contact-sidebar-link-col {
  padding: 0;
}
.ds-contact-sidebar-link {
  text-transform: uppercase;
}
.ds-contact-sidebar-social-media .ds-social-media {
  float: left;
}
.ds-contact-sidebar-social-media .ds-social-media:first-child {
  margin-right: 1em;
}
.ds-contact-sidebar-social-media:after {
  clear: both;
}
.ds-contact-sidebar-social-media .ds-social-media img {
  margin-top: -4px;
}
@media (min-width: 992px) {
  .ds-contact-sidebar-container {
    margin-left: 5%;
  }
}
/* -----------------------------------------
    Quick Search
----------------------------------------- */

.ds-quicksearch-wrapper select.form-control {
  border: none;
}
#ds-featured-images-row {
  position: relative;
}
.ds-quicksearch-heading {
  margin-top: 1.5em;
}
.ds-quicksearch-heading .ds-quicksearch-function-icon {
  margin-right: 0.5em;
}
.ds-quicksearch-close {
  margin-top: 10px;
}
#ds-quicksearch {
  display: none;
}
#ds-quicksearch-form .btn-ds,
#ds-quicksearch-form .btn-ds:focus,
#ds-quicksearch-form .btn-ds:hover {
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 992px) {
  #ds-quicksearch {
    position: absolute;
    top: 0;
    right: 0;
  }
}
#ds-quicksearch-form {
  padding: 0.5em;
}
.ds-quicksearch-overlay {
  opacity: 0.7;
}
/* -----------------------------------------
    Account
----------------------------------------- */

.ds-register-content {
  border-right: 1px solid;
}
.ds-status {
  display: none;
}
.ds-status.alert {
  display: block;
}
.form-group:not(.ds-no-md) input.has-error + .help-block {
  color: #f44336;
  display: block;
}
@media (min-width: 768px) {
  #ds-signup-step1 .ds-recaptcha-enabled {
    margin-top: 141px;
  }
}
/* -----------------------------------------
   Multi Dealer
----------------------------------------- */

.ds-dealer-selection {
  padding-bottom: 10px;
  padding-top: 10px;
}
.ds-dealer-selection .ds-select-dealer-container {
  margin: 5px;
  padding: 20px;
  text-align: center;
}
.ds-dealer-selection .ds-select-dealer-container .ds-select-dealer-image-container {
  height: 90px;
  position: relative;
}
.ds-dealer-selection .ds-select-dealer-container .ds-select-dealer-image-container img {
  left: 50%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ds-dealer-selection .ds-select-dealer-container .btn.btn-ds {
  white-space: break-spaces;
}
/* -----------------------------------------
   Google Maps
----------------------------------------- */

.ds-contact-sidebar .ds-google-map {
  margin-top: 1em;
  margin-bottom: 1em;
  width: 100%;
  overflow: hidden;
}
.ds-locate-us .ds-google-map {
  width: 163px;
  height: 133px;
}
.col-lg-4 > .ds-contact-sidebar-container .ds-contact-sidebar .ds-google-map iframe {
  min-height: 280px;
}
.col-lg-5 > .ds-contact-sidebar-container .ds-contact-sidebar .ds-google-map iframe {
  min-height: 350px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .col-md-4 > .ds-contact-sidebar-container .ds-contact-sidebar .ds-google-map iframe {
    min-height: 230px;
  }
  .col-md-5 > .ds-contact-sidebar-container .ds-contact-sidebar .ds-google-map iframe {
    min-height: 290px;
  }
}
/* -----------------------------------------
   Home Page - Image Carousel
----------------------------------------- */

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;
}
.carousel-control .icon-next,
.carousel-control .fa-chevron-right {
  right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .fa-chevron-left {
  left: 50%;
}
.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
  font-size: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  width: 30px;
}
/* -----------------------------------------
   Finance Your Car
----------------------------------------- */

.ds-page-preapproved {
  min-height: 1000px;
}
.ds-preapproved {
  margin-bottom: 25px;
  padding: 15px 15px 20px;
}
.ds-preapproved button {
  width: 100%;
}
.ds-preapproved h3 span,
.ds-preapproved h4 span {
  display: inline;
  margin-top: 10px;
  vertical-align: middle;
}
.ds-preapproved input {
  vertical-align: middle;
}
.ds-preapproved input[type="checkbox"] {
  vertical-align: middle;
  width: auto;
}
.ds-preapproved input[type="date"] {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  vertical-align: middle;
}
.ds-preapproved-label {
  vertical-align: middle;
}
.ds-preapproved #CreditApp_Agree {
  margin: 0 4px 0 0;
}
.ds-preapproved #CreditApp_HasCoApplicant {
  margin: 0 4px 0 0;
}
.ds-preapproved #CreditApp_HasSameResidence {
  margin: 0 4px 0 0;
}
.ds-preapproved a:not(.btn) {
  text-decoration: underline;
}
.ds-preapproved label[for="CreditApp_Agree"] {
  margin-bottom: 0;
}
.ds-preapproved .btn-ds {
  margin-bottom: 10px;
}
.ds-preapproved .ds-city-display:after {
  content: ",";
}
.ds-preapproved .ds-credit-disclaimer,
.ds-preapproved .ds-contact-disclaimer {
  display: block;
  font-size: 0.8em;
  margin-bottom: 15px;
  margin-top: 10px;
}
.ds-preapproved .ds-edit-link {
  cursor: pointer;
  font-size: 0.8em;
  font-style: italic;
  margin-left: 5px;
}
.ds-preapproved .ds-preapproved-page {
  display: none;
}
.ds-preapproved .ds-preapproved-page.active {
  display: block;
}
.ds-preapproved .label-floating .control-label {
  overflow: visible;
  white-space: nowrap;
}
#ds-preapproved-birth-date-container + .help-block,
#ds-preapproved-cosigners-birth-date-container + .help-block {
  position: relative;
}
/* Empty datetime input shows a date in Safari for some reason */

.is-empty #ds-preapproved-birth-date-container input::-webkit-datetime-edit,
.is-empty #ds-preapproved-cosigners-birth-date-container input::-webkit-datetime-edit {
  display: none;
}
html[lang="es"] .ds-preapproved .ds-preapproved-birth-date-label > font > font {
  font-size: 0;
}
html[lang="es"] .ds-preapproved .ds-preapproved-birth-date-label > font > font:before {
  content: "Fecha de nacimiento (mm/dd/aaaa)";
  font-size: 16px;
}
html[lang="es"] .ds-preapproved .form-group:not(.ds-no-md).label-static .ds-preapproved-birth-date-label > font > font:before,
html[lang="es"] .ds-preapproved .form-group:not(.ds-no-md).label-floating.is-focused .ds-preapproved-birth-date-label > font > font:before,
html[lang="es"] .ds-preapproved .form-group:not(.ds-no-md).label-floating:not(.is-empty) .ds-preapproved-birth-date-label > font > font:before {
  font-size: 12px;
}
@media (min-width: 992px) {
  html[lang="es"] .ds-preapproved .ds-preapproved-birth-date-col {
    width: 58.33333333%;
  }
}
/* Co-applicant show/hide extra step button */

.ds-preapproved .ds-preapproved-step-number-container.ds-step-number-container-coapplicant,
.ds-preapproved .ds-has-coapplicant-container,
.ds-preapproved.has-coapplicant .ds-preapproved-step-number-container,
.ds-preapproved.has-coapplicant .ds-no-coapplicant-container {
  display: none;
}
.ds-preapproved .ds-no-coapplicant-container,
.ds-preapproved.has-coapplicant .ds-preapproved-step-number-container.ds-step-number-container-coapplicant,
.ds-preapproved.has-coapplicant .ds-has-coapplicant-container {
  display: block;
}
.ds-preapproved-step-number {
  border-radius: 15px;
  display: inline-block;
  margin: 5px 0 10px;
  vertical-align: middle;
}
.ds-preapproved-step-number span {
  display: table-cell;
  height: 25px;
  text-align: center;
  vertical-align: middle;
  width: 25px;
}
.ds-preapproved-step-number-container {
  text-align: right;
}
.ds-preapproved-step-number-name {
  margin: 0 0 10px;
}
.ds-preapproved-step-number-separator {
  display: inline-block;
  height: 3px;
  margin: 5px 0 10px;
  vertical-align: middle;
  width: 15px;
}
.ds-preapproved-step-number-title {
  margin: 0 0 5px;
}
#ds-preapproved-search-results {
  list-style: none;
  margin: 0 0 15px;
  max-height: 400px;
  overflow: auto;
  padding: 0 20px;
}
@media (max-width: 767px) {
  #ds-preapproved-search-results {
    max-height: none;
  }
}
@media (max-width: 500px) {
  .ds-page-financeyourcar-preapproved .form-group:not(.ds-no-md).label-floating label {
    font-size: 14px;
  }
}
#ds-preapproved-search-results li {
  cursor: pointer;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 5px;
  white-space: nowrap;
}
#ds-preapproved-search-results .ds-vehicle-info-container {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  white-space: pre-wrap;
}
#ds-preapproved-search-results .ds-image-container {
  display: inline-block;
  min-height: 50px;
  vertical-align: middle;
}
#ds-preapproved-search-results .ds-image-container img {
  width: 100px;
}
/* Aligns Next button with digicert seal */

.ds-preapproved-page-1.active .ds-next-button {
  margin-top: 14px;
}
.ds-preapproved-page-8 span {
  display: block;
}
.ds-preapproved-page-8 span.inline {
  display: inline;
}
.ds-preapproved-page .ds-vehicle-list-item .ds-vehicle-image {
  margin-top: 10px;
}
.ds-preapproved-page .ds-vehicle-list-item span {
  display: inline;
}
.ds-preapproved-page .ds-review-section {
  border-style: none none solid;
  border-width: 0 0 1px;
  padding-bottom: 10px;
}
/* For DealerCentric */

/* This selector appears on parent container of any iFramed credit apps */

.ds-preapproved-dc {
  overflow: auto;
  padding-top: 100%;
  -webkit-overflow-scrolling: touch;
}
.ds-preapproved-dc iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  overflow: auto;
}
/* Pre-Qualify */

.ds-prequalify-response .embed-responsive {
  padding-top: 100%;
}
.ds-prequalify-response #credit-score-gauge {
  width: 80%;
  height: 100%;
}
.ds-prequalify-response #credit-score-number {
  font-size: 100px;
  font-weight: bold;
  margin-top: -60px;
}
@media (max-width: 767px) {
  .ds-prequalify-response #credit-score-number {
    font-size: 60px;
    font-weight: bold;
    margin-top: -40px;
  }
}
.ds-prequalify-secondary-questions .embed-responsive,
.ds-page-prequalify-iframe .embed-responsive {
  padding-top: 100%;
}
@media (max-width: 991px) {
  .ds-prequalify-banner.pull-right {
    margin-top: 15px;
    margin-bottom: 15px;
    float: none !important;
    padding-left: 0;
    padding-right: 0;
  }
  .ds-prequalify-banner.pull-right .img-responsive {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .ds-page-financeyourcar-prequalify .form-group:not(.ds-no-md).label-floating label {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .ds-preapproved-dc {
    margin: 0 auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
  #ds-pricing-getapproved .ds-preapproved {
    width: 550px;
  }
  #ds-pricing-getapproved .ds-preapproved {
    overflow: hidden;
  }
}
.ds-preapproved iframe:not([title='reCAPTCHA']) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  overflow-y: scroll;
}
/* Bootstrap Datepicker */

.bootstrap-datetimepicker-widget thead tr:first-child th:hover,
.bootstrap-datetimepicker-widget td.second:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget .month:hover,
.bootstrap-datetimepicker-widget .year:hover {
  opacity: 0.5;
}
/* -----------------------------------------
   Finance Your Car - Privacy Policy
----------------------------------------- */

#ds-privacy-table-header-facts h3 {
  margin-top: 10px;
}
#ds-finance-privacy-policy .table {
  width: 100%;
  word-wrap: break-word;
}
#ds-finance-privacy-policy .table td:not(.ds-privacy-table-header) {
  vertical-align: middle;
}
#ds-finance-privacy-policy ul.horizontal {
  padding-left: 0;
  margin-bottom: 0;
}
#ds-finance-privacy-policy ul.horizontal li {
  display: inline;
  margin-bottom: 0;
  padding: 2px 25px 2px 0;
}
/* -----------------------------------------
   Home Page
----------------------------------------- */

.btn-block {
  white-space: normal;
}
.btn-block .has-right-icon {
  padding-left: 1.5em;
}
.ds-home-page-blurb {
  font-size: 1.9em;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase;
}
#ds-home-sales-btn {
  height: 133px;
  margin-bottom: 10px;
  margin-top: 0px;
  padding-top: 30px;
}
#ds-home-service-btn {
  height: 133px;
  margin-bottom: 10px;
  margin-top: 0px;
  padding-top: 30px;
}
.ds-vehicle-actions .ds-favorite {
  font-size: 16px;
  margin-right: 7px;
}
.ds-vehicle-actions > div:last-of-type {
  text-align: right;
}
@media (max-width: 991px) {
  .ds-thumbnail-footer {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .ds-home-cars-listing img.ds-generic-img {
    max-height: 222px;
  }
  .ds-car-griditem {
    padding: 0 5px;
  }
}
@media (max-width: 767px) {
  .ds-home-cars-listing {
    margin-right: 0;
    margin-left: 0;
  }
}
.ds-car-griditem .ds-compare-link {
  margin-bottom: 7px;
}
.ds-home-cars-listing-heading h2:first-child,
.ds-home-cars-listing-heading h3:first-child {
  font-size: 1.7em;
  margin-top: 0;
  text-transform: uppercase;
}
#ds-featured-vehicles {
  width: 100%;
  padding-top: 5px;
}
#ds-featured-vehicles .ds-page-tabs li {
  margin-bottom: 0.5em;
}
.ds-car-listings-btns.btn-group .btn {
  margin-right: 5px;
}
.ds-home-cars-listing-heading {
  margin-bottom: 1em;
}
.ds-home-cars-listing-heading .btn-ds {
  text-transform: uppercase;
}
@media (min-width: 992px) {
  #ds-featured-vehicles .ds-thumbnail-link img {
    height: 192px;
  }
  #ds-carousel img {
    height: 413px;
    /* Change to 462px to match perfectly square featured links box */
  
  }
  #ds-vehicle-listing .ds-thumbnail-link img {
    height: 185px;
  }
}
@media (min-width: 768px) {
  #ds-inventory-listview .btn-ds.pull-right {
    margin-top: 10px;
  }
}
.ds-thumbnail-link {
  width: auto;
  height: auto;
  display: block;
  text-align: center;
}
.ds-car-thumbnail {
  margin-bottom: 10px;
  width: 100%;
}
.ds-car-thumbnail .ds-thumbnail-footer.ds-vehicle-actions {
  margin-bottom: 5px;
  margin-top: 5px;
}
.ds-car-thumbnail-overlay {
  padding: 0.5em;
  opacity: 0.8;
  text-align: center;
  z-index: 100;
  margin: 0 auto;
  font-weight: bold;
  visibility: hidden;
  position: absolute;
  top: 80px;
  left: 40%;
}
@media (max-width: 991px) {
  .ds-car-thumbnail-overlay {
    left: calc(50% - 1em);
    top: calc(15vw * 3 / 2);
  }
  .ds-car-thumbnail img {
    padding: 10px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .ds-car-thumbnail-overlay {
    top: 30%;
    top: calc(15vw * 3 / 2);
    left: 45%;
    left: calc(50% - 1em);
  }
}
.ds-car-thumbnail:hover .ds-car-thumbnail-overlay {
  visibility: visible;
}
/* -----------------------------------------
   Home Page Featured Content
----------------------------------------- */

.ds-featured-content {
  padding-bottom: 1em;
}
.ds-featured-content h1,
.ds-featured-content h2,
.ds-featured-content h3,
.ds-featured-content h4,
.ds-featured-content-alt h1,
.ds-featured-content-alt h2,
.ds-featured-content-alt h3,
.ds-featured-content-alt h4 {
  text-transform: uppercase;
}
/* Spacing and padding */

.ds-featured-content .btn,
.ds-featured-content-alt .btn {
  margin-bottom: 20px;
}
a.ds-icon {
  border: none;
}
a.ds-icon:hover {
  text-decoration: none;
}
.ds-home-customer-review {
  margin-bottom: 1.2em;
}
.ds-home-customer-review .ds-ratings {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.ds-home-customer-review .ds-ratings i {
  margin-right: 3px;
}
.ds-business-hours {
  font-weight: normal;
}
.ds-business-hours-title {
  text-transform: uppercase;
}
/* -----------------------------------------
   Contact Us
----------------------------------------- */

#ds-contact-form-virtual-tour-message {
  display: none;
  margin-top: 28px;
}
#ds-contact-us .ds-contact-disclaimer {
  display: block;
  font-size: 0.8em;
  margin-bottom: 15px;
}
/* -----------------------------------------
   Service Your Car
----------------------------------------- */

#ds-service-listing {
  margin-top: 0.5em;
}
#ds-service-listing hr {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.ds-service-item .row {
  padding: 0.5em;
}
.ds-service-item img {
  height: auto;
  width: 100%;
}
.ds-service-contact {
  margin-bottom: 1em;
  padding: 9px;
}
.ds-service-contact address {
  margin: 0 auto;
}
.ds-service-contact address p {
  margin-bottom: 1em;
}
.ds-service-contact .btn {
  width: auto;
}
.ds-service-working-hours .table td:nth-child(2) {
  padding-left: 1em;
}
#ds-service-hours-table-alt > thead > tr > th {
  border-bottom: none;
}
#ds-service-hours-table-alt {
  border: none;
}
#ds-service-hours-table-alt td,
#ds-service-hours-table-alt tr,
#ds-service-hours-table-alt th,
#ds-service-hours-table-alt .table th,
#ds-service-hours-table-alt .table td {
  border-top: none;
}
#ds-service-hours-table-alt .table > thead > tr > th {
  border: none;
}
.ds-service-working-hours {
  border: none;
  padding-left: 1em;
  padding-top: 0.5em;
}
.ds-page-serviceyourcar-detail .ds-sales-hours-header {
  display: none;
}
.ds-page-serviceyourcar-detail .ds-sales-hours {
  display: none;
}
/* Style service category to look like h1 */

.ds-page-serviceyourcar-detail .page-heading {
  display: block;
  font-size: 1.7em;
  margin-top: 8px;
  text-transform: uppercase;
}
/* Style service detail title to look more like h4 as h1 is
    too large for space despite this being the actual title */

.ds-service-item .row:first-of-type h1 {
  font-size: 1.3em;
}
@media (max-width: 767px) {
  .ds-service-item img {
    width: 195px;
  }
}
/* -----------------------------------------
   Schedule an Appointment
----------------------------------------- */

.ds-page-carserviceappointment-index .ds-block {
  margin-bottom: 0em;
}
.ds-page-carserviceappointment-index .form-group {
  margin-bottom: 0px;
}
.ds-page-carserviceappointment-index .form-group h3 {
  margin-top: -5px;
  margin-bottom: -5px;
}
.ds-page-carserviceappointment-index .page-heading {
  margin-top: 15px;
  margin-bottom: 10px;
}
.ds-page-carserviceappointment-index .ds-contact-disclaimer {
  display: block;
  font-size: 0.8em;
  margin-bottom: 15px;
}
.ds-page-carserviceappointment-index .form-group[data-depends-on] {
  margin-bottom: 10px;
}
.ds-page-carserviceappointment-index .form-group[data-depends-on] .progress {
  margin-bottom: -4px;
}
/* -----------------------------------------
   About Us
----------------------------------------- */

.ds-page-tabs.nav-pills li {
  margin-right: 0.25em;
  margin-bottom: 1em;
}
#ds-about-us .tab-pane {
  padding-top: 1em;
}
.ds-about-us-main-image {
  margin-bottom: 1em;
}
.ds-about-us-main-image img {
  width: 100%;
}
/* -----------------------------------------
   Careers
----------------------------------------- */

.ds-job-opening {
  margin-top: 1em;
  margin-bottom: 1em;
}
.ds-apply-online {
  padding: 1em;
}
.ds-apply-online .validation-summary-errors {
  padding: 6px;
}
.ds-apply-online .btn-apply i {
  line-height: 1.42857;
}
.btn-apply i {
  margin-right: 1.5em;
}
.ds-contact-box {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
}
/* -----------------------------------------
   Careers - Contact Box
----------------------------------------- */

.ds-contact-box p {
  padding: 5px 0 5px 0;
}
.ds-contact-icon {
  margin-right: 0.5em;
}
.ds-mail-icon {
  opacity: 0.7;
}
/* -----------------------------------------
   News
----------------------------------------- */

.ds-news-item {
  margin: 1.5em 0 1.5em 0;
}
.ds-sidebar .ds-content-box-1,
.ds-sidebar .ds-content-box-2 {
  padding: 1em;
}
.ds-subscribe-help-text {
  margin-top: 1em;
}
.ds-content-box {
  margin-top: 1em;
  margin-bottom: 1em;
}
.ds-news-nav-pills {
  padding-bottom: 20px;
}
.ds-news-summary img {
  display: none;
  max-width: 100%;
}
.ds-news-summary p {
  word-wrap: break-word;
}
.ds-news-summary table {
  table-layout: fixed;
  width: 100%;
}
.ds-news-summary td {
  padding: 0px 2px;
  width: 25%;
  word-wrap: break-word;
}
/* -----------------------------------------
   Customer Reviews
----------------------------------------- */

.ds-review-body {
  padding: 1em;
}
.ds-review-body img {
  height: auto;
  width: 100%;
}
.ds-customer-review {
  margin-top: 1em;
  margin-bottom: 1em;
}
.ds-customer-review-heading {
  margin-bottom: 1.5em;
}
.ds-customer-review-heading:after {
  clear: both;
}
.ds-customer-review-heading h5 {
  margin-left: 3.4em;
}
@media (min-width: 768px) {
  .ds-customer-review-heading h5 {
    text-align: right;
  }
}
.ds-customer-review-heading img {
  height: 32px;
  margin-right: 1em;
  vertical-align: top;
  width: 32px;
}
.ds-customer-review-info {
  display: inline-block;
  vertical-align: middle;
}
.ds-testimonial-load-more-row {
  min-height: 60px;
}
.ds-subscribe-form {
  margin-bottom: 20px;
  padding: 0 1em;
}
.ds-subscribe-form h3 {
  margin-top: 0;
}
#ds-reviews-container,
.ds-testimonial-bubble-text,
.ds-row-share-testimonials,
#ds-write-review {
  padding: 0 1em;
}
.ds-testimonial-bubble-text p {
  hyphens: auto;
  white-space: normal;
  word-wrap: break-word;
}
.ds-page-testimonial-index .ds-btn-share-testimonial {
  font-size: 10px;
  width: 75px;
}
.ds-page-testimonial-index a.btn.btn-ds.ds-btn-share-testimonial i {
  margin-right: 8px;
}
.ds-page-testimonial-index a.btn.btn-ds.ds-btn-share-testimonial i.fa-google-plus {
  margin-right: 7px;
}
.ds-page-testimonial-index .ds-btn-share-testimonial.ds-btn-fb:not(.btn-primary),
.ds-page-testimonial-index .ds-btn-share-testimonial.ds-btn-fb:not(.btn-primary):hover,
.ds-page-testimonial-index .ds-btn-share-testimonial.ds-btn-fb:not(.btn-primary):focus {
  color: #ffffff;
  background-color: #3b5998;
}
.ds-page-testimonial-index .ds-btn-share-testimonial.ds-btn-gplus:not(.btn-primary),
.ds-page-testimonial-index .ds-btn-share-testimonial.ds-btn-gplus:not(.btn-primary):hover,
.ds-page-testimonial-index .ds-btn-share-testimonial.ds-btn-gplus:not(.btn-primary):focus {
  color: #ffffff;
  background-color: #d34836;
}
.ds-page-testimonial-index .ds-btn-share-testimonial.ds-btn-email:not(.btn-primary),
.ds-page-testimonial-index .ds-btn-share-testimonial.ds-btn-email:not(.btn-primary):hover,
.ds-page-testimonial-index .ds-btn-share-testimonial.ds-btn-email:not(.btn-primary):focus {
  color: #ffffff;
  background-color: #777979;
}
@media (max-width: 991px) {
  #ds-reviews-container .ds-no-customer-reviews {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .ds-review-body img {
    width: 195px;
  }
}
/* -----------------------------------------
   Customer Reviews: Tag Employee Dropdown
----------------------------------------- */

#ds-employee-dropdown-container {
  padding-bottom: 40px;
}
#ds-list-tag-employees-results {
  display: none;
  position: absolute;
  z-index: 100;
  width: 90%;
  padding-left: 0;
  overflow: hidden;
  white-space: nowrap;
}
#ds-tagged-employee-list {
  min-height: 55px;
  overflow: auto;
}
#txtTagEmployeeInput {
  margin-bottom: 0;
}
.ds-tag-employee-dropdown-result {
  background-color: #ffffff;
  border: 1px solid #bfbfbf;
  border-top: none;
  font-size: 15px;
  height: 75px;
}
.ds-tag-employee-dropdown-result:hover {
  opacity: 0.5;
}
.ds-tag-employee-dropdown-result-inactive {
  background-color: #f5f3f4;
}
.ds-tag-employee-dropdown-result-image {
  margin: 7px 10px 7px 5px;
  width: 61px;
  height: 61px;
  float: left;
  border-radius: 50%;
  border: 1px solid #bfbfbf;
}
.ds-tag-employee-dropdown-result-link {
  color: #000000;
}
.ds-display-tag-employee-dropdown#ds-list-tag-employees-results {
  display: block;
}
.ds-tag-employee-dropdown-result-title {
  font-size: 13px;
}
.ds-tag-employee-dropdown-result-name,
.ds-tag-employee-dropdown-result-title {
  text-overflow: ellipsis;
  overflow: hidden;
}
.ds-tag-employee-dropdown-result-text-section {
  padding-top: 18px;
  text-align: left;
}
.ds-tag-employee-dropdown-result-title,
.ds-tag-employee-dropdown-stock-no {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ds-tag-employee-dropdown-result-wrapper {
  background-color: #ffffff;
}
#ds-tagged-employee-list .btn.btn-ds {
  hyphens: auto;
  max-width: 99%;
  white-space: normal;
  word-wrap: break-word;
}
/* -----------------------------------------
   Elfsight Reviews Widget
----------------------------------------- */

.ds-page-widget-reviews .ds-elfsight-reviews-column {
  min-height: 1000px;
  padding-bottom: 50px;
}
/* -----------------------------------------
   Compare Cars
----------------------------------------- */

#ds-compare-cars .row {
  margin-right: 0;
  margin-left: 0;
}
#ds-compare-cars .row table {
  table-layout: fixed;
}
.ds-compare-img {
  display: block;
  height: 180px;
}
.ds-compare-img img {
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
.ds-compare-table {
  empty-cells: show;
}
.ds-compare-table h4 {
  margin-top: 0;
}
.ds-compare-table td:first-child,
.ds-compare-table td:nth-child(2),
.ds-compare-table td:nth-child(3),
.ds-compare-table td:nth-child(4) {
  width: 25%;
}
.ds-compare-featured-vehicle {
  overflow: visible;
}
.ds-compare-featured-vehicle td {
  word-wrap: break-word;
}
.ds-compare-featured-vehicle td:empty::after {
  content: "\00a0";
}
.ds-compare-reset {
  display: table-cell;
  vertical-align: middle;
}
.form-group.ds-addvehicle-form-group:first-child {
  margin-top: 0;
}
.ds-compare-header {
  height: 280px;
  padding-left: 5px;
  padding-right: 5px;
}
.ds-compare-header .ds-compare-header-title {
  margin-top: 0;
}
.ds-compare-header .ds-compare-header-overview {
  bottom: 0;
  margin-bottom: 0;
  position: absolute;
}
.ds-compare-header h4 {
  height: 30px;
  margin-bottom: 0;
  margin-top: 0;
}
.ds-compare-header h4.ds-compare-caption-title {
  margin-top: 10px;
}
@media (min-width: 768px) {
  #ds-compare-cars .row table td,
  .ds-compare-header .caption h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 992px) {
  .ds-compare-header {
    height: 250px;
  }
}
@media (max-width: 767px) {
  #ds-compare-cars[data-count='1'] {
    min-height: 2000px;
  }
  #ds-compare-cars[data-count='2'] {
    min-height: 3500px;
  }
  #ds-compare-cars[data-count='3'] {
    min-height: 4750px;
  }
  .ds-compare-featured-vehicle {
    margin-bottom: 1em;
    border-bottom: 1px solid;
  }
  .ds-compare-section > .ds-compare-table td {
    white-space: normal;
  }
}
#ds-compare-horizontal-headers,
.ds-compare-featured-vehicle {
  padding-right: 0;
  padding-left: 0;
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 768px) {
  #ds-compare-horizontal-headers {
    display: none;
  }
}
@media (min-width: 768px) {
  #ds-compare-horizontal-headers {
    display: inline-block;
  }
  table.ds-compare-table tr td:first-child {
    display: none;
  }
  .ds-compare-featured-vehicle .ds-compare-section h3,
  .ds-compare-featured-vehicle .ds-compare-section h4 {
    visibility: hidden;
  }
}
.ds-compare-table {
  empty-cells: show;
}
.ds-compare-header {
  position: relative;
}
.ds-compare-header .ds-close {
  position: absolute;
  font-weight: bold;
  top: 0;
  right: 6px;
}
table.ds-compare-table td {
  border-right: none;
  border-left: none;
}
#ds-compare-summary h4 {
  margin-bottom: 0;
}
#ds-compare-summary td {
  border-top: none;
  padding-bottom: 0;
}
#ds-compare-summary.table {
  margin-bottom: 0;
}
.ds-addcar-container {
  padding-left: 5px;
  padding-right: 5px;
}
/* Inventory Compare Remove Icon */

.ds-compare-section .ds-compare-remove-icon {
  margin-left: 1px;
}
/* -----------------------------------------
  Special Offers
----------------------------------------- */

.ds-special-offer.well {
  border-radius: 0;
}
/* -----------------------------------------
   Inventory, Horizontal Search Filter
----------------------------------------- */

.ds-search-filters.panel-body {
  padding-top: 0;
}
.ds-page-inventory-mysavedcars .ds-search-filters-header.panel,
.ds-page-inventory-mysavedcars .ds-search-filters.panel-body {
  display: none !important;
}
.ds-search-filters .ds-clear-btn {
  margin-top: 0;
  padding-bottom: 8px;
  padding-top: 8px;
}
.ds-search-filters > .form-group {
  margin-top: 14px;
}
#ds-clear-filter-icon {
  margin-right: 5px;
}
/* -----------------------------------------
   Inventory, Vehicle List Item 
----------------------------------------- */

.ds-car-griditem {
  margin-bottom: 10px;
  padding: 0 20px;
}
.ds-car-griditem .caption {
  color: inherit;
}
.ds-car-griditem .caption a {
  display: -webkit-box;
  font-size: 1.2em;
  height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ds-car-griditem .caption .ds-vehicle-mileage {
  font-weight: bold;
}
.ds-car-griditem .caption .ds-vehicle-stockno {
  font-style: italic;
}
.ds-car-griditem .caption-center {
  text-align: center;
}
.ds-car-griditem .ds-compare-button .label-text {
  font-size: 0.9em;
}
.ds-car-griditem .ds-compare-button.btn {
  font-size: 0.7em;
  margin: 0;
  padding: 5px;
}
.ds-car-griditem .ds-price-bar {
  display: table;
  margin-bottom: 5px;
  padding: 7px 0;
  width: 100%;
  /* Price bar (SRP)*/

}
.ds-car-griditem .ds-price-bar .checkbox-inline {
  margin-left: 0;
}
.ds-car-griditem .ds-price-bar .ds-compare-button-container {
  padding-left: 10px;
  min-height: 27px;
}
.ds-car-griditem .ds-car-griditem-price {
  font-size: 1.3em;
  font-weight: bold;
  padding-right: 10px;
  text-align: right;
}
.ds-car-griditem .ds-car-griditem-price-nice {
  font-size: 1.2em;
}
.ds-car-griditem .ds-old-price {
  margin-left: 0;
  margin-right: 5px;
}
.ds-car-griditem .ds-car-thumbnail {
  margin: 0;
}
.ds-car-griditem .row.ds-thumbnail-footer {
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 5px;
}
.ds-car-griditem .ds-icons-container {
  text-align: right;
}
.ds-car-griditem .ds-icons-container .ds-favorite .fa {
  font-size: 1.3em;
}
.ds-page-inventory-index .ds-car-griditem .ds-car-thumbnail {
  padding-bottom: 5px;
}
.ds-page-error-vehiclenotfound .ds-car-griditem .caption a {
  height: auto;
}
.ds-page-error-vehiclenotfound .ds-car-griditem .caption h4 {
  margin-bottom: 5px;
}
.ds-page-error-vehiclenotfound .ds-car-griditem .caption h4 small {
  position: relative;
}
.ds-page-error-vehiclenotfound .ds-car-griditem .caption h4 small::after {
  background-color: #777;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}
/* Fix issue with Bootstap introducing default Helvetica font popups */

.ds-page-inventory-preownedcars .popover {
  font-family: unset;
}
@media (max-width: 1199px) {
  .ds-car-griditem .ds-price-bar .ds-compare-button-container {
    padding-right: 0;
  }
  .ds-car-griditem .ds-price-bar .ds-car-griditem-price {
    font-size: 1.15em;
  }
  .ds-car-griditem .ds-price-bar .ds-car-griditem-price-nice {
    font-size: 1em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* Need to only affect 2 wide in this view so target col-sm-6 */
  
  .ds-car-griditem.col-sm-6 .caption {
    height: 100px;
  }
  .ds-car-griditem.col-sm-6 .ds-car-thumbnail a.ds-thumbnail-link {
    height: 235px;
  }
  .ds-car-griditem.col-sm-6 .ds-car-thumbnail img {
    max-height: 235px;
    padding: 0;
  }
}
@media (max-width: 767px) {
  #ds-inventory-secondary-filters {
    display: none;
  }
  .ds-vehicle-price.pull-right {
    float: none !important;
  }
  #ds-vehicle-listing .ds-vehicle-list-item .img-responsive {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .ds-vehicle-price {
    text-align: right;
  }
  .ds-car-griditem .caption {
    height: 95px;
    overflow: hidden;
  }
  .ds-vehicle-list-item .row > div:first-child {
    padding-right: 5px;
  }
}
.ds-vehicle-list-item .checkbox {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}
.ds-vehicle-list-item .checkbox-inline .checkbox-material .btn-ds {
  font-size: 0.8em;
  margin: 0;
  padding: 5px;
}
.ds-vehicle-list-item .ds-color-circle,
.ds-vehicle-list-item .ds-color-circle-cross {
  margin-right: 0.5em;
}
.ds-vehicle-list-item .ds-color-wrapper {
  float: left;
}
.ds-vehicle-list-item .ds-compare-button {
  font-size: 0.8em;
  margin: 0;
  padding: 4px;
}
.ds-vehicle-list-item .ds-vehicle-actions div.checkbox {
  padding-left: 0;
}
.ds-vehicle-list-item .ds-vehicle-actions span.label-text {
  font-size: 0.9em;
}
.ds-vehicle-list-item .ds-original-sticker-btn i {
  font-size: 18px;
}
@media (max-width: 767px) {
  .ds-vehicle-list-item .ds-vehicle-actions > .row .pull-right {
    margin-right: 9px;
  }
}
.ds-vehicle-list-summary {
  margin-top: 1.5em;
}
.ds-vehicle-list-summary li {
  margin: 0.5em 0;
}
.ds-vehicle-list-summary span {
  margin-left: 0.5em;
}
#ds-write-review-btn {
  text-transform: uppercase;
}
#ds-write-review-btn span {
  margin-top: 0;
  padding-top: 0;
}
@media (min-width: 992px) {
  /*Added padding to match the review box after removing subscribe form*/
  
  #ds-write-review-btn {
    margin-top: 86px;
  }
  .ds-write-review-dealer-name-btn {
    margin-top: 27px;
    padding-left: 50px;
    padding-right: 50px;
    width: fit-content;
  }
}
@media (max-width: 991px) {
  #ds-write-review-btn:not(.ds-write-review-dealer-name-btn) {
    margin-left: 2.5%;
    width: 95%;
  }
}
.ds-label {
  height: 34px;
  padding: 6px 6px;
  display: table-cell;
}
.ds-search-filters .input-group-addon {
  padding: 6px;
  border: none;
}
.input-group-addon.ds-input-group-addon-text {
  background: transparent;
  font-weight: bold;
  border: none;
}
.input-group-addon.ds-dollar-input-group-addon {
  padding-left: 0;
}
.ds-vehicle-info h4 {
  margin-top: 0;
}
/*
.ds-search-filters.row div[class*='col-'] {
    margin-left: -15px;
}
*/

/* Material design overrides */

#ds-inventory-secondary-filters .form-group {
  margin-top: 2px;
}
.ds-secondary-filters.form-group {
  margin-top: 2px;
}
.ds-secondary-filters div.radio {
  padding-left: 0;
}
.ds-secondary-filters .radio label {
  color: inherit;
  font-size: 1.1em;
}
.ds-secondary-filters .radio label.radio-inline {
  padding-left: 35px;
}
.ds-filter-count {
  padding: 10px 5px;
}
.ds-mileage-text {
  font-weight: normal;
}
/* --------------------------------------------
   Inventory - Vehicle List Item - No Results
-------------------------------------------- */

#ds-no-search-results-container {
  margin-bottom: 160px;
  margin-top: 80px;
}
#ds-no-search-results-container .ds-no-search-results-text {
  text-transform: uppercase;
}
#ds-no-search-results-container .ds-no-search-results-img {
  height: auto;
  width: 80px;
}
#ds-no-search-results-container .ds-no-search-results-btn {
  padding: 8px 20px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  #ds-no-search-results-container {
    margin-top: 160px;
  }
  #ds-no-search-results-container .ds-no-search-results-img {
    display: none;
  }
}
/* -------------------------------------------------------
   Inventory - Vehicle List Item - Stacked Price Layout
------------------------------------------------------- */

body[class*="ds-page-inventory-"] .ds-price-container .ds-flex-row-basic {
  display: flex;
  flex-direction: row;
}
body[class*="ds-page-inventory-"] .ds-price-container .ds-flex-row-basic > * {
  flex-grow: 1;
}
body[class*="ds-page-inventory-"] .ds-price-container .ds-flex-row-basic > *:first-child {
  text-align: left;
}
body[class*="ds-page-inventory-"] .ds-price-container .ds-flex-row-basic > *:last-child {
  text-align: right;
}
body[class*="ds-page-inventory-"] .ds-price-container .ds-price-tag {
  font-size: 0.93em;
  font-weight: bold;
}
body[class*="ds-page-inventory-"] .ds-price-container .ds-final-price .ds-price-value {
  font-weight: bold;
}
body[class*="ds-page-inventory-"] .ds-price-container .ds-price-details-link-icon {
  margin-right: 4px;
}
body[class*="ds-page-inventory-"] .ds-price-container .ds-price-details-link-text {
  font-size: 0.93em;
}
body[class*="ds-page-inventory-"] .ds-vehicle-price > .ds-price-details-container .ds-price-details-link-icon {
  margin-right: 4px;
}
body[class*="ds-page-inventory-"] .ds-vehicle-price > .ds-price-details-container .ds-price-details-link-text {
  font-size: 0.93em;
}
/* -----------------------------------------
   Inventory, Video Button
----------------------------------------- */

.ds-vehicle-list-item .ds-view-360-btn {
  align-items: center;
  display: flex;
  font-size: 17px;
  justify-content: center;
  margin: 0;
}
.ds-vehicle-list-item .ds-view-360-span {
  margin-right: 5px;
  pointer-events: none;
  text-transform: uppercase;
}
.ds-vehicle-list-item .ds-view-360-icon {
  font-size: 0.8em;
  pointer-events: none;
}
.ds-vehicle-list-item .ds-view-360-icon::before {
  font-size: 2em;
  margin: 0;
}
.ds-vehicle-list-item .ds-view-spincar-btn {
  background-color: #00a19b;
  color: #fff;
  cursor: pointer;
  display: block;
  font-weight: bold;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.ds-vehicle-list-item .ds-view-video-btn {
  padding: 2px 12px;
}
.ds-vehicle-list-item .ds-font-icon-play-stack {
  font-size: 1.25em;
}
.ds-vehicle-list-item .ds-font-icon-play-stack > i {
  font-size: 1.25em;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ds-vehicle-list-item .ds-font-icon-play-stack .fa-circle-thin {
  font-size: 2em;
}
.ds-vehicle-list-item .ds-font-icon-play-stack .fa-circle {
  font-size: 24px;
  top: 5px;
}
.ds-vehicle-list-item .ds-font-icon-play-stack .fa-play {
  font-size: 14px;
  left: 2px;
  top: 10px;
}
.ds-vehicle-list-item .ds-view-video-span {
  font-size: 1.2em;
  text-transform: uppercase;
  vertical-align: middle;
}
.ds-car-griditem .ds-thumbnail-footer .ds-view-360-btn {
  cursor: pointer;
  display: block;
  height: 40px;
  margin-top: -5px;
  width: 40px;
}
.ds-car-griditem .ds-thumbnail-footer .ds-view-360-icon {
  display: block;
  font-size: 2em;
  height: 100%;
  pointer-events: none;
  position: relative;
  width: 100%;
}
.ds-car-griditem .ds-thumbnail-footer .ds-view-360-icon::before {
  font-size: 1em;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ds-car-griditem .ds-thumbnail-footer .ds-view-video-btn {
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.ds-car-griditem .ds-thumbnail-footer .ds-view-video-btn,
.ds-car-griditem .ds-thumbnail-footer .ds-view-video-btn:focus,
.ds-car-griditem .ds-thumbnail-footer .ds-view-video-btn:hover {
  text-decoration: none;
}
.ds-car-griditem .ds-thumbnail-footer .ds-font-icon-play-stack {
  font-size: 1em;
  height: 32px;
  width: 32px;
}
.ds-car-griditem .ds-thumbnail-footer .ds-font-icon-play-stack > i {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ds-car-griditem .ds-thumbnail-footer .ds-font-icon-play-stack .fa-circle-thin {
  font-size: 33px;
}
.ds-car-griditem .ds-thumbnail-footer .ds-font-icon-play-stack .fa-circle {
  font-size: 22px;
  top: 5px;
}
.ds-car-griditem .ds-thumbnail-footer .ds-font-icon-play-stack .fa-play {
  font-size: 12px;
  left: 1px;
  top: 10px;
}
.ds-car-griditem .ds-thumbnail-footer .ds-view-video-span {
  display: none;
  vertical-align: middle;
}
@media (min-width: 992px) {
  .ds-car-griditem .ds-thumbnail-footer .ds-view-360-icon {
    font-size: 2.6em;
  }
}
@media (max-width: 767px) {
  .ds-car-griditem .ds-thumbnail-footer .ds-view-video-span {
    display: inline-block;
  }
}
/* -----------------------------------------
   Inventory, Vehicle List Item, Icons
----------------------------------------- */

.ds-buy-now-tag-icon {
  margin-right: 0.5em;
  vertical-align: middle;
}
#ds-listview-mail-icon {
  margin-right: 0.3em;
}
.ds-special-features-icon {
  margin-right: 0.5em;
}
.ds-carfax-highlights i {
  margin-right: 5px;
}
/* -----------------------------------------
   Inventory, Light/Dark Icon Toggle
----------------------------------------- */

.ds-image-light {
  visibility: hidden;
}
.ds-image-dark {
  display: none;
}
/* -----------------------------------------
   Inventory, Accelerate My Deal
----------------------------------------- */

.ds-accelerate-my-deal-btn {
  white-space: normal;
}
.ds-accelerate-my-deal-btn > img {
  margin: 8px 0;
  max-height: 100px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .ds-accelerate-my-deal-btn > img {
    max-height: 60px;
  }
}
/* -----------------------------------------
   Inventory, Autocheck
----------------------------------------- */

.ds-autocheck-btn {
  border-radius: 5px;
  margin-bottom: 6px;
  margin-right: 4px;
  margin-top: 9px;
  padding: 0;
}
.ds-autocheck-btn > img {
  height: 34px;
}
/* -----------------------------------------
   Inventory, Capital One
----------------------------------------- */

.capital-one-prequalification-button {
  display: none;
}
/* -----------------------------------------
   Inventory, Carfax
----------------------------------------- */

.ds-carfax-btn {
  margin-bottom: 6px;
  margin-right: 4px;
  margin-top: 10px;
  padding: 2px 4px;
}
.ds-carfax-btn > img {
  height: 30px;
}
/* Fix Carfax SRP size difference, shrink margin on 1 Owner and set both to same width */

.ds-vehicle-list-item .ds-carfax-btn.ds-carfax1-btn {
  margin-top: 8px;
  margin-bottom: 4px;
}
.ds-vehicle-list-item .ds-carfax-btn > img {
  height: auto;
  width: 90px;
}
.ds-carfax-highlights li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.ds-carfax-highlights li * {
  vertical-align: middle;
}
.ds-carfax-highlights li .ds-icon {
  margin-right: 10px;
}
#detail-carfax-link-button {
  font-weight: normal;
}
#detail-carfax-link-button:hover {
  font-weight: bolder;
}
.ds-carfax-report-container .carfax-snapshot-embedded {
  min-height: 350px;
  padding-bottom: 20px !important;
  width: 100% !important;
}
.ds-carfax-report-container .carfax-snapshot {
  box-shadow: none !important;
  width: 100% !important;
}
/* -----------------------------------------
   Inventory, Cargurus
----------------------------------------- */

.ie .cg-dealrating-badge {
  display: inline !important;
}
/* -----------------------------------------
   Inventory, CarStory
----------------------------------------- */

.ds-carstory-full-height {
  height: 100% !important;
}
/* -----------------------------------------
   Inventory, Upstart
----------------------------------------- */

.ds-upstart-img-btn img {
  display: block;
  width: 100%;
}
/* -----------------------------------------
   Inventory, Certified
----------------------------------------- */

.ds-gwc-certified-link {
  vertical-align: middle;
}
.ds-gwc-certified-img {
  border-style: none;
  width: 75px;
}
/* -----------------------------------------
   Inventory, Special Features Button
----------------------------------------- */

.ds-special-features-btn {
  margin-bottom: 6px;
  margin-top: 9px;
  padding: 6px 10px;
  text-transform: initial;
}
.btn ~ .btn ~ .btn.ds-special-features-btn i {
  font-size: 1.2em;
  margin-right: 4px;
}
/* -----------------------------------------
   Inventory, Email Vehicle Form
----------------------------------------- */

/* Material Design Override */

#ds-emailVehicle-form .form-group.label-static .control-label[for="Comments"] {
  display: block;
  position: relative;
  top: auto;
}
#ds-emailVehicle-form .ds-contact-disclaimer {
  margin: 10px 3px;
}
/* -----------------------------------------
   Inventory, Sidebar
----------------------------------------- */

#dvPreOwnedContent {
  margin-bottom: 10px;
}
/* ---------------------------------------------
   Inventory, Sidebar, Schedule Virtual Tour
--------------------------------------------- */

.ds-virtual-tour {
  text-align: center;
}
.ds-virtual-tour-title-part-1,
.ds-virtual-tour-title-part-2,
.ds-virtual-tour-contact-type {
  text-transform: uppercase;
}
.ds-virtual-tour-title-part-1 {
  font-size: 3em;
  letter-spacing: -2px;
  line-height: 0.85em;
  margin-bottom: 0;
}
.ds-virtual-tour-title-part-2 {
  font-size: 1.85em;
  letter-spacing: -1px;
  line-height: 0.85em;
  margin: 0;
}
.ds-virtual-tour-contact-type {
  font-size: 0.78em;
}
.ds-virtual-tour-click-here-btn {
  border-radius: 100px;
  display: inline-block;
  height: 120px;
  padding: 32px 0;
  vertical-align: middle;
  width: 120px;
}
.ds-virtual-tour-click-here-btn-text {
  display: block;
  font-size: 2.4em;
  line-height: 0.8em;
}
.ds-virtual-tour-click-here-btn-text-1 {
  font-weight: normal;
  letter-spacing: -1px;
}
.ds-virtual-tour-click-here-btn-text-2 {
  font-weight: bold;
}
@media (min-width: 1200px) {
  .ds-virtual-tour-title-part-1 {
    font-size: 3.2em;
  }
  .ds-virtual-tour-title-part-2 {
    font-size: 2em;
  }
}
@media (max-width: 991px) {
  .ds-virtual-tour {
    margin-bottom: 15px;
  }
  .ds-virtual-tour-info-container,
  .ds-virtual-tour-btn-container {
    display: inline-block;
    vertical-align: middle;
  }
  .ds-virtual-tour-info-container {
    max-width: -webkit-calc(100% - 94px);
    max-width: calc(100% - 94px);
  }
  .ds-virtual-tour-title-part-1 {
    margin-top: 0;
  }
  .ds-virtual-tour-btn-container {
    margin-left: 5px;
  }
  .ds-virtual-tour-click-here-btn {
    height: 80px;
    padding: 18px 0;
    width: 80px;
  }
  .ds-virtual-tour-click-here-btn-text {
    font-size: 1.7em;
  }
}
@media (max-width: 330px) {
  .ds-virtual-tour-title-part-1 {
    font-size: 2.8em;
  }
  .ds-virtual-tour-title-part-2 {
    font-size: 1.72em;
  }
}
/* -----------------------------------------
   Inventory, Bottom Buttons (Special Features, Carfax, ect.)
----------------------------------------- */

.ds-list-view-button {
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 992px) {
  #ds-inventory-sidebar.ds-inventory-sidebar-left-padding {
    padding-left: 20px;
  }
  #ds-inventory-sidebar.ds-inventory-sidebar-right-padding {
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  #ds-inventory-sidebar .row {
    margin-right: 0;
    margin-left: 0;
  }
}
/* -----------------------------------------
    Inventory, Popups
----------------------------------------- */

/* Save Vehicle Popup Fade - positions the fade over top of special features popup */

.modal-backdrop {
  z-index: 1061;
}
/* Save Vehicle Popup - positions the popup over top of special features and fade */

.modal {
  z-index: 1062;
}
/* Loading Icon Mask - positions the loading mask's fade over top of sale ribbons and search icon */

#ds-loading-mask {
  z-index: 100;
}
/* Vehicle Video Modal */

#ds-vehicle-video-dialog {
  padding-right: 0px !important;
  z-index: 150000;
}
#ds-vehicle-video-dialog .modal-dialog {
  left: 0;
  height: 95%;
  margin: auto;
  max-height: 563px;
  max-width: 1000px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 95%;
}
#ds-vehicle-video-dialog[data-provider="autoexact"] .modal-dialog,
#ds-vehicle-video-dialog[data-provider="dealermade"] .modal-dialog,
#ds-vehicle-video-dialog[data-provider="lesa"] .modal-dialog,
#ds-vehicle-video-dialog[data-provider="unityworks"] .modal-dialog {
  height: 563px;
  max-height: 90%;
  max-width: 160vh;
  width: 1000px;
}
@media (max-width: 991px) {
  #ds-vehicle-video-dialog[data-provider="autoexact"] .modal-dialog,
  #ds-vehicle-video-dialog[data-provider="dealermade"] .modal-dialog,
  #ds-vehicle-video-dialog[data-provider="lesa"] .modal-dialog,
  #ds-vehicle-video-dialog[data-provider="unityworks"] .modal-dialog {
    height: 53vw;
    width: 93%;
  }
}
#ds-vehicle-video-dialog[data-provider="dealercenter"] .modal-dialog,
#ds-vehicle-video-dialog[data-provider="phyron"] .modal-dialog {
  height: auto;
  max-height: 432px;
  max-width: 767px;
}
#ds-vehicle-video-dialog[data-provider="dealercenter"] .modal-dialog .modal-body,
#ds-vehicle-video-dialog[data-provider="phyron"] .modal-dialog .modal-body {
  height: 0;
  padding-bottom: 56.25%;
}
#ds-vehicle-video-dialog[data-provider="dealercenter"] .modal-dialog iframe,
#ds-vehicle-video-dialog[data-provider="phyron"] .modal-dialog iframe {
  left: 0;
  position: absolute;
  top: 0;
}
#ds-vehicle-video-dialog[data-provider="dealervision"] .modal-dialog,
#ds-vehicle-video-dialog[data-provider="flickfusion"] .modal-dialog {
  height: 55.5vw;
  max-height: 604px;
  max-width: 1000px;
}
#ds-vehicle-video-dialog[data-provider="dealervision"] .modal-dialog .modal-body,
#ds-vehicle-video-dialog[data-provider="flickfusion"] .modal-dialog .modal-body {
  height: 0;
  padding-bottom: 62.25%;
}
#ds-vehicle-video-dialog[data-provider="dealervision"] .modal-dialog iframe,
#ds-vehicle-video-dialog[data-provider="flickfusion"] .modal-dialog iframe {
  left: 0;
  position: absolute;
  top: 0;
}
#ds-vehicle-video-dialog[data-provider="glo3d"] .modal-dialog {
  height: 581px;
  max-height: 90%;
  max-width: 120vh;
  width: 850px;
}
@media (max-width: 991px) {
  #ds-vehicle-video-dialog[data-provider="glo3d"] .modal-dialog {
    height: 63vw;
    width: 93%;
  }
}
#ds-vehicle-video-dialog[data-provider="spincar"] {
  background-color: #191d21;
}
#ds-vehicle-video-dialog[data-provider="spincar"] .modal-dialog {
  height: 97%;
  max-height: 71.25vw;
  max-width: 95%;
  width: 129.5vh;
}
#ds-vehicle-video-dialog[data-provider="spincar"] .modal-dialog .modal-body {
  background-color: #191d21;
  height: 100%;
  padding-bottom: 50%;
}
#ds-vehicle-video-dialog[data-provider="spincar"] .modal-dialog iframe {
  left: 0;
  position: absolute;
  top: 0;
}
@media (orientation: portrait) {
  #ds-vehicle-video-dialog[data-provider="spincar"] .modal-dialog {
    height: 68vw;
    width: 95%;
  }
  #ds-vehicle-video-dialog[data-provider="spincar"] .modal-dialog .modal-body {
    height: 0;
    padding-bottom: 75%;
  }
}
#ds-vehicle-video-dialog .modal-header {
  padding: 0;
  position: absolute;
  right: -12px;
  top: -12px;
  z-index: 1;
}
#ds-vehicle-video-dialog .close {
  background-color: rgba(0, 0, 0, 0.7);
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  height: 28px;
  opacity: 1;
  text-shadow: none;
  width: 28px;
}
#ds-vehicle-video-dialog .close span {
  font-weight: normal;
  font-size: 19px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
#ds-vehicle-video-dialog .spincar-close-button {
  background: rgba(0, 0, 0, 0.75);
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  margin: 4px;
  opacity: 1;
  padding: 9px;
  position: absolute;
  right: 0px;
  transition: opacity 0.5s;
  z-index: 14;
}
#ds-vehicle-video-dialog .spincar-close-button:hover .spincar-close-tooltip {
  visibility: visible;
}
#ds-vehicle-video-dialog .spincar-close-icon {
  background-repeat: no-repeat;
  color: #fff;
  display: block;
  font-size: 15px;
  height: 13px;
  opacity: 1;
  user-select: none;
  width: 13px;
}
#ds-vehicle-video-dialog .spincar-close-tooltip {
  background-color: #fff;
  border-radius: 10%;
  color: #000;
  font-size: 13px;
  padding: 7px;
  position: absolute;
  right: -10%;
  text-align: center;
  top: 130%;
  visibility: hidden;
  white-space: nowrap;
  z-index: 1;
}
#ds-vehicle-video-dialog .spincar-close-tooltip::before {
  content: "Exit";
}
#ds-vehicle-video-dialog .spincar-close-tooltip::after {
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 5px;
  bottom: 100%;
  content: "";
  margin-left: -5px;
  position: absolute;
  right: 20%;
}
#ds-vehicle-video-dialog .modal-content,
#ds-vehicle-video-dialog .modal-body {
  height: 100%;
  padding: 0;
  width: 100%;
}
#ds-vehicle-video-dialog iframe {
  border: none;
  height: 100%;
  width: 100%;
}
.ds-incentives-modal .ds-flex-row-basic {
  display: flex;
  flex-direction: row;
}
.ds-incentives-modal .modal-header {
  padding: 0;
}
.ds-incentives-modal .ds-vehicle-image-col {
  width: 45%;
}
.ds-incentives-modal .ds-vehicle-summary-col {
  display: flex;
  flex-direction: column;
  padding: 25px 20px 10px 15px;
  width: 55%;
}
.ds-incentives-modal .ds-vehicle-incentives-summary-col:first-child {
  flex-grow: 1;
}
.ds-incentives-modal .ds-vehicle-incentives-summary-col:last-child {
  min-width: max-content;
}
.ds-incentives-modal .ds-incentives-modal-close-button {
  border-radius: 50px;
  display: table;
  height: 34px;
  line-height: 1;
  opacity: 1;
  overflow: hidden;
  padding-bottom: 1px;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 34px;
}
.ds-incentives-modal .ds-incentives-modal-close-icon {
  border-radius: 50px;
  display: table-cell;
  font-size: 1.55em;
  font-weight: normal;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.ds-incentives-modal .ds-vehicle-title-line {
  margin-bottom: 6px;
  text-transform: uppercase;
}
.ds-incentives-modal .ds-vehicle-title-line:last-of-type {
  margin-bottom: 0;
}
.ds-incentives-modal .ds-vehicle-title-line-1 {
  font-size: 1.22em;
}
.ds-incentives-modal .ds-vehicle-title-line-2 {
  font-size: 1.5em;
}
.ds-incentives-modal .ds-vehicle-incentives-summary {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: flex-end;
}
.ds-incentives-modal .ds-vehicle-incentives-summary .ds-flex-row-basic {
  flex-wrap: nowrap;
  width: 100%;
}
.ds-incentives-modal .ds-vehicle-incentives-summary .ds-price-label {
  display: block;
  font-weight: bold;
}
.ds-incentives-modal .ds-vehicle-incentives-summary .ds-price-value {
  display: block;
  text-align: right;
}
.ds-incentives-modal .ds-price-detail-incentives-header-title {
  font-size: 1.32em;
  font-weight: normal;
}
.ds-incentives-modal .ds-price-detail-incentive-main-title {
  font-size: 1.38em;
  margin-top: 10px;
}
.ds-incentives-modal .ds-price-detail-incentive-main-title-amount {
  margin-left: 5px;
}
.ds-incentives-modal .ds-price-detail-incentive-properties-row {
  line-height: 1;
}
.ds-incentives-modal .ds-price-detail-incentive-property {
  font-size: 0.86em;
  margin-left: 15px;
}
.ds-incentives-modal .ds-price-detail-incentive-property:first-of-type {
  margin-left: 0;
}
.ds-incentives-modal .ds-price-detail-incentive-title,
.ds-incentives-modal .ds-price-detail-incentive-details {
  margin-top: 15px;
}
.ds-incentives-modal .ds-price-detail-incentive-details,
.ds-incentives-modal .ds-incentives-modal-disclaimer {
  font-size: 0.72em;
}
.ds-incentives-modal .ds-incentives-modal-disclaimer {
  margin-top: 20px;
}
.ds-incentives-modal .ds-incentives-modal-footer {
  text-align: center;
}
.ds-incentives-modal .ds-incentives-modal-detail-button {
  border-radius: 25px;
  max-width: 100%;
  padding: 9px 16px;
  text-transform: uppercase;
  width: 190px;
}
/* -----------------------------------------
   Pre-owned Car - Detail & SRP
----------------------------------------- */

.ds-autocheck-container {
  position: relative;
  width: 219px;
  height: 101px;
  display: block;
}
.ds-autocheck-container .ds-autocheck-range {
  position: absolute;
  left: 10px;
  top: 65px;
  z-index: 100;
  width: 137px;
  text-align: center;
}
.ds-autocheck-container .ds-autocheck-score {
  z-index: 100;
  position: absolute;
  left: 146px;
  top: 45px;
  width: 63px;
  font-size: 20px;
  text-align: center;
}
.ds-detail-header {
  margin-bottom: 1em;
}
.ds-detail-header .ds-icon {
  margin-right: 0;
}
.ds-detail-header .toolbar .btn {
  margin-right: 15px;
}
.ds-detail-header .toolbar .btn:last-child {
  margin-right: 0;
}
.ds-mileage-col {
  float: left;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ds-mpg-container {
  padding-left: 5px;
  padding-right: 5px;
}
.ds-color-circle {
  border-radius: 50%;
  border: solid 1px;
  width: 16px;
  height: 16px;
  display: block;
  vertical-align: middle/* width and height can be anything, as long as they're equal */;
}
/* Used when color swatch is blank */

.ds-color-circle-cross {
  line-height: 12px;
}
.ds-font-icon-no-color::before,
.ie .ds-font-icon-no-color::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 1.6rem;
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  background-color: #ffffff;
  border-radius: 10px;
}
.ds-color-wrapper {
  vertical-align: middle;
}
.ds-car-detail-sidebar .ds-color-wrapper .ds-color-circle {
  float: left;
}
.ds-details-colors i {
  float: left;
}
.ds-vehicle-list-item .ds-details-colors {
  float: right;
}
.ds-viewtype-btn {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}
.ds-color-wrapper span {
  margin-right: 5px;
  float: left;
  height: 16px;
}
.ds-two-circle-container {
  width: 16px;
  height: 16px;
}
.ds-two-circle-container:after {
  clear: both;
}
.ds-left-circle {
  width: 8px;
  height: 16px;
  border-radius: 16px 0 0 16px;
  float: left;
}
.ds-right-circle {
  width: 8px;
  height: 16px;
  border-radius: 0 16px 16px 0;
}
/* -----------------------------------------
   Pre-owned Car - Detail - Overview
----------------------------------------- */

.ds-special-features-list li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.ds-special-features-list li .ds-icon {
  margin-right: 10px;
}
.ds-overview-panel {
  margin-top: 14px;
}
.ds-vehicle-disclaimer {
  text-align: justify;
}
#ds-detail-overview-pane > .table-responsive td {
  white-space: normal;
}
.btn.ds-vdp-schedule-virtual-tour-btn {
  padding: 0;
}
.ds-virtual-tour-btn-svg {
  display: block;
  max-width: 100%;
}
/* -----------------------------------------
   Pre-owned Car - Detail - Features
----------------------------------------- */

.table > tbody > tr > td.sub-feature {
  padding-left: 1.5em;
}
.ds-subcategory {
  font-weight: bold;
}
/* -----------------------------------------
   Inventory - Detail - 360 View Widgets
----------------------------------------- */

#ds-360-btn-wrapper,
#ds-vdp-media-interior-li {
  margin-top: 5px;
}
#ds-vdp-media-exterior-btn i:before {
  font-size: 4em;
  margin-top: -7px;
}
#ds-vdp-media-exterior-btn span,
#ds-vdp-media-interior-btn span {
  font-size: 18px;
  font-weight: 700;
  margin-left: 10px;
  margin-right: 15px;
  vertical-align: middle;
}
#ds-vdp-media-exterior-btn,
#ds-vdp-media-interior-btn {
  border: 1px solid;
  height: 60px;
  margin: 0;
  text-align: center;
}
#ds-vdp-media-exterior-li,
#ds-vdp-media-interior-li {
  margin: 0;
}
#ds-vdp-media-interior-btn i:before {
  font-size: 4.5em;
  margin-top: -12px;
}
.ds-360-video-container {
  height: 0;
  padding-top: 25px;
  padding-bottom: 53%;
  position: relative;
}
.ds-360-drivee-video-container {
  padding-bottom: 50%;
}
.ds-360-autoexact-video-container,
.ds-360-dealermade-video-container,
.ds-360-hellorampai-video-container,
.ds-360-spyne-video-container {
  padding-bottom: 53.75%;
}
.ds-360-dealerimagepro-video-container {
  padding-bottom: 80%;
}
.ds-360-glo3d-video-container {
  padding-bottom: 65.15%;
}
.ds-360-inmotion-video-container {
  padding-bottom: 60%;
}
.ds-360-carcutter-video-container,
.ds-360-spincar-video-container {
  padding-bottom: 72.5%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .ds-360-drivee-video-container {
    padding-bottom: 84%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ds-360-drivee-video-container {
    padding-bottom: 67%;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .ds-360-drivee-video-container {
    padding-bottom: 84%;
  }
}
@media (min-width: 1400px) and (max-width: 1859px) {
  .ds-360-drivee-video-container {
    padding-bottom: 67%;
  }
}
@media (max-width: 767px) {
  .ds-360-autoexact-video-container {
    padding-bottom: 61.75%;
  }
  .ds-360-dealerimagepro-video-container {
    padding-bottom: 82%;
  }
  .ds-360-glo3d-video-container {
    padding-bottom: 73%;
  }
  .ds-360-carcutter-video-container,
  .ds-360-spincar-video-container {
    padding-bottom: 68%;
  }
  .ds-360-dealermade-video-container,
  .ds-360-hellorampai-video-container,
  .ds-360-spyne-video-container {
    padding-bottom: 50%;
  }
}
@media (max-width: 575px) {
  .ds-360-dealerimagepro-video-container {
    padding-bottom: 84%;
  }
}
@media (max-width: 360px) {
  .ds-360-dealerimagepro-video-container {
    padding-bottom: 88%;
  }
}
.ds-360-video-container iframe {
  height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.ie #ds-vdp-media-exterior-btn i:before {
  font-size: 6rem;
}
.ie #ds-vdp-media-interior-btn i:before {
  font-size: 1em;
  font-size: 6.7rem;
}
@media (min-width: 768px) {
  #ds-vdp-media-exterior-li {
    padding-right: 5px;
  }
  #ds-vdp-media-interior-li {
    margin-top: 0;
    padding-left: 5px;
  }
}
/* -----------------------------------------
   Inventory - Detail - Sidebar - Icons
----------------------------------------- */

.ds-sidebar-icon {
  margin-right: 0.5em;
}
.ds-savetophone-btn .ds-sidebar-icon {
  font-size: 1.7em;
}
#ds-trade-icon {
  vertical-align: middle;
}
/* --------------------------------------------
   Inventory - Detail - Sidebar - Test Drive
-------------------------------------------- */

.ds-testdrive-btn i {
  margin-right: 0.5em;
}
.ds-schedule-hometestdrive-form-info {
  font-size: 1.1em;
  margin-top: 10px;
  text-align: center;
}
.ds-schedule-hometestdrive-form-disclaimer {
  font-size: 0.8em;
  text-align: center;
}
/* --------------------------------------------
   Inventory - Detail - Mobile View
-------------------------------------------- */

.ds-estimated-pricing.ds-estimated-pricing-mobile {
  margin: 0;
}
#ds-misc-panel-mobile {
  margin: 0;
}
#ds-buy-now-mobile {
  margin-left: 5px;
  margin-right: 5px;
}
#ds-detail-sidebar-contact-us-btn-group-mobile {
  margin-left: 5px;
  margin-right: 5px;
}
@media (max-width: 991px) {
  .tab-content.ds-car-detail-content {
    margin-right: -10px;
    margin-left: -10px;
  }
}
/* -----------------------------------------
   Pre-owned Car - Sidebar - Similar Vehicles
----------------------------------------- */

#ds-similar-cars-criteria {
  margin-top: 4px;
}
.ds-similar-cars {
  margin-top: 1em;
  margin-bottom: 1em;
}
.ds-similar-vehicles-result {
  margin-top: 1em;
  margin-bottom: 1em;
}
.ds-similar-vehicle {
  margin-top: 1em;
  margin-bottom: 1em;
}
/* -----------------------------------------
   Inventory, Vehicle Not Found 
----------------------------------------- */

@media (min-width: 992px) {
  .ds-page-error-vehiclenotfound .ds-thumbnail-link .img-thumbnail {
    height: 155px;
  }
}
/* -----------------------------------------
   Home: Featured Images Slider
----------------------------------------- */

#ds-featured-image-container {
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 25px;
}
.ds-slider-image {
  display: block;
  width: 100%;
}
.ds-featured-slider-btn h4,
.ds-featured-slider-btn h5 {
  margin-top: 16px;
}
.ds-slider-item-link {
  display: block;
}
.ds-slider-item-html {
  bottom: 0;
  display: none;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
#ds-featured-btns .btn {
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.ds-featured-slider-btn .ds-icon {
  display: block;
  margin: 0 auto;
}
.ds-sell-my-car-link {
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .ds-featured-slider-btn {
    height: 137.667px;
    /* Change to 154px for perfectly square featured links box */
  
  }
  #ds-featured-btns {
    padding-left: 0;
  }
  #ds-featured-quick-search i {
    margin-top: 30px;
  }
  #ds-featured-sell-your-car i {
    margin-top: 20px;
  }
  #ds-featured-pre-approval i {
    margin-top: 20px;
  }
  #ds-quicklinks-item1 i {
    margin-top: 30px;
  }
  #ds-quicklinks-item2 i {
    margin-top: 20px;
  }
  #ds-quicklinks-item3 i {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .ds-quicklinks {
    height: auto !important;
    padding-top: 10px !important;
    /*
          i {
              display: inline;
              vertical-align: middle;
              padding-right: 20px;
          }
          */
  
  }
  .ds-quicklinks h5 {
    display: block !important;
    margin-top: 15px;
    line-height: 1.1em;
  }
  #ds-featured-btns {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1em;
  }
  #ds-featured-btns a {
    height: 85px;
    padding-top: 21px;
  }
  #ds-featured-btns a > h5 {
    display: inline-block;
  }
  #ds-featured-btns a {
    height: 85px;
    padding-top: 21px;
  }
  #ds-featured-btns a > h5 {
    display: inline-block;
  }
  .ds-featured-slider-btn i.ds-icon {
    display: inline-block;
    vertical-align: middle;
    padding-right: 30px;
  }
}
/* -----------------------------------------
   Meet Our Team
----------------------------------------- */

.ds-team-member .ds-thumbnail-link img {
  min-height: 156px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: auto;
}
.ds-team-member .ds-locate-us-phone,
.ds-team-member p {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 575px) {
  .ds-team-member-container {
    width: 100%;
  }
}
#ds-inventory-listview .radio,
#ds-inventory-listview .checkbox {
  margin-top: 14px;
  padding-left: 15px;
  text-align: left;
  /* Removing for Bootstrap 3.4.1 */

}
#ds-inventory-listview .checkbox .btn-ds {
  font-weight: normal;
  padding: 6px;
}
/* -----------------------------------------
   Sell Car
----------------------------------------- */

.ds-conditions-table.table {
  border-collapse: collapse;
}
.ds-conditions-table.table td {
  border-top: solid 2px;
  border-bottom: solid 2px;
  border-left: none;
  border-right: none;
  margin-top: 1em;
  margin-bottom: 1em;
}
.ds-conditions-table.table th {
  border: none;
}
.ds-condition-heading {
  font-weight: bold;
}
.ds-condition-heading .ds-color-circle,
.ds-condition-heading .ds-color-circle-cross {
  padding: 0.5em;
  height: 32px;
  width: 32px;
}
.ds-condition-heading .ds-sell-car-step-number {
  border: 1px solid;
  border-radius: 18px;
  display: inline-block;
}
.ds-condition-heading .ds-sell-car-step-number span {
  display: table-cell;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}
.ds-condition-heading-text {
  padding: 0.5em;
  width: auto;
  line-height: 1.428571429;
}
.ds-page-tabs.nav-pills > li > a {
  padding: 10px;
  text-transform: uppercase;
}
#ds-sellmycar .nav-pills li:last-child {
  margin-right: 0;
}
.ds-step-btn i {
  line-height: 1.42857;
  margin-right: 0.5em;
}
/* -----------------------------------------
   TrueCar True Cash Widget
----------------------------------------- */

.ds-page-widget-truecashoffer #atFrameContainer #atEmbeddedFrame {
  height: 1700px !important;
  overflow: hidden;
}
/* -----------------------------------------
   KBB Instant Cash Offer Widget
----------------------------------------- */

.ds-page-widget-kbbinstantcashoffer .kbb-instant-cash-offer-iframe {
  border: none;
  min-height: 1000px;
  width: 100%;
}
/* -----------------------------------------
   Find My Car
----------------------------------------- */

.ds-page-findmycar-index .form-group[data-depends-on] {
  margin-bottom: 10px;
}
.ds-page-findmycar-index .form-group[data-depends-on] .progress {
  margin-bottom: -4px;
}
.ds-page-findmycar-index .form-group:not(.ds-no-md).label-static.label-inline {
  margin-top: 0;
  padding-bottom: 0;
}
.ds-page-findmycar-index .form-group:not(.ds-no-md).label-static.label-inline label.control-label {
  margin: 0;
  position: relative;
  top: 0;
}
.ds-page-findmycar-index .form-group:not(.ds-no-md).label-static.label-inline .ds-control-input-container ~ .ds-control-input-container {
  margin-left: 10px;
}
.ds-page-findmycar-index .form-group:not(.ds-no-md).label-static.label-inline input {
  margin-bottom: 0;
}
.ds-page-findmycar-index .form-group:not(.ds-no-md).label-static.label-inline .ds-control-label-container ~ .ds-control-input-container input {
  text-align: right;
}
.ds-page-findmycar-index .form-group:not(.ds-no-md).label-static.label-inline .ds-control-label-container ~ .ds-control-input-container:last-child input {
  padding-right: 5px;
}
.ds-page-findmycar-index .slider-styled {
  padding: 0 9px;
}
.ds-page-findmycar-index .ds-estimatedrangeend-input-container,
.ds-page-findmycar-index .ds-estimatedrangestart-input-container,
.ds-page-findmycar-index .ds-paymentamountend-input-container,
.ds-page-findmycar-index .ds-paymentamountstart-input-container,
.ds-page-findmycar-index .ds-priceend-input-container,
.ds-page-findmycar-index .ds-pricestart-input-container {
  max-width: 100%;
  width: 86px;
}
.ds-page-findmycar-index .ds-estimatedrangeend-input-container .input-group-addon,
.ds-page-findmycar-index .ds-estimatedrangestart-input-container .input-group-addon,
.ds-page-findmycar-index .ds-paymentamountend-input-container .input-group-addon,
.ds-page-findmycar-index .ds-paymentamountstart-input-container .input-group-addon,
.ds-page-findmycar-index .ds-priceend-input-container .input-group-addon,
.ds-page-findmycar-index .ds-pricestart-input-container .input-group-addon {
  padding-right: 5px;
  padding-left: 5px;
}
.ds-page-findmycar-index .ds-estimatedrangeend-input-container input,
.ds-page-findmycar-index .ds-estimatedrangestart-input-container input,
.ds-page-findmycar-index .ds-paymentamountend-input-container input,
.ds-page-findmycar-index .ds-paymentamountstart-input-container input,
.ds-page-findmycar-index .ds-priceend-input-container input,
.ds-page-findmycar-index .ds-pricestart-input-container input {
  text-align: right;
}
.ds-page-findmycar-index .ds-disclaimer {
  display: block;
  font-size: 0.8em;
  margin-bottom: 15px;
}
/* -----------------------------------------
   Privacy Policy & Privacy Rights
----------------------------------------- */

.ds-privacy-link {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .ds-privacy-list-columns-2 {
    column-count: 2;
  }
  .ds-privacy-list-columns-2 li {
    padding-right: 5px;
  }
}
@media (min-width: 992px) {
  .ds-privacy-rights-content {
    column-count: 2;
  }
}
/* -----------------------------------------
   UI Components
----------------------------------------- */

.ds-triangle-topright {
  width: 0;
  height: 0;
  border-top-width: 10px;
  border-top-style: solid;
  border-right-width: 10px;
  border-right-style: solid;
  border-left: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
#ds-sellmycar .ds-page-tabs.nav-pills li {
  margin-bottom: 0;
  padding-bottom: 0;
}
#ds-sellmycar .ds-block {
  margin-top: 0;
}
/* -----------------------------------------
   Conversation Bubble
----------------------------------------- */

.bubble {
  position: relative;
  height: auto;
  padding: 1em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.bubble:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px;
  display: block;
  width: 0;
  z-index: 1;
  top: -14px;
  left: 110px;
}
/* -----------------------------------------
   Corner Ribbon
----------------------------------------- */

.ds-ribbon-wrapper {
  width: auto;
  height: auto;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 90;
}
.ds-ribbon-wrapper-coral {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -7px;
  right: -5px;
}
.ds-ribbon-coral {
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
  display: inline-block;
  position: absolute;
  padding: 4px;
  z-index: 10;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
.ds-ribbon-coral.left-ribbon {
  left: -25px;
  padding: 2px;
  top: -10px;
  transform: rotate(-45deg);
  width: 70px;
}
.ds-special-offer .ds-ribbon-coral {
  top: 12px;
  left: 5px;
  padding: 7px 0;
  width: 110px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.ds-special-offer .ds-ribbon-coral.left-ribbon {
  top: -10px;
  left: -25px;
  padding: 2px;
  width: 70px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.ds-special-offer .btn-ds {
  text-transform: uppercase;
}
.ds-car-detail-sidebar,
.ds-car-griditem {
  position: relative;
}
.ds-car-detail-sidebar .ds-ribbon-coral.ds-left-ribbon,
.ds-car-griditem .ds-ribbon-coral.ds-left-ribbon {
  top: 0px;
  width: 70px;
  left: -20px;
  padding: 2px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.ds-car-detail-sidebar .ds-ribbon-coral.ds-right-ribbon,
.ds-car-griditem .ds-ribbon-coral.ds-right-ribbon {
  top: 0px;
  width: 70px;
  right: -25px;
  padding: 2px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.ds-ribbon-coral:before {
  left: 0;
}
.ds-ribbon-coral:after {
  right: 0;
}
.ds-ribbon-coral:before,
.ds-ribbon-coral:after {
  content: "";
  border-top: 3px solid #b04343;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position: absolute;
  bottom: -3px;
  z-index: 100;
}
.ds-overview-item {
  padding: 1em;
}
#ds-search-link {
  padding-top: 6px;
  padding-bottom: 6px;
}
/* -----------------------------------------
   Vehicle Promotion
----------------------------------------- */

.ds-expires-on {
  font-style: italic;
}
.ds-old-price {
  margin-left: 0.5em;
}
/* -----------------------------------------
   ShareThis
----------------------------------------- */

.st-custom-button {
  cursor: pointer;
  font-size: 0.8em;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase;
}
.st-custom-button i {
  margin-right: 7px;
}
div[id^='st-el'] {
  transition: none !important;
}
/* -----------------------------------------
   Customer Dashboard
----------------------------------------- */

.ds-mydashboard-label {
  font-weight: bold;
  width: auto;
  vertical-align: middle;
  margin-top: 3em;
  margin-bottom: 3em;
}
.ds-mydashboard-btn {
  padding: 8px 30px;
  text-transform: uppercase;
  vertical-align: middle;
}
.ds-mydashboard-item {
  margin-left: 10px;
}
#ds-account-links-mobile i {
  font-size: 10px;
  padding-bottom: 7.5px;
}
.ds-smallmodal-container-header {
  font-weight: bold;
}
/* -----------------------------------------
  White Space management when the user can
  input in-line styles that break the box model
----------------------------------------- */

.ds-breakWhiteSpace {
  white-space: normal !important;
  overflow-x: visible !important;
  word-wrap: break-word;
}
.ds-breakWhiteSpace span {
  white-space: normal !important;
  word-wrap: break-word;
}
.ds-breakWhiteSpace p {
  white-space: normal !important;
  word-wrap: break-word;
}
.ds-hyphens {
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.ds-hyphens span {
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.ds-hyphens p {
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
/* Hide the indicators on the home page carousel */

.carousel-indicators {
  display: none;
}
/* Google Translate Overrides */

.goog-te-gadget-simple {
  border: none !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}
#ds-google-translate-container {
  min-height: 31px;
}
#ds-google-translate-container span {
  display: inline-block;
  font-size: 1em;
}
/* Disable Google Translate Original Translation tooltip */

/* Disabled 
.goog-tooltip {
    display: none !important;
}

.goog-tooltip:hover {
    display: none !important;
}

.goog-text-highlight {
    background-color: transparent !important;
    border: none !important; 
    box-shadow: none !important;
}
*/

/* -----------------------------------------
   CarStory
----------------------------------------- */

#ds-inventory-listview .carstory-container > span {
  width: 90px;
  height: 37px;
}
/* -----------------------------------------
   Credit application
----------------------------------------- */

.ds-terms-conditions-container {
  margin: 10px 0 0;
}
.ds-terms-conditions-container.form-group.has-error {
  margin-bottom: 30px;
}
.ds-terms-conditions-container.form-group.has-error .help-block {
  display: block !important;
  clear: both;
}
small.help-block {
  color: #f44336;
}
/* -----------------------------------------
   Sell My Car
----------------------------------------- */

.ds-page-sellmycar {
  min-height: 1000px;
}
.ds-sellmycar {
  margin-bottom: 25px;
  padding: 15px 15px 20px;
}
.ds-sellmycar h3 span,
.ds-sellmycar h4 span {
  display: inline;
  margin-top: 10px;
  vertical-align: middle;
}
.ds-sellmycar input {
  vertical-align: middle;
}
.ds-sellmycar input[type="checkbox"] {
  vertical-align: middle;
  width: auto;
}
.ds-sellmycar input[type="date"] {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  vertical-align: middle;
}
.ds-sellmycar-label {
  vertical-align: middle;
}
.ds-sellmycar #CreditApp_Agree {
  margin: 0 4px 0 0;
}
.ds-sellmycar #CreditApp_HasCoApplicant {
  margin: 0 4px 0 0;
}
.ds-sellmycar #CreditApp_HasSameResidence {
  margin: 0 4px 0 0;
}
.ds-sellmycar a {
  text-decoration: underline;
}
.ds-sellmycar label[for="CreditApp_Agree"] {
  margin-bottom: 0;
}
.ds-sellmycar .btn-ds {
  margin-bottom: 10px;
}
.ds-sellmycar .ds-city-display:after {
  content: ",";
}
.ds-sellmycar .ds-contact-disclaimer {
  display: block;
  font-size: 0.8em;
  margin-bottom: 15px;
}
.ds-sellmycar .ds-edit-link {
  cursor: pointer;
  font-size: 0.8em;
  font-style: italic;
  margin-left: 5px;
}
.ds-sellmycar .ds-sellmycar-page {
  display: none;
}
.ds-sellmycar .ds-sellmycar-page.active {
  display: block;
}
.ds-sellmycar-page-number {
  border-radius: 15px;
  display: inline-block;
  margin: 5px 0 10px;
  vertical-align: middle;
}
.ds-sellmycar-page-number span {
  display: table-cell;
  height: 25px;
  text-align: center;
  vertical-align: middle;
  width: 25px;
}
.ds-sellmycar-page-number-container {
  text-align: right;
}
.ds-sellmycar-page-number-name {
  margin: 0 0 10px;
}
.ds-sellmycar-page-number-separator {
  display: inline-block;
  height: 3px;
  margin: 5px 0 10px;
  vertical-align: middle;
  width: 15px;
}
.ds-sellmycar-page-number-title {
  margin: 0 0 5px;
}
.ds-sellmycar-page-4 span {
  display: block;
}
.ds-sellmycar-page-4 span.inline {
  display: inline;
}
body.ios .ds-upload-standard-btn,
body:not(.ios) .ds-upload-ios-btn {
  display: none;
}
.ds-upload-ios-input {
  height: 0;
  visibility: hidden;
  width: 0;
}
/* -----------------------------------------
   COVID-19 Response
----------------------------------------- */

.ds-covid-sub-heading {
  font-style: italic;
  margin-top: 0;
}
.ds-covid-19-contact-btn {
  margin-bottom: 30px;
  text-transform: uppercase;
}
/* -----------------------------------------
   Shared Controls
----------------------------------------- */

/* Inventory slide out button */

.ds-side-inventory-menu-outer {
  position: fixed;
  left: 0;
  top: 50%;
  z-index: 100;
}
.ds-side-inventory-menu-inner {
  position: absolute;
  bottom: 100%;
  transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  transform-origin: 0 100%;
  white-space: nowrap;
}
.ds-side-inventory-menu-rotate {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
#ds-side-inventory-button {
  margin: 0;
  padding: 8px 16px;
}
#ds-side-inventory-button:hover {
  box-shadow: 0px 0px 100px #000000;
  z-index: 2;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: rotate(180deg) scale(1.1);
  -ms-transition: all 200ms ease-in;
  -ms-transform: rotate(180deg) scale(1.1);
  -moz-transition: all 200ms ease-in;
  -moz-transform: rotate(180deg) scale(1.1);
  transition: all 200ms ease-in;
  transform: rotate(180deg) scale(1.1);
}
/* Slide out menu */

.ds-side-inventory-menu {
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  bottom: 0 !important;
  display: none;
  left: 0;
  margin: auto;
  max-height: 100%;
  height: 500px;
  position: fixed;
  overflow: auto;
  top: 0 !important;
  z-index: 100;
}
.ds-side-inventory-menu-header {
  border-bottom: 1px solid #eaeaea;
  color: #11a3d6;
  padding: 10px 0;
}
.ds-side-inventory-menu-header-title {
  margin: 0;
  padding: 0 0 0 15px;
  text-align: left;
}
.ds-side-inventory-menu-header-button {
  margin: 0;
  text-align: right;
}
.ds-side-inventory-menu-header-button i {
  cursor: pointer;
  margin: 0 15px 0 0;
}
.ds-side-inventory-menu div {
  text-align: center;
}
.ds-side-inventory-menu .make-container {
  margin: 10px 0;
}
.ds-side-inventory-menu .make-container a,
.ds-side-inventory-menu .make-container a:focus,
.ds-side-inventory-menu .make-container a:hover {
  text-decoration: none;
}
.ds-side-inventory-menu .make-icon-container {
  display: block;
  vertical-align: middle;
}
.ds-side-inventory-menu .make-text-container {
  height: 20px;
  display: block;
}
.ds-side-inventory-menu .make-icon-container span {
  font-size: 2em;
  line-height: 2em;
  margin: 10px 0;
}
@media (max-width: 582px) {
  .ds-side-inventory-menu {
    width: 100% !important;
  }
}
/* Hide excessive brand index links used for side menu */

.ds-brand-index-wrapper li:nth-child(n+11) {
  display: none;
}
/* Firefox Date input fix */

.firefox .is-empty:not(.is-focused) input[type="date"] {
  color: transparent;
}
/* -----------------------------------------
   Custom Page Vehicle List
----------------------------------------- */

.ds-page-custompage-index .ds-vehicle-list {
  position: relative;
}
.ds-page-custompage-index .ds-vehicle-list:before {
  content: "";
  float: left;
}
.ds-page-custompage-index .ds-vehicle-list:after {
  clear: both;
  content: "";
  display: table;
}
.ds-page-custompage-index .ds-vehicle-list-loading-container {
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.ds-page-custompage-index .ds-car-thumbnail img,
.ds-page-custompage-index.ds-vehicle-image-3-2 .ds-car-thumbnail img {
  aspect-ratio: 1.5;
  width: 100%;
}
.ds-page-custompage-index.ds-vehicle-image-4-3 .ds-car-thumbnail img {
  aspect-ratio: 1.333333333;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .ds-page-custompage-index .ds-vehicle-list:not([data-count="0"]):before,
  .ds-page-custompage-index.ds-vehicle-image-3-2 .ds-vehicle-list:not([data-count="0"]):before {
    padding-bottom: 25.8%;
    padding-bottom: -webkit-calc(65.7% + 97px);
    padding-bottom: -moz-calc(65.7% + 97px);
    padding-bottom: calc(65.7% + 97px);
  }
  .ds-page-custompage-index.ds-vehicle-image-4-3 .ds-vehicle-list:not([data-count="0"]):before {
    padding-bottom: 27.8%;
    padding-bottom: -webkit-calc(74% + 97px);
    padding-bottom: -moz-calc(74% + 97px);
    padding-bottom: calc(74% + 97px);
  }
}
@media (min-width: 992px) {
  .ds-page-custompage-index .ds-vehicle-list:not([data-count="0"]):before,
  .ds-page-custompage-index.ds-vehicle-image-3-2 .ds-vehicle-list:not([data-count="0"]):before {
    padding-bottom: 25.8%;
    padding-bottom: -webkit-calc(16.4% + 107px);
    padding-bottom: -moz-calc(16.4% + 107px);
    padding-bottom: calc(16.4% + 107px);
  }
  .ds-page-custompage-index .ds-vehicle-list[data-criteria*="results=8"]:not([data-count="0"]):before,
  .ds-page-custompage-index.ds-vehicle-image-3-2 .ds-vehicle-list[data-criteria*="results=8"]:not([data-count="0"]):before,
  .ds-page-custompage-index .ds-vehicle-list[data-criteria*="results=6"]:not([data-count="0"]):before,
  .ds-page-custompage-index.ds-vehicle-image-3-2 .ds-vehicle-list[data-criteria*="results=6"]:not([data-count="0"]):before {
    padding-bottom: 51.6%;
    padding-bottom: -webkit-calc(32.2% + 214px);
    padding-bottom: -moz-calc(32.2% + 214px);
    padding-bottom: calc(32.2% + 214px);
  }
  .ds-page-custompage-index.ds-vehicle-image-4-3 .ds-vehicle-list:not([data-count="0"]):before {
    padding-bottom: 27.8%;
    padding-bottom: -webkit-calc(18.6% + 107px);
    padding-bottom: -moz-calc(18.6% + 107px);
    padding-bottom: calc(18.6% + 107px);
  }
  .ds-page-custompage-index.ds-vehicle-image-4-3 .ds-vehicle-list[data-criteria*="results=8"]:not([data-count="0"]):before,
  .ds-page-custompage-index.ds-vehicle-image-4-3 .ds-vehicle-list[data-criteria*="results=6"]:not([data-count="0"]):before {
    padding-bottom: 55.7%;
    padding-bottom: -webkit-calc(37.275% + 214px);
    padding-bottom: -moz-calc(37.275% + 214px);
    padding-bottom: calc(37.275% + 214px);
  }
}
@media (max-width: 767px) {
  .ds-page-custompage-index .ds-vehicle-list:not([data-count="0"]):before,
  .ds-page-custompage-index.ds-vehicle-image-3-2 .ds-vehicle-list:not([data-count="0"]):before {
    padding-bottom: 25.8%;
    padding-bottom: -webkit-calc(67.3% + 97px);
    padding-bottom: -moz-calc(67.3% + 97px);
    padding-bottom: calc(67.3% + 97px);
  }
  .ds-page-custompage-index.ds-vehicle-image-4-3 .ds-vehicle-list:not([data-count="0"]):before {
    padding-bottom: 27.8%;
    padding-bottom: -webkit-calc(75.5% + 97px);
    padding-bottom: -moz-calc(75.5% + 97px);
    padding-bottom: calc(75.5% + 97px);
  }
}
@media (max-width: 599.98px) {
  /* Shared - Responsive - Carfax */
  
  .popover.ds-carfax-snapshot-popup .popover-content .carfax-snapshot .snapshot-red-fox {
    height: 100px;
  }
}