#vlp-seo {
  max-height: 0;
  visibility: collapse;
  margin-bottom: 30px;
  transition: 1.5s;
  overflow: hidden;
}

#vlp-seo.active {
  max-height: 50vh;
  visibility: visible;
}

#vlp-filters .panel {
  border: 0;
  box-shadow: none;
}

#adv-search .filters-row {
  margin-bottom: 10px;
}

#adv-search {
  padding: 0;
}

#per-page,
#sort,
#search-type {
  border: 1px solid #ddd;
  height: 40px;
  width: 100%;
  background-color: transparent;
}

#stock-number-search {
  padding: 5px;
  border: 1px solid #ddd;
  height: 40px;
  width: 70%;
  border-radius: 5px 0 0 5px;
}

#stock-search-submit {
  font-size: 16px;
  height: 40px;
  width: 30%;
  margin-left: -4px;
  margin-top: -2px;
  border-radius: 0 5px 5px 0;
  padding-left: 7px;
}

#adv-search-button {
  margin: 10px 0;
}

#vlp-filters .filters-section label {
  font-weight: normal;
}

#search-heading {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

#refine-search .refine-row,
#refine-search .form-group.mobile {
  padding: 0;
  margin-bottom: 10px;
}

#refine-search li {
  list-style: none;
  cursor: pointer;
}

#refine-search li:hover {
  background-color: #eee;
}

.vlp-pagination {
  margin-bottom: 20px;
  margin-top: 15px;
}

#vlp-search-results {
  margin-right: 40px;
}

.vlp-pagination .btn {
  border: 1px solid #ddd;
  max-width: 40px;
}

.vlp-pagination .current-page {
  background-color: #efefef;
}

.vlp-pagination > .btn:hover {
  font-weight: bold;
}

#vlp-list .panel {
  padding: 15px;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
  position: relative;
}

#vlp-list .vehicle-image {
  max-width: 100%;
  max-height: 270px;
  margin-bottom: 15px;
}

#vlp-list ul.list-unstyled {
  padding-left: 0;
  padding-bottom: 0;
  margin-top: 20px;
  margin-bottom: 0;
}

#vlp-list ul li {
  list-style: none;
  line-height: 100%;
}

#vlp-list ul li strong {
  margin-right: 10px;
}

#vlp-list h4,
#vlp-list h5 {
  font-size: 14px;
  line-height: 100%;
}

#vlp-list hr {
  border-color: #ddd;
}

#vlp-list .incentive-details {
  float: none !important;
  padding: 0;
  color: #e21d25;
  padding-top: 10px;
}

#vlp-list .btn-group {
  margin-top: 10px;
}

#vlp-list .btn-group .btn {
  display: block;
  width: 100%;
  background-color: #efefef;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 5px;
  color: #333;
  text-align: left;
  padding: 10px 12px 10px;
}

#vlp-list .eprice-btn {
  margin-bottom: 10px;
  background-color: #5cb85c;
  width: 100%;
  color: #fff;
  padding-top: 13px;
  padding-bottom: 18px;
  text-align: left;
  font-size: 18px;
}

#vlp-list .start-my-purchase-btn {
  margin-bottom: 10px;
  background-color: #ed832f;
  width: 100%;
  color: #fff;
  padding-top: 13px;
  padding-bottom: 18px;
  text-align: left;
  font-size: 18px;
}

#vlp-list .eprice-btn span {
  font-size: 24px;
  margin-right: 5px;
}

#vlp-list .btn-group .btn a {
  color: #333;
}

#vlp-list .btn-group .btn a:hover {
  text-decoration: none;
}

#vlp-list .btn-group .btn + .btn,
#vlp-list .btn-group .btn + .btn-group,
#vlp-list .btn-group .btn-group + .btn,
#vlp-list .btn-group .btn-group + .btn-group {
  margin-left: 0;
}

#vlp-list .save-vehicle {
  line-height: 140%;
  margin-bottom: 10px;
  margin-top: 5px;
}

#vlp-list .save-vehicle i {
  color: #ccc;
}

#vlp-list .save-vehicle i.saved {
  color: rgba(255, 0, 0, 0.75);
}

#vlp-list .pricing-block {
  margin-bottom: 20px;
}

#vlp-list .pricing-block h4 {
  margin: 10px 0 10px 0;
}

#vlp-list .base-price {
  font-weight: bold;
  font-size: 1.2em;
  height: 20px;
  display: block;
  position: relative;
}

#vlp-list .call-for-price {
  font-weight: bold;
  font-size: 24px;
  height: 24px;
}

#vlp-list .final-price {
  font-weight: bold;
  font-size: 22px;
  height: 34px;
  padding-top: 10px;
  border-top: 1px solid #333;
  clear: both;
}

#vlp-list .conditional-final-price {
  font-weight: bold;
  font-size: 1.2em;
  height: 34px;
  padding-top: 10px;
  border-top: 1px solid #333;
  clear: both;
  margin-top: 10px;
}

#vlp-list .price-adjustment {
  height: 14px;
  position: relative;
}

#vlp-list span {
  line-height: 100%;
}

#vlp-list .incentive {
  height: 14px;
  position: relative;
  font-weight: bold;
  color: red;
  cursor: pointer;
}

#vlp-list .conditional {
  height: 14px;
  position: relative;
  font-weight: normal;
  color: red;
  cursor: pointer;
}

#vlp-list .info-badge {
  height: 30px;
  padding: 5px 10px;
  color: white;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  border-radius: 6px;
  background-color: #5bc0de;
  border-color: #46b8da;
  float: right;
  margin: 8px 15px;
}

#optioncode-status {
  margin: 0px 0px 25px 0px;
}

#vlp-list .optioncode-badge {
  /*height: 30px;*/
  padding: 5px 10px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-radius: 6px;
  display: block;
  margin: 0 0 10px;
}

#vlp-list .pricing-block .double {
  height: 28px;
}

#vlp-list .compare-vehicle {
  margin-bottom: 10px;
}

#back-to-top {
  display: none;
  font-weight: bold;
  cursor: pointer;
  position: fixed;
  bottom: 5.5%;
  left: 0.5%;
  z-index: 9999;
}

@media (min-width: 768px) {
  .vlp-pagination {
    margin-bottom: 20px;
    margin-top: 0;
  }

  #vlp-list h2 {
    margin-bottom: 20px;
  }

  #vlp-list ul.list-unstyled {
    margin-top: 0;
  }

  #vlp-list .btn-group .btn {
    display: table-cell;
    background-color: #efefef;
    color: #333;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #vlp-list .btn-group .btn a {
    color: #333;
  }

  #vlp-list .eprice-btn {
    width: auto;
  }

  #vlp-list .start-my-purchase-btn {
    width: auto;
  }
}

@media (min-width: 1200px) {
  #vlp-list .incentive-button {
    width: auto;
  }

  #vlp-list .panel {
    padding: 25px;
  }
}

/* CSS from Daniel */
.pointer {
  cursor: pointer;
}

@media (max-width: 1800px) {
  #vlp-list .base-price,
  #vlp-list .incentives {
    font-size: 15px;
  }

  #vlp-list .final-price {
    font-size: 1.2em;
    margin-top: 10px;
  }

  .incentive-details {
    font-size: 13px;
  }
}

@media (max-width: 1200px) {
  #vlp-list .base-price,
  #vlp-list .incentives {
    font-size: 13px;
  }

  #vlp-list .final-price {
    font-size: 15px;
  }

  .incentive-details {
    font-size: 13px;
  }

  #vlp-list .cta-button {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  #vlp-list .base-price,
  #vlp-list .incentives {
    font-size: 16px;
  }

  #vlp-list .final-price {
    font-size: 20px;
  }

  .incentive-details {
    font-size: 15px;
  }

  .price-column {
    margin-top: 14px;
  }

  #refine-search .mobile .form-control {
    margin: 0 !important;
  }

  #refine-search {
    margin-top: 10px;
  }

  #vlp-filters {
    margin-bottom: 0;
  }

  #adv-search-button {
    margin-top: 0;
  }

  #vlp-list .vehicle-label {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
  }
}

/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*
*/

@media (min-width: 1200px) and (max-width: 1799px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
  display: none !important;
}

@media (min-width: 1800px) {
  .container {
    width: 1570px;
  }

  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    float: left;
  }

  .col-xl-12 {
    width: 100%;
  }

  .col-xl-11 {
    width: 91.66666667%;
  }

  .col-xl-10 {
    width: 83.33333333%;
  }

  .col-xl-9 {
    width: 75%;
  }

  .col-xl-8 {
    width: 66.66666667%;
  }

  .col-xl-7 {
    width: 58.33333333%;
  }

  .col-xl-6 {
    width: 50%;
  }

  .col-xl-5 {
    width: 41.66666667%;
  }

  .col-xl-4 {
    width: 33.33333333%;
  }

  .col-xl-3 {
    width: 25%;
  }

  .col-xl-2 {
    width: 16.66666667%;
  }

  .col-xl-1 {
    width: 8.33333333%;
  }

  .col-xl-pull-12 {
    right: 100%;
  }

  .col-xl-pull-11 {
    right: 91.66666667%;
  }

  .col-xl-pull-10 {
    right: 83.33333333%;
  }

  .col-xl-pull-9 {
    right: 75%;
  }

  .col-xl-pull-8 {
    right: 66.66666667%;
  }

  .col-xl-pull-7 {
    right: 58.33333333%;
  }

  .col-xl-pull-6 {
    right: 50%;
  }

  .col-xl-pull-5 {
    right: 41.66666667%;
  }

  .col-xl-pull-4 {
    right: 33.33333333%;
  }

  .col-xl-pull-3 {
    right: 25%;
  }

  .col-xl-pull-2 {
    right: 16.66666667%;
  }

  .col-xl-pull-1 {
    right: 8.33333333%;
  }

  .col-xl-pull-0 {
    right: auto;
  }

  .col-xl-push-12 {
    left: 100%;
  }

  .col-xl-push-11 {
    left: 91.66666667%;
  }

  .col-xl-push-10 {
    left: 83.33333333%;
  }

  .col-xl-push-9 {
    left: 75%;
  }

  .col-xl-push-8 {
    left: 66.66666667%;
  }

  .col-xl-push-7 {
    left: 58.33333333%;
  }

  .col-xl-push-6 {
    left: 50%;
  }

  .col-xl-push-5 {
    left: 41.66666667%;
  }

  .col-xl-push-4 {
    left: 33.33333333%;
  }

  .col-xl-push-3 {
    left: 25%;
  }

  .col-xl-push-2 {
    left: 16.66666667%;
  }

  .col-xl-push-1 {
    left: 8.33333333%;
  }

  .col-xl-push-0 {
    left: auto;
  }

  .col-xl-offset-12 {
    margin-left: 100%;
  }

  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-xl-offset-9 {
    margin-left: 75%;
  }

  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-xl-offset-6 {
    margin-left: 50%;
  }

  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-xl-offset-3 {
    margin-left: 25%;
  }

  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-xl-offset-0 {
    margin-left: 0;
  }

  .visible-xl {
    display: block !important;
  }

  table.visible-xl {
    display: table;
  }

  tr.visible-xl {
    display: table-row !important;
  }

  th.visible-xl,
  td.visible-xl {
    display: table-cell !important;
  }

  .visible-xl-block {
    display: block !important;
  }

  .visible-xl-inline {
    display: inline !important;
  }

  .visible-xl-inline-block {
    display: inline-block !important;
  }

  .hidden-xl {
    display: none !important;
  }
}

.conditional-incentives {
  text-align: left;
  margin-bottom: 15px;
}

.conditional-incentives .additional-incentives {
  border-bottom: 1px solid #333;
  font-size: 18px;
}

.conditional-incentives .conditional-item {
  margin-top: 2px;
}

.conditional-incentives .conditional-item a {
  color: red;
}

#vlp-search-panel .panel-body {
  border: none;
}

.pricing-block .strike-left .pull-left {
  text-decoration: line-through;
}

.pricing-block .strike-right .pull-right {
  text-decoration: line-through;
}

#refine-search .swatch {
  float: left;
  height: 2.5vw;
  width: 2.5vw;
  min-width: 25px;
  min-height: 25px;
  margin: 0 5px 5px 0;
  border: 1px solid black;
}

/* Lease tooltip */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #ccc;
  color: #006080;
}

.tooltip .tooltiptext {
  visibility: hidden;
  position: absolute;
  width: 300px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip-left {
  top: -5px;
  bottom: auto;
  right: 128%;
}

.tooltip-left::after {
  content: '';
  position: absolute;
  top: 13%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #555;
}

.tooltip.clicked .tooltiptext {
  visibility: visible;
  opacity: 1;
}