@charset "utf-8"; /* CSS Document */ @import url(https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,700,900,300); @media(min-width:800px){.modal-dialog {width:725px;}} .modal-header {background:#183558;} .modal-title {color:#fff !important; margin-bottom:0px !important;} .modal-vertical-centered {transform:translate(0, 50%) !important; -ms-transform:translate(0, 50%) !important; /* IE 9 */-webkit-transform:translate(0, 50%) !important; /* Safari and Chrome */} .pcMVHToken {width:100% !important; max-width:100% !important;} .fa-star, .fa-star-half-o, .fa-star-half {color: #ffd200;} .dealer-reviews .stars {font-size:20px; margin-top:0px; display:inline-block; background-image:none;} .dealer-reviews .based {margin-top:0px; display:inline-block; font-weight: normal;} #widget-contact div {padding:0 0 15px 15px;display:none;} .tooltip-inner {white-space:pre-wrap; background-color: #005696 !important; color: #fff;} .top .tooltip-arrow {border-top-color: #005696 !important;} .right .tooltip-arrow {border-right-color: #005696 !important;} .bottom .tooltip-arrow {border-bottom-color: #005696 !important;} .left .tooltip-arrow {border-left-color: #005696 !important;} #hero-offers-slider .carousel-inner:hover, #hero-offers-slider .carousel-inner:active, #hero-offers-slider .carousel-inner:focus {overflow: visible !important;} #inventoryOffersCarousel .carousel-inner:hover, #inventoryOffersCarousel .carousel-inner:active, #inventoryOffersCarousel .carousel-inner:focus {overflow: visible !important;} #mid-col .asking-priced {font-size:18px;} .form-search .input-group-btn {border:0 !important;} .show-print {display:none;} .alert {font-size:14px; text-align:center;} #inventory-breadcrumblist {padding:0; margin:0; list-style:none;} #inventory-breadcrumblist li {float:left; line-height: 36px;} #inventory-breadcrumblist .fa {margin: 0 10px;} #inventory-breadcrumblist {font-size:11px; line-height:36px;} .breadcrumb-row {margin: 12px 0;} .breadcrumb-row a {color:#5d5b5a;} #vdp-container .breadcrumb-row {margin: 0; color:#5d5b5a !important;} #vdp-container .breadcrumbs {color:#5d5b5a !important;} #vdp-container .breadcrumb-row a {color:#5d5b5a !important;} #vdp-container .breadcrumbs li {float:left; line-height: 60px;} @media screen and (max-width: 1800px){ .vlp-ad-wrapper {background:none !important;} .vlp-ad-wrapper .adlink {display:none !important;} } #inventory {background:#fafafa; padding:20px 0 0 0;} .page-template-page-srp .main-content-area {margin-top:0!important;} .vlp-container {margin:0px auto; font-family:'Roboto', sans-serif !important; font-size:12px; color:#56575b !important; position:relative; padding-bottom:30px;} #inventory.grid .vlp-container {width:100% !important;} @media (max-width:1024px) {.vlp-container.grid {padding-right:0;}} .tooltip div li {list-style-type:square; border-bottom:1px dashed #ababaf; padding:7px 7px 7px 4px;} .tooltip div ul {padding:0 0 0 20px; margin:0px;} .tooltip-inner {text-align:left; background:#dedee0; color:#000; font-weight:normal; width:400px !important; text-transform:none; padding:0px;} .tooltip-arrow { border-bottom-color:#f00;} @media (min-width:768px) {.tooltip-inner {max-width:450px !important;}} img, h1, h2, p {margin:0; padding:0; border:0;} a {color:#005696;} a:hover {color:#f8941d;} .left {float:left;} .right {float:right;} .clear {clear:both;} .orange {color:#f8941d;} .blue {color:#1176a6;} .green {color:#91b932;} .red {color:#bf2424;} .reset-padding-left {padding-left:0px;} .reset-padding-right {padding-right:0px;} .vlp-container .btn-get-price {position: relative;border: 1px solid #17a65f; margin-top: 10px; text-transform: none; font-size: 13px; width: 100%; display:block; text-align: center; border-radius: 0; padding: 12px 0; background:#17a65f; color: #fff;} .vlp-container .btn-get-price .fa {opacity: 0.7; margin-top: 2px;} .vlp-container .btn-get-price:hover, .vlp-container .btn-get-price:focus, .vlp-container .btn-get-price:active {outline-color:none !important; outline:none !important; background:#107744 !important; border-color:#107744; color:#fff !important;} /*.listing-used .btn-get-price {display: none;}*/ /*.vlp-container .btn-get-price {position: relative;margin-top: 9px; text-transform: none; font-size: 13px; width: 100%; display:block; text-align: center; border: 1px solid #005696; border-radius: 5px; padding: 7px 0; background:transparent; color: #005696;} .vlp-container .btn-get-price .fa {opacity: 0.7; margin-top: 2px;} .vlp-container .btn-get-price:hover, .vlp-container .get-price:focus {outline-color:none !important; outline:none !important; background:#183558 !important; color:#fff !important;} .vlp-container .btn-subscribe {position: relative;margin-top: 15px; text-transform: none; font-size: 13px; width: 100%; display:block; text-align: center; border: 1px solid #005696; border-radius: 5px; padding: 7px 0; background:transparent; color: #005696;} .vlp-container .btn-subscribe .fa {opacity: 0.7; margin-top: 2px;} .vlp-container .btn-subscribe:hover, .vlp-container .btn-subscribe:focus {outline-color:none !important; outline:none !important; background:#183558 !important; color:#fff !important;} */ .vlp-container .btn-subscribe {position: relative;border: 1px solid #17a65f; margin-top: 10px; text-transform: none; font-size: 13px; width: 100%; display: block; text-align: center; border-radius: 0; padding: 12px 0; background: #17a65f; color: #fff;} .vlp-container .btn-subscribe .fa {opacity: 0.7; margin-top: 2px;} .vlp-container .btn-subscribe:hover, .vlp-container .btn-subscribe:focus, .vlp-container .btn-subscribe:active {outline-color:none !important; outline:none !important; background:#107744 !important; border-color:#107744; color:#fff !important;} .vlp-container .btn-subscribe .fa-chevron-right, .vlp-container .btn-details .fa-chevron-right, .vlp-container .btn-get-price .fa-chevron-right {position: absolute; right: 15px; font-size: 14px; top: 14px;} /* Start of Minimal VDP Styles */ .quicklinks {text-align:right;} .quicklinks a {color:#5d5b5a; text-decoration:none; line-height:36px; margin-left:10px; font-size:12px;} #vdp-container {color:#555558; font-family: "Roboto", sans-serif; background: #fff;} #vdp-container .hide-vdp {display:none;} .hide-vdp {margin-right:25px;} #vdp-container h1.heading {color:#555558; margin:0; font:800 30px/36px 'Roboto', sans-serif;} #vdp-container h2.subheading {color:#7b8086; margin:0; font:400 15px/18px 'Roboto', sans-serif;} #vdp-container .tags {text-align: right; margin-top: 15px;} .tags .popular-vehicle {color:#ef5222; font-size: 12px;} .tags .sell-date {color:#729b0f; font-size: 12px;} #vdp-photos .carousel { background: #000;} #vdp-photos {margin:12px 0; position: relative;} /* #vdp-photos .carousel-inner {width:80%; float: left;} */ #vdp-photos .carousel-inner {width:100%;} /* #vdp-photos .carousel-indicators {width:20%; float: right;bottom:auto;position:static; left:auto; margin-left: 0;overflow: auto; max-height: 617px;} */ #vdp-photos .carousel-indicators {width:100%; float: right;bottom:auto;position:static; left:auto; margin-left: 0;overflow: auto; margin-top: 7px;} #vdp-photos .carousel-indicators img {max-height:220px;} /* #vdp-photos .carousel-indicators .active, #vdp-photos .carousel-indicators li {height: auto; width:95%;text-indent: 0; -moz-border-radius:0;border-radius: 0; border:3px solid #fff;} */ #vdp-photos .carousel-indicators .active, #vdp-photos .carousel-indicators li {height: auto; text-indent: 0; -moz-border-radius:0;border-radius: 0; border:3px solid #fff;display: inline-block; width: 300px;} #vdp-photos .carousel-indicators .active {border-color:#176299;} #vdpPhotoThumbs .vdp-thumbs {max-width:25%; width:25%; margin:0; float:left; cursor: pointer;} #vdpPhotoThumbs.show-thumbs .vdp-thumbs {max-width:50%; width:50%;} #vdpPhotoThumbs .carousel-control {width:5%;} #vdpPhotoThumbs.show-thumbs .carousel-inner>.item {opacity: 1; display: block;} #vdp-photos .video-available {position: absolute; top: 33%; right: 38%; width: 100px; height: 80px; border-radius: 10px; background: #fe0302; color: #fff; text-align: center; line-height: 11px; opacity: .85; font-size: 12px; padding-top: 14px;} #vdp-photos .video-available i {font-size:40px;} #vdpPhotoThumbs .video-available-thumb {position: absolute; top: 33%; right: 35%; width: 60px; height: 50px;border-radius: 10px; background: #fe0302; color: #fff; text-align: center; line-height: 11px; opacity: .85; font-size: 10px; padding-top: 4px;} #vdpPhotoThumbs .video-available-thumb i {font-size:18px;} #vdp-container .add-fav-div, #vdp-container .remove-fav-div {padding-top: 8px;position: absolute; display: inline-block; width: 60px; height: 50px; background-color: rgba(0, 0, 0, .7); top: 0; right: 3px; z-index: 5; text-align: center;} #vdp-container .pending-sale {position: absolute; top: 0; width: 100%; color: #fff; z-index: 5; text-align: center; font: 800 40px/100px 'Roboto', sans-serif; text-transform: uppercase; background: #00477b; background: -moz-linear-gradient(left, #00477b 0%, #005696 31%, #005696 70%, #00477b 100%); background: -webkit-linear-gradient(left, #00477b 0%,#005696 31%,#005696 70%,#00477b 100%); background: linear-gradient(to right, #00477b 0%,#005696 31%,#005696 70%,#00477b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00477b', endColorstr='#00477b',GradientType=1 );} #vdp-container .favorite-subscribe-row a {font-size:12px; color:#7b8086;} #vdp-container .favorite-subscribe-row i {font-size:32px;color: #7b8086;} #vdp-container .add-fav-div:hover, #vdp-container .remove-fav-div:hover {background:#b60d0d;} #vdp-container .add-fav-div:hover a i, #vdp-container .remove-fav-div:hover a i {color:#fff;} #vdp-container .subscibe-price a {font-size:12px; color:#555558;} #vdp-container .subscibe-price a .fa {font-size:16px;} /* #vdp-container .subscibe-price {text-align: center; margin-top:9px;} */ #vdp-container .subscibe-price {position: absolute; top: 50px; right: 20px;} #vdp-container .right-col {background:#fff; padding-bottom: 15px;} #vdp-container .pricebox {border:1px solid #dadcdd; padding:30px 12px 12px 12px;margin-top: 12px;margin-bottom: 15px;background: #F9F9FB;} #vdp-container .left-price-fields {/*float:left; width:50%; color:#7b8086; */font-size:15px; margin-bottom:5px;} #vdp-container .left-price-fields .msrp {/*text-decoration: line-through; */float: right;} #vdp-container .left-price-fields .lbl, #vdp-container .right-price-fields .lbl {width: 45%; display: inline-block;} #vdp-container .right-price-fields {/*float:right; width:50%;text-align: right; */margin-bottom:7px} #vdp-container .right-price-fields .price-lbl {/*color:#005696;*/ font:400 15px/18px 'Roboto', sans-serif;} #vdp-container .right-price-fields .price-lbl a {color:#005696;} #vdp-container .right-price-fields .asking-price sup {font-size: 15px;} #vdp-container .right-price-fields .asking-price {float: right;/*color:#005696;*/ font:900 26px/24px 'Roboto', sans-serif;} #vdp-container .right-price-fields .noprice-lbl {display:block;} /*#vdp-container .total-savings {color: #fff; font-size: 13px;font-weight: bold; position: absolute; z-index: 2; padding: 2px 10px 2px 20px; margin-right: 5px; margin-top: -31px; right: 0; background: #17a65f;} #vdp-container .total-savings:before {content: ''; position: absolute; left: -26px; top: 0; width: 0; height: 0; border-style: solid; border-width: 26px 0 0 26px; border-color: #17a65f transparent transparent;} #vdp-container .total-savings:after {content: ''; position: absolute; top: 26px; right: 0; width: 0; height: 0; border-style: solid; border-width: 11px 11px 0 0px; border-color: #107744 transparent transparent;} */ #vdp-container .total-savings {line-height:17px;border-bottom: 1px dotted #e1e1e2; padding: 5px 0 10px; margin: 0 0 12px; font-size:14px !important; color:#ef5222; clear: both; text-align: center; text-transform: uppercase; font-weight: 600;} #vdp-container .total-savings-banner {font-size: 13px; font-weight: bold; color: #fff; position: absolute; z-index: 1; padding: 2px 10px 2px 20px; margin-left: -24px; margin-top: -31px; background: #17a65f;} #vdp-container .total-savings-banner:after {content: ''; position: absolute; right: -26px; top: 0; width: 0; height: 0; border-style: solid; border-width: 26px 26px 0 0; border-color: #17a65f transparent transparent;} #vdp-container .total-savings-banner:before {content: ''; position: absolute; top: 26px; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 11px 11px 0; border-color: transparent #107744 transparent transparent;} #financial-cal input[type="text"] {width:95%; border:1px solid #d3d8dc; font-size:12px; color:#6a6a6a; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; -webkit-appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:5px 4pxt; -moz-transition:all 0.12s ease; -webkit-transition:all 0.12s ease; -o-transition:all 0.12s ease; -ms-transition:all 0.12s ease; transition:all 0.12s ease;} #financial-cal td {text-align:left;} #vdp-container a.btn-payments {cursor: pointer;display: block; text-align: center; color: #fff; background: #ef5222; border-top: 1px solid #d83e0f; border-left: 1px solid #d83e0f; border-right: 1px solid #d83e0f; border-bottom: 3px solid #d83e0f; padding: 10px 0 8px; margin-top: 12px; border-radius: 40px;} #vdp-container a.btn-payments i {font-size:20px; margin-right: 5px;} #vdp-container a.btn-payments:hover {background:#e64919;} #vdp-container a.btn-confirmation {position: relative;cursor: pointer;display: block; color: #fff; background: #13a560; padding: 17px 0; margin-top: 12px; border-radius: 0; border:0 solid #13a560; padding-left: 20px; text-align: center;} #vdp-container a.btn-confirmation .fa-comments-dollar {font-size: 24px; position: absolute; top: 16px; left: 17px;} #vdp-container a.btn-confirmation .fa-chevron-right {position: absolute; right: 15px; font-size: 14px; top: 23px;} #vdp-container a.btn-confirmation:hover {background:#2cb976;} #vdp-container .located-at {color:#636567; font-weight: 300; line-height: 20px; text-align: center;} #vdp-container .located-at a, #vdp-container .located-at i {color:#34baf3;} #vdp-container .located-at .currently-located {font-size: 13px;} #vdp-container .located-at .phone-text {letter-spacing: -.1px; margin-top:12px; text-align: center; padding: 0 0 10px 0; border-bottom: 1px solid #dadcdd;} #vdp-container .located-at strong {} #vdp-container .located-at .city-state {} #vdp-container .located-at .stars {display: inline-block; margin-right: 7px; height: 16px; background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/stars.png) no-repeat;} #vdp-container .located-at .reviews {display: inline-block;} #vdp-container .located-at .based {display: inline-block;line-height: 16px;} #vdp-container .also-viewed-at {clear:both;margin-top:25px;font-size: 13px; line-height: 18px; text-align: center;} #vdp-container .vdp-transfer {background: #f2f5f8; border: 1px solid #e9eaeb; padding: 12px; line-height: 16px; color: #636567;} #vdp-container .transfer-dealer {margin-bottom:12px; line-height: 18px;} #vdp-container .transfer-dealer a.btn-primary {display: block;} #vdp-container .transfer-dealer a.single-dealer {padding:12px 0; margin-top: 9px;background: #005696; border-radius: 0; border: 1px solid #003a65; border-bottom: 3px solid #003a65;} #vdp-container .transfer-dealer a.multiple-dealers {text-align: left;} #vdp-container .transfer-dealer a.multiple-dealers:after {font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f105"; float: right; position: relative; top: -6px;} /* #vdp-container .transfer-dealer:before {font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f111";} */ #vdp-container .vdp-transfer h3 {text-transform:uppercase; font:600 18px/22px 'Roboto', sans-serif; color: #636567;} #vdp-container .vdp-transfer h3 a {top: -2px; font-size: 14px; position: relative;} #vdp-container .ctas {margin:30px 0;text-align:center; display:none !important;} #vdp-container .appointment-box {clear:both;background: #F9F9FB;padding: 5px 7px 15px; border: 1px solid #dadcdd; margin-bottom: 30px;} #vdp-container .ctas button.cta-schedule-appointment {border-radius: 40px; text-transform: capitalize; width: 100%; margin: 0; text-align: center; padding: 12px 0 7px; display: block; border: 1px solid #003a65; border-left: 1px solid #003a65; border-right: 1px solid #003a65; border-bottom: 3px solid #003a65; color: #fff; background: #005696; font-size: 14px;} #vdp-container .ctas button.cta-schedule-appointment:hover, #vdp-container .ctas button.cta-schedule-appointment:active {background: #003a65;} #vdp-container .ctas a.cta-preapproval, #vdp-container .ctas a.cta-trade {padding:9px 0 7px;width: 48%; border-top:1px solid #34baf3; border-left:1px solid #34baf3; border-right:1px solid #34baf3; border-bottom:1px solid #34baf3; color:#34baf3; font-size:12px; display:inline-block; border-radius: 40px;} #vdp-container .ctas a i {font-size: 20px; margin-right:5px;} #vdp-container #vdp-schedule-appointment .thumbs-control {top: 25px; position: absolute;} #vdp-container #vdp-schedule-appointment-time .appointment-time {display: inline-block; background: #fff; color: #34baf3; border: 1px solid #34baf3; border-radius: 50px; padding: 4px 12px;} #vdp-container .ctas .save-time {text-align: left; line-height: 16px; font-size: 13px; padding: 0 7px 9px;} #vdp-container .ctas a:hover, #vdp-container .ctas a:active {color:#fff; background: #34baf3;} #vdp-container .appointment-box a.appointment-time:hover, #vdp-container .appointment-box a.appointment-time:active,#vdp-container .appointment-box a.appointment-date:hover, #vdp-container .appointment-box a.appointment-date:active, #vdp-container .appointment-box a.selected { color:#fff !important; background: #34baf3 !important;} #vdp-container .ctas .save-time strong {text-transform:uppercase; color:#005696;text-align: center; display: block; font: 300 18px/20px 'Roboto', sans-serif;} #vdp-container #vdp-schedule-appointment-time {margin:15px 0;} #vdp-container .appointment-date {cursor: pointer;border:3px solid #c9cacc; color:#005696; display: block; float: left; width: 30%;} #vdp-container #vdp-schedule-appointment .closed {opacity: .3; cursor: not-allowed;pointer-events: none;} #vdp-container #vdp-schedule-appointment .item {padding:0 15px; height: 80px; overflow: hidden;} #vdp-container .appointment-box .carousel-control.left {left:-9px;} #vdp-container .carousel-control i {top:0;} #vdp-container .appointment-box .carousel-control.left, #vdp-container .appointment-box .carousel-control.right {background:none; color:#005696;text-shadow: none;} #vdp-container .appointment-box .carousel-control {width:15px; opacity: 1;} #vdp-container #vdp-schedule-appointment-time .left.carousel-control {top: 17px; left: 10px; position: absolute;} #vdp-container #vdp-schedule-appointment-time .right.carousel-control {top: 17px; right: 10px; position: absolute;} #vdp-container #vdp-schedule-appointment .day {background: #005696; color: #fff; font-size: 11px; text-transform: uppercase;} #vdp-container #vdp-schedule-appointment .date {font: 700 28px/32px 'Roboto', sans-serif; display: block;} #vdp-container .schedule-appointment-frm {padding:0 10px;text-align: left;} #vdp-container .input-group-addon, #vdp-container input[type="text"], #vdp-container input[type="email"], #vdp-container input[type="url"], #vdp-container input[type="password"], #vdp-container input[type="search"], #vdp-container textarea, #vdp-container select {border-color:#dadcdd;} .vdp-frm .input-group-addon, .vdp-frm input[type="text"], .vdp-frm input[type="email"], .vdp-frm input[type="url"], .vdp-frm input[type="password"], .vdp-frm input[type="search"], .vdp-frm textarea, .vdp-frm select {border-color:#dadcdd;} #vdp-container .contact-col {margin-top:25px; border-top: 5px solid #005696;} /*#vdp-container .contact-col {margin-top:25px; border-left: 1px solid #dadcdd; border-right: 1px solid #dadcdd; border-bottom: 1px solid #dadcdd; border-top: 5px solid #005696;}*/ #vdp-container .contact-col h4 {margin-top: 10px; font: 600 16px/20px 'Roboto', sans-serif; text-align: center;margin-bottom: 0;} #vdp-container .contact-col .vdp-frm {margin-top: 0; padding: 7px 15px 15px;} #vdp-container .contact-col .vdp-frm label {font-weight: 400; margin-bottom: 0px;} .vdp-frm .input-group[class*=col-] {float:left; padding-right: 15px; padding-left: 15px;} .vdp-frm button {margin:12px auto;padding: 12px 20px; border-radius: 0px;} .contactForm input[type="text"], .contactForm textarea, .vdp-container input[type="text"], .vdp-container input[type="email"], .vdp-container input[type="url"], .vdp-container input[type="password"], .vdp-container input[type="search"], .vdp-container textarea, .vdp-container select {border:1px solid #ccc !important;} #vdp-container .contact-col .btn-submit span {font-size: 18px; margin-right: 5px;} #vdp-container .contact-col .btn-submit {text-transform: none !important; border-radius: 30px; padding: 10px 0; display: block; font-size: 14px; width:100%;} /*#vdp-container .contact-col .btn-submit {color: #fff; background: #ef5222; text-transform: none !important; border-radius: 30px; padding: 10px 0; display: block; border-bottom: 1px solid #d83e0f !important; border-top: 1px solid #d83e0f !important; border-left: 1px solid #d83e0f !important; border-right: 1px solid #d83e0f !important; font-size: 14px; width:100%;} #vdp-container .contact-col .btn-submit:hover, #vdp-container .contact-col .btn-submit:active {background: #e64919;}*/ .vdp-frm {padding-top:10px;font-size: 12px;} .vdp-frm .descriptionlbl {display: block;} .vdp-frm .form-group {margin-bottom:15px;} .vdp-frm .checkbox-inline {margin:0 12px 10px 0;} .vdp-frm .radio-inline+.radio-inline, .vdp-frm .checkbox-inline+.checkbox-inline {margin-left:0px !important;} .vdp-frm .input-group {margin-bottom: 15px;} #vehicle-option .options li,#vehicle-option-lg .options li {float: left; width: 33%;} #vdp-panels .panel-group {margin-bottom:15px;} #vdp-panels .panel-group .panel {-webkit-box-shadow: 0 0 0 rgba(0,0,0,.05); box-shadow: 0 0 0 rgba(0,0,0,.05); border-radius: 0; border:0;} #vdp-panels .panel-default>.panel-heading {padding: 0; border-radius: 0; background: transparent; border-bottom: 1px solid #efefef;} .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {border:0px !important;} #vdp-panels .panel-title>a {display: block; font:100 28px/30px 'Roboto', sans-serif; padding:0; background:transparent;} #vdp-panels .panel-title>a.collapsed {color:#555558 !important; background:transparent;} /* #vdp-panels .panel-title>a:after {font-size:18px; font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f078";float: right;} */ #vdp-panels .panel-title>a:after {content: ""; display: block; max-width: 200px; margin-top: 7px; border-bottom: 3px solid #34baf3;} /* #vdp-panels .panel-title>a.collapsed:after {font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f054";float: right;} */ #vdp-panels h2 {font: 300 24px/36px 'Roboto', sans-serif; margin-bottom: 15px;} /* #vdp-panels h2:after {content: ""; display: block; max-width: 200px;border-bottom: 3px solid #34baf3;} */ .vehicle-features {margin-bottom: 50px; margin-top: 30px; background:#F9F9FB;border-bottom: 2px solid #34baf3;} .vehicle-features .feature {margin-bottom: 20px; height: 100px;text-align: center; position: relative; border: 1px solid #ddd; background: #fff;} .vehicle-features .vertically-align {position: relative; top: 50%; transform: translateY(-50%);} .vehicle-features h2 {font: 300 24px/28px 'Roboto', sans-serif; text-align: center; margin-top: 0; background: #34baf3; color: #fff; padding: 12px 0; margin-bottom: 20px;} .vehicle-features svg {height:30px; width:auto;} #vdp-panels h3.specs-headline {text-align:center; margin:12px 0 15px;background: url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/1x1-gray.png') repeat-x center;} #vdp-panels h3 span {background: #fff; padding: 10px;} #vdp-panels .specs {padding:0; margin:0 0 30px 0; list-style:none;} #vdp-panels .specs li{white-space: nowrap; overflow: hidden; line-height: 18px; font-size: 12px; background: url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/specs-icons-marine.png') no-repeat; /* border-bottom: 1px dotted #dee2e6; */ padding: 5px 0 5px 35px;} #vdp-panels .specs ul, #vdp-panels .specs li span {text-transform:uppercase;} #vdp-panels .specs ul:after {clear:both;} ul.specs .ext-color {background-position: 0px 0px !important;} ul.specs .int-color {background-position: 0px -50px !important;} ul.specs .category {background-position: 0px -100px !important;} ul.specs .engine {background-position: 0px -150px !important;} ul.specs .propulsion {background-position: 0px -200px !important;} ul.specs .drivetrain {background-position: 0px -250px !important;} ul.specs .msrp {background-position: 0px -300px !important;} ul.specs .price {background-position: 0px -350px !important; font-weight:600; background-color:#ffde16 !important;} .lbl-price {color:#343838; font-weight:800;} ul.specs .price img {height:25px;} ul.specs .savings {background-position: 0px -400px !important; font-weight:800; color:#a00000;} ul.specs .odometer {background-position: 0px -450px !important;} ul.specs .vin {background-position: 0px -500px !important;} ul.specs .stock {background-position: 0px -550px !important;} #vdp-panels .buttons a.button {background: #005696; display: block; text-align: center; color: #fff; border-radius: 5px; padding: 7px; margin-bottom:7px;} #vdp-panels .buttons a.btn-carfax {margin-bottom:20px;text-indent:-99999px; background: url('https://steeringinnovation.s3.us-east-2.amazonaws.com/inventory/images/carfax-bg-ford.jpg') center no-repeat #005696; height: 100px; border-radius: 15px;} #vdp-panels .buttons .fas, #vdp-panels .buttons .fa {font-size: 20px; opacity: .7; margin-right: 5px;} #fuel-economy {text-align:center;display:block; margin:0 auto 12px;} #fuel-economy div {width:33%; float: left;text-align:center; margin: 0;} #fuel-economy .city span, #fuel-economy .hwy span {padding:1px 4px; text-transform:uppercase; background:#000; color:white; font-size:10px; font-weight:600;} #fuel-economy .fas, #fuel-economy .fa {font-size: 34px !important; margin: 12px 0 0 !important;} #fuel-economy strong {font-size:30px; line-height:33px;font-weight:800;color:#7b8086;} #fuel-economy .fuel-disclaimer {padding:0;line-height:13px;font-size:9px;color:#7b8086; display: block; width:100%;} #related-vehicles {background: #e9ebed; padding:30px 0 50px; margin-top:50px;} /* End of Minimal VDP Styles */ /* #top-bar {border:1px solid #d6d6d8; padding:10px 15px 10px 2px; font-size:11px; -moz-text-shadow:1px 1px 1px #f2f2f3; -webkit-text-shadow:1px 1px 1px #f2f2f3; text-shadow:1px 1px 1px #f2f2f3;background:#fafafa;background:-moz-linear-gradient(top, #fafafa 0%, #e0e0e1 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e0e0e1));background:-webkit-linear-gradient(top, #fafafa 0%,#e0e0e1 100%);background:-o-linear-gradient(top, #fafafa 0%,#e0e0e1 100%);background:-ms-linear-gradient(top, #fafafa 0%,#e0e0e1 100%);background:linear-gradient(to bottom, #fafafa 0%,#e0e0e1 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e0e0e1',GradientType=0 );} */ #top-bar {font-size:14px;} #top-bar a {text-decoration:none;} #top-bar span {} #top-bar .breadcrumbs ul {padding:0; margin:0; list-style:none;} #top-bar .breadcrumbs li {float:left;} #top-bar .quick-search {text-align:right;} #top-bar .quick-search input[type="textbox"] {margin:0; width:300px; font-size: 13px;border: 2px solid #cccccc; padding: 3px 7px;} #top-bar .quick-search input[type="submit"] {cursor:pointer; border:0px; margin:0 0 0 4px; background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/btn-quick-search.png'); text-indent:-9999px; width:28px; height:21px;} #top-bar .quick-search input[type="submit"]:hover {background-position:0px -21px;} .ui-autocomplete-input {margin: 0 !important; font-size: 13px !important; border-left: 2px solid #cccccc !important; border-top: 2px solid #cccccc !important; border-bottom: 2px solid #cccccc !important; padding: 3px 7px !important;} div#page_navigation {text-align: right; padding:8px 0; max-width: 350px;} li#originalQuery,li#breadcrumb{display:none;} #headline {height:45px;border-bottom:1px solid #dedee0;} #headline h1 {margin:0px; padding:0 0 0 12px; font-size:22px; font-weight:700; line-height:45px;width:850px; overflow-x:hidden; white-space:nowrap; text-overflow:ellipsis;} #headline .right {line-height:45px;} #top-bar .quicklinks a {text-decoration:none; font-size:15px; line-height:30px; margin-left:10px;}.lightbox-window h3, .tooltip div h3 {margin:0 0 5px; padding:7px; color:white; font-weight:normal; font-size:15px; font-weight:600; background:#8fb631 !important; background:-moz-linear-gradient(top, #8fb631 0%, #67861e 100%) !important; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fb631), color-stop(100%,#67861e)) !important; background:-webkit-linear-gradient(top, #8fb631 0%,#67861e 100%) !important; background:-o-linear-gradient(top, #8fb631 0%,#67861e 100%) !important; background:-ms-linear-gradient(top, #8fb631 0%,#67861e 100%) !important; background:linear-gradient(to bottom, #8fb631 0%,#67861e 100%) !important; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fb631', endColorstr='#67861e',GradientType=0 ) !important; -moz-text-shadow:1px 1px 1px #3a7200 !important; -webkit-text-shadow:1px 1px 1px #3a7200 !important; text-shadow:1px 1px 1px #3a7200 !important;} .gform_wrapper {margin:0px !important;} .gform_wrapper select {padding:4px 4px !important; border:1px solid #d3d8dc !important; font-size:12px; padding:10px !important;} .gform_footer .button:hover {} .gform_wrapper .gform_heading {margin-bottom:0px !important;} .gform_wrapper .top_label .gfield_label {font-size:11px;} .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper textarea {border:1px solid #d3d8dc; font-size:12px !important; color:#6a6a6a !important; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; border-radius:0px !important; -webkit-appearance:none !important; -webkit-box-sizing:border-box; !important -moz-box-sizing:border-box !important; box-sizing:border-box !important; padding:5px 4px !important; -moz-transition:all 0.12s ease !important; -webkit-transition:all 0.12s ease !important; -o-transition:all 0.12s ease !important; -ms-transition:all 0.12s ease !important; transition:all 0.12s ease !important;} .gform_wrapper input[type=text]:hover, .gform_wrapper input[type=url]:hover, .gform_wrapper input[type=email]:hover, .gform_wrapper input[type=tel]:hover, .gform_wrapper input[type=number]:hover, .gform_wrapper input[type=password]:hover, .gform_wrapper textarea:hover, .gform_wrapper input[type=text]:focus, .gform_wrapper input[type=url]:focus, .gform_wrapper input[type=email]:focus, .gform_wrapper input[type=tel]:focus, .gform_wrapper input[type=number]:focus, .gform_wrapper input[type=password]:focus, .gform_wrapper textarea:focus { border:1px solid #358eb5 !important; color:#555558 !important; outline:none !important; -webkit-box-shadow:inset 0 0 3px 0 #358eb5; box-shadow:inset 0 0 3px 0 #358eb5;} .vlp-container .gform_wrapper .top_label select.medium {width:97% !important;margin-bottom: 8px !important; padding: 5px 4px !important;} .gform_wrapper .gfield_required {margin-left:2px !important; color:#bf2424 !important;} /* .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {height:75px !important;} */ img.ui-datepicker-trigger {margin-top:5px;} .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {margin:0px !important;} .gform_wrapper .validation_error {color:#bf2424 !important; font-size:12px !important; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {border:1px solid # !important;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {margin-top:0px !important;} .gform_wrapper .gform_page_footer {margin:20px 0 0 !important; clear:both;} .gform_wrapper .gfield_date_dropdown_day select, .gform_wrapper .gfield_date_dropdown_year select {width:65px !important;} .vlp-container .button, .vlp-container .gform_next_button, .vlp-container .gform_previous_button, .vlp-container .gform_button { text-transform:none; border:0 !important; display:block !important; text-decoration:none !important; color:#fff !important; font-size:14px !important; text-align:center !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; border-radius:0 !important; margin-bottom:12px !important; padding:6px 10px !important; cursor:pointer !important; background:#34baf3 !important;} .vlp-container .button:active, .vlp-container .gform_next_button:active, .vlp-container .gform_previous_button:active, .vlp-container .gform_button:active, .vlp-container .button:hover, .vlp-container .gform_next_button:hover, .vlp-container .gform_previous_button:hover, .vlp-container .gform_button:hover {background:#5ac9f8 !important;} #price .price-area {border:1px solid #17688f;float:left; width:284px; color:#fff; background:#1176a6; background:-moz-linear-gradient(top, #1176a6 0%, #17688f 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#1176a6), color-stop(100%,#17688f)); background:-webkit-linear-gradient(top, #1176a6 0%,#17688f 100%); background:-o-linear-gradient(top, #1176a6 0%,#17688f 100%); background:-ms-linear-gradient(top, #1176a6 0%,#17688f 100%); background:linear-gradient(to bottom, #1176a6 0%,#17688f 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1176a6', endColorstr='#17688f',GradientType=0 ); padding:0 8px 0 10px; text-align:right; height:45px;} #price .asking-priced {color:#c7dce6; font-size:16px; text-transform:uppercase; -moz-text-shadow:1px 1px 1px 1px #0d5f86; -webkit-text-shadow:1px 1px 1px 1px #0d5f86; text-shadow:1px 1px 1px #0d5f86; line-height:45px; margin-right:7px;} #price .asking-priced a {color:#c7dce6;} #price .price {float:right; line-height:45px; font-size:28px; color:#ffffff; text-transform:uppercase; -moz-text-shadow:1px 1px 1px 1px #0d5f86; -webkit-text-shadow:1px 1px 1px 1px #0d5f86; text-shadow:1px 1px 1px #0d5f86;} #price .price-area img {float:right; margin-top:7px; margin-left:3px;} #price .get-asking-price {float:right;} #price .get-asking-price a {background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/btn-get-asking-price-new.png'); width:300px; height:46px; display:block; text-indent:-9999px;} #price .get-asking-price a:hover {background-position:0px -46px;} #price .get-asking-price a:active {background-position:0px -92px;} #vehicle-info-container {float:left; width:615px;} #new-savings {clear:both; margin-top:10px; font-size:14px; padding:5px 7px; background:#ededed; border:1px solid #dedee0; text-align:center;} #photo-container {width:100%; clear:both; margin-top:10px;} ul#specs {margin:0; padding:0; list-style:none;} ul#specs li {border-top:1px dotted #dedee0; padding:8px 7px 6px; text-transform:uppercase;} ul#specs .label {width:120px; border-right:1px solid #f2f2f3; float:left; text-align:right; clear:both; color:#7d7d82; font-size:12px;} ul#specs .specs {width:145px; float:left; font-weight:bold; color:#56575b; font-family:'Roboto', sans-serif;} ul#specs .savings {color:#ef5222 !important; font-weight:bold;} #specs-headline {margin-top:15px;} #specs-headline h3 {background:#1176a6; padding:6px 7px; color:#ffffff; text-shadow:1px 1px 1px #054781;margin:10px 0 3px; text-transform:uppercase; font-style:italic;} ul#specs-left, ul#specs-right {margin:0; padding:0; list-style:none;} ul#specs-left li, ul#specs-right li {padding:6px 5px 4px; text-transform:uppercase;} ul#specs-left .label-1 {width:110px; border-right:1px solid #ffffff; float:left; text-align:right; clear:both; color:#7d7d82; font-size:12px; font-style:italic;} ul#specs-left .specs-1 {width:130px; float:left; font-weight:bold; color:#56575b; font-family:'Roboto', sans-serif;} ul#specs-right .label-2 {width:90px; border-right:1px solid #ffffff; float:left; text-align:right; clear:both; color:#7d7d82; font-size:12px; font-style:italic;} ul#specs-right .specs-2 {width:230px; float:left; font-weight:bold; color:#56575b; font-family:'Roboto', sans-serif; overflow-x:hidden; white-space:nowrap;text-overflow:ellipsis;} ul#specs-left .savings {color:#ef5222 !important; font-weight:bold;} .alt-2, .alt-4, .alt-6, .alt-8 {background:#f1f1f1 !important;}.vehicle-transfer {clear:both; font-size:11px;border-top:1px dotted #dedee0; padding:6px 0;} .vehicle-transfer a {font-weight:bold; text-decoration:none;} #value-trade a {display:block; background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/value-trade-in.png') no-repeat; width:300px; height:140px; text-indent:-99999px; margin-top:10px;} #value-trade a:hover {background-position:0 -140px;} #value-trade a:active {background-position:0 -280px;} #lower-section {background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/lower-bg.png'); border-top:1px solid #fff; padding-top:20px; padding-bottom:20px; border-bottom:3px solid #005696;border-top:3px solid #005696;} #lower-section .disclaimer {padding:0 15px;font-size:11px; clear:both;} #carfax a {text-indent:-9999px; display:block; width:300px; height:100px; margin-top:12px; background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/btn-carfax.png') no-repeat;} #carfax a:hover {background-position: 0 -100px;} #carfax a:active {background-position: 0 -200px;} #good-deal-list {float:right; display:inline; width:180px; height:33px;} #good-deal-list a {text-indent:-9999px; width:180px; height:33px; display:block; background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/btn-GoodDeal-List.png') no-repeat;} #good-deal-list a:hover {background-position: 0 -33px;} #good-deal-list a:active {background-position: 0 -66px;} .fancybox-custom .fancybox-skin { box-shadow:0 0 50px #222; } .time-left {font-weight:700; color:#729b0f; text-align:center; margin-bottom:12px;} #vdp-reviews {margin-top:30px; margin-bottom: 30px; clear:both;} #vdp-reviews .review-container {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; max-width: 1400px;} #vdp-reviews h3 {max-width:100%; background: url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/customer-reviews-bg.jpg') no-repeat; color: #fff; margin: 10px 0 30px; padding: 80px 0 80px 25px; text-align: left;background-size:cover; } #vdp-reviews h3 span {font-size: 30px; font-weight: 800;} #vdp-reviews h4 {margin: 30px 0 10px;} #vdp-reviews .review {font-size: 12px; line-height: 16px; background-color: #ffffff; width: 31%; padding: 0 15px 150px; position: relative; border: 2px solid #363636; text-align: center;} #vdp-reviews .review-meta {position: absolute; bottom: 1rem; left: 0; right: 0; text-align: center; width: 100%;} #vdp-reviews .review-padding {padding: 12px 12px 20px; background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/review-bg.png') bottom left no-repeat #f4f5f5; border-radius: 8px 8px 0 0;border-top: 3px solid #cecece;} .button1 { border:1px solid #133556; -moz-box-shadow:0 1px #c3daf2 inset; -webkit-box-shadow:0 1px #C3DAF2 inset; box-shadow:0 1px #C3DAF2 inset; -moz-text-shadow:0 1px 1px #000; -webkit-text-shadow:0 1px 1px #000; text-shadow:0 1px 1px black; background:#2B74BE; background:-webkit-gradient(linear, left bottom, left top, color-stop(100%, #4F93D7), color-stop(30%, #2D79C6), color-stop(0%, #2B74BE)); background:-webkit-linear-gradient(top,#4F93D7,#2D79C6,#2B74BE); background:-moz-linear-gradient(top,#4F93D7,#2D79C6,#2B74BE); background:-ms-linear-gradient(top,#4F93D7,#2D79C6,#2B74BE); display:inline-block; text-decoration:none; color:white; font-size:12px; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-transform:uppercase; vertical-align:top; margin-bottom:12px; width:200px; padding:8px 0;} .button1:hover {-moz-box-shadow:0 1px #d8e7f6 inset; -webkit-box-shadow:0 1px #D8E7F6 inset; box-shadow:0 1px #D8E7F6 inset; color:white; background:#2C77C2; background:-webkit-gradient(linear, left bottom, left top, color-stop(100%, #5C9ADA), color-stop(30%, #3281D1), color-stop(0%, #2C77C2)); background:-webkit-linear-gradient(top,#5C9ADA,#3281D1,#2C77C2); background:-moz-linear-gradient(top,#5C9ADA,#3281D1,#2C77C2); background:-ms-linear-gradient(top,#5C9ADA,#3281D1,#2C77C2); text-decoration:none; } .divider-line {position:relative;clear:both;display:block;border-bottom:1px dotted #a6a6a6; margin:20px 0 15px;} .padding {padding:15px;} .pager-vlp .current {background:#ffffff;-moz-box-shadow:0px 1px 0px 0px #d3d3d3 inset; -webkit-box-shadow:0px 1px 0px 0px #d3d3d3 inset; box-shadow:0px 1px 0px 0px #d3d3d3 inset; font-weight:bold;} .pager-vlp {line-height:19px; height:21px} .pager-vlp .page-numbers {padding:0 5px; text-align:center; display:inline-block; border:1px solid #b7b7b8;} .pager-vlp a.page-numbers {background:#ececec;-moz-box-shadow:0px 1px 0px 0px #d3d3d3 inset; -webkit-box-shadow:0px 1px 0px 0px #d3d3d3 inset; box-shadow:0px 1px 0px 0px #d3d3d3 inset;} .pager-vlp a.page-numbers:hover {background:#ffffff; color:#56575b;} .pager-vlp .dots {margin-left:0px !important; border:0 !important;} .pager-vlp span {margin-left:0px !important;} #left-search-area {margin: 30px 0 0 0; clear:both;} .grid #left-search-area {margin:0;} .curQuery {margin-bottom:15px !important; padding:15px;} .curQuery a {margin-right: 3px; font-size: 12px; margin-bottom: 7px; padding: 5px 9px 5px 12px; max-width: 100%; white-space: normal;} .curQuery span {text-transform: capitalize;} .curQuery span:after {content: " \f057"; font-family: "Font Awesome 5 Pro"; margin-left: 2px; font-weight: 800;} .curQuery strong {text-transform: uppercase;font-size: 13px;} .curQuery h5 {padding: 0 0 8px; margin: 0 0 13px; border-bottom: 1px dotted #a6a6a6;} .modify-search, .new-search, .popular-searches {padding:0; margin-bottom:15px;} #left-search-area h3 {color: #2c2c32 !important; font-size: 20px; border-bottom: 2px solid #2c2c32; padding: 0 0 7px; background: none; margin-bottom: 2px;} #left-search-area h4 {clear:both; color:#1176a6; padding:7px 0 7px 8px; border-top:1px dotted #a6a6a6; border-bottom:1px dotted #a6a6a6; margin:12px 0 5px; background:#cbcbcb} .modify-search h3 {margin-bottom:7px !important;} #left-search-area small {padding-left:5px;} #left-search-area ul {margin:0; padding:0; list-style:none;} #left-search-area .two-col, #left-search-area .one-col {} #left-search-area li {} #left-search-area .one-col li {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding: 7px 0 6px 10px;} /*#left-search-area .two-col li {float:left; width:50%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding: 7px 0 6px 10px;}*/ #left-search-area .two-col li {float:none; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding: 7px 0 6px 10px;} #left-search-area .one-col li:hover, #left-search-area .one-col li:active, #left-search-area .two-col li:hover, #left-search-area .two-col li:active {background:#e9e9e9;} #left-search-area div.models-short {max-height:240px; overflow:hidden;} #left-search-area div.models-long {height:auto; overflow:visible;} #modelUl {max-height: 350px;overflow: auto;} #left-search-area li a {text-decoration:none; color:#56575b; display:inline-block; padding:3px 7px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #left-search-area li a:hover {color:#ffffff; background:#1176a6;} #left-search-area li a.active {color:#f8941d; font-weight:bold;} #left-search-area ul.curQuery li {float:left; margin:0 4px 4px 0;} #left-search-area ul.curQuery li a {font-size:13px; -moz-border-radius:100px !important; -webkit-border-radius:100px !important; border-radius:100px !important; display:block; color:#fff;background: #005696; padding:4px 9px 5px 11px;} #left-search-area ul.curQuery li .x {color: #005696;display: inline-block;border-radius: 100px;background-color: rgba(255, 255, 255, .4);padding: 2px 8px; margin-left: 4px;} #left-search-area ul.curQuery li a:hover {color:#fff; background:#77797d !important;} #left-search-area .new-search label {margin:0 0 2px 0; display:block;} #left-search-area .new-search input[type="text"] {margin:0px; padding:2px; font-size:12px; color:#7d7d82; display:block;} #left-search-area .new-search button {margin-top:10px;} #left-search-area button, #left-search-area .new-search input, #left-search-area .new-search select, #left-search-area .new-search textarea {width:100% !important; margin-bottom:10px !important;} #left-search-area .widget .new-search {padding: 15px 0 15px 0 !important;} #left-search-area .quick-links .new-search select {padding: 7px !important;} #left-search-area .popular-searches ul {margin:7px 0 7px 5px;} #left-search-area form {padding-left:0; margin-top:0;} #left-search-area .google-plus {padding:7px; font-size:10px; background:#fff;} .layout-slider {margin:0 0 10px;} .layout-slider .slider-label {text-align: center;margin: 5px 0 12px;} .layout-slide span {display:inline-block; width:95%; padding:0 5px;} #left-search-area input[type="text"] {border:1px solid #BABBBE; display:block; margin:2px 0 10px 0; clear:both; font-size:12px; padding:3px; width:150px;} #right-list-area {margin-top:30px;} #right-list-area.grid {padding-right: 25px;margin-top: 0;} .not-found {text-align:center;} .not-found h2 {margin:40px 0; color:#bf2424;} .total-found h1 {font-weight:200; font-size:30px; line-height:30px; font-family: inherit; margin: 0 0 7px;} .total-found span {font-size:18px; line-height:18px;} .searched-for {margin-left:100px; line-height:30px;} .sort-by {line-height:30px; text-align:right;} .sort-by select {font-size:12px; padding: 12px; color:#7d7d82; margin-top:4px; width: 100%; margin: 0 15px;} #tag-filters {margin:15px 0;} #vehicle-tagUl {list-style: none; padding: 0;} #vehicle-tagUl li {float: left; padding: 5px 0px 5px 15px; border-radius: 20px; background: #e9e9e9; margin-right: 7px; margin-bottom:7px;} .srp-vehicle-container {} .listing-container {clear:both; border-top:1px solid #e1e1e2;border-right:1px solid #e1e1e2;border-left:1px solid #e1e1e2; padding:15px 15px 0; margin-bottom:25px; background:#fff;} .listing .vdp-views {margin-bottom:0px; clear:both; text-align:left; padding:0 0 3px 0 !important; text-shadow: 0 0 0 !important; background:none !important; line-height:18px; color: #56575b;} .listing .vdp-views .popular {color:#ef5222;} .listing-container h3 {font-size:20px; margin:0; padding:0; color:#56575b; line-height:25px; width:85%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .listing-container h3 a:hover {color:#1176a6;} .listing-container h2 {margin:0 0 4px 0; padding:0;} .listing-container h2 a {font-size:14px; font-weight:700; color:#bf2424; clear:left; text-decoration:underline; line-height:14px;} .listing-container h2 a:hover {color:#91b932;} .listing-container .listing-details {width:73%} .listing-container .description {clear:both; max-height:35px; font-size:11px; overflow:hidden; text-overflow:ellipsis; margin-bottom: 15px;} .listing-container .description p {margin-bottom:0;} .listing-container .vlp-specs {margin:0; padding:0; list-style:none; float:left; font-size:11px; line-height:18px; max-width:95%;} .listing-container .vlp-right-specs {border-left:1px dotted #e1e1e2} .listing-container .vlp-specs li {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .listing-container .icons-used {clear:both; margin-top:12px; text-align:right;} .listing-container .icons {clear:both; margin-top:7px;} .listing-container #vlp-icons {margin-top: 15px;} .listing-container #vlp-icons img {margin-right:10px;} .listing-container .icons-used img, .listing-container .icons img {margin-right:9px;} .listing-container .listing-middle {width:66%; clear:both;} .listing-container .thumbnail {text-align: center; margin-bottom: 0; padding: 0; border: 0;} .listing-container .thumbnail img {max-width:100%; border:0; -moz-box-shadow:0 0 4px 1px #CCD0D4; -webkit-box-shadow:0 0 4px 2px #CCD0D4; box-shadow:0 0 4px 0px #CCD0D4; width:100%;} .listing-container .thumbnail img:hover {border:0; -moz-box-shadow:0 0 4px 1px #000; -webkit-box-shadow:0 0 4px 2px #000; box-shadow:0 0 4px 0px #000} .listing-container .thumbnail a.view-photos {display: block; margin: 7px 0; color:#7d7d82; text-decoration:none; } .listing-container .thumbnail a.view-photos:hover {color:#000; background-position:0px -44px;} .listing-container .listing-price img {} .listing-container .listing-price {margin-top: 5px; padding-top: 7px; text-transform:uppercase; border-left: 1px solid #e1e1e2;margin-bottom: 20px;} .listing-container .listing-price small {line-height:12px;} .listing-container .price-label {font-size:17px !important; font-weight:700; line-height:18px; width:100%;} .listing-container .price-msrp {font-size:14px !important; font-weight:normal;} .listing-container .left-price-label, #vdp-container .left-price-label {float: left; display: inline-block;} .listing-container .right-price, #vdp-container .right-price {text-align: right; float: right; display: inline-block;} .listing-container .price-msrp .right-price {text-decoration: line-through;} .listing-container .price {font-size:20px; font-weight:700; color:#000;} .listing-container .price-row {clear:both; margin:7px 0 0 0;} .price-row:before, .price-row:after {display: table;content: " ";} .price-row:after {clear: both;} .listing-container .price-row .left-price-label {font-size:14px;} .listing-container .total-savings {line-height:17px;border-bottom: 1px dotted #e1e1e2; padding: 5px 0 10px; margin: 0 0 12px; font-size:14px !important; color:#ef5222; clear: both; text-align: center;font-weight: 600;} .listing-container .total-savings-banner {color: #fff; font-size: 13px;font-weight: bold; position: absolute; z-index: 1; padding: 2px 10px 2px 20px; margin-right: -12px; margin-top: -16px; right: 0; background: #17a65f;} .listing-container .total-savings-banner:before {content: ''; position: absolute; left: -26px; top: 0; width: 0; height: 0; border-style: solid; border-width: 26px 0 0 26px; border-color: #17a65f transparent transparent;} .listing-container .total-savings-banner:after {content: ''; position: absolute; top: 26px; right: 0; width: 0; height: 0; border-style: solid; border-width: 11px 11px 0 0px; border-color: #107744 transparent transparent;} .listing-container .total-savings-banner a {color:#fff;} .listing-container .additional-incentives {font-size:10px; text-transform:none !important; line-height:13px;} .listing-container .additional-incentives a {color:#000; text-decoration:underline;} .listing-container .additional-incentives a:hover {color:#f8941d;} .listing-container .get-asking-price {margin-top:5px;} .price-stack {font-size: 11px; border-top: 1px dotted #e1e1e2; border-bottom: 1px dotted #e1e1e2; padding: 7px 0; margin: 7px 0; text-transform: capitalize; font-weight: normal;} .price-stack .price-stack-name {float: left; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .price-stack .price-stack-offer {float: left; width: 20%; text-align: right;} .additional-rebates {font-size:11px; text-align: center; text-transform: none; line-height: 16px;} .listing-price .additional-rebates {margin-bottom: 15px;} .grid-listing {padding:25px 15px 0; width:25%; float: left; position: relative;} @media (max-width: 767px) { .grid-listing {width:100%;clear:left;} .grid-listing:nth-of-type(1) {margin-top: 0; padding-top: 0;} #srp-special-container {display:none !important;} } @media (min-width: 768px) and (max-width: 1349px) { .grid-listing {width:50%;} .grid-listing:nth-of-type(2n+3) {clear:left;} #specialsCarousel {display:none !important;} } @media (min-width: 1350px) and (max-width: 1599px) { .grid-listing {width:33%;} .grid-listing:nth-of-type(3n+4) {clear:left;} #specialsCarousel {display:none !important;} } @media (min-width: 1600px) { .grid-listing {width:25%;} .grid-listing:nth-of-type(4n+5) {clear:left;} #specialsCarousel {display:none !important;} } .grid-listing .grid-top-row {margin-bottom: 10px; height: 26px;} .grid-listing .grid-container {background:#fff; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3); box-shadow: 0 0 5px 0 rgba(0,0,0,.3); position: relative; padding:12px; -webkit-transition: all 750ms ease; -moz-transition: all 750ms ease; -ms-transition: all 750ms ease; -o-transition: all 750ms ease; transition: all 750ms ease;} .grid-listing .grid-container .vdp-link {cursor: pointer;} .grid-listing .grid-container:hover, .grid-listing .grid-container:active, .grid-listing .grid-container:focus {-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.8); box-shadow: 0 0 3px 0 rgba(0,0,0,.8);} .grid-listing span.popular {margin-right: 4px; background: #fff; color: #ef5222; border: 1px solid #ef5222; border-radius: 20px; padding: 2px 12px 2px; font-size: 12px; display: inline-block;} .grid-listing span.managers-special {margin-right: 4px; background: #17a65f; color: #fff; border: 1px solid #17a65f; border-radius: 20px; padding: 2px 12px 2px; font-size: 12px; display: inline-block;} .grid-listing span.hidden-gem {margin-right: 4px; background: #eee; color: #555558; border: 1px solid #eee; border-radius: 20px; padding: 2px 12px 2px; font-size: 12px; display: inline-block;} .grid-listing .compare-vehicles {padding-top:7px;} .grid-listing .compare-vehicles input[type=checkbox].css-checkbox + label.css-label {font-size:12px; padding-right: 0px;} .grid-listing a.view-photos {color:#7b8086;} .grid-listing h3 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 3px;margin-top: 12px;} .grid-listing h3 a {color:#56575b; font: 400 18px/22px 'Roboto', sans-serif;} .grid-listing .specs {color:#7b8086; font-size:12px; line-height: 16px; height: 32px; overflow: hidden;} .grid-listing .price-area {position:relative; z-index:2; border-top:1px solid #f4f3f3; border-bottom:1px solid #f4f3f3; margin-top:10px; margin-bottom: 10px;height: 65px;} .grid-listing .total-savings-banner {color: #fff; font-size: 13px;font-weight: bold; position: absolute; padding: 2px 10px 2px 20px; right: -23px; top:-12px; background: #17a65f;z-index: 1;} .grid-listing .total-savings-banner a {color:#fff;} .grid-listing .total-savings-banner:before {content: ''; position: absolute; left: -26px; top: 0; width: 0; height: 0; border-style: solid; border-width: 26px 0 0 26px; border-color: #17a65f transparent transparent;} .grid-listing .total-savings-banner:after {content: ''; position: absolute; top: 26px; right: 0; width: 0; height: 0; border-style: solid; border-width: 11px 11px 0 0px; border-color: #107744 transparent transparent;} /* .grid-listing .total-savings-banner {color: #fff; font-size: 13px;font-weight: bold; position: absolute; padding: 2px 10px 2px 20px; right: -12px; top: 242px; background: #17a65f;z-index: 1;} .grid-listing .total-savings-banner:before {content: ''; position: absolute; left: -26px; top: 0; width: 0; height: 0; border-style: solid; border-width: 26px 0 0 26px; border-color: #17a65f transparent transparent;} .grid-listing .total-savings-banner:after {content: ''; position: absolute; top: 26px; right: 0; width: 0; height: 0; border-style: solid; border-width: 11px 11px 0 0px; border-color: #107744 transparent transparent;} */ .grid-listing .add-fav-div, .grid-listing .remove-fav-div {position: absolute; display: inline-block; width: 30px; height: 30px; background-color: rgba(0, 0, 0, .7); z-index: 1; text-align: center;} .grid-listing .add-fav-div:hover, .grid-listing .remove-fav-div:hover {background: #b60d0d;} .grid-listing .add-fav-div:hover a i, .grid-listing .remove-fav-div:hover a i {color:#fff;} .grid-listing .hide-vdp {display:none;} .grid-listing .add-fav-div a, .grid-listing .remove-fav-div a, .grid-listing .add-fav-div i, .grid-listing .remove-fav-div i {font-size: 20px; color: #7b8086;line-height: 30px;} .grid-listing .vertically-align, .related-single .vertically-align {position: relative; top: 45%; transform: translateY(-50%);} .grid-listing .price-row, .related-single .price-row {margin:5px 0;} .grid-listing .price-label, .related-single .price-label {float:left; font-size: 14px;} .grid-listing .price, .grid-listing .price {float:right; text-align: right; font-size: 14px;} /* .grid-listing .msrp.price, .related-single .msrp.price {text-decoration: line-through;} */ .grid-listing .asking-price.price-label, .related-single .asking-price.price-label {font: 800 16px/22px 'Roboto', sans-serif;} .grid-listing .asking-price.price, .related-single .asking-price.price {font: 800 18px/22px 'Roboto', sans-serif;} .grid-listing .total-savings, .related-single .total-savings {color: #ef5222; font: 600 14px/22px 'Roboto', sans-serif;} .grid-listing .vehicle-features {margin: 0 0 15px; background: #f7f8f9; padding: 5px 10px; text-align: center;min-height: 60px;} .grid-listing .vehicle-features-blank {height:65px;} .grid-listing .vehicle-features span {display: block;font: 300 12px/15px 'Roboto', sans-serif; margin-bottom: 4px;} .grid-listing .vehicle-features svg, .grid-listing .vehicle-features img {margin-right:7px;} .grid-listing .vehicle-located {text-align: center; text-transform: none; line-height: 17px;} .grid-listing .located-at.new {height: 82px; border-bottom: 1px solid #f4f3f3;} .grid-listing .vehicle-located.new {} .grid-listing .located-at.used {height: 82px; border-bottom: 1px solid #f4f3f3;} .grid-listing .vehicle-located.used {} .grid-listing .vehicle-located .two-ctas {width:49%; float: left;} .grid-listing .vehicle-located .one-cta {} .grid-listing a.btn-details {position:relative;border: 1px solid #34baf3; margin-top: 10px; text-transform: none; font-size: 13px; width: 100%; display: block; text-align: center; border-radius: 0 !important; padding: 12px 0; background: transparent; color: #34baf3;} .grid-listing a.btn-details:hover, .grid-listing a.btn-details:active, .grid-listing a.btn-details:focus {background:#34baf3; color:#fff;} #btn-area {height:42px;background:#e1e1e2; clear:both; display:none;} #btn-area ul {margin:0 0 0 14px; padding:0; list-style:none; float:right;} #btn-area li {padding:7px 14px 7px 0; float:left;} #btn-area a.btn-value-trade {display:block; background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/btn-value-trade.png') no-repeat; width:153px; height:28px; text-indent:-9999px;} #btn-area a.btn-get-more-info {display:block; background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/btn-get-more-info.png') no-repeat; width:181px; height:28px; text-indent:-9999px;} #btn-area a.btn-schedule-test-drive {display:block; background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/btn-schedule-test-drive.png') no-repeat; width:168px; height:28px; text-indent:-9999px;} #btn-area a.btn-vdp {display:block; background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/btn-vdp.png') no-repeat; width:135px; height:28px; text-indent:-9999px;} #btn-area a:hover {background-position:0 -28px;} #btn-area a:active {background-position:0 -56px;} .view-details {padding:0 !important;} .view-details a {display: block; text-align: center; background: #005696; color: #fff; line-height: 40px; font-weight: 600; text-transform: capitalize; font-size: 14px;} .view-details a:hover, .view-details a:active, .view-details a:focus {text-decoration:none; background:#183558; color:#fff;} .modal-body .view-details a {background: transparent;color: #005696;line-height: 40px;font-weight: 600;text-transform: capitalize; font-size: 14px; border: 1px solid #005696; display: block; text-align: center;} .modal-body .view-details a:hover {text-decoration:none; background:#005696; color:#fff;} .view-details .fa {display: inline-block; height: 20px; width: 20px; border: 1px solid #fff; border-radius: 10px; padding-top: 2px; margin-left: 6px;} .apply-financing a {display: block; text-align: center; line-height: 40px; font-weight: 600; text-transform: capitalize; font-size: 14px; color:#55565a;} .apply-financing a:hover, .apply-financing a:active {text-decoration:none;} .apply-financing .fa {display: inline-block; padding-top: 2px;} #recent-viewed-wrapper {padding-bottom:7px;} #recent-viewed-wrapper .footer-single-vehicle {margin: 40px 15px 40px 0;} @media only screen and (max-width:768px) {#recent-viewed-wrapper .related-single {margin:12px 0 !important;}} #recent-viewed-wrapper .recent-viewed {} #recent-viewed-wrapper .recent-viewed h5 {text-align:center; color: #005696 !important; font-size: 20px; border-bottom: 2px solid #ef5222; padding: 0 0 7px; background: none; margin-bottom: 2px; font-weight:300;} #recent-viewed-wrapper .related-sidebar h5 {font-size:20px;} .wide .vehicle-located.new {text-align:center; text-transform: none; margin: 5px 0 12px 0; padding-top:8px; line-height: 18px; border-top:1px dotted #e1e1e2;} .wide .vehicle-located.used {text-align:center; text-transform: none; margin: 0 0 12px 0; padding-bottom: 15px; line-height: 18px; border-bottom:1px dotted #e1e1e2;} .also-viewed-at {font-size:11px;} #bottom-bar {font-size: 14px;background: #e1e1e2;position:inherit !important;} #bottom-bar button {margin: 5px; text-transform: none; border: 0 !important; width: 100%; display: block !important; text-decoration: none !important; color: #fff !important; font-size: 13px !important; text-align: center !important; vertical-align: top !important; padding: 5px 10px !important; cursor: pointer !important; font-weight: 600 !important; background: #729b0f;} #bottom-bar button:hover {background: #85b11c;} #vehicle-locator-container {width:100%; padding:5px 0;} #vlp-vehicle-locator, #low-search-helper {background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/vehicle-locator/vehicle-locator-bg.png');border: 1px solid #d3d3d3;} #low-search-helper .suggestions {margin: 30px 0 40px; font-size: 20px;} #low-search-helper .suggestions a {padding: 7px 30px; display: inline-block; background-color: rgba(45, 150, 205, .75); margin: 7px; border-radius: 5px; color: #fff; border: 1px solid #183558; font-size: 15px;} #low-search-helper .suggestions a:hover {background: #183558;} #low-search-helper .modify-none-found {margin:15px;} #low-search-helper .modify-none-found ul {padding:0; margin:0; list-style:none;} #low-search-helper .modify-none-found li {margin:7px 7px 0 0; float:left; background:#f4f4f5; border:1px solid #cdcdd1} #low-search-helper .modify-none-found a { display:block;padding:3px 7px; text-decoration:none;} #low-search-helper .modify-none-found a:hover {color:#ffffff; background:#77797d !important;} #vlp-vehicle-locator .vehicle-locator-header {background:#34baf3; border-bottom:3px solid #ff9000; padding:12px;} #vlp-vehicle-locator .vehicle-locator-header h3 {text-align: center; color:#fff; text-transform:uppercase; font-size:25px; font-weight:800;margin:7px 0 0;} #vlp-vehicle-locator .vehicle-locator-header h4 {text-align: center; font-weight:300; color:#fff; font-size:18px;margin: 0;} #vlp-vehicle-locator .description {font-size:14px; background:#fff; padding:22px; line-height:20px;} #vlp-vehicle-locator .description strong {color:#34baf3; font-weight:700;} #vlp-vehicle-locator .locator-lower {padding:20px;border-top: 1px solid #d3d3d3;} #vlp-vehicle-locator .search-frm {border: 1px solid #c8c8c8; background-color: rgba(139, 139, 139, .1); border-radius: 12px; padding:12px;} #vlp-vehicle-locator .search-frm strong {font-size:12px; color:#34baf3; font-weight:600;} #vlp-vehicle-locator .gfield_checkbox li label {margin: 0 10px 0 16px !important;line-height: 20px !important;font-size: 12px;font-weight: 400;} #vlp-vehicle-locator ul.gfield_checkbox li {float:left;} #vlp-vehicle-locator .locator-details {font-size:12px; color:#56575b;} #vlp-vehicle-locator .locator-details ul {margin:0; padding:0; list-style:none;} #vlp-vehicle-locator .locator-details li {padding:12px 0; margin:0; border-bottom:1px solid #d3d3d3; border-top:1px solid #f5f5f5;} #vlp-vehicle-locator .locator-details li.logo {text-align:center; padding-top:0px; border-top:0px;} #vlp-vehicle-locator .locator-details h3 {font-size:16px; color:#34baf3; margin:0; padding:0; text-transform:uppercase;} .vehicle-locator-frm_wrapper {margin:0 !important;} .vehicle-locator-frm .gfield_label {font-weight:normal !important;} .vehicle-locator-frm select {padding:2px 2px 2px 0 !important; width:60% !important;} .vehicle-locator-frm input[type="text"], .vehicle-locator-frm textarea.textarea {border:1px solid #d8d8d8 !important; padding:3px !important;} .vehicle-locator-frm textarea.textarea {width:95% !important;} .gform_confirmation_message_28 {font-size:16px !important; font-weight:600 !important; color:#779925 !important;padding:30px 5px 150px;line-height:24px;} #vlp-finance a {background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/vlp-finance.jpg'); width:710px; height:200px; display:block; text-indent:-9999px;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s;} #vlp-finance a:hover {background-position:0 -200px;} #vlp-finance a:active {background-position:0 -400px;} #vlp-value-trade a {background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/vlp-value-trade.png'); width:710px; height:97px; display:block; text-indent:-9999px;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s;} #vlp-value-trade a:hover {background-position:0 -97px;} #vlp-value-trade a:active {background-position:0 -194px;} .multiselect dd, .multiselect dt { margin:0px; padding:0px;} .multiselect ul { margin: -1px 0 0 0;} .multiselect dd { position:relative;} .multiselect a, .multiselect a:visited { color:#fff; text-decoration:none; outline:none; font-size: 12px;} .multiselect dt a { background-color:#0f577f; display:block; padding: 8px 20px 5px 10px; min-height: 25px; line-height: 24px; overflow: hidden; border:0; width: 95%; } .multiselect dt a span, .multiSel span { cursor:pointer; display:inline-block; padding: 0 3px 2px 0;} .multiselect dd ul { border: 0; display: none; left: -4px; width: 100%; list-style: none; max-height: 300px; overflow: auto; width: 93%; margin-top:7px !important;} .multiselect dd li {float: left;width: 50%;overflow-x: hidden;white-space: nowrap;} .multiselect span.value { display:none;} .multiselect input[type=checkbox] {margin: 0 4px 0 0;} .multiselect dd ul li a { padding:5px; display:block;} .multiselect dd ul li a:hover { background-color:#fff;} .multiselect .button {margin-top:12px;} .jslider .jslider-bg i, .jslider .jslider-pointer { background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/jslider.png') no-repeat 0 0} .jslider {display:block;width:100%;height:1em;position:relative;top:.6em;} .jslider table {width:100%;border-collapse:collapse;border:0} .jslider td, .jslider th {padding:0;vertical-align:top;text-align:left;border:0} .jslider table, .jslider table tr, .jslider table tr td {width:100%;vertical-align:top} .jslider .jslider-bg {position:relative} .jslider .jslider-bg i {height:5px;position:absolute;font-size:0;top:0} .jslider .jslider-bg .l {width:50%;background-position:0 0;left:0} .jslider .jslider-bg .r {width:50%;left:50%;background-position:right 0} .jslider .jslider-bg .v {position:absolute;width:60%;left:20%;top:0;height:5px;background-position:0 -20px} .jslider .jslider-pointer {width:13px;height:15px;background-position:0 -40px;position:absolute;left:20%;top:-4px;margin-left:-6px;cursor:pointer;cursor:hand} .jslider .jslider-pointer-hover {background-position:-20px -40px} .jslider .jslider-pointer-to {left:80%} .jslider .jslider-label {font-size:9px;line-height:12px;color:black;opacity:.4;white-space:nowrap;padding:0 2px;position:absolute;top:-18px;left:0} .jslider .jslider-label-to {left:auto;right:0} .jslider .jslider-value {font-size:9px;white-space:nowrap;padding:1px 2px 0;position:absolute;top:-19px;left:20%;background:white;line-height:12px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;border-radius:2px} .jslider .jslider-value-to {left:80%} .jslider .jslider-label small, .jslider .jslider-value small {position:relative;top:-0.4em} .jslider .jslider-scale {position:relative;top:9px} .jslider .jslider-scale span {position:absolute;height:5px;border-left:1px solid #999;font-size:0} .jslider .jslider-scale ins {font-size:9px;text-decoration:none;position:absolute;left:0;top:5px;color:#999} .jslider-single .jslider-pointer-to, .jslider-single .jslider-value-to, .jslider-single .jslider-bg .v, .jslider-limitless .jslider-label {display:none} .jslider_blue .jslider-bg i, .jslider_blue .jslider-pointer {background-image:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/jslider.blue.png')} .jslider_plastic .jslider-bg i, .jslider_plastic .jslider-pointer {background-image:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/jslider-ford.png')} .jslider_round .jslider-bg i, .jslider_round .jslider-pointer {background-image:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/jslider.round.png')} .jslider_round .jslider-pointer {width:17px;height:17px;top:-6px;margin-left:-8px} .jslider_round_plastic .jslider-bg i, .jslider_round_plastic .jslider-pointer {background-image:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/jslider.round.plastic.png')} .jslider_round_plastic .jslider-pointer {width:18px;height:18px;top:-7px;margin-left:-8px} @media only screen and (min-width : 769px) { .lg-no-padding {padding-left:0 !important;padding-right:0 !important;} } @media only screen and (max-width:992px){ .listing-container .tap-to-call {margin-bottom: 20px;} .listing-container .tap-to-call a {float: left; width: 49%; margin-left: 1%; display: block; text-align: center; padding: 12px 0;} .listing-container .vlp-right-specs {margin-bottom:0; border:0;padding-left:0;} .listing-container .listing-price {border-left:0px;padding-bottom: 9px;} .view-details {clear:both;} .view-details {padding:0 !important;} .view-details a {display: block;text-align: center; font-size:15px;} .descriptions {padding:20px 0;} .sm-no-padding {padding-left:0 !important;padding-right:0 !important;} .price-list {margin-top:20px;} .modal-dialog {width:100%} .nav-tabs>li {display: block;width: 100%;} .vdp-lower .descriptions .nav-tabs>li>a {margin-right:0px;} .nav-tabs>li>a {border-radius:0px 0px 0px;} #photo-container .carousel-indicators li {margin-right:7px;} .vdp-container .nav-tabs>li>a {font-size: 18px;font-weight: 700;} #send-us-email-mobile {background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/send-email-mobile-bg.png') no-repeat bottom center; padding: 0 0 72px 0;} #send-us-email-mobile h4 {color:#005696; font-size:18px; text-align:center;line-height: 40px; font-weight:bold;} #send-us-email-mobile ul {font-size:13px;} #send-us-email-mobile li {padding:2px 0;} .mobile-breadcrumbs a {float: left;background: #f4f4f5;border: 1px solid #cdcdd1;margin: 0 4px 4px 0;text-decoration: none;display: inline-block;padding: 3px 7px;} .return {clear:both; padding:8px;} } #innerDiv{ display:inline-block;} div#right-list-area { position: relative; min-height:400px;} div#carData{display:none;} #cheboxTemplate{display:none;} ul#firstPart li { list-style: none;} #page_navigation_bottom {margin: 0 0 25px; text-align: center; width: 100%;} .pagination_bottom{float:none;} input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;} input[type=checkbox].css-checkbox + label.css-label {padding-left:25px;height:18px; display:inline-block;line-height:18px;background-repeat:no-repeat;background-position: 0 0;font-size:16px;vertical-align:middle;cursor:pointer;font-weight:normal; overflow: hidden; white-space: normal; padding-right: 12px; margin: 0;} .contactForm input[type="text"], .contactForm textarea, .vdp-container input[type="text"], .vdp-container input[type="email"], .vdp-container input[type="url"], .vdp-container input[type="password"], .vdp-container input[type="search"], .vdp-container textarea, .vdp-container select {border:1px solid #ccc !important;} input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -18px;} label.css-label {background-image:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/ford-checkbox.png');-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .filter-title {margin-bottom:10px;} .filter-title .one-col, .filter-title .two-col {margin:0 !important;} .filter-title .collapsed {display:none;} .expand-div, .toggle-active {position: relative; display: block; margin: 0; cursor: pointer; font-size: 16px; border-top: 1px solid #e3e3e3; color: #666; padding: 15px 30px 5px 10px;} .expand-div:after, .toggle-active:after { content: ""; position: absolute; top: 50%; right: 10px; display: block; margin-top: -3px; border: 6px solid transparent; border-top-color: #393b47; transition: .3s ease -webkit-transform; transition: .3s ease transform; -webkit-transform-origin: center 3px; -ms-transform-origin: center 3px; transform-origin: center 3px;} .expanded>.expand-div:after, .expanded>.toggle-active:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);} /* .tags .expand-div, .tags .toggle-active {border-top: 1px solid #e3e3e3; padding-left: 20px;} .tags .expand-div, .tags .toggle-active {border-top: 0; padding-left: 20px; display:inline-block;} */ .tags .expand-div, .tags .toggle-active {border-top: 0; padding: 8px 15px 8px 34px; display: inline-block; font-size: 14px; margin-bottom: 12px;} .tags .expand-div:before, .tags .toggle-active:before {border: 0 !important; content: " \f055"; font-family: "Font Awesome 5 Pro"; text-align: right; display: inline-block; position: absolute;left:12px;} .tags.expanded>.expand-div:before, .tags.expanded>.toggle-active:before {content: " \f056"; -webkit-transform: initial !important; -ms-transform: initial !important; transform: initial !important} .tags .expand-div:after, .tags .toggle-active:after {content:none;} div#page_navigation a{white-space: nowrap; padding: 4px 7px;color: #909598;text-decoration: none;border-radius: 5px;margin: 0 2px;} div#page_navigation a:hover, a.active_page {background:#005696;color:white !important;} .lower-prev {float: left; padding: 0 5px 0 0; margin-bottom:25px;} .lower-next {float: right; padding: 0 0 0 5px; margin-bottom:25px;} .lower-prev a, .lower-next a {display: inline-block; width: 100%; font-size: 16px; text-align: center; padding: 12px 15px; border-radius: 5px; border: 1px solid #005696;} .lower-prev a:hover, .lower-next a:hover, .lower-prev a:active, .lower-next a:active {background:#183558;color:white !important;} ul.page-numbers {padding: 0; margin: 0; border: 1px solid #ddd; list-style: none; display: inline-block;} .page-numbers li {float: left; display: inline-block;} a.page-numbers, .current {font-size: 14px; text-align: center; display: block; padding: 7px 12px;} a.page-numbers:hover, a.page-numbers:active {background-color:#ddd; color:#000;} .current {background:#183558;color:white !important;} .dots {border-color:transparent; padding:0;} #end-search-results{text-align:center; font-size:16px; font-weight:600; margin-bottom:25px; padding:20px 0; border-top:2px dashed #ccc; border-bottom:2px dashed #ccc;} #loadingImg {position: absolute;top: 0px;left: 0px;opacity: 0.8;filter: alpha(opacity=80);width: 100%;height: 100vh;z-index: 10000;background-color: #FFF;overflow: hidden;} #loadingMsg {position: fixed;top:37%;left:42%;z-index: 10050;} .sidr {width:100%;} .favorite-it-wrapper {text-align:right; font-size:12px;} .favorite-it-wrapper a {display:inline-block; text-align: center;border: 1px solid #183558;border-radius: 5px;padding: 10px 20px;} .favorite-it-wrapper a:hover, .favorite-it-wrapper a:active {color:#fff;background: #005696;} /*.vlp-favorite-it-wrapper .add-fav-div {padding:6px; text-align:right; float:right;background:#e1e1e2;} */ #bottom-bar .vlp-actions a {margin-right:25px;} #bottom-bar .vlp-actions a:hover, #bottom-bar .vlp-actions a:active {color:#ee7623;} #bottom-bar .apply-financing {float:left;} .vlp-favorite-it-wrapper {float:left;} .vlp-favorite-it-wrapper .remove-fav-div, .vlp-favorite-it-wrapper .add-fav-div {display: inline-block;line-height: 40px;} .vlp-favorite-it-wrapper .remove-fav-div a {color: #55565a;} .vlp-favorite-it-wrapper .add-fav-div a {display: inline-block; text-align: center; color: #55565a; line-height: 39px; font-weight: 600; text-transform: capitalize; font-size: 14px;} .vlp-favorite-it-wrapper .compare-vehicles {display: inline-block;line-height: 40px; margin-right:25px;} .vlp-favorite-it-wrapper .compare-selected {display:none;} .vlp-favorite-it-wrapper .display-compare {display:inline !important; text-decoration:underline; border-left: 1px solid #97989c; padding-left: 10px; margin-left: 8px;} .btn-confirm {white-space:normal !important; border: 2px solid #55565a !important; color: #55565a !important; background: transparent !important; display: block !important; margin-bottom: 15px !important; text-align: center !important; width: 100%; border-radius: 0 !important;} .btn-details {white-space:normal !important; border-radius:0px !important; width:100% !important;} .btn-confirm:hover, .btn-confirm:active {background-color:#55565a !important; color: #fff !important;} #compare-table tr.hover:hover {background-color: #ffb400 !important;} .compare-price strong { font-size: 22px; line-height: 28px;} .compare-savings {font-size: 16px; color: #ac1f2d; font-weight: bold;} @-webkit-keyframes flash { 0% { background-color: #ef5222; opacity:1; } 50% { background-color: #ef5222; } 100% { background-color: #FFFFFF; } } .flash-compare{ -webkit-animation-name: flash; -webkit-animation-duration: 700ms; -webkit-animation-iteration-count: 3; -webkit-animation-timing-function: linear; -moz-animation-name: flash; -moz-animation-duration: 700ms; -moz-animation-iteration-count: 3; -moz-animation-timing-function: linear; } #inventory .vlp-favorite-it-wrapper .remove-favorite {display:inline-block; margin-left:12px;} #related-vehicles h3, #recent-viewed-wrapper-vdp h3 {text-align:center; margin: 0 0 15px 15px;text-shadow:1px 1px 1px #efefef; font-size:24px;} #related-vehicles .related-single {margin-right: 15px !important;} .related-single {margin-top: 22px;background:#fff;padding: 12px 12px 20px; border-bottom: 2px solid #34baf3;} .related-single .total-savings:before {content: ''; position: absolute; left: -22px; top: 0; width: 0; height: 0; border-style: solid; border-width: 22px 0 0 22px; border-color: #17a65f transparent transparent;} .related-single .total-savings {color: #fff; font-size: 13px; font-weight: bold; position: absolute; z-index: 2; padding: 0px 10px 0px 10px; margin-right: 4px; margin-top: -13px; right: 0; background: #17a65f;} .related-single .total-savings:after {content: ''; position: absolute; top: 22px; right: 0; width: 0; height: 0; border-style: solid; border-width: 11px 11px 0 0px; border-color: #107744 transparent transparent;} .favorites .related-single, .favorite-related .related-single {margin:15px;} @media only screen and (max-width:768px) {.related-single {margin-right:0 !important;}} .related-single h4 {display:block !important; margin: 12px 0 !important;} .related-single h4, #recent-viewed-wrapper-vdp h5, #recent-viewed-wrapper h5 {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align:center; font-size:16px; margin:15px 0;} .related-single p {margin:0;} .related-single .related-description {font-size:11px; text-align:center; line-height: 15px; min-height: 47px;} .related-single .related-msrp {border-top: 1px solid #efefef; padding: 15px 0 7px;} .related-single .related-sale-price {border-bottom: 1px solid #efefef; padding: 0 0 7px;margin-bottom: 12px;} .related-single .related-total-savings {text-align:center; font-weight:bold; color:#ff9000; font-size:16px;margin-bottom: 12px;} .related-single .related-price {clear: both; text-align: right; font-size: 13px; position: relative; z-index: 2; margin-bottom: 20px; } /* .related-single .related-price {clear: both; text-align: right;font-size: 13px; position: relative; z-index: 2; border-top: 1px solid #f4f3f3; border-bottom: 1px solid #f4f3f3; margin-top: 20px; margin-bottom: 20px; height: 80px;} */ .related-single .related-price strong { font-size: 24px; text-align: right; line-height: 20px;} .related-single .related-price sup {font-size:14px;} .related-single .specs ul {list-style:none; padding:0; margin:0;} .related-single .specs li {list-style:none; padding:2px 4px;; margin:0; float:left; width:50%; font-size:12px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .related-single .specs li.alt {background:#f5f5f5;} .related-single a.btn {display: block; text-align: center;padding: 10px 0; clear: both; border-radius:25px;} .vehicle-specials-offer {font-size: 18px; font-weight: 600; text-align: center; padding-bottom: 12px;} .current-vehicle { background-color: #ee7623; border-color:#ee7623;} .current-vehicle h4 {color:#fff;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .current-vdp {padding: 5px 10px; font-size: 12px; line-height: 30px; color: #fff; text-align: center;} .email2 {display:none;} .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {margin:0 auto;} .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {margin:0 auto;} @media (min-width: 992px) and (max-width: 1170px) { .vdp-container .phone-numbers, .vdp-container .price-list {padding:0px;} .vdp-container .price-list {margin-top:15px;} .nav-tabs>li {width:100%;} .vdp-container .nav-tabs>li>a {margin-right:0px;} } .g-recaptcha {display: inline-block; margin: 5px 0 20px 15px;} /**********************************/ /****** Vertical Align Modal *****/ /********************************/ .vertical-alignment-helper { display:table; height: 100%; width: 100%; pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */} .vertical-align-center { /* To center vertically */ display: table-cell; vertical-align: middle; pointer-events:none;} .modal-content { /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */ width:inherit; height:inherit; /* To center horizontally */ margin: 0 auto; pointer-events: all;} /**************************************/ /****** Sales & Service Specials *****/ /************************************/ #service-coupon img {float: none; clear: both; display: block; margin: 0 auto 15px; max-height: 200px; width: auto;} #service-coupon {border:2px dashed #ccc; padding:15px;background:#fff; font-size:12px; margin-bottom:25px;} #service-coupon .copy {width:100%; max-height:350px; height:350px;overflow: hidden;} #service-coupon .disclaimer {display:none; font-size:10px; margin-top:15px;} #service-coupon h4, #service-coupon strong {font-size: 20px; line-height: 28px; margin: 0 0 20px; text-align: center; display: block; color: #34baf3; text-transform: uppercase; font-weight: 600;} #service-coupon a.expand-coupon {text-align:center;display:block;padding:12px 0;margin-top: 15px; color: #34baf3; border: 1px solid #34baf3;} #service-coupon a.btn_print {display: block;border-radius: 50px;} #service-coupon-wide img {float: left; clear: both; display: block; margin: 0 15px 15px 0; max-height: 270px; width: auto;} #service-coupon-wide {border:2px dashed #d3d3d3; padding:25px;background:#efefef; font-size:12px; margin-bottom:25px;} #service-coupon-wide .copy {font-size:12px;} #service-coupon-wide .disclaimer {font-size:10px;} #service-coupon-wide .btn {border-radius: 50px;} #service-coupon-wide h4, #service-coupon-wide strong {font-size:24px;line-height: 26px;margin: 0 0 20px; text-align: center; color: #34baf3; text-transform: uppercase; font-weight: 600;} .vehicle-specials {padding:15px; border:1px dashed #78787e;} #two-column .headline {font-size:24px !important; padding-left:15px;} #two-column {background-size: cover !important;} #two-column .offer {font-size:18px; line-height:36px; padding-left:15px;} #two-column .wide-offer strong {font-size:28px; line-height:36px; color:#04a5eb;} #two-column sup {font-size:12px; top: -.7em;} #two-column {margin-top: 50px;padding: 20px 20px 20px 0; border: 5px solid #005696;} #two-column h4 {font-size:24px; color:#04a5eb;} #two-column .special-type {font-size: 16px; font-style: italic; font-weight: bold;} .srp-vehicle-specials #two-column .headline {font-size: 32px; line-height: 40px;} .srp-vehicle-specials #two-column .offer {font-size:18px;} .srp-vehicle-specials #two-column .srp-offer strong {font-size:28px;} .srp-vehicle-specials #two-column .specials-savings {font-size: 48px; line-height: 44px; color:#005696;} .srp-vehicle-specials #two-column .specials-savings sup {font-size: 24px;} #two-column .button-row {padding-left:15px;} #two-column .btn {display: inline-block !important;} #two-column .line {position: relative; clear: both; display: block; border-bottom: 1px solid #b2b9bd; margin: 5px 0;} .srp-vehicle-specials #two-column {background-size: cover !important; background-repeat:no-repeat !important;margin-top: 0px; padding-top: 15px; padding-bottom: 15px;} @media (max-width: 768px) { #two-column {padding:0; border:0;} #two-column .btn {display:block !important;} .srp-vehicle-specials #two-column {background-position: right !important;text-align: center;} .srp-vehicle-specials #two-column .headline {text-align: center;} .srp-vehicle-specials #two-column .offer {text-align: center;} .srp-vehicle-specials #two-column .srp-offer {width:100%;} } .specials-disclaimer {font-size:9px;} .btn-outline {border:2px solid #00589e; padding:12px 50px;} .btn-outline:hover, .btn-outline:active {background:#00589e; color:#fff} .vehicle-specials h2 {margin: 0;font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 35px;} .vehicle-specials h3 {margin: 0 0 40px;} .vehicle-specials h4 {font-size:18px; margin:0px;} .vehicle-specials p {font-size:12px;} .vehicle-specials .specials-disclaimer {font-size: 9px; line-height: 12px;} .vehicle-specials .btn {padding:12px 50px; -moz-border-radius:0; border-radius:0; margin:12px 5px 12px 0;} .vehicle-specials-narrow {padding: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.3); margin-bottom: 25px; text-align: center; background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-banners/ford-sales-event.jpg) no-repeat !important; background-size: cover !important;} .vehicle-specials-narrow .total-savings {background: url('https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/total-savings.png') center no-repeat;clear: both;display: block;width: 100%;line-height: 50px;color: #ac1f2d;font-weight: 600;text-align: center;font-size: 13px;margin:10px 0 0;} .vehicle-specials-narrow .copy {width:100%; max-height:350px; height:350px;overflow: hidden;} .vehicle-specials-narrow .specials-image {text-align:center;} .vehicle-specials-narrow .specials-image img {max-height:130px;} .vehicle-specials-narrow h2 a {color: #252525;} .vehicle-specials-narrow h2 {min-height: 50px; font-size: 22px;line-height: 24px;text-align: center;margin: 14px 0; color: #252525;} .vehicle-specials-narrow h3 {height: 45px; margin-bottom: 20px !important; font-size: 20px; color: #626466;} .vehicle-specials-narrow h4 {font-size:18px; margin:15px 0px; text-align: center;} .vehicle-specials-narrow p {font-size: 24px; line-height: 24px; margin-bottom: 0; color: #626466; height: 80px; margin-top: 15px;} .vehicle-specials-narrow .offer a sup {font-size: 14px;} .vehicle-specials-narrow h2 .year, .vehicle-specials-narrow h3 .year {font-size: 12px;letter-spacing: .2em;text-transform: uppercase; display: block;} .vehicle-specials-narrow .related-price strong { font-size: 24px;} .vehicle-specials-narrow .specials-savings {font-size: 22px; line-height: 24px;} .vehicle-specials-narrow .disclaimer {font-size: 9px; line-height: 12px; display:none;} .vehicle-specials-narrow a.expand-coupon {text-align:center;display:block;padding:12px 0;background: #efefef; margin-top: 15px; color: #2d5b7d; border:1px dashed #2d5b7d;} .vehicle-specials-narrow .btn, #two-column .btn {padding:12px 17px !important; -moz-border-radius:0; border-radius:0; display: block; margin: 12px 7px 12px 0;} .expanded-coupon > .copy {max-height:none !important; height:auto !important; overflow:visible !important;} .expanded-coupon > .price, .expanded-coupon > .disclaimer {display:block !important;} .inventory-special h4 {line-height: 22px; margin-top: 0 !important;height: 48px;} .inventory-special .view-photos {font-size:12px;color:#55565a;} .inventory-special .specs {font: 300 12px/16px 'Roboto', sans-serif; text-align: center; padding-bottom: 12px;} .inventory-special .offer-details {padding-bottom:12px; text-align: center; font:600 18px/24px 'Roboto', sans-serif;} .inventory-special .offer-details strong {font-size: 24px;} .inventory-special .offer-details a {font-weight: 400;} .inventory-special .disclaimer a {color:#55565a;} .inventory-special .btn {margin-top:12px;} .inventory-special .disclaimer {font-size: 9px; line-height: 13px; margin-top: 7px;} .make-divider {text-align: center; margin:20px 0 0; clear: both;font: 400 24px/28px 'Roboto', sans-serif; padding-bottom:5px;} .make-divider:after {width: 200px; margin: 0 auto; border-bottom: 2px solid; display: block; position: relative; top: 15px; margin-bottom: 30px;} #GTM-vlp-container {text-align:center;} #GTM-vlp-container img {margin:15px 0 25px;} /*! * Datetimepicker for Bootstrap */.datetimepicker{padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datetimepicker-inline{width:220px}.datetimepicker.datetimepicker-rtl{direction:rtl}.datetimepicker.datetimepicker-rtl table tr td span{float:right}.datetimepicker-dropdown,.datetimepicker-dropdown-left{top:0;left:0}[class*=" datetimepicker-dropdown"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute}[class*=" datetimepicker-dropdown"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute}[class*=" datetimepicker-dropdown-top"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);border-bottom:0}[class*=" datetimepicker-dropdown-top"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;border-bottom:0}.datetimepicker-dropdown-bottom-left:before{top:-7px;right:6px}.datetimepicker-dropdown-bottom-left:after{top:-6px;right:7px}.datetimepicker-dropdown-bottom-right:before{top:-7px;left:6px}.datetimepicker-dropdown-bottom-right:after{top:-6px;left:7px}.datetimepicker-dropdown-top-left:before{bottom:-7px;right:6px}.datetimepicker-dropdown-top-left:after{bottom:-6px;right:7px}.datetimepicker-dropdown-top-right:before{bottom:-7px;left:6px}.datetimepicker-dropdown-top-right:after{bottom:-6px;left:7px}.datetimepicker>div{display:none}.datetimepicker.minutes div.datetimepicker-minutes{display:block}.datetimepicker.hours div.datetimepicker-hours{display:block}.datetimepicker.days div.datetimepicker-days{display:block}.datetimepicker.months div.datetimepicker-months{display:block}.datetimepicker.years div.datetimepicker-years{display:block}.datetimepicker table{margin:0}.datetimepicker td,.datetimepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:0}.table-striped .datetimepicker table tr td,.table-striped .datetimepicker table tr th{background-color:transparent}.datetimepicker table tr td.minute:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.hour:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.day:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.old,.datetimepicker table tr td.new{color:#999}.datetimepicker table tr td.disabled,.datetimepicker table tr td.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td.today,.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today.disabled:hover{background-color:#fde19a;background-image:-moz-linear-gradient(top,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(top,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(top,#fdd49a,#fdf59a);background-image:-o-linear-gradient(top,#fdd49a,#fdf59a);background-image:linear-gradient(top,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a',endColorstr='#fdf59a',GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today:hover:hover,.datetimepicker table tr td.today.disabled:hover,.datetimepicker table tr td.today.disabled:hover:hover,.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today:hover.disabled,.datetimepicker table tr td.today.disabled.disabled,.datetimepicker table tr td.today.disabled:hover.disabled,.datetimepicker table tr td.today[disabled],.datetimepicker table tr td.today:hover[disabled],.datetimepicker table tr td.today.disabled[disabled],.datetimepicker table tr td.today.disabled:hover[disabled]{background-color:#fdf59a}.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active{background-color:#fbf069}.datetimepicker table tr td.active,.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(top,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active:hover:hover,.datetimepicker table tr td.active.disabled:hover,.datetimepicker table tr td.active.disabled:hover:hover,.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active:hover.disabled,.datetimepicker table tr td.active.disabled.disabled,.datetimepicker table tr td.active.disabled:hover.disabled,.datetimepicker table tr td.active[disabled],.datetimepicker table tr td.active:hover[disabled],.datetimepicker table tr td.active.disabled[disabled],.datetimepicker table tr td.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datetimepicker .datetimepicker-hours span{height:26px;line-height:26px}.datetimepicker .datetimepicker-hours table tr td span.hour_am,.datetimepicker .datetimepicker-hours table tr td span.hour_pm{width:14.6%}.datetimepicker .datetimepicker-hours fieldset legend,.datetimepicker .datetimepicker-minutes fieldset legend{margin-bottom:inherit;line-height:30px}.datetimepicker .datetimepicker-minutes span{height:26px;line-height:26px}.datetimepicker table tr td span:hover{background:#eee}.datetimepicker table tr td span.disabled,.datetimepicker table tr td span.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td span.active,.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(top,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active:hover:hover,.datetimepicker table tr td span.active.disabled:hover,.datetimepicker table tr td span.active.disabled:hover:hover,.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active:hover.disabled,.datetimepicker table tr td span.active.disabled.disabled,.datetimepicker table tr td span.active.disabled:hover.disabled,.datetimepicker table tr td span.active[disabled],.datetimepicker table tr td span.active:hover[disabled],.datetimepicker table tr td span.active.disabled[disabled],.datetimepicker table tr td span.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span.old{color:#999}.datetimepicker th.switch{width:145px}.datetimepicker th span.glyphicon{pointer-events:none}.datetimepicker thead tr:first-child th,.datetimepicker tfoot tr:first-child th{cursor:pointer}.datetimepicker thead tr:first-child th:hover,.datetimepicker tfoot tr:first-child th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i,.input-group.date .input-group-addon span{cursor:pointer;width:14px;height:14px} /* * Breadcrumb Styling */ .btn-breadcrumb {margin-top:30px;display:block !important; border: 1px solid #e6e6e6 !important; -moz-border-radius:5px; border-radius:5px;} .vlp-container .btn-breadcrumb {margin-bottom:30px;} .btn-breadcrumb .btn:not(:last-child):after {content: " "; display: block; width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 10px solid white; position: absolute; top: 50%; margin-top: -17px; left: 100%; z-index: 3;} .btn-breadcrumb .btn:not(:last-child):before {content: " "; display: block; width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 10px solid rgb(173, 173, 173); position: absolute; top: 50%; margin-top: -17px; margin-left: 1px; left: 100%; z-index: 3;} /** The Spacing **/ .btn-breadcrumb .btn {margin-left:0 !important; border:0px; padding:6px 12px 6px 24px; background:#fff !important; color:#7a7a80 !important; border-color:#e6e6e6 !important; text-transform:none !important; -webkit-transition: opacity 0s ease-in-out; -moz-transition: opacity 0s ease-in-out; -ms-transition: opacity 0s ease-in-out; -o-transition: opacity 0s ease-in-out; transition: opacity 0s ease-in-out;} .btn-breadcrumb .btn:first-child {padding:6px 6px 6px 10px;} .btn-breadcrumb .btn:last-child {padding:6px 18px 6px 24px;} /** Default button **/ .btn-breadcrumb .btn.btn-default:not(:last-child):after {border-left: 10px solid #fff;} .btn-breadcrumb .btn.btn-default:not(:last-child):before {border-left: 10px solid #ccc;} .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {border-left: 10px solid #ebebeb;} .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {border-left: 10px solid #adadad;} .btn-breadcrumb .btn:hover {background:#ebebeb !important; -webkit-transition: background-color 0s linear; -moz-transition: background-color 0s linear; -o-transition: background-color 0s linear; transition: background-color 0s linear; } .btn-breadcrumb .btn:active {-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.125); box-shadow: 0 0 0 0 rgba(0,0,0,.125);} .video a.video-link { color: #ffffff; font-size: 16px; background: #00589e; padding: 10px 30px 10px 30px; text-decoration: none; display:inline-block; margin-bottom:15px; } .video a.video-link:hover, .video a.video-link:active { background: #55565a; text-decoration: none; } /** Recent Inventory Styles **/ #recent-inventory h2 a {color:#55565a;} #recent-inventory h2 a:hover, #recent-inventory h2 a:active {color:#ee7623;} #recent-inventory h4 {text-align:center; font-size:22px; color:#b60012; margin-bottom:7px;} #recent-inventory h5 {text-align:center; font-size:18px; margin:0 0 15px; font-weight:400;} #recent-inventory .recent-vehicle {text-align:center; background:#fff; padding: 10px; border: 1px solid #e3e6e7;} #recent-inventory .recent-vehicle h2 {font-size:14px; margin:10px 0 15px; font-weight:600;height:30px;overflow: hidden;} #recent-inventory .recent-vehicle p {font-size:13px; line-height:16px; margin:15px 0;height:55px;} #recent-inventory .recent-vehicle .price-row {margin-bottom:8px;} #recent-inventory .recent-vehicle .price-label {font-size:14px; font-family:'Roboto', sans-serif;} #recent-inventory .recent-vehicle .asking-price {font:800 18px/22px 'Roboto', sans-serif; } #recent-inventory .recent-vehicle .view-details {background:#fff; display:block; text-align:center; padding:8px 0 !important; border:1px solid #183558; background-color: #fff; color: #183558;} #recent-inventory .recent-vehicle .view-details:hover, #recent-inventory .recent-vehicle .view-details:active {background-color:#183558; color:#fff;} #recent-inventory .carousel-inner .item {min-height:360px;} #recent-inventory .fa-chevron-left {margin-right:5px; color:#fff !important;} #recent-inventory .fa-chevron-right {color:#fff !important;} /** End Recent Inventory Styles **/ /** Staff Directory Styles **/ .class-staff-directory {margin-top: 50px;} .class-staff-directory h3 {font-size: 28px;} .class-staff-directory h4 {font-size: 20px;} .class-staff-directory .staff-member {-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3); box-shadow: 0 0 10px 0 rgba(0,0,0,.3); background-color: rgba(255, 255, 255, .85); padding:20px; margin-bottom: 50px;} .vdp-staff-member .staff-photo {text-align: center;} .vdp-staff-member .staff-photo a {color: #666; width: 100%; padding:10px 12px !important; text-shadow: none;text-decoration: none; text-align: center; cursor: pointer; line-height: 1em; box-sizing: border-box; border: 2px solid #666; background: transparent;border-radius: 0px;display: block; margin-top: 12px;} .vdp-staff-member .staff-photo a:hover {background: #666;color: #fff;} .vdp-staff-member .staff-bio {} .vdp-staff-member .staff-review {} /** End Staff Directory Styles **/ /** SEO Landing Pages Styles **/ .landing-page-vehicle {text-align:center;margin-bottom: 25px;} .landing-page-vehicle:nth-of-type(3n+4) {clear:left;} .landing-page-vehicle a {} .landing-page-vehicle h3 {display:inline-block; margin-bottom: 0 !important; margin-top: 0 !important;} .landing-page-vehicle h3:after {max-width:200px;} .landing-page-vehicle a.inventory-link {color: #005696; width: 100%; padding: 12px !important; text-shadow: none; text-decoration: none; text-align: center; cursor: pointer; line-height: 1em; box-sizing: border-box; border: 2px solid #005696; background: transparent; border-radius: 0px; display: inline-block; margin-top: 15px; font-size: 16px;} .landing-page-vehicle a.inventory-link:hover, .landing-page-vehicle a.inventory-link:active {background: #005696; color: #fff;} .landing-page-vehicle .portrait {background-size: cover !important; background-position: bottom !important;} .landing-page-vehicle .landing-page-model {padding:15px 0 7px; background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 42%, rgba(0,0,0,0.63) 51%, rgba(0,0,0,0.01) 99%, rgba(0,0,0,0.01) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 42%,rgba(0,0,0,0.63) 51%,rgba(0,0,0,0.01) 99%,rgba(0,0,0,0.01) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.75) 42%,rgba(0,0,0,0.63) 51%,rgba(0,0,0,0.01) 99%,rgba(0,0,0,0.01) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#03000000',GradientType=0 );} .landing-page-vehicle .landing-page-model a {color:#fff !important;} .landing-page-vehicle .landing-page-lower {padding: 50px 20px 12px; margin-top: 100px;background: -moz-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.63) 49%, rgba(0,0,0,0.75) 58%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.63) 49%,rgba(0,0,0,0.75) 58%);background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.63) 49%,rgba(0,0,0,0.75) 58%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#bf000000',GradientType=0 );} .landing-page-vehicle .landing-page-instock {float: left; padding-left: 12px; color: #fff; font-size:16px;} .landing-page-vehicle .landing-page-startingat {float: right; padding-right: 12px; color: #fff; font-size:16px;} .landing-page-vehicle .landing-page-btn {} .landing-page-vehicle .landing-page-btn a.inventory-link {border: 1px solid #fff; color: #fff; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .landing-page-vehicle .landing-page-btn a.inventory-link:hover, .landing-page-vehicle .landing-page-btn a.inventory-link:active {background:#fff; color:#005696;} /** End SEO Landing Pages Styles **/ #compare-bar {background-color: #ececec;margin: 15px 0;} #compare-bar.close-compare-bar {top: 100vh; height: 0;transition: all 1s;} #compare-bar .compare-headline {padding:7px 0; text-align: center; background:#5b5b5b; color:#fff;} #compare-bar .compare-headline a {color:#fff; display:block;} #compare-bar .compare-headline .fa {float: right; margin: 7px;} #compare-bar .compare-container {padding: 15px 0;} #compare-list li {float: left; display: block; color: #fff; margin-right:12px;} #compare-list li img {width:120px;} #compare-bar .remove-compare {font-size:11px; display:block; text-align: center;} #compare-bar .btn {margin-top: 15px;} .single-dealership .page-header {padding:125px 0;margin:0;} .dealership-split .main-content-area {margin-top: 0;} .dealership-fullwidth h3, .dealership-narrow h3, .dealership-split h3 {margin: 0;} .single-dealership .contact-icon-row {margin-top: 30px;} .single-dealership .contact-icon {float: left; padding-right: 15px; } .single-dealership .contact-icon-text {float: left;} .dealership-split .contact-icon-text {margin-bottom: 35px;} .single-dealership .fa-stack-2x {color: #343838;} .single-dealership .contact-day {float: left; width:50%;} .single-dealership .contact-hours {float: left; width:50%;} .single-dealership .hours-row {margin-top: 30px;} .single-dealership .gform_wrapper input[type=text], .single-dealership .gform_wrapper .top_label select.large {margin-bottom: 0px;} .single-dealership .gform_wrapper .gform_footer {margin: 0 0 12px;} .single-dealership #accordion {margin-right: 30px;} .single-dealership #accordion .card-header {margin-top: 30px;} .single-dealership .card-header a {position: relative; display: block; text-indent: 30px;cursor: pointer;} .single-dealership .card-header a:after {content: " \f056"; font-family: "Font Awesome 5 Pro"; text-align: right; display: inline-block; position: absolute; font-size: 17px; top: 0; left: -25px;} .single-dealership .card-header a.collapsed:after {content: " \f055"; font-family: "Font Awesome 5 Pro"; text-align: right; display: inline-block; position: absolute; font-size: 17px; top: 0; left: -25px;} .single-dealership .entry-content h3 {margin-bottom: 0;font-size: 20px; font-weight: 300;} .single-dealership .entry-content h3:after {max-width:100%; margin-bottom: 0px; border:0;} .dealership-narrow .gform_wrapper textarea.large {height: 75px !important;} .dealership-split .contact-sidebar-inner {background: #efefef; padding: 25px;} @media (max-width:1023px) {.single-dealership .contact-sidebar{clear: both;}} @media (max-width:767px) {.single-dealership .contact-icon-row{margin-top:0;}} @media (min-width:768px) and (max-width:1024px) {.single-dealership .contact-icon, .single-dealership .contact-icon-text {float:none; padding-right:0;text-align: center;}} h4.dealer-list-location {font: 300 32px/36px "Roboto", sans-serif !important; position: relative; margin-bottom: 45px; font-size: 2em; text-align: center; text-transform: uppercase;} h4.dealer-list-location:before {background-color: #d3d2d2;position: absolute; top: 50%; right: 0; left: 0; content: ""; width: 98%; height: 1px; margin-top: 1px;} h4.dealer-list-location span {display: inline-block;position: relative; padding: 0 15px; background-color: #fff; color: #555558;} .dealership-widget {font-size:12px; margin: 15px 0 15px 30px;} .dealership-widget .single-dealership {border-bottom:1px dotted #e3e3e4; padding-bottom: 12px;} .dealer-hours h3 {display:block; text-align:center; padding:7px 0; border:1px solid #ccc;margin-top:25px;} .location-open-close {list-style:none; margin:0; padding:0;} .location-open-close:after {clear:both;display: table; content: " ";} .location-open-close li {width:50%; float:left; padding:4px 10px;} .location-open-close .alt-row {background:#ccc;} .location-open-close .location-hours {text-align:right;} #single-dealership-department .dealer-hours {padding:0 30px 0 0;} #single-dealership-department .dealer-hours h3 {margin-top:20px;} #single-dealership-department .contact-frm {margin-top:20px;} .alert {font-size:14px; text-align:center;} #getOfferModal .modal-content, #getOfferModalSingle .modal-content, #confirmModal .modal-content {border:0px;background-position: bottom left; background-repeat: no-repeat; background-size: contain;} #getOfferModal .modal-header, #getOfferModalSingle .modal-header {border-bottom:0;} #getOfferModal h2, #getOfferModalSingle h2 {margin: 0; font: 600 38px/42px 'Roboto', sans-serif;} #getOfferModal h3, #getOfferModalSingle h3 {margin: 0 0 10px; font: 300 34px/40px 'Roboto', sans-serif;} .srp-rebates {font-size: 16px; margin-top: 12px;} .vdp-rebates {font-size: 16px; text-align:center; margin-bottom: 15px;} .vdp-special-offer {color:#fff; margin-bottom:12px; padding: 12px; font-size: 20px; line-height: 28px; text-align: center; background: #ef5222;} .vdp-special-offer strong {font-size:28px;} .srp-special-offer {color:#fff;padding: 7px 12px; font-size: 18px; line-height: 24px; text-align: center; background: #ef5222;} .srp-special-offer strong {font-size:22px;} .vdp-special-offer a, .srp-special-offer a {color:#fff;} .vdp-special-offer a.btn-get-offer, .srp-special-offer a.btn-get-offer {color: #ef5222; display: inline-block; padding: 0px 20px; background: #fff; border-radius: 20px; font-weight: 600; font-size: 17px; margin-left: 12px;} .thumb-container {padding-right: 0;} @media (min-width:1024px) { #favorite-bar {z-index: 99999999999;transition: all 1s;} #favorite-bar.close-favorite-bar {top: 100vh; height: 0;transition: all 1s;} .favorite-headline {zoom: 1.005;position: fixed; right: -93px; z-index: 99999999999; transform: rotate(-90deg); bottom: 50%;padding:7px 20px; text-align: center; background:#5b5b5b; color:#fff;-webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0;} .favorite-headline a {color:#fff !important; display:block;} .favorite-headline .fa {float: right; margin: 7px;} #favorite-list li {float: left; display: block; color: #fff;} #favorite-bar .remove-favorite {color:#fff; font-size:11px; display:block; text-align: center;} #favorite-bar .btn {margin: 12px 0;} #favorite-bar .favorites-container {text-align:right;display: none;} #favorite-bar .close-favorites {color:#fff !important; display: inline-block; position: absolute; left: -40px; top: 12px; line-height: 40px; background: #34baf3; width: 40px; text-align: center;} #favorite-list {padding:0;} #favorite-list li {display: block; color: #fff;} #favorite-list li img {} #favorite-bar .remove-favorite {} #favorite-bar .btn {display: block; clear: both;} #favorite-bar .favorites-container {color:#fff;width:220px;position: fixed; right: 0; background-color: #555558; z-index: 99999999999; top: 0; height: 100% !important;} } /*Mobile CSS*/ @media only screen and (max-width: 768px) { .vehicle-specials {text-align:center;} .vehicle-specials h2 {white-space:normal; overflow:visible;} .widget_reviews_widget {background: #f6f6f6; padding: 10px;} #favorite-bar .favorites-container {display: none; padding:12px 0;} #favorite-list li {margin-bottom: 10px; width: 30%;margin-right: 3%;} #favorite-bar .btn {clear: both; display: block;} .favorites-container {} ul#favorite-list {padding:0; margin: 0;} .fav-img {padding:0 !important; margin:0 !important;background: none !important;} #offer-bar .offers-container {display: none; padding:12px 0;} #offer-list li {margin-bottom: 10px; width: 30%;margin-right: 3%;} ul#offer-list {padding:0; margin: 0;} .fav-img {padding:0 !important; margin:0 !important;background: none !important;} #inventory {padding:0 0 25px 0 !important;} .compare-vehicles {display:none;} #filter-results-count h1 {font-size: 16px; margin: 5px 0;} #filter-results-count { text-align: center; display: block; font-size: 14px; padding: 5px 0;} .filter-title {margin:0 !important; padding: 0 !important;} .tags .expand-div {border-top: 0 !important; border-bottom: 1px solid #e3e3e3; padding-left: 10px; text-indent: 20px;} .filter-title.tags {padding-left:15px !important;} .filter-title.tags a {color:#fff !important;} .tags .expand-div:before, .tags .toggle-active:before {left: -10px;} .tags .inner-div {padding: 12px;} .sidr {padding-right:0 !important;} #top-bar .breadcrumbs {display:none;} .market-check-VDP {display:none;} .vdp-container .nav-tabs>li>a {margin-right:0px; background:#0f577f !important; color:#fff !important;} #left-search-area a.expand-div h4 {background: url('http://dev.andersonautogroup.com/wp-content/themes/aag/images/enlarge.png') no-repeat center left #cbcbcb;text-indent: 20px;} #left-search-area .toggle_active h4 {text-decoration: none;background: url('http://dev.andersonautogroup.com/wp-content/themes/aag/images/enlarge-minus.png') no-repeat center left #cbcbcb !important; text-indent: 20px;} .gform_wrapper .top_label li.gfield.gf_right_half, .gform_wrapper .top_label li.gfield.gf_left_half {clear:both !important; width:100%;} .name-padding {padding-top:0 !important;} #vlp-vehicle-locator .search-frm {width:100%; padding:0; background:none;} .locator-details {display:none;} .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half {clear:both;width: 100% !important; float: none !important;} .thumbnail {padding:0px !important; border:0px !important; border-radius:0px !important;} .listing-container {padding: 0 15px 0;} .listing-container, .thumbnail img {-webkit-box-shadow: 0 0 0 0 !important;box-shadow: 0 0 0 0 !important; border:0 !important;} .total-found {line-height:24px; margin-bottom:15px;} .total-found h1 {font-size: 18px; line-height: 24px;} #right-list-area {padding:0 15px !important; margin-top:0px;} #photo-container .carousel-indicators {display:none; padding:0 12px; margin-bottom:0px;} #photo-container .carousel-inner {border: 0; -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0;} a.show-mobile-vdp-thumbs {display: block; text-align: center; padding: 10px 0; background-color: #005696; color: #fff;clear: both;} a.show-mobile-vdp-thumbs:hover, a.show-mobile-vdp-thumbs:active {display: block; text-align: center; padding: 10px 0; background-color: #0f577f; color: #fff;} a.btn-autocheck {margin-bottom:15px; display:block;} a.btn-carfax, .vdp-lower .filler-review, #fuel-economy, a.brochures, a.btn-ford-window-sticker, a.btn-mazda-window-sticker {float:none; display:block;} .vdp-lower .options li {width:100%;} #top-bar .quicklinks {width:100%; float:none;} #top-bar .quicklinks a {float:left; width:50%; margin:0; text-align:center; padding:7px 0; background-color: #005696; color: #fff;} #top-bar .quicklinks a:hover, #top-bar .quicklinks a:active {background-color: #0f577f; color: #fff;} .vlp-favorite-it-wrapper .add-fav-div {width:100%} .curQuery {padding:12px; margin-bottom: 0 !important;} #inventory .visible-xs {display: initial !important;} .listing-container .total-savings-banner {margin-right:0;margin-top:255px;} .listing-container .total-savings-banner:before {border-width: 0 0 26px 26px; border-color: transparent transparent #17a65e transparent;} .listing-container .total-savings-banner:after {content:none;} .listing-container h3 {width:100%;} .single-dealership #accordion {margin-right:0;} .thumb-container {padding:0 !important;} .lower-next, .lower-prev {float:none;} .btn-breadcrumb {border:0px;} #display-filters {display:block; padding:7px 8px; color:#454545;} #hide-filters {display: block; text-align:center; font-family: 'Roboto', sans-serif !important; font-weight: 500; color: #ffffff; text-transform: uppercase; margin: 0 15px 15px; background: #005696; padding: 6px 11px; border-bottom: 1px dotted #a6a6a6; text-shadow: 1px 1px 1px #1874a1; font-size: 14px;} .filter-row {background-color: #fafafa; border-top: 1px solid #dadcdf; border-bottom: 1px solid #dadcdf; padding: 7px 15px; color: #454545;} .styled-select {height: 34px; overflow: hidden; width: 97%; margin-left:9px;} .styled-select select {background: transparent; border: none; font-size: 12px; height: 34px; padding: 5px; width: 100%; color: #454545; margin: 0 15px 0 0;} .nav-tabs>li>a {-moz-border-radius:0; border-radius:0;} #vdp-reviews h3 {padding: 20px 0 20px 25px;} .vlp-container .btn-breadcrumb {margin-top:0 !important; margin-bottom: 15px !important;} .listing .vdp-views .popular {display:block; text-align:center;} .listing .vdp-views .popular {text-align:center;} .filter-count {position: fixed; border-bottom: 1px solid #dadcdf; width: 90%; top: 0; left: 0; z-index: 9999999999; height: 110px; background:#fff;} .sidr {display:none;position:absolute;position:fixed;top:0;height:100%;z-index:9999999999;width:90%;overflow-x:none;overflow-y:auto;font-family:"Roboto", sans-serif; background:#fff;color:#393b47;-webkit-box-shadow: 10px 0 15px -10px rgba(0,0,0,.8); box-shadow: 10px 0 15px -10px rgba(0,0,0,.8);} .sidr .sidr-inner {padding:0 0 15px;} .sidr .sidr-inner>p {margin-left:15px;margin-right:15px;} .sidr.right {left:auto;right:-250px;} .sidr.left {left:-250px;right:auto;} .expand-div, .toggle-active {margin: 0; border-top: 1px solid #dadcdf; background-color: #fff; color: #454545 !important; border-radius: 0; font-size: 14px; padding: 15px 30px 11px 10px;} .expand-div:after, .toggle-active:after {border-top-color: #6d6e76;} .modify-search {margin-top: 110px;} .modify-search, .new-search, .popular-searches {border:0px;} #left-search-area {margin:0} #vdp-reviews .review {padding:15px; margin-bottom: 15px;} #vdp-reviews .review {width: 100%; position: initial;} #vdp-reviews .review-container {display: initial; position: initial;} #vdp-reviews .review-meta {position:initial;padding-top: 15px;} .mobile-breadcrumbs {padding-left:12px;} .vdp-views {margin-bottom:0px;} .vdp-container h1 {font: 400 24px/31px 'Roboto', sans-serif;} .favorite-it-wrapper a {display:block;} .vdp-lower .options li {float:none;} .related-single {border-bottom:1px dotted #d7d9da; padding-bottom:15px; margin-bottom:15px;} #photo-container {margin-top:0;} .vlp-favorite-it-wrapper .add-fav-div a {width:100%; margin-right:0} .vlp-favorite-it-wrapper, #bottom-bar .apply-financing {width:50%;text-align: center;} /* input[type=checkbox].css-checkbox + label.css-label {height:32px; line-height: 32px;background-image: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/inventory/images/ford-checkbox-mobile.png); padding-left: 37px; font-size: 16px;} input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -32px;} */ /* Start of Minimal VDP Styles */ h2.subheading {overflow: hidden; white-space: nowrap;} #vdp-photos .carousel {margin: 0 -15px;} #vdp-photos .carousel-inner, #vdp-photos .carousel-indicators {width:100%;} #vdp-photos {padding:0;margin: 0 0 12px;} #vdp-photos .carousel-indicators {display: none;} #vdp-panels .panel-title>a {font-size:20px; line-height: 26px;} #vdp-panels h3 span, #vdp-panels h3.specs-headline {background:none;} #vehicle-option .options li {width:100%; float: none;} #vdp-container .tags {margin-top: 4px; text-align: center; margin-bottom: 12px;} .tags .popular-vehicle {background: #ef5222; color: #fff; padding: 3px 0;} .tags .sell-date {background: #729b0f; color: #fff; padding: 3px 0;} #vdp-panels h2 {font: 300 20px/24px 'Roboto', sans-serif; padding-bottom: 10px; margin-bottom: 0;text-align: center;} #vdp-panels h2:after {content: none;} #vdp-container .add-fav-div, #vdp-container .remove-fav-div {right:-15px;} #vdp-container .pending-sale {font: 800 24px/50px 'Roboto', sans-serif;margin-left: -15px;} /* End of Minimal VDP Styles */ #favorite-list-mobile {list-style: none; margin: 0; padding: 0;} #favorite-list-mobile li {float: left; width: 25%;} #favorite-list-mobile a {background: none; color: #34baf3; font-weight: normal; padding: 0;margin: 0; font-size: 12px;} #vdp-photos .video-available {top: 33%; right: 32%;} #vdpPhotoThumbs .video-available-thumb {top: 7%; right: 16%;} .grid-listing {margin-top:30px;} .grid-listing .grid-top-row {height:auto; background: #fff; margin: 0; padding-left: 12px;} .grid-listing .total-savings-banner {right: -23px; top: 0;} .grid-top-row > span {margin-top: 12px;} .grid-listing .add-fav-div, .grid-listing .remove-fav-div {top: auto; width: 40px; height: 40px;} .grid-listing .add-fav-div a, .grid-listing .remove-fav-div a, .grid-listing .add-fav-div i, .grid-listing .remove-fav-div i {font-size:25px; line-height: 40px;} .grid-listing .grid-container {background: #fff;padding: 12px; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.3); box-shadow: 0 0 0 0 rgba(0,0,0,.3);} #right-list-area.grid {background: #f3f4f5;} } /*Tablet CSS */ @media (min-width:768px) and (max-width:1024px) { /*.listing .listing-container {border: 1px solid #e1e1e2 !important;}*/ .listing-container .total-savings-banner {margin-right: 0; margin-top: -16px;} #vdp-container .pricebox {width: 50%; float: left;} #vdp-container .located-at {width: 50%; float: left; padding-left: 20px; text-align: center;} #vdp-container .appointment-box {width:50%; float: left;} #vdp-container .ctas a.cta-preapproval, #vdp-container .ctas a.cta-trade {width: 45%; margin-left: 0%; margin-right: 0 !important; margin-bottom: 15px;} } /*Tablet Portrait CSS */ @media (min-width:576px) and (max-width:768px) { #inventory .grid-listing .grid-top-row {display: none;} #inventory .grid-listing .tap-to-call {display: none !important;} #inventory .grid-listing .vehicle-located .hidden-sm.hidden-xs {display:block !important;} #inventory .grid-listing .located-at {height:95px !important;} } /*Modal from left & right styles */ .modal.left .modal-dialog, .modal.right .modal-dialog {position: fixed; width: 100%; margin: auto; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0);} .modal.left .modal-content, .modal.right .modal-content {height: 100%; border-radius:0px !important;} .modal.left .modal-body, .modal.right .modal-body {padding: 15px 15px 80px;} /*Left*/ .modal.left.fade .modal-dialog{left: -320px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out;} .modal.left.fade.in .modal-dialog {left: 0;} /*Right*/ .modal.right.fade .modal-dialog {right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; } .modal.right.fade.in .modal-dialog {right: 0;} #subscribeToAlerts.modal.left .modal-content input[type=checkbox].css-checkbox + label.css-label, #subscribeToAlerts.modal.right .modal-content input[type=checkbox].css-checkbox + label.css-label {height:50px;} .modal-backdrop.in {filter: alpha(opacity=70); opacity: .7;} @media(min-width:800px){ .modal.right.fade.in .modal-dialog, .modal.left.fade.in .modal-dialog {width:750px;} #transferVehicle.modal.right.fade.in .modal-dialog, .modal.left.fade.in .modal-dialog {width:600px;} } @media(max-width:800px){.modal.left .modal-content, .modal.right .modal-content {overflow-x: hidden; overflow-y: scroll;}} /* #srp-special-container {background: #ffffff; background: -moz-linear-gradient(top, #ffffff 30%, #c8c8c8 100%); background: -webkit-linear-gradient(top, #ffffff 30%,#c8c8c8 100%); background: linear-gradient(to bottom, #ffffff 30%,#c8c8c8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c8c8',GradientType=0 );} #srp-special-container .srp-special {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-banners/special-lower-ford.png) bottom no-repeat; border: 1px solid #bec6ca; margin-bottom: 25px; padding: 12px;} #srp-special-container .vehicle-img {width:30%; float:left; padding-right:15px; text-align: center;} #srp-special-container .vehicle-img .ymm {margin-top: 50px;} #srp-special-container .special-details {width:70%; float:left;} #srp-special-container .offer-details {float:left; padding: 0 1%;text-align: center;} #srp-special-container .ymm {font-size: 15px;letter-spacing: .2em; text-transform: uppercase; display: block;} #srp-special-container .ymm .trim {display: block;} #srp-special-container .ymm strong {font-family: 'antenna-bold', sans-serif; font-size: 16px;} #srp-special-container .offer {font-size:24px; color:#26353c; line-height: 30px; padding:10px 0; min-height: 90px;} #srp-special-container .offer strong {font-size:40px;} #srp-special-container .offer sup {font-size:100%;} #srp-special-container .offer sup.disclaimer {font-size: 60%; top: -5px;} #srp-special-container .offer-link {margin-bottom: 15px;} #srp-special-container .offer-link a {max-width: 350px; margin: 0 auto;display: block; color:#fff; background: #34baf3; text-align: center; padding: 12px 0; font-size: 14px;} @media only screen and (max-width: 768px) { #srp-special-container {color:#fff !important; background: url('https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-banners/ford-sales-event.jpg') no-repeat !important; background-size: cover !important;} #srp-special-container .srp-special {background:none; border:0; padding:0 20px 25px 20px;} #srp-special-container .offer-details, #srp-special-container .special-details {width:100% !important; float:none;} #srp-special-container .ymm {margin-top:25px;} #srp-special-container .vehicle-img {width: 100%; padding: 0; float: none;} #srp-special-container .offer {color:#fff;} } */ /* #srp-special-container {background: #ffffff; background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-banners/offer-bg-ford.jpg') no-repeat; background-size: cover;} #srp-special-container.ford {background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-banners/offer-bg-ford.jpg') no-repeat; background-size: cover;} #srp-special-container.mazda {background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-banners/offer-bg-mazda.jpg') no-repeat; background-size: cover;} #srp-special-container.kia {background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-banners/offer-bg-mazda.jpg') no-repeat; background-size: cover;} #srp-special-container.mitsubishi {background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-banners/offer-bg-mazda.jpg') no-repeat; background-size: cover;} #srp-special-container.lincoln {background:url('https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-banners/offer-bg-mazda.jpg') no-repeat; background-size: cover;} */ /* #srp-special-container.ford {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/ford-offers-bg.jpg); background-size: cover; color:#fff;} #srp-special-container.ford .vehicle-img .ymm {display:none !important;} #srp-special-container.mazda {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/mazda-offers-bg.jpg); background-size: cover; color:#fff;} #srp-special-container.kia {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/kia-offers-bg.png); background-size: cover; color:#fff;} #srp-special-container.mitsubishi {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/mits-offers-bg.jpg); background-size: cover; color:#005696;} #srp-special-container.lincoln {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/ford-offers-bg.jpg); background-size: cover; color:#005696;} #srp-special-container .srp-special {margin-bottom: 25px; padding: 12px;border: 5px solid #005696;} #srp-special-container .vehicle-img {width:30%; float:left; padding-right:15px; text-align: center;} #srp-special-container .vehicle-img img {margin-bottom:7px;} #srp-special-container .vehicle-img .ymm {margin-top: 5px;} #srp-special-container .special-details {width:70%; float:left;} #srp-special-container .offer-details {float:left; padding: 0 1%;text-align: center;} /*#srp-special-container .offer-details .ymm {border-top: 2px solid #34baf3; padding-top: 7px; margin-top: 5px; height: 60px; overflow: hidden;}*/ /* #srp-special-container .offer-details .ymm {height: 55px; overflow: hidden;} #srp-special-container .ymm {font-size: 15px;letter-spacing: .2em; text-transform: uppercase; display: block;} #srp-special-container .ymm .trim {display: block;} #srp-special-container .ymm strong {font-size: 16px;} #srp-special-container .offer {font-size:24px; line-height: 35px; padding:10px 0; min-height: 106px;} #srp-special-container .offer strong {font-size:40px;} #srp-special-container .offer sup {font-size:100%;} #srp-special-container .offer sup.disclaimer {font-size: 60%; top: -5px;} #srp-special-container .offer sup.disclaimer a{color:#005696;} #srp-special-container .offer-link {margin-bottom: 15px;} #srp-special-container .offer-link a, #srp-special-container .btn-primary {line-height: 22px; max-width: 350px; margin: 0 auto;display: block; color:#fff; background: #005696; text-align: center; padding: 12px 0; font-size: 14px;} #srp-special-container .offer-link a:hover, #srp-special-container .offer-link a:active, #srp-special-container .offer-link a:focus, #srp-special-container .btn-primary:hover, #srp-special-container .btn-primary:active, #srp-special-container .btn-primary:focus {background: #183558;} @media only screen and (max-width: 768px) { /* #srp-special-container {color:#fff !important; background: url('https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-banners/offer-bg-ford-mobile.jpg') no-repeat !important; background-size: cover !important;} */ /* #srp-special-container {color:#005696 !important;padding-top: 20px;background: rgb(228,247,255) !important; background: -moz-radial-gradient(center, ellipse cover, rgba(228,247,255,1) 47%, rgba(167,229,255,1) 100%) !important; background: -webkit-radial-gradient(center, ellipse cover, rgba(228,247,255,1) 47%,rgba(167,229,255,1) 100%) !important; background: radial-gradient(ellipse at center, rgba(228,247,255,1) 47%,rgba(167,229,255,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f7ff', endColorstr='#a7e5ff',GradientType=1 ) !important;} #srp-special-container .offer-details .ymm, #srp-special-container .offer {height: auto !important;} #srp-special-container .srp-special {background:none; border:0; padding:0 20px 25px 20px;} #srp-special-container .offer-details, #srp-special-container .special-details {width:100% !important; float:none;} #srp-special-container .ymm {margin-top:25px;} #srp-special-container .vehicle-img {width: 100%; padding: 0; float: none;} #srp-special-container .offer {color:#005696;} .specials-jump-to a {width:45%; float:left; margin-bottom:12px;} } */ #srp-special-container {margin-top: 30px; background-size: cover !important;width: 100%; position: relative; display: flex; flex-basis: 45%; z-index: 10; /* height: 199px; */ overflow: hidden; align-items: center;} #srp-special-container.ford {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/ford-offers-bg.jpg); color:#fff;} #srp-special-container.ford .vehicle-img .ymm {display:none !important;} #srp-special-container.mazda {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/mazda-offers-bg.jpg); color:#000;} #srp-special-container.jeep {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/jeep-offers-bg.jpg); color:#fff;} #srp-special-container.ram {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/ram-offers-bg.jpg); color:#fff;} #srp-special-container.dodge {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/ram-offers-bg.jpg); color:#fff;} #srp-special-container.kia {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/kia-offers-bg.png); color:#fff;} #srp-special-container.mitsubishi {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/mits-offers-bg.jpg); color:#005696;} #srp-special-container.lincoln {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/ford-offers-bg.jpg); color:#2d2d2d;} #srp-special-container.ford .text-bg {transform: scale(1.3) rotate(12deg); height: 180%; position: absolute; background: linear-gradient(0deg,#1d639b,#0a426e); z-index: -1; width: 27%; opacity: 100%;} #srp-special-container.mazda .text-bg {transform: scale(1.3) rotate(12deg); height: 180%; position: absolute; background: linear-gradient(0deg,#000,#000); z-index: -1; width: 27%; opacity: 91%;} #srp-special-container.jeep .text-bg {transform: scale(1.3) rotate(12deg); height: 180%; position: absolute; background: linear-gradient(0deg,#730707,#8b0d0d); z-index: -1; width: 27%; opacity: 91%;} #srp-special-container.ram .text-bg {transform: scale(1.3) rotate(12deg); height: 180%; position: absolute; background: linear-gradient(0deg,#730707,#8b0d0d); z-index: -1; width: 27%; opacity: 91%;} #srp-special-container.dodge .text-bg {transform: scale(1.3) rotate(12deg); height: 180%; position: absolute; background: linear-gradient(0deg,#730707,#8b0d0d); z-index: -1; width: 27%; opacity: 91%;} #srp-special-container.kia .text-bg {transform: scale(1.3) rotate(12deg); height: 180%; position: absolute; background: linear-gradient(0deg,#b30e22,#c4172c); z-index: -1; width: 27%; opacity: 91%;} #srp-special-container.mitsubishi .text-bg {transform: scale(1.3) rotate(12deg); height: 180%; position: absolute; background: linear-gradient(0deg,#004d88,#0079c1); z-index: -1; width: 27%; opacity: 91%;} #srp-special-container.lincoln .text-bg {transform: scale(1.3) rotate(12deg); height: 180%; position: absolute; background: linear-gradient(0deg,#004d88,#0079c1); z-index: -1; width: 27%; opacity: 91%;} #srp-special-container .seo-helper {padding-right: 0;} #srp-special-container .seo-helper h2 {color: #fff; font: 700 26px/28px 'Roboto', sans-serif;margin-top: 15px;} #srp-special-container .seo-helper p {color: #fff; font: 400 14px/20px 'Roboto', sans-serif; margin-top: 12px; letter-spacing: .04em;} #srp-special-container .seo-helper p a {color:#fff !important;} /* #srp-special-container .srp-special {padding:12px 12px 0 20px; margin-bottom: 25px;} */ /* #srp-special-container .vehicle-img {width: 40%; float: left;} */ #srp-special-container .vehicle-img {width: 50%;float: left; /* bottom: 27px; */ position: relative;} /* #srp-special-container .vehicle-img img {max-height: 125px;} */ #srp-special-container .vehicle-img img {max-width: 100%;} #srp-special-container .vehicle-img .ymm {margin-top: 5px;} /* #srp-special-container .special-details {background-color: rgba(0, 0, 0, .60); margin-top: 200px;}*/ .vlp-container #srp-special-container .special-details {margin-top:0px;} /* #srp-special-container .offer-details {float:left; padding: 12px 1%;text-align: center;margin-top: 10px; background-size: cover;} */ #srp-special-container .offer-details {float: left; padding: 12px 0; text-align: center; background-size: cover;} #srp-special-container .offer-details.one-wide {width:100%;} #srp-special-container .offer-details.two-wide {width:47%;} #srp-special-container .offer-details.three-wide {width:30%;} /* #srp-special-container .offer-copy {float:left; width:60%;} */ #srp-special-container .offer-copy {float: left; width: 50%; margin-top: 10px; color:#fff; text-shadow: 0 0 15px #000;} #srp-special-container .ymm {font-size: 11px; letter-spacing: .2em; text-transform: uppercase; display: block;} #srp-special-container .ymm .year {} #srp-special-container .ymm .trim {} #srp-special-container .ymm strong {font-size: 16px;} #srp-special-container .offer {font-size: 18px; line-height:26px; padding:0 0; height: 70px; position: relative;} #srp-special-container .offer.border {border-right:1px solid #004d88;} #srp-special-container .offer strong {font-size:30px;} #srp-special-container .offer .details {width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} #srp-special-container .offer sup {font-size:18px; top:-.4em;} #srp-special-container .offer sup.disclaimer {font-size: 60%; top: -5px;} #srp-disclaimers {padding: 7px; background: #fff;} #srp-special-container.ford .offer sup.disclaimer a{color:#fff; font-size:12px;} #srp-special-container.mazda .offer sup.disclaimer a{color:#010101; font-size:12px;} #srp-special-container.jeep .offer sup.disclaimer a{color:#fff; font-size:12px;} #srp-special-container.dodge .offer sup.disclaimer a{color:#fff; font-size:12px;} #srp-special-container.ram .offer sup.disclaimer a{color:#fff; font-size:12px;} #srp-special-container.kia .offer sup.disclaimer a{color:#fff; font-size:12px;} #srp-special-container.mitsubishi .offer sup.disclaimer a{color:#fff; font-size:12px;} #srp-special-container.lincoln .offer sup.disclaimer a{color:#fff; font-size:12px;} #srp-special-container.ford .offer-copy {color:#fff; text-shadow: 0 0 15px #00cbe3;} #srp-special-container.mazda .offer-copy {color:#fff; text-shadow: 0 0 15px #000; padding: 12px 12px 0; margin-bottom: 12px;} #srp-special-container.jeep .offer-copy {color:#fff; text-shadow: 0 0 15px #00cbe3;} #srp-special-container.dodge .offer-copy {color:#fff; text-shadow: 0 0 15px #00cbe3;} #srp-special-container.ram .offer-copy {color:#fff; text-shadow: 0 0 15px #00cbe3;} #srp-special-container.kia .offer-copy {color:#fff; text-shadow: 0 0 15px #00cbe3;} #srp-special-container.mitsubishi .offer-copy {color:#fff; text-shadow: 0 0 15px #00cbe3;} #srp-special-container.lincoln .offer-copy {color:#fff; text-shadow: 0 0 15px #000;} /* #srp-special-container .or {position: absolute; right: -13px; top:30px; font-size: 14px;}*/ #srp-special-container .or {font-size: 14px; margin: 0 1%;float: left;text-align: center; position: relative; height: 165px;} #srp-special-container .vertically-align {position: relative; top: 50%; transform: translateY(-50%);} #srp-special-container .or .vert-line {height: 140px; position: absolute; left: 50%; top: -50px; z-index: -1;} #srp-special-container .or span {border-radius: 40px; display: block; line-height: 24px; padding-bottom: 1px; width: 26px;} #srp-special-container.ford .or .vert-line {border-right: 1px solid #000;} #srp-special-container.ford .or span { background: #000; color:#fff;} #srp-special-container.mazda .or .vert-line {border-right: 1px solid #010101;} #srp-special-container.mazda .or span {background: #010101; color:#fff;} #srp-special-container.jeep .or .vert-line {border-right: 1px solid #8b0d0d;} #srp-special-container.jeep .or span {background: #8b0d0d; color:#fff;} #srp-special-container.dodge .or .vert-line {border-right: 1px solid #8b0d0d;} #srp-special-container.dodge .or span {background: #8b0d0d; color:#fff;} #srp-special-container.ram .or .vert-line {border-right: 1px solid #8b0d0d;} #srp-special-container.ram .or span {background: #8b0d0d; color:#fff;} #srp-special-container.kia .or .vert-line {border-right: 1px solid #000;} #srp-special-container.kia .or span {background: #000; color:#fff;} #srp-special-container.mitsubishi .or .vert-line {border-right: 1px solid #000;} #srp-special-container.mitsubishi .or span {background: #000; color:#fff;} #srp-special-container.lincoln .or .vert-line {border-right: 1px solid #000;} #srp-special-container.lincoln .or span {background: #000; color:#fff;} #srp-special-container .offer-link {margin: 0; width:50%; float:right;} #srp-special-container.offer-single .offer-link {margin: 0; width:100%; float:none;} #srp-special-container .offer-link a, #srp-special-container .btn-primary {border-radius:25px; background:#87CFED; color:#fff; line-height: 22px; display: inline-block; text-align: center; padding: 12px 30px; font-size:14px; max-width: 300px;} #srp-special-container .offer-link a:hover, #srp-special-container .offer-link a:active, #srp-special-container .offer-link a:focus,#srp-special-container .btn-primary:hover, #srp-special-container .btn-primary:active, #srp-special-container .btn-primary:focus {} #srp-special-container.narrow-offer .offer-link a, #srp-special-container.narrow-offer .btn-primary {display:inline-block; padding:7px 25px;} #srp-special-container .one-wide .vehicle-img {bottom:0px;} #srp-special-container .one-wide .vehicle-img img {margin-bottom: 0;max-height: 180px;} /* #srp-special-container .one-wide .offer-copy {width: 40%; padding-top: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0px 5%;} */ #srp-special-container .one-wide .offer-copy {margin:0;} #srp-special-container .one-wide .offer-link {margin-top: 15px;} #srp-special-container .one-wide .ymm {font-size: 12px;} #srp-special-container .one-wide .offer strong {font-size: 36px;} #srp-special-container .one-wide .offer sup {top: -0.6em;} #srp-special-container .one-wide .offer-link a, #srp-special-container .one-wide .btn-primary {width: 100%; display: block; margin:auto;} /*Mazda Custom Specials */ #srp-special-container.mazda .offer-link a, #srp-special-container.mazda .btn-primary {color:#fff; background: #000 !important; border-radius: 3px; text-transform: uppercase;} #srp-special-container.mazda .offer-link a:hover, #srp-special-container.mazda .offer-link a:active, #srp-special-container.mazda .offer-link a:focus,#srp-special-container.mazda .btn-primary:hover, #srp-special-container.mazda .btn-primary:active, #srp-special-container.mazda .btn-primary:focus {background-color: #999 !important; color: #fff;} /*Kia Custom Specials */ #srp-special-container.kia .offer-link a, #srp-special-container.kia .btn-primary {background: #000; } #srp-special-container.kia .offer-link a:hover, #srp-special-container.kia .offer-link a:active, #srp-special-container.kia .offer-link a:focus, #srp-special-container.kia .btn-primary:hover, #srp-special-container.kia .btn-primary:active, #srp-special-container.kia .btn-primary:focus {background: #000;} /*CDJR Custom Specials */ #srp-special-container.jeep .offer-link a, #srp-special-container.jeep .btn-primary {background: #8b0d0d; } #srp-special-container.jeep .offer-link a:hover, #srp-special-container.jeep .offer-link a:active, #srp-special-container.jeep .offer-link a:focus, #srp-special-container.jeep .btn-primary:hover, #srp-special-container.jeep .btn-primary:active, #srp-special-container.jeep .btn-primary:focus {background: #8b0d0d;} /* #srp-special-container.jeep .one-wide .offer-copy {border-top: 1px solid #8b0d0d; border-bottom: 1px solid #8b0d0d;} */ #srp-special-container.ram .offer-link a, #srp-special-container.ram .btn-primary {background: #8b0d0d; } #srp-special-container.ram .offer-link a:hover, #srp-special-container.ram .offer-link a:active, #srp-special-container.ram .offer-link a:focus, #srp-special-container.ram .btn-primary:hover, #srp-special-container.ram .btn-primary:active, #srp-special-container.ram .btn-primary:focus {background: #8b0d0d;} #srp-special-container.dodge .offer-link a, #srp-special-container.dodge .btn-primary {background: #8b0d0d; } #srp-special-container.dodge .offer-link a:hover, #srp-special-container.dodge .offer-link a:active, #srp-special-container.dodge .offer-link a:focus, #srp-special-container.dodge .btn-primary:hover, #srp-special-container.dodge .btn-primary:active, #srp-special-container.dodge .btn-primary:focus {background: #8b0d0d;} /* #srp-special-container.ram .one-wide .offer-copy {border-top: 1px solid #8b0d0d; border-bottom: 1px solid #8b0d0d;} */ .single-vehicle-specials .page-header .offer-details {font-size:44px; color:#fff;} #srp-special-container.offer-single {max-width: 1200px; margin: 30px auto 0;} #srp-special-container.offer-single .vehicle-img {position: initial;} #srp-special-container.offer-single .ymm {font-size:20px;} #srp-special-container.offer-single .offer sup {font-size: 24px; top: -0.7em;} #srp-special-container.offer-single .offer {font-size: 32px; line-height: 40px; padding:15px; position: relative;height: auto;} #srp-special-container.offer-single .offer-details {float: none; margin-top:50px;} #srp-special-container.offer-single .offer strong {font-size: 50px;} #srp-special-container.offer-single .offer-link a, #srp-special-container.offer-single .btn-primary {width:100%;} #specials-page-container .ford {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/ford-offers-bg.jpg); background-size: cover; color:#fff;} #specials-page-container .ford .vehicle-img .ymm {display:none !important;} #specials-page-container .mazda {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/mazda-offers-bg.jpg); background-size: cover; color:#fff;} #specials-page-container .kia {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/kia-offers-bg.png); background-size: cover; color:#fff;} #specials-page-container .mitsubishi {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/mits-offers-bg.jpg); background-size: cover; color:#005696;} #specials-page-container .lincoln {background: url(https://s3.us-east-2.amazonaws.com/steeringinnovation/images/specials/srp-background/ford-offers-bg.jpg); background-size: cover; color:#005696;} #specials-page-container .srp-special {margin-bottom: 25px; padding: 12px;border: 5px solid #005696;} #specials-page-container .kia .srp-special {border: 5px solid #000;} #specials-page-container .vehicle-img {width:30%; float:left; padding-right:15px; text-align: center;} #specials-page-container .vehicle-img img {margin-bottom:7px;} #specials-page-container .vehicle-img .ymm {margin-top: 5px;} #specials-page-container .special-details {width:70%; float:left;} #specials-page-container .offer-details {float:left; padding: 0 1%;text-align: center;} /*#specials-page-container .offer-details .ymm {border-top: 2px solid #34baf3; padding-top: 7px; margin-top: 5px; height: 60px; overflow: hidden;}*/ #specials-page-container .offer-details .ymm {height: 55px; overflow: hidden;} #specials-page-container .ymm {font-size: 15px;letter-spacing: .2em; text-transform: uppercase; display: block;} #specials-page-container .ymm .trim {display: block;} #specials-page-container .ymm strong {font-size: 16px;} #specials-page-container .offer {font-size:24px; line-height: 35px; padding:10px 0; min-height: 106px;} #specials-page-container .offer strong {font-size:40px;} #specials-page-container .offer sup {font-size:100%;} #specials-page-container .offer sup.disclaimer {font-size: 44%; top: -10px;} #specials-page-container .offer sup.disclaimer a{color:#005696;} #specials-page-container .offer-link {margin-bottom: 15px;} #specials-page-container .offer-link a, #specials-page-container .btn-primary {line-height: 22px; max-width: 350px; margin: 0 auto;display: block; color:#fff; background: #005696; text-align: center; padding: 12px 0; font-size: 14px;} #specials-page-container .offer-link a:hover, #specials-page-container .offer-link a:active, #specials-page-container .offer-link a:focus, #specials-page-container .btn-primary:hover, #specials-page-container .btn-primary:active, #specials-page-container .btn-primary:focus {background: #183558;} #specials-page-container .kia .offer-link a, #specials-page-container.kia .btn-primary {background: #000; } #specials-page-container .kia .offer-link a:hover, #specials-page-container.kia .offer-link a:active, #specials-page-container.kia .offer-link a:focus, #specials-page-container .kia .btn-primary:hover, #specials-page-container.kia .btn-primary:active, #specials-page-container.kia .btn-primary:focus {background: #000;} @media (max-width:1360px) { #srp-special-container .seo-helper {display:none;} #srp-special-container .text-bg {display:none;} #srp-special-container .offer-link {clear: both; float: none; margin: 0 auto;} #srp-special-container .offers-row {width:100%;} } @media (max-width:1450px) { #srp-special-container .seo-helper p {font-size:14px; line-height: 20px;} } .jeep:nth-of-type(4n) {clear: left;} .dodge:nth-of-type(4n) {clear: left;} .ram:nth-of-type(4n) {clear: left;} #narrow-specials-page-container {} #narrow-specials-page-container .special-container {text-align: center; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3); margin-bottom: 25px; height: 100%; padding: 20px 20px 350px;position: relative; background-size: cover;} #narrow-specials-page-container h3 {text-align: left; padding-left: 12px; padding-right: 12px;} #narrow-specials-page-container .offer-lower {position: absolute; bottom: 120px; left: 0; right: 0; text-align: center; width: 100%; padding: 0 20px;} #narrow-specials-page-container .offer-link {position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; width: 100%; padding: 0 20px;} @media only screen and (min-width: 768px) {#narrow-specials-page-container .col-md-6 .offer-lower img {max-height: 400px; max-width: 450px;}} #narrow-specials-page-container .offer-upper {height: 250px;} #narrow-specials-page-container .chrysler .offer-upper, #narrow-specials-page-container .jeep .offer-upper, #narrow-specials-page-container .dodge .offer-upper, #narrow-specials-page-container .ram .offer-upper {height: 300px;} #narrow-specials-page-container .mazda .offer-upper {background: transparent !important;} #narrow-specials-page-container .ymm {font:300 30px/32px 'Roboto', sans-serif; margin-bottom: 30px;} #narrow-specials-page-container .offer {margin: 0 auto; padding: 0; font: 300 28px/40px 'Roboto', sans-serif;} #narrow-specials-page-container .offer strong {font: 700 62px/60px 'Roboto', sans-serif;} #narrow-specials-page-container .offer sup {top: -1.4em;} #narrow-specials-page-container .disclaimer {font-size: 12px; color:#555558;} #narrow-specials-page-container .ford {color:#fff;} #narrow-specials-page-container .ford a {color:#fff;} /* #narrow-specials-page-container .ford .offer {border-top: 2px solid #34baf3; border-bottom: 2px solid #34baf3;} */ #narrow-specials-page-container .ford a.btn {color:#fff; background:#014880; border-radius:0; margin:10px 0 0; width:100%;} #narrow-specials-page-container .ford .headline {font: 300 18px/22px 'Roboto', sans-serif; margin-bottom: 20px; padding: 12px 0;} /* #narrow-specials-page-container .ford.col-md-6 .lower-background {background: #fff; position: absolute; height: 166px; bottom: 0; width: 100%; left: 0;} */ #narrow-specials-page-container .mazda.col-md-12 {color:#555558;} #narrow-specials-page-container .mazda.col-md-12 a {color:#555558;} #narrow-specials-page-container .mazda .special-container {background-position:top !important;} #narrow-specials-page-container .mazda .offer br {display: none !important;} #narrow-specials-page-container .mazda {color:#555558;} #narrow-specials-page-container .mazda a {color:#555558;} #narrow-specials-page-container .mazda .offer {color:#555558;} #narrow-specials-page-container .mazda .offer-link a {background:#000; border:0; color:#fff;} #narrow-specials-page-container .mazda a.btn {margin:10px 0 0; width:100%;} #narrow-specials-page-container .mazda .headline {font: 300 18px/22px 'Roboto', sans-serif; margin-bottom: 20px; color: #555558; padding: 12px 0;} /* #narrow-specials-page-container .mazda.col-md-6 .lower-background {background: #fff; position: absolute; height: 166px; bottom: 0; width: 100%; left: 0;} */ #narrow-specials-page-container .kia {color:#fff;} #narrow-specials-page-container .kia a {color:#fff;} /* #narrow-specials-page-container .kia .offer {border-top: 2px solid #fff; border-bottom: 2px solid #fff;} */ #narrow-specials-page-container .kia .offer-link a {background:#000; border:0; color:#fff;} #narrow-specials-page-container a.btn {margin:10px 0 0; width:100%;} #narrow-specials-page-container .kia.col-md-6 .lower-background {background: #fff; position: absolute; height: 166px; bottom: 0; width: 100%; left: 0;} #narrow-specials-page-container .mitsubishi {color:#fff;} #narrow-specials-page-container .mitsubishi a {color:#fff;} /* #narrow-specials-page-container .kia .offer {border-top: 2px solid #fff; border-bottom: 2px solid #fff;} */ #narrow-specials-page-container .mitsubishi .offer-link a {background:#000; border:0; color:#fff;} #narrow-specials-page-container a.mitsubishi {margin:10px 0 0; width:100%;} #narrow-specials-page-container .mitsubishi.col-md-6 .lower-background {background: #fff; position: absolute; height: 166px; bottom: 0; width: 100%; left: 0;} #narrow-specials-page-container .jeep {color:#fff;} #narrow-specials-page-container .jeep a {color:#fff;} #narrow-specials-page-container .jeep .offer {/*border-top: 2px solid #2d2d2d; border-bottom: 2px solid #2d2d2d;*/} #narrow-specials-page-container .jeep .offer-link a {background:#2d2d2d; border:0; color:#fff;} #narrow-specials-page-container .jeep a.btn {margin:10px 0 0; width:100%;} #narrow-specials-page-container .jeep .headline {font: 300 18px/22px 'Roboto', sans-serif; margin-bottom: 20px; color: #fff; padding: 12px 0; background: #2d2d2d;} #narrow-specials-page-container .jeep.col-md-6 .lower-background {background: #fff; position: absolute; height: 166px; bottom: 0; width: 100%; left: 0;} #narrow-specials-page-container .ram {color:#fff;} #narrow-specials-page-container .ram a {color:#fff;} #narrow-specials-page-container .ram .offer {/*border-top: 2px solid #2d2d2d; border-bottom: 2px solid #2d2d2d;*/} #narrow-specials-page-container .ram .offer-link a {background:#2d2d2d; border:0; color:#fff;} #narrow-specials-page-container .ram a.btn {margin:10px 0 0; width:100%;} #narrow-specials-page-container .ram .headline {font: 300 18px/22px 'Roboto', sans-serif; margin-bottom: 20px; color: #fff; padding: 12px 0; background: #2d2d2d;} #narrow-specials-page-container .ram.col-md-6 .lower-background {background: #fff; position: absolute; height: 166px; bottom: 0; width: 100%; left: 0;} #narrow-specials-page-container .dodge {color:#fff;} #narrow-specials-page-container .dodge a {color:#fff;} #narrow-specials-page-container .dodge .offer {/*border-top: 2px solid #2d2d2d; border-bottom: 2px solid #2d2d2d;*/} #narrow-specials-page-container .dodge .offer-link a {background:#000; border:0; color:#fff;} #narrow-specials-page-container .dodge a.btn {margin:10px 0 0; width:100%;} #narrow-specials-page-container .dodge .headline {font: 300 18px/22px 'Roboto', sans-serif; margin-bottom: 20px; color: #fff; padding: 12px 0; background: #000;} #narrow-specials-page-container .dodge.col-md-6 .lower-background {background: #fff; position: absolute; height: 166px; bottom: 0; width: 100%; left: 0;} #narrow-specials-page-container .chrysler {color:#fff;} #narrow-specials-page-container .chrysler a {color:#fff;} #narrow-specials-page-container .chrysler .offer {/*border-top: 2px solid #2d2d2d; border-bottom: 2px solid #2d2d2d;*/} #narrow-specials-page-container .chrysler .offer-link a {background:#000; border:0; color:#fff;} #narrow-specials-page-container .chrysler a.btn {margin:10px 0 0; width:100%;} #narrow-specials-page-container .chrysler .headline {font: 300 18px/22px 'Roboto', sans-serif; margin-bottom: 20px; color: #fff; padding: 12px 0; background: #2d2d2d;} #narrow-specials-page-container .chrysler.col-md-6 .lower-background {background: #fff; position: absolute; height: 166px; bottom: 0; width: 100%; left: 0;} @media only screen and (min-width: 768px) { #narrow-specials-page-container .col-md-12 .special-container {padding: 20px 20px;} #narrow-specials-page-container .col-md-12 .offer-upper {float: right; width: 60%; height: initial; padding-bottom: 20px;} #narrow-specials-page-container .col-md-12 .offer-lower {position: initial; float: left; width: 40%;margin-top: 25px;} #narrow-specials-page-container .col-md-12 .offer-link {position: initial; padding: 0; clear: both;} #narrow-specials-page-container .col-md-12 .offer-link a {float: left !important; width: 48%; margin: 20px 1% 0;} #srp-special-container.offer-single .offer-details {margin:20px 0;} } @media only screen and (max-width: 768px) { #narrow-specials-page-container .offer {padding:0px !important; border:0 !important;} #narrow-specials-page-container .offer br {display: none;} } .offersCarouselWrapper {height:95px;padding-top:10px; padding-bottom: 10px;background: #005696; color:#fff} .offersCarouselWrapper a {color:#fff;} .offersCarouselWrapper a:hover,.offersCarouselWrapper a:active,.offersCarouselWrapper a:focus {color:#fff;} .offersCarouselWrapper .container {max-width:800px;} .offersCarouselWrapper .carousel-fade .carousel-control {background: none !important; top: 20px; width: 7%;} .offersCarouselWrapper .details {padding-top:5px;} .offersCarouselWrapper .ymm {display:block; font: 300 15px/20px 'Roboto', sans-serif; text-align: center;} .offersCarouselWrapper .offer {display:block; font: 400 22px/25px 'Roboto', sans-serif; text-align: center;} .offersCarouselWrapper .offer sup {top: -.4em; font-size: 14px;} .offersCarouselWrapper .vehicle-img img {height:74px;} @media only screen and (max-width: 768px) { .offersCarouselWrapper .ymm {font: 300 11px/20px 'Roboto', sans-serif;} .offersCarouselWrapper .offer {font: 400 14px/16px 'Roboto', sans-serif;} .offersCarouselWrapper .vehicle-img img {height: 60px; width: auto !important; max-width: unset;} } #confirmFrm h3 {margin:0px 0 3px;} #confirmFrm h5 {margin: 0; font-size: 16px;} #confirmFrm .vehicle-text {font-size: 13px;} ul.landing-vehicle-class {justify-content: center; display: flex;} ul.landing-vehicle-class li {list-style-type: none; float:left; margin-right:10px;} ul.landing-vehicle-class li:hover:after, ul.landing-vehicle-class li:active:after {content: ""; display: block; border-bottom: 3px solid #34baf3; margin: 7px auto 25px; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} ul.landing-vehicle-class li a {font-size: 20px; display: inline-block; margin: 0 15px; color: #909090;} ul.landing-vehicle-class li.active a {color: #005696;} ul.landing-vehicle-class li.active a:after {} ul.landing-vehicle-class li.active:after {content: ""; display: block; border-bottom: 3px solid #34baf3; margin: 7px auto 25px;} .make-landing-owl .tab-pane {height: 360px; overflow: hidden;} #specialsCarousel .carousel-control {width:5%;} .carousel-control i {position: absolute; top: 50%; z-index: 5; display: inline-block;} .srp-mobile-offer {padding: 25px 35px 35px; background-size: cover !important;} .srp-mobile-offer-details {color: #004d88; text-shadow:0 0 !important; /* border-top: 2px solid #004d88; border-bottom: 2px solid #004d88; */ padding: 25px; margin: 0 0;} .ford .srp-mobile-offer-details {color: #fff; text-shadow:0 0 !important; padding: 20px 0 10px 20px; margin: 0 0 10px;} .mazda .srp-mobile-offer-details {color: #fff; text-shadow:0 0 !important; padding: 20px 0 10px 20px; margin: 0 0 10px;} .kia .srp-mobile-offer-details {color: #fff; text-shadow:0 0 !important; padding: 20px 0 10px 20px; margin: 0 0 10px;} .jeep .srp-mobile-offer-details {color: #fff; text-shadow:0 0 !important; padding: 20px 0 10px 20px; margin: 0 0 10px;} .dodge .srp-mobile-offer-details {color: #fff; text-shadow:0 0 !important; padding: 20px 0 10px 20px; margin: 0 0 10px;} .ram .srp-mobile-offer-details {color: #fff; text-shadow:0 0 !important; padding: 20px 0 10px 20px; margin: 0 0 10px;} .srp-mobile-offer-details .mm {float: left; width: 40%;} .srp-mobile-offer-details .mm .year {display: block; text-align: left; font: 300 26px/26px 'Roboto', sans-serif;} .srp-mobile-offer-details .mm .make {display: block; text-align: left; font: 300 22px/24px 'Roboto', sans-serif;} .srp-mobile-offer-details .mm .model {display: block; text-align: left; font: 600 30px/36px 'Roboto', sans-serif;} .srp-mobile-offer-details .mm .trim {display: block; text-align: left; font: 400 20px/20px 'Roboto', sans-serif;} .srp-mobile-offer-details .offer {height:100px; min-height:100px;float: right; width: 60%; font: 300 22px/28px 'Roboto', sans-serif;} .srp-mobile-offer-details .offer strong {font: 700 34px/34px 'Roboto',sans-serif;} .srp-mobile-offer-details .offer sup {top: -13px;} .srp-mobile-offer img {width: 80% !important;} #specialsCarousel.kia .btn {background:#000;} @media (max-width:1024px) { #srp-special-container.ford {background: #000;} #srp-special-container.mazda {background: #000;} #srp-special-container.kia {background: #000;} #srp-special-container.mitsubishi {background: #000;} #srp-special-container.lincoln {background: #000;} #srp-special-container.jeep {background: #000;} #srp-special-container.ram {background: #000;} } @media (max-width:768px) { /* .srp-mobile-offer {padding: 25px 35px 60px;} */ .srp-mobile-offer {padding: 0 15px 20px;} .srp-mobile-offer-details .offer strong {font: 700 36px/42px 'Roboto',sans-serif;} .srp-mobile-offer img {margin-bottom: 12px;} #specialsCarousel, #tag-filters {margin-left:-15px; margin-right: -15px;} .grid-listing .vehicle-located .two-ctas {padding:15px 0;} } @media (max-width:767px) { .grid-listing .vertically-align {position: initial; top: 0; transform: none;} .grid-listing .located-at {padding-bottom: 15px; height: auto !important;} .grid-listing .also-viewed-at {padding: 15px 0 0;} .grid-listing .price-area {padding:15px 0; height: auto;} .grid-listing .price-row {margin: 0;} .grid-listing .vehicle-features-blank {display:none;} .grid-listing .grid-container:hover, .grid-listing .grid-container:active, .grid-listing .grid-container:focus {-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.3); box-shadow: 0 0 0 0 rgba(0,0,0,.3);} } @media (max-width:768px) { .vehicle-img {float:left; width:40%;} .srp-mobile-offer-details {float:right; width:60%;} .srp-mobile-offer-details .offer-link {clear:both;} } @media (max-width:500px) { .vehicle-img, .srp-mobile-offer-details {float:none; width:100%;} }