/* ============================================================ */
/* ------------------>> Init SASS files <<--------------------- */
/* ------------------( non css generating )-------------------- */
/* ============================================================ */
@font-face {
  font-family: Interstate;
  src: url("../fonts/Interstate Regular.otf");
}

@font-face {
  font-family: Interstate Bold;
  src: url("../fonts/Interstate Bold.otf");
}

@font-face {
  font-family: Interstate Light;
  src: url("../fonts/Interstate Light.otf");
}

@font-face {
  font-family: Interstate Light Condensed;
  src: url("../fonts/Interstate LightCondensed.otf");
}

@font-face {
  font-family: Interstate Mazda Light;
  src: url("../fonts/InterstateMazda Light.otf");
}

@font-face {
  font-family: Mazda Bold;
  src: url("../fonts/Mazda Bold.TTF");
}

@font-face {
  font-family: Mazda Regular;
  src: url("../fonts/Mazda Regular.TTF");
}

/* === resets ==== */
/* ========================================================== */
/* --------------->> General Layout <<----------------------- */
/* =====(basic structure and theme of the website)=========== */
/* ========================================================== */
* {
  font-family: 'Helvetica', sans-serif;
}

hr.clear {
  display: none;
}

body {
  height: 100%;
  overflow-x: hidden;
  color: #fff;
}

#main #content-inner.container-fluid {
  max-width: none;
  padding: 0;
}

#header-inner {
  min-height: 71px;
}

#header-logo {
  margin: 14px 0 0;
}
#header-logo a {
  display: block;
}
#header-logo a img {
  max-width: 200px;
}

#dealer-info {
  display: none;
}

#container {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

#header {
  position: absolute;
  z-index: 1;
  width: 70%;
}

#header-inner {
  /*	.directions-toggle {
  		margin-left: 15px;
  		margin-top: 15px;
  		width: 50px;		
  	}*/
}

#header-inner, #footer-inner, .container-fluid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 8px;
  position: relative;
}

#footer {
  padding-bottom: 30px;
  color: #aaa;
}
#footer a {
  color: inherit;
}

#footer-inner .primary-section {
  margin: 20px 0;
  padding: 0;
  background-color: #fff;
}
#footer-inner .well {
  border-radius: 0;
}

#footer-info {
  background-image: linear-gradient(to bottom, #169ed7, #1283b2 100%);
  background-image: none;
  background-color: #333333;
  color: #fff;
  clear: both;
}
#footer-info .social {
  display: none;
}
#footer-info h4, #footer-info h5 {
  line-height: 1.2em;
  margin: 2px;
  font-size: 12px;
}
#footer-info h4 {
  font-size: 14px;
  color: #169ed7;
}
#footer-info a {
  float: left;
  width: 50px;
  margin: 4px 0 0 5px;
  border: 1px solid rgba(255, 255, 255, 0);
  box-shadow: 0 0 15px rgba(255, 255, 255, 0);
  transition: all .3s;
}
#footer-info a:hover {
  /*border-color: $brand-primary-darker;*/
  box-shadow: 0 0 15px #575757;
}
#footer-info a img {
  width: 100%;
}
#footer-info .make-logo {
  height: 60px;
  /*border-right: 1px solid rgba(255,255,255,.3);*/
  /*padding-right: 15px;*/
  padding-top: 0;
  margin-right: 15px;
  padding-bottom: 7px;
}
#footer-info .make-logo img {
  margin: -18px 0 0 -24px;
  width: 136px;
}
#footer-info .location {
  text-align: left;
}
#footer-info .slogan {
  margin-right: 10px;
}
#footer-info .slogan h4 {
  font-size: 18px;
  margin-top: 16px;
}
#footer-info .slogan h5 {
  color: #e01d22;
}

#footer-text {
  clear: left;
  font-size: 12px;
  color: #aaa;
  border: 1px solid #ccc;
  padding: 10px;
}
#footer-text h5 {
  color: #333333;
}
#footer-text p {
  color: #575757;
}
#footer-text a {
  color: #169ed7;
}

.secondary-pages #page-title-graphic {
  width: 100%;
  margin-top: 20px;
}
.secondary-pages #primary-content {
  margin-left: 0;
  margin-right: 0;
  margin-top: 45px;
  margin-bottom: 20px;
  padding: 0 30px;
}
.secondary-pages #secondary-container #quick-contact-small {
  margin-bottom: 20px;
  border-bottom: 1px solid #aaa;
  padding-bottom: 20px;
}
.secondary-pages #secondary-container #quick-contact-small .btn-primary, .secondary-pages #secondary-container #quick-contact-small #ctas_main span.promo-inner, #ctas_main .secondary-pages #secondary-container #quick-contact-small span.promo-inner {
  width: 100%;
  margin: 5px 0 5px;
}
.secondary-pages .sidebar-promo {
  clear: left;
}
.secondary-pages .sidebar-promo a {
  background-size: 253px auto;
  background-color: #575757;
  display: block;
  height: 59px;
  margin-bottom: 5px;
  text-indent: -9999px;
  clear: left;
}
.secondary-pages #secondary-banner img {
  width: 100% !important;
  height: auto !important;
}

.hassidebar #primary-content {
  padding: 0 0 0 20px;
}
.hassidebar #primary-container {
  padding: 0 20px;
}
.hassidebar #secondary-container {
  padding: 18px 20px 18px 0;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .secondary-pages #content {
    margin-top: 148px;
  }

  #dealer-info {
    display: block;
    height: 50px;
    margin-top: 15px;
    line-height: 15px;
  }
  #dealer-info .wordmark {
    margin-top: 6px;
  }
  #dealer-info .wordmark, #dealer-info .number, #dealer-info .tagline, #dealer-info .address, #dealer-info .accessories {
    float: right;
    clear: right;
    line-height: 1.1em;
    font-size: 18px;
    margin-bottom: 5px;
  }
  #dealer-info .accessories .btn-accessories {
    padding: 5px 10px;
    font-size: 14px;
  }
  #dealer-info .accessories .fa {
    margin-right: 5px;
  }

  #header {
    position: fixed;
    top: 0;
    width: 100%;
    opacity: 1;
    transition: opacity .4s, top .4s;
  }
  #header.navbar-fixed-top {
    /*position: fixed;*/
    top: -70px;
    opacity: 1;
  }

  #header-inner .directions-toggle {
    margin-left: 15px;
    margin-top: 0;
    width: auto;
    display: block;
  }
  #header-inner .directions-toggle img {
    margin: -1px 2px 4px 0;
  }

  #header-logo {
    margin: 32px 0 32px;
  }
  #header-logo a img {
    max-width: 460px;
    width: auto;
    height: 50px;
  }
}
@media (min-width: 992px) {
  #dealer-info .wordmark, #dealer-info .number, #dealer-info .tagline, #dealer-info .address {
    line-height: 1.1em;
    /*font-size: 22px;*/
  }

  #header-inner .directions-toggle {
    /*margin-top: 15px;*/
  }

  #header-logo {
    margin: 32px 20px 32px 20px;
  }
  #header-logo a img {
    max-width: 532px;
    width: auto;
    height: 50px;
    margin-bottom: 2px;
  }
}
@media (max-width: 767px) {
  #header {
    z-index: 2;
  }

  #content {
    margin-top: 32px;
  }

  .hassidebar #primary-content {
    padding: 0;
  }
  .hassidebar #primary-container {
    padding: 0 15px;
  }

  #footer-inner .primary-section {
    padding: 15px;
  }

  #footer-text {
    margin-top: 18px;
  }

  #footer-info .make-logo {
    display: none;
  }
  #footer-info > div {
    width: 100%;
    margin: 0 auto;
    float: none !important;
  }
  #footer-info > div div {
    width: 100%;
    text-align: center;
  }
  #footer-info > div div * {
    text-align: center;
  }

  #footer-blu-info, #footer-links {
    float: none !important;
    text-align: center;
  }

  #poweredby-info, #footer-links {
    float: none !important;
    width: 100%;
    text-align: center;
  }
}
body {
  background-color: #eee;
  background: url("https://s3.amazonaws.com//images/bg-pattern.jpg") repeat center top transparent;
}

a {
  color: #169ed7;
}
a:hover {
  color: #1283b2;
  text-decoration: none;
}

h3, #page-title {
  color: #169ed7;
}

.btn-primary, #ctas_main span.promo-inner {
  color: #fff;
  background-color: #169ed7;
  border: 0px solid #0d6184;
}
.btn-primary:hover, #ctas_main span.promo-inner:hover {
  background-color: #e01d22;
}
.btn-primary a, #ctas_main span.promo-inner a {
  color: #fff;
}

.btn-secondary, #ctas_main .finance > span {
  color: #FFFFFF;
  background-color: #e01d22;
  border: 1px solid #bc181d;
}
.btn-secondary:hover, #ctas_main .finance > span:hover {
  background-color: #169ed7;
}
.btn-secondary a, #ctas_main .finance > span a {
  color: #fff;
}

.btn-tertiary, #ctas_main .sales > span {
  color: #FFFFFF;
  background-color: #fab500;
  background-image: linear-gradient(to bottom, #e1a300, #fab500);
  border: 1px solid #d19700;
}
.btn-tertiary:hover, #ctas_main .sales > span:hover {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
.btn-tertiary a, #ctas_main .sales > span a {
  color: #fff;
}

.btn-primary, #ctas_main span.promo-inner, .btn-secondary, #ctas_main .finance > span, .btn-tertiary, #ctas_main .sales > span {
  margin-bottom: 4px;
  padding: 15px 0;
  width: 100%;
  border-radius: 0;
  border-width: 0;
  font-size: 20px;
  transition: all .2s;
}
.btn-primary:hover, #ctas_main span.promo-inner:hover, .btn-secondary:hover, #ctas_main .finance > span:hover, .btn-tertiary:hover, #ctas_main .sales > span:hover {
  color: #fff;
}
.btn-primary:hover *, #ctas_main span.promo-inner:hover *, .btn-secondary:hover *, #ctas_main .finance > span:hover *, .btn-tertiary:hover *, #ctas_main .sales > span:hover * {
  color: #fff;
}

.btn-positive {
  background-color: #5BCC77;
  margin-bottom: 15px;
  color: #fff;
  border-color: transparent;
}
.btn-positive:hover {
  background-color: #60d07c;
  border-color: transparent;
}

/* --------------------------------------------------------- */
/* *************** Basic Background Colors ***************** */
/* --------------------------------------------------------- */
.bg-primary {
  background-color: #169ed7;
}

.bg-primary-dark {
  background-color: #1283b2;
}

.bg-primary-light {
  background-color: #2cb2e9;
}

.bg-primary-gradient {
  background-color: #2cb2e9;
  background-image: linear-gradient(175deg, #2cb2e9 30%, #1283b2);
}

.bg-secondary {
  background-color: #e01d22;
}

.bg-secondary-dark {
  background-color: #bc181d;
}

.bg-secondary-light {
  background-color: #e64044;
}

.bg-secondary-gradient {
  background-color: #e64044;
  background-image: linear-gradient(175deg, #e64044 30%, #bc181d);
}

.bg-black {
  background-color: #000;
}

.bg-white {
  background-color: #fff;
}

.bg-grey-dark {
  background-color: #222222;
}

.bg-grey-light {
  background-color: #eeeeee;
}

/* ========================================================= */
.popup-container {
  background-color: #FFFFFF;
  border: 4px solid #CCCCCC;
  border-radius: 10px;
  color: #575757;
  margin: 50px auto;
  padding: 50px;
  width: 70%;
}
.popup-container form {
  margin: 0 auto;
  width: 90%;
}

#primary-nav {
  clear: both;
  margin: 0;
  /*min-height: 70px;*/
  /*background-color: rgba(200, 200, 200, 0.3);*/
  /*background-image: linear-gradient(rgba(255, 255, 255, 0.7) 15%, white 60%);*/
  /*border-color: #fff #eeeeee #eeeeee;*/
  /*border-radius: 0;*/
  /*border-top: 1px solid #fff;*/
  /*box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);*/
  background-color: #333333;
  /*background-image: url("https://s3.amazonaws.com//images/darkgrain.png");*/
  border-radius: 0;
  border-width: 0;
  border-color: #333333;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0);
}
#primary-nav > .container-fluid {
  background-image: none;
}
#primary-nav .navbar-brand {
  height: 40px;
}
#primary-nav #primary-nav-inner ul.alpha {
  margin-left: 70px;
}
#primary-nav #primary-nav-inner #home-icon a {
  padding: 12px 18px;
}
#primary-nav #primary-nav-inner #home-icon i {
  font-size: 31px;
}
#primary-nav #primary-nav-inner li {
  border-right: 1px solid #222;
}
#primary-nav #primary-nav-inner li:hover .dropdown-menu {
  display: block;
}
#primary-nav #primary-nav-inner li .dropdown-menu > li:hover .dropdown-menu {
  display: block;
}
#primary-nav #primary-nav-inner li .dropdown-menu .dropdown-menu {
  /*display: none;
  position: absolute;
  left: 100%;
  top: -2px; */
  border-radius: 0;
}
#primary-nav #primary-nav-inner li .dropdown-menu .dropdown-menu a {
  border-right: 0px solid;
}
#primary-nav #primary-nav-inner a {
  font-size: 12px;
  padding: 8px 20px;
  text-transform: uppercase;
  font-weight: 100;
  color: #ccc;
  border-right: 1px solid #444;
}
#primary-nav #primary-nav-inner a:hover {
  background-color: #169ed7;
  color: #fff;
}
#primary-nav #primary-nav-inner a a {
  color: #898989;
}
#primary-nav #primary-nav-inner .dropdown-menu {
  padding: 0;
}
#primary-nav #primary-nav-inner .dropdown-menu a {
  padding: 10px 20px;
  font-size: 14px;
}
#primary-nav > .container-fluid {
  min-height: 70px;
}
#primary-nav .navbar-toggle {
  margin-top: 16px;
}

#secondary-nav {
  padding: 40px 0;
  color: #333333;
  text-align: center;
}
#secondary-nav ul {
  padding-left: 0;
}
#secondary-nav li {
  list-style-type: none;
}
#secondary-nav a {
  color: inherit;
  font-size: 12px;
}
#secondary-nav .nav-level1 {
  width: 20%;
  float: left;
  border-left: 1px solid #ddd;
  min-height: 200px;
}
#secondary-nav .nav-level1:first-child {
  border-left: 0px solid;
}
#secondary-nav .nav-level1 > a {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
  padding: 5px 0;
  text-transform: uppercase;
}
#secondary-nav .nav-level2 a {
  color: inherit;
  font-size: 12px;
}

@media (min-width: 767px) {
  #primary-nav {
    transition: top .4s;
    position: fixed;
    top: 115px;
    width: 100%;
    z-index: 4;
  }
  #primary-nav.navbar-fixed-top {
    /*position: fixed;*/
    top: 0;
  }
  #primary-nav > .container-fluid {
    min-height: 0;
  }
  #primary-nav #primary-nav-inner a {
    font-size: 14px;
    margin: 0;
    padding: 18px;
  }
  #primary-nav #primary-nav-inner li li {
    border-right: 0px solid;
  }
  #primary-nav #primary-nav-inner li li a {
    margin: 0;
    border-right: 0px solid;
  }
  #primary-nav .search-toggle, #primary-nav .navbar-search-toggle {
    padding: 13px 20px;
    width: 156px;
    height: 56px;
    font-size: 22px;
    text-indent: 0;
    color: #333333;
  }
  #primary-nav .search-toggle img, #primary-nav .navbar-search-toggle img {
    height: 37px;
    margin-top: -3px;
  }
  #primary-nav .navbar-search-toggle {
    font-size: 15px;
    text-transform: uppercase;
  }
  #primary-nav .navbar-search-toggle span {
    top: 17px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #primary-nav #primary-nav-inner a {
    font-size: 12px;
    padding: 18px 5px;
  }
  #primary-nav #navbarLiveSearch.live-search {
    top: 56px;
    right: 0;
  }
}
@media (max-width: 768px) {
  #primary-nav {
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border-color: #fff;
    background-image: none;
  }
  #primary-nav #primary-nav-inner {
    background-color: #333333;
    /*background-image: url('https://s3.amazonaws.com//images/darkgrain.png');*/
  }
  #primary-nav #primary-nav-inner li {
    border-width: 0;
  }
  #primary-nav #primary-nav-inner li a {
    border-width: 0;
  }
  #primary-nav #primary-nav-inner li a:hover {
    background-color: #eee;
  }
  #primary-nav #primary-nav-inner .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.3);
    position: static;
    width: 100%;
  }
  #primary-nav #primary-nav-inner .dropdown-menu li {
    background-color: transparent;
    float: none;
  }
  #primary-nav #primary-nav-inner .dropdown-menu li a {
    color: #333;
  }
  #primary-nav .navbar-toggle {
    margin: 18px;
    z-index: 2;
  }

  #secondary-nav {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #primary-nav #primary-nav-inner a {
    font-size: 13px;
    padding: 18px 10px;
  }
}
.form-control, input[type="text"], select, textarea {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #575757;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}

form .invalidValue, form .requiredValue {
  border: #600 solid 1px !important;
  background-color: #f99 !important;
}

select, input[type="text"], textarea {
  color: #575757;
}

.labelfree label {
  display: none;
}

.service-select label {
  width: 30%;
  margin: 1.5%;
}
.service-select input[type="checkbox"], .service-select input[type="checkbox"] {
  width: 30px;
}

.search-toggle {
  cursor: pointer;
  padding-right: 13px;
  position: absolute;
  right: 61px;
  text-indent: -9999px;
  top: 22px;
  width: 38px;
  height: 27px;
  overflow: hidden;
  z-index: 1;
}

.live-search {
  padding: 3% 5% 3%;
  position: relative;
  margin: 0 auto 60px;
}
.live-search h3 {
  margin-bottom: 30px;
}
.live-search input.liveSearch {
  height: 48px;
  width: 63.5%;
}
.live-search .radio-group {
  margin-bottom: 12px;
  font-size: 16px;
}
.live-search .radio-group input[type="radio"] {
  margin-left: 10px;
  margin-right: 4px;
}
.live-search .btn-container {
  padding-left: 22px;
  padding-right: 0;
  width: 36.5%;
}
.live-search .btn.btn-primary, .live-search #ctas_main span.btn.promo-inner, #ctas_main .live-search span.btn.promo-inner {
  width: 25%;
  margin-right: 0;
  padding: 10px 0;
  font-size: 30px;
}
.live-search #ls-form .btn.btn-primary, .live-search #ls-form #ctas_main span.btn.promo-inner, #ctas_main .live-search #ls-form span.btn.promo-inner {
  width: 100%;
}
.live-search .search-links {
  margin-top: 15px;
}
.live-search .search-links .btn-default {
  margin: 0 0 2px;
  padding: 15px 0 15px 46px;
  width: 100%;
  text-align: left;
}
.live-search.sidebar {
  margin-bottom: 20px;
  border-width: 0;
  padding: 0;
}
.live-search.sidebar h4 {
  font-size: 14px;
}
.live-search.sidebar > h3 {
  font-weight: bold;
  font-size: 20px;
}
.live-search.sidebar h3 {
  font-size: 16px;
  margin: 10px 0;
}
.live-search.sidebar .btn.btn-primary, .live-search.sidebar #ctas_main span.btn.promo-inner, #ctas_main .live-search.sidebar span.btn.promo-inner {
  width: 100%;
}
.live-search.sidebar input.liveSearch, .live-search.sidebar .btn-container {
  width: 100%;
}
.live-search.sidebar .btn-container {
  padding-left: 0;
}
.live-search.sidebar input.liveSearch {
  padding-left: 10px;
}
.live-search.sidebar .form-control, .live-search.sidebar input[type="text"], .live-search.sidebar select, .live-search.sidebar textarea {
  width: 100%;
  margin-bottom: 10px;
}
.live-search.sidebar #search-count-container {
  text-align: center;
  font-size: 12px;
  margin-top: 5px;
}
.live-search.sidebar .ls-container {
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.live-search.sidebar #ls-form .btn {
  margin-top: 10px;
}
.live-search.sidebar .search-toggle {
  /*display:none;	*/
}
.live-search.sidebar .ls-results-container {
  box-shadow: -1px 3px 4px;
  left: 103%;
  position: absolute;
  top: 0;
  width: 300%;
}
.live-search.slideout.sidebar {
  height: 100%;
  padding: 20px;
  position: fixed;
  right: -33%;
  top: 0;
  transition: right 0.5s ease 0s;
  width: 33%;
  z-index: 11;
}
.live-search.slideout.sidebar.active {
  right: 0;
  overflow-y: auto;
}
.live-search.slideout.sidebar .search-toggle {
  display: block;
  margin-top: -20px;
}
.live-search.slideout.sidebar .ls-results-container {
  position: absolute;
  top: 350px;
  left: -100%;
  z-index: 1;
  width: 100%;
}
.live-search .search-toggle {
  cursor: pointer;
  display: none;
  right: 8px;
  text-indent: -9999px;
  top: 18px;
  width: 50px;
  border-right: 0px solid;
}
.live-search .search-toggle span {
  display: block;
  width: 25px;
  height: 25px;
  margin-left: 0;
  transition: margin-left 0.3s, box-shadow 0.3s;
}
.live-search .search-toggle.adv-srch span {
  margin-left: 27px;
}
.live-search .ls-results-container {
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 1;
  width: 100%;
}
.live-search .ls-results-container .ls-results {
  display: none;
  padding: 15px;
}
.live-search .ls-results-container .ls-results ul {
  list-style-type: none;
  padding-left: 0;
}
.live-search .ls-results-container .ls-results ul li {
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #ccc;
}
.live-search .ls-results-container .ls-results ul li a {
  display: block;
}
.live-search .ls-results-container .ls-results h2, .live-search .ls-results-container .ls-results h3 {
  margin: 0;
  line-height: 1.1em;
}
.live-search .ls-results-container .ls-results h2 {
  color: #e01d22;
}

.search-links .btn-default {
  border-width: 1px;
  margin: 0 0 4px;
  padding: 15px 0 15px 46px;
  text-align: left;
  width: 100%;
}

.search select, .search input[type="text"], .search textarea {
  float: left;
  font-size: 16px;
  height: 48px;
  margin-right: 2%;
  padding-top: 12px;
  width: 23%;
}

.search-stock-label {
  clear: left;
  float: left;
  margin-right: 5px;
}

#search-count-container {
  float: left;
  color: #575757;
}
#search-count-container strong {
  color: #444;
}

#advanced-search {
  clear: left;
}

#navbarLiveSearch.live-search {
  position: absolute;
  right: 10px;
  top: 0;
  padding: 0;
  background-color: #e01d22;
  background-image: none;
  border-width: 0;
  height: 56px;
  margin: 0;
  transition: top .4s, right .4s .4s;
}
#navbarLiveSearch.live-search .btn {
  display: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  position: absolute;
  right: -153px;
  top: -39px;
  z-index: 99999;
  opacity: 0;
  transition: opacity .2s;
}
#navbarLiveSearch.live-search .btn.ready {
  opacity: 1;
  display: block;
}
#navbarLiveSearch.live-search .navbar-search-toggle {
  display: block;
  float: right;
  height: 58px;
  background-color: transparent;
  transition: none;
  cursor: pointer;
}
#navbarLiveSearch.live-search .navbar-search-toggle span {
  color: #fff;
  position: absolute;
  top: 13px;
  right: 60px;
  opacity: 1;
  transition: opacity .3s;
}
#navbarLiveSearch.live-search .navbar-search-toggle img {
  position: absolute;
  top: 13px;
  right: 15px;
}
#navbarLiveSearch.live-search .navbar-search-toggle:hover {
  background-color: transparent;
}
#navbarLiveSearch.live-search .navbar-search-toggle.active {
  width: 65px;
}
#navbarLiveSearch.live-search .navbar-search-toggle.active span {
  opacity: 0;
}
#navbarLiveSearch.live-search .ls-container {
  float: right;
  width: 0;
  transition: width .4s;
}
#navbarLiveSearch.live-search .ls-container.active {
  width: 252px;
}
#navbarLiveSearch.live-search .ls-controls, #navbarLiveSearch.live-search form {
  width: 100%;
}
#navbarLiveSearch.live-search input.liveSearch {
  border: 0 solid;
  border-radius: 4px;
  font-style: 13px;
  float: right;
  height: 46px;
  padding: 0;
  margin-top: 5px;
  width: 0;
  opacity: 0;
  transition: width .4s, opacity .2s;
}
#navbarLiveSearch.live-search input.liveSearch.active {
  width: 245px;
  padding-left: 10px;
  opacity: 1;
}
#navbarLiveSearch.live-search .ls-results-container {
  left: -100%;
  position: absolute;
  top: 57px;
  width: 200%;
  z-index: 1;
}

@media (min-width: 768px) {
  .search-toggle {
    right: 15px;
    top: 0;
    width: 58px;
  }
}
@media (max-width: 767px) {
  .live-search .btn-container {
    padding: 0;
  }
  .live-search .btn-container .btn-primary, .live-search .btn-container #ctas_main span.promo-inner, #ctas_main .live-search .btn-container span.promo-inner {
    width: 100%;
    margin-left: 0;
    margin-top: 5px;
  }
  .live-search.slideout.sidebar {
    width: 100%;
    right: -100%;
  }
  .live-search#navbarLiveSearch {
    background-color: transparent;
    width: 100%;
    right: 0;
  }
  .live-search#navbarLiveSearch .btn {
    top: 12px;
    right: -175px;
  }
  .live-search#navbarLiveSearch .ls-container {
    position: absolute;
    top: 70px;
    width: 98%;
    padding: 1% 1%;
  }
  .live-search#navbarLiveSearch .ls-container.active {
    background-color: #169ed7;
    padding: 0 5px 7px;
    right: 0;
    width: 100%;
  }
  .live-search#navbarLiveSearch input.liveSearch {
    width: 100%;
    max-height: 0;
    transition: max-height .2s;
  }
  .live-search#navbarLiveSearch input.liveSearch.active {
    width: 100%;
    max-height: none;
  }
  .live-search#navbarLiveSearch .navbar-search-toggle {
    padding-right: 8px;
    position: absolute;
    right: 53px;
    top: 24px;
    height: 25px;
    border-color: #286bb1;
  }
  .live-search#navbarLiveSearch .navbar-search-toggle span {
    display: none;
  }
  .live-search#navbarLiveSearch .navbar-search-toggle img {
    background-color: #169ed7;
    position: static;
    width: 32px;
    padding: 6px;
    border-radius: 4px;
    margin-top: -6px;
  }
  .live-search#navbarLiveSearch .ls-results-container {
    left: 0;
    width: 100%;
  }
}
#primary-nav #primary-nav-inner .dropdown:hover > a, #primary-nav #primary-nav-inner .dropdown.active > a {
  background-color: #169ed7;
  color: #fff;
}
#primary-nav #primary-nav-inner .dropdown-menu {
  box-shadow: none;
  border-width: 0;
}
#primary-nav #primary-nav-inner .dropdown-menu li {
  background-color: #fff;
}
#primary-nav #primary-nav-inner .dropdown-menu a {
  color: #333333;
}
#primary-nav #primary-nav-inner .dropdown-menu a:hover {
  background-color: #169ed7;
  color: #fff;
}
#primary-nav #primary-nav-inner .dropdown-menu > .active a {
  color: #fff;
}
#primary-nav #primary-nav-inner .dropdown-menu > .active:hover a {
  color: #404040;
}
#primary-nav > .container-fluid {
  background: url("https://s3.amazonaws.com//images/header_xs.png") no-repeat top right transparent;
}
#primary-nav .navbar-toggle {
  border: 0px solid;
  background-color: #169ed7;
}
#primary-nav .navbar-toggle .icon-bar {
  background-color: #fff;
}
#primary-nav .navbar-toggle:hover {
  background-color: #2cb2e9;
}

.navbar-collapse {
  background-color: #fff;
}

.search-toggle {
  border-right: 1px solid #fff;
}

#ctas_main {
  background-image: linear-gradient(#fcfcfc 0%, white 100%);
  background-color: #fff;
  border-top: 1px solid #f2f2f2;
  /*background-image: url(https://s3.amazonaws.com//images/darkgrain.png);*/
}
#ctas_main .container-fluid {
  border-bottom: 2px dotted #ccc;
}
#ctas_main .btn {
  background-color: #F8F8F8;
  border: 3px solid #fff;
  border-radius: 0;
}

#contact-and-directions {
  background: url("https://s3.amazonaws.com/jackschmittford/theme/googlemap_1200x400.jpg") no-repeat center 275px transparent;
  /*box-shadow: 2px 2px 3px #666;*/
}
#contact-and-directions .contact-info {
  background-color: #fafafa;
  background-color: rgba(255, 255, 255, 0.85);
}
#contact-and-directions h3 {
  color: #169ed7;
}
#contact-and-directions h4 {
  color: #333333;
}
#contact-and-directions h5 {
  color: #575757;
}
#contact-and-directions #dealer-address {
  margin-top: 20px;
}
#contact-and-directions #dealer-address h4, #contact-and-directions #dealer-address h5 {
  line-height: 1em;
  margin: 5px 0;
}
#contact-and-directions #dealer-address h5 {
  font-size: 16px;
}

#general-info-section .content_item {
  box-shadow: 1px 1px 2px #000;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  border: 1px solid #fff;
}

.search-links .btn-default {
  background-color: #FAFAFA;
  border-color: #DDDDDD;
  border-radius: 0;
  border-width: 1px;
}

.live-search {
  border: 1px solid #eee;
  background-color: #fafafa;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6) 50%);
  color: #333333;
}
.live-search h4 span {
  color: #fff;
}
.live-search h3 {
  color: #333333;
}
.live-search .search-links .btn-default {
  border-radius: 0;
  border-width: 0;
}
.live-search.sidebar {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  border-width: 0;
}
.live-search.sidebar h4 span {
  color: #555;
}
.live-search.sidebar .form-control, .live-search.sidebar input[type="text"], .live-search.sidebar select, .live-search.sidebar textarea {
  border-color: #ccc;
  box-shadow: none;
}
.live-search.sidebar #search-count-container {
  color: #888;
  text-shadow: none;
}
.live-search.sidebar #search-count-container strong {
  color: #575757;
}
.live-search.sidebar .ls-container {
  border-bottom: 1px solid #ccc;
}
.live-search.slideout.sidebar {
  background-color: #f5f5f5;
  color: #333333;
  border: 0 solid;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.live-search.slideout.sidebar h3 {
  color: #aaa;
}
.live-search .search-toggle {
  background-color: transparent;
  border-radius: 0;
}
.live-search .search-toggle span {
  border-radius: 20px;
  background-color: #169ed7;
  border: 1px solid #1283b2;
  box-shadow: 2px 1px 2px #444;
}
.live-search .search-toggle.adv-srch span {
  box-shadow: -2px 1px 2px #444;
}
.live-search .ls-results-container .ls-results {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #555;
}
.live-search .ls-results-container .ls-results ul li {
  border-bottom: 1px solid #ccc;
}
.live-search .ls-results-container .ls-results ul li a {
  color: #555;
}

.search select, .search input[type="text"], .search textarea {
  border-color: #aaa;
  border-radius: 0;
  color: #333333;
}

#secondary-nav .nav-level1 > a {
  color: #169ed7;
}

.secondary-pages h3 {
  color: #169ed7;
}
.secondary-pages #primary-content {
  color: #333333;
  background-color: #fff;
  border: 1px solid #ccc;
}

.hassidebar #secondary-container {
  background-color: transparent;
  border-right: 1px solid #ccc;
}

.sidebarpromo {
  /*background: url("https://s3.amazonaws.com//images/sidebar-cta.png") no-repeat scroll -46px 0 transparent;*/
  border-radius: 0;
  /*color: $gray-dark;*/
  display: block;
  font-size: 18px;
  /*font-weight: bold;*/
  height: 60px;
  line-height: 1em;
  margin-bottom: 5px;
  padding: 20px 0 0 18px;
  text-align: left;
  width: 100%;
  box-shadow: 1px 1px 2px #fff;
  /*transition: border-color .3s, padding-left .3s, background-position .3s;*/
}
.sidebarpromo br {
  display: none;
}
.sidebarpromo img {
  margin: -10px 10px 0 0;
}
.sidebarpromo:hover {
  border-color: #2e73c3;
  /*padding-left: 24px;*/
  /*background-position: -40px 0; */
  box-shadow: 1px 1px 2px #888;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

#vehicle-page-title {
  color: #169ed7;
}

.vehiclegallery {
  border: 1px solid #ccc;
  margin-bottom: 0;
}

.inv-price .inv-lowprice {
  color: #e01d22;
}

.inv-savings {
  color: #169ed7;
  font-weight: bold;
}

.widget {
  background-color: #FFFFFF;
  border: 1px solid #ccc;
  color: #222222;
}

.media-box {
  background-color: #169ed7;
  color: #fff;
}

.coupon {
  border-color: #aaa;
  border-width: 1px;
}
.coupon ul {
  padding-left: 12px;
}
.coupon h2 {
  margin-top: 0;
  font-size: 22px;
}
.coupon h3 {
  margin-top: 10px;
}
.coupon .disclaimer {
  font-size: 11px;
  color: #aaa;
  margin-top: 10px;
}
.coupon p > br:first-child {
  display: none;
}
.coupon .btn {
  text-align: left !important;
  padding: 14px 14px 5px;
}
.coupon .btn img {
  margin-top: -3px;
  margin-right: 7px;
}

.information-box {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 0px 20px 10px;
  margin-top: 15px;
  text-align: center;
}
.information-box h3 {
  font-size: 50px;
}

.success {
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  padding: 20px;
  margin-bottom: 20px;
}
.success p {
  border-bottom: 1px dotted #ddd;
  padding-bottom: 9px;
}
.success h4 {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 0;
}
.success h4 span {
  font-size: 60px;
  display: block;
}

/* =============================== Device specific ===================== */
@media (min-width: 767px) {
  .navbar-collapse {
    background-color: transparent;
  }

  #dealer-info {
    color: #555;
  }
  #dealer-info .tagline, #dealer-info .address, #dealer-info .directions-toggle {
    color: #575757;
  }
  #dealer-info .number {
    color: #169ed7;
  }

  #header {
    background-color: #fff;
  }

  #ctas_main span.promo-inner {
    border: 0px solid;
    position: relative;
    transition: all .3s;
  }
  #ctas_main span.promo-inner a {
    border: 0;
    box-shadow: 1px 2px 2px #000;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0);
    display: block;
  }
  #ctas_main span.promo-inner a span {
    display: block;
    /*background-image: linear-gradient($brand-primary, $brand-primary-darker);*/
    color: #fff;
    width: 100%;
    padding: 16px 12px;
    text-align: left;
    text-indent: 0;
  }
  #ctas_main span.promo-inner:hover {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  }

  #contact-and-directions {
    background-position: center top;
  }

  #primary-nav .search-toggle {
    border-width: 0;
    background-color: #e01d22;
    color: fff;
    transition: all .3s;
  }
  #primary-nav .search-toggle:hover {
    background-color: #169ed7;
  }

  .live-search.sidebar.slideout {
    border-left: 1px solid #999;
  }
}
@media (min-width: 992px) {
  #contact-and-directions {
    background-position: center top;
  }
}
@media (min-width: 1200px) {
  #contact-info #dealer-address {
    border-right: 0px solid #575757;
  }
}
@media (min-width: 1700px) {
  #header #header-inner {
    background-position: -235px top;
  }
}
@media (max-width: 767px) {
  #ctas_main span.promo-inner {
    border-color: #fff;
  }

  #contact-info #dealer-address {
    border-right: 0px solid #575757;
  }

  #contact-and-directions {
    background: url("https://s3.amazonaws.com/jackschmittford/theme/googlemap_1200x400.jpg") no-repeat center 188px transparent;
  }

  #footer-info {
    display: none;
  }

  .hassidebar #secondary-container {
    border-right: none;
    padding: 18px 15px;
  }

  .secondary-pages #primary-content {
    margin-top: 55px;
    padding: 0 10px;
  }

  .infohours-box {
    padding: 0;
  }
}
/* ========================================================== */
/* --------------------->> Partials <<----------------------- */
/* =====(styles for specific sections of the website)======== */
/* ========================================================== */
#featured-content #primary-division {
  margin-top: 39px;
}
@media (min-width: 768px) {
  #featured-content #primary-division {
    margin-top: 130px;
  }
}
#featured-content #primary-division h2 {
  font-size: 60px;
  font-weight: normal;
  letter-spacing: -0.03em;
}
#featured-content #primary-division a {
  color: #fff;
  font-size: 24px;
}
#featured-content #banner-counter {
  display: none;
}
#featured-content .flexslider {
  border: 0 solid;
  margin-bottom: 0;
  z-index: 0;
}
#featured-content .flexslider .flex-control-paging {
  bottom: 0;
  z-index: 2;
}
#featured-content .flex-control-nav {
  display: none;
}

@media (min-width: 768px) {
  #featured-content .flex-control-nav {
    /*display: block;*/
  }
  #featured-content .flex-direction-nav .flex-next {
    background: url("https://s3.amazonaws.com//images/feature_next.png") no-repeat 0 0 transparent;
    right: -2px;
  }
  #featured-content .flex-direction-nav .flex-prev {
    background: url("https://s3.amazonaws.com//images/feature_prev.png") no-repeat 0 0 transparent;
    left: -2px;
  }
  #featured-content .flex-direction-nav .flex-prev, #featured-content .flex-direction-nav .flex-next {
    height: 100px;
    width: 47px;
    text-indent: -9999px;
    padding-top: 100px;
  }
  #featured-content .flex-direction-nav .flex-prev:before, #featured-content .flex-direction-nav .flex-next:before {
    content: "";
  }
}
#ctas_main {
  padding: 30px 0 0;
  margin-bottom: 0;
  position: relative;
  /*	img {
  		display: none;
  	}*/
}
#ctas_main .container-fluid {
  padding-bottom: 30px;
}
#ctas_main a span img {
  margin-top: -4px;
  margin-right: 10px;
}
#ctas_main span.promo-inner {
  border: 0;
  background-color: #169ed7;
  display: block;
  width: 100%;
  padding: 24px 0;
}
#ctas_main span.promo-inner a {
  /*			display: block;
  			width: 100%;
  			height: 50px;*/
}
#ctas_main .btn {
  min-height: 160px;
  width: 100%;
}

@media (min-width: 768px) {
  #ctas_main.callstoaction span.promo-inner {
    padding: 0;
    letter-spacing: -.03em;
  }
  #ctas_main.callstoaction a {
    background: none transparent !important;
    text-indent: -99999px;
  }
  #ctas_main.callstoaction img {
    display: block;
  }
}
@media (max-width: 767px) {
  #ctas_main {
    padding: 20px 0;
  }
  #ctas_main span a img {
    height: 50px;
  }
  #ctas_main span.promo-inner {
    border-width: 0;
    margin-bottom: 8px;
  }
  #ctas_main span.promo-inner span {
    text-transform: uppercase;
  }
  #ctas_main span.promo-inner span img {
    padding: 0 10px 0 20px;
    height: auto;
  }
}
#highlight-section, .highlight-section {
  /*margin-top: 30px;*/
  padding: 30px 0;
  text-align: center;
  background-color: #fff;
  color: #333333;
}
#highlight-section .container-fluid, .highlight-section .container-fluid {
  border-bottom: 2px dotted #ccc;
}
#highlight-section .title, #highlight-section .price, .highlight-section .title, .highlight-section .price {
  color: #333333;
}
#highlight-section .title, .highlight-section .title {
  font-size: 22px;
  line-height: 2em;
}
#highlight-section img, .highlight-section img {
  display: block;
}
#highlight-section .price, .highlight-section .price {
  font-size: 24px;
}
#highlight-section .btn, .highlight-section .btn {
  font-size: 24px;
  line-height: 1em;
  color: #169ed7;
}
#highlight-section .flex-direction-nav a, .highlight-section .flex-direction-nav a {
  opacity: 1;
  top: 50%;
}
#highlight-section .flex-control-nav, .highlight-section .flex-control-nav {
  bottom: -26px;
  display: none;
}
#highlight-section .carouslider, .highlight-section .carouslider {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #highlight-section .flex-direction-nav a {
    height: 30px;
  }
  #highlight-section .flex-direction-nav a:before {
    font-size: 30px;
  }
  #highlight-section .slides li {
    background-color: transparent;
    border: 1px solid transparent;
    padding: 20px 0;
    transition: all .3s;
  }
  #highlight-section .slides li:hover {
    background-color: #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    border-color: #eeeeee;
  }
  #highlight-section .slides li:hover .btn {
    border-color: #ccc;
  }
  #highlight-section li .btn {
    font-size: 20px;
    border-width: 0;
    transition: all .3s;
    margin-top: 10px;
  }
  #highlight-section li img {
    padding: 20px;
    box-shadow: 4px 8px 25px rgba(0, 0, 0, 0);
  }
}
@media (max-width: 767px) {
  #highlight-section .flex-control-paging li {
    margin: 4px;
  }
  #highlight-section .flex-control-paging li a {
    height: 8px;
    width: 8px;
  }
  #highlight-section br {
    display: none;
  }
  #highlight-section .btn, #highlight-section .price {
    padding: 0 30px;
    margin: 0;
    font-size: 22px;
    vertical-align: middle;
    line-height: 1em;
  }
  #highlight-section .price {
    margin-top: 10px;
    display: block;
  }
  #highlight-section .flex-control-nav {
    /*bottom: -26px;*/
  }
}
.highlight.article.section {
  width: 100%;
  padding: 0;
  background-size: contain;
  background-color: transparent;
  background-repeat: no-repeat;
  letter-spacing: 0px;
}
@media screen and (min-width: 768px) {
  .highlight.article.section {
    background-size: cover;
  }
}
.highlight.article.section .container-fluid {
  border-bottom: 2px dotted #ccc;
  padding: 75px 0;
}
.highlight.article.section:last-child .container-fluid {
  border-width: 0;
}
.highlight.article.section .featured-item {
  margin: 0 auto;
}
.highlight.article.section .title {
  color: #169ed7;
  font-weight: 100;
  font-size: 30px;
  line-height: 33px;
}
.highlight.article.section .btn-default {
  border-radius: 0;
  padding: 15px 30px;
  margin-top: 5px;
  color: #aaa;
  transition: all .15s;
  font-size: 20px;
}
.highlight.article.section .btn-default:hover {
  background-color: #e01d22;
  color: #fff;
  border-color: #e01d22;
}
.highlight.article.section .panel {
  width: 100%;
  background-color: #fff;
  padding: 0 25px;
  border-radius: 0;
  margin: 0;
  box-shadow: none;
}
.highlight.article.section .panel p {
  color: #666766;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 16px;
  text-align: justify;
}
.highlight.article.section .panel .title {
  margin-bottom: 4px;
  margin-top: 0;
  font-size: 32px;
}
.highlight.article.section .panel .subtitle {
  margin-bottom: 16px;
  margin-top: 0;
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .highlight.article.section .panel {
    padding: 0 20px;
    background-color: rgba(255, 255, 255, 0.95);
    margin: 0;
  }
}
@media screen and (min-width: 992px) {
  .highlight.article.section .panel {
    margin: 0;
  }
}
@media screen and (min-width: 300px) {
  .highlight.article.section {
    height: auto;
  }
}
.highlight.article.section .price {
  font-size: 24px;
}
.highlight.article.section .flex-direction-nav a {
  opacity: 1;
  top: 20%;
}
.highlight.article.section .flex-control-nav {
  bottom: -26px;
  display: none;
}

#contact-and-directions {
  padding: 0;
}
#contact-and-directions .contact-info {
  padding: 29px 0 49px;
}
#contact-and-directions .directions {
  padding: 49px 22px 0;
}
#contact-and-directions .directions form {
  /*margin: -75px 0 125px;*/
  padding: 0;
}
#contact-and-directions .directions form input, #contact-and-directions .directions form .btn {
  width: 100%;
  margin-bottom: 5px;
}
#contact-and-directions .directions form input {
  border-radius: 0;
  height: 60px;
  padding: 10px 12px;
}
#contact-and-directions .directions form .btn {
  box-shadow: 1px 1px 2px #000;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  margin-top: 0;
}

@media (min-width: 768px) {
  #contact-and-directions {
    background-position: center top;
  }
  #contact-and-directions .directions form {
    /*margin: 0;*/
    /*padding-right: 10px;*/
  }
}
@media (max-width: 768px) {
  #contact-and-directions .directions {
    padding: 28px 22px 22px;
  }
}
/* ========================================================== */
/* --------------------->> Pages <<-------------------------- */
/* =====(styles for specific pages of the website)=========== */
/* ========================================================== */
.department-item {
  border: 1px solid #DDDDDD;
  margin: 0 0 15px;
  padding: 30px;
}
.department-item h2 {
  margin-top: 0;
  line-height: 1;
}

ul.dept-hours-list li {
  margin-top: 5px;
  list-style: none;
}
ul.dept-hours-list li span {
  margin-right: 15px;
  font-weight: bold;
}

@media (max-width: 767px) {
  .department-item {
    padding: 15px;
  }
  .department-item h2, .department-item h4 {
    text-align: center;
  }
  .department-item h2 {
    margin-top: 83px;
  }

  ul.dept-hours-list {
    padding: 0;
  }
  ul.dept-hours-list li {
    text-align: center;
  }
  ul.dept-hours-list li span {
    margin-right: 15px;
    font-weight: bold;
  }
}
.coupon {
  position: relative;
  padding: 20px;
  border: 4px dashed #333333;
  margin-bottom: 20px;
}
.coupon .btn-default {
  width: 100%;
  border-radius: 0;
  margin-top: 5px;
}
.coupon img {
  width: 100%;
}
.coupon img.logo {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 150px;
}

/* ===================== Promotional Landing Pages Styles ===================== */
#plp_content {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 20px 30px;
}
#plp_content .btn-simple {
  margin-bottom: 15px;
  border-width: 1px;
}
@media (min-width: 992px) {
  #plp_content .btn-simple {
    padding: 12px 0 13px;
    border-radius: 3px;
  }
}
#plp_content h3 {
  color: #333;
}

#additional-offers h3 {
  color: #333;
}

.plp {
  padding-top: 50px;
  color: #333;
}
.plp .col-sm-12 {
  clear: both;
}
.plp #content {
  margin-top: 0 !important;
}
.plp h3 {
  color: #333333;
}
.plp #header {
  position: static;
  width: 100%;
}
.plp .sub-header {
  text-transform: uppercase;
  font-weight: 200;
  font-size: 21px;
  letter-spacing: -.04em;
  margin: 20px 0;
}
@media (min-width: 768px) {
  .plp .sub-header {
    font-size: 42px;
  }
}
.plp #simpleNav {
  position: absolute;
  top: -1px;
  right: 95px;
  z-index: 9;
  border-radius: 0;
}
.plp #simpleNav li {
  border-radius: 0 !important;
  background-color: #fff;
  transition: all .2s;
  border-color: #e01d22;
}
.plp #simpleNav li a, .plp #simpleNav li .fa {
  color: #e01d22;
  transition: color .2s;
}
.plp #simpleNav li:hover {
  background-color: #e01d22;
}
.plp #simpleNav li:hover a, .plp #simpleNav li:hover .fa {
  color: #fff;
}
.plp #simpleNav .fa {
  font-size: 1.5em;
  margin-right: 4px;
}
.plp #features {
  margin-left: 0;
  margin-bottom: 10px;
  padding: 30px 0;
  border-radius: 3px;
}
.plp .feature {
  display: block;
  max-height: 100px;
  padding: 0 10px;
  width: 80%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .plp .feature {
    padding: 0;
    width: 50%;
  }
}
.plp .navbar-toggle {
  margin-top: 15px;
  margin-right: 30px;
}
@media (min-width: 768px) {
  .plp .navbar-toggle {
    margin-top: 30px;
  }
}
.plp .navbar-toggle .icon-bar {
  background-color: #e01d22;
  border-radius: 4px;
  display: block;
  height: 6px;
  width: 42px;
}
.plp .promotional-item-img {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .plp .promotional-item-img {
    margin: 0 auto 20px;
    width: 100%;
  }
}
.plp form {
  margin: 0;
  clear: both;
}
@media (min-width: 768px) {
  .plp form {
    margin-bottom: 0;
  }
}
.plp form input[type="text"] {
  padding: 20px;
  height: 60px;
  margin-bottom: 10px;
  box-shadow: none;
  border-radius: 0;
}
.plp form input[type="submit"] {
  padding: 20px;
  width: 100%;
  border-radius: 0;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #fff;
  transition: all .2s;
}
.plp form input[type="submit"]:hover {
  background-position: 0 0;
  box-shadow: none;
}
.plp .location h4 {
  color: #e01d22;
  font-weight: 800;
  text-transform: uppercase;
}
.plp .location h4, .plp .location h5 {
  margin: 0 0 5px;
}
.plp .poweredby {
  border-top: 1px solid #ddd;
  margin: 10px auto 0;
  padding-top: 5px;
  width: 250px;
}
.plp .nav-pills {
  padding: 25px 0 20px;
  border-width: 1px 0;
}
.plp .nav-pills a {
  border: 1px solid #dfdfdf;
  transition: all .2s;
  color: #169ed7;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 2px;
}
.plp .nav-pills a:hover {
  background-color: #169ed7;
  border-color: #169ed7;
  color: #fff;
}
.plp .nav-pills #links-list-label a, .plp .nav-pills #links-list-label:hover a {
  border-color: transparent;
  cursor: default;
  background-color: transparent;
  color: #169ed7;
}
.plp .btn-150coupon, .plp .btn-simple {
  text-transform: uppercase;
  background-image: none;
  transition: all .2s;
  white-space: inherit;
}
@media (max-width: 768px) {
  .plp .btn-150coupon, .plp .btn-simple {
    padding: 10px 60px;
  }
}
.plp .btn-150coupon:hover, .plp .btn-simple:hover {
  box-shadow: none;
}
.plp .btn-150coupon {
  background-color: #69B932;
  border-color: #69B932;
  color: #fff;
}
.plp .btn-150coupon:hover {
  background-color: #75ca3b;
  border-color: #69B932;
  color: #fff;
}
@media (max-width: 768px) {
  .plp .btn-150coupon {
    margin: 15px 0 20px;
  }
}
.plp .btn-simple {
  background-color: #fefefe;
  border-color: #888;
  color: #333;
  border-width: 1px;
}
.plp .btn-simple:hover {
  border-color: #e01d22;
  background-color: #e01d22;
  color: #fff;
}
.plp .plp-pricing.last {
  border-width: 0;
}
@media (max-width: 768px) {
  .plp .coupon150-graphic {
    display: none;
  }
}
@media (max-width: 992px) {
  .plp .coupon150-graphic {
    margin: 15px 0;
  }
}

.plp-info {
  text-align: center;
  margin-top: 0;
  overflow: hidden;
}
.plp-info h2 {
  text-transform: uppercase;
  margin: 0;
  letter-spacing: -.04em;
  text-align: left;
  color: #e01d22;
}
.plp-info h2.plp-model {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.plp-info h3 {
  margin: 10px 0px;
  padding-bottom: 10px;
  font-weight: 700;
  text-align: left;
  border-bottom: 1px solid #eeeeee;
  color: #333;
}
.plp-info h3 strong {
  font-size: 1.2em;
  letter-spacing: -.05em;
  line-height: 1;
}
.plp-info ul {
  margin-top: 20px;
  padding-left: 0;
}
.plp-info ul li {
  list-style: none;
  font-size: 1.5em;
  color: #999;
}
.plp-info ul li span {
  font-weight: 700;
  color: #666;
}
.plp-info .btn-simple {
  font-size: 14px;
  border-color: #888;
}
.plp-info .well {
  background-color: #fff;
  border-radius: 0;
  border: 1px solid #eeeeee;
  margin-top: 15px;
  box-shadow: none;
}
.plp-info .circle {
  border-radius: 100px;
  padding-top: 10px;
  text-align: center;
  border: 1px solid #ccc;
  width: 45px;
  height: 45px;
  display: inline-block;
  font-size: 20px;
  color: #555;
  background-color: #fafafa;
  position: relative;
  top: -5px;
}
.plp-info .plp-details {
  font-size: 13px;
  line-height: 24px;
  text-align: left;
  color: #666;
  margin: 8px 0 16px;
}

.plp-disclaimer-container {
  margin: 50px 0 30px;
  border-top: 2px dotted #ccc;
  border-bottom: 2px dotted #ccc;
  padding: 25px;
  color: #999;
  font-size: 14px;
  clear: both;
}
@media (min-width: 768px) and (max-width: 991px) {
  .plp-disclaimer-container {
    margin: 50px -30px;
  }
}

.plp-disclaimer {
  font-size: 12px;
  line-height: 14px;
}

/* ===================================================== */
/* ============= PLP List item Styles ================== */
/* ===================================================== */
.plp_list-item {
  background-color: #fff;
  border: 1px solid #eee;
  padding: 30px 20px;
  margin: 0 15px;
}

.plp-info h2 {
  color: #169ed7;
}
.plp-info h2.plp-make {
  font-size: 2em;
  font-weight: 200;
}
.plp-info h2.plp-model {
  font-size: 3.6em;
}
.plp-info h3 {
  font-weight: 300;
  font-size: 1.3em;
}
@media (max-width: 768px) {
  .plp-info h3.plp-pricing br {
    display: none;
  }
}
.plp-info h3 strong {
  font-size: 1.1em;
}
@media (min-width: 768px) {
  .plp-info h3, .plp-info h3 strong {
    font-size: 1.4em;
  }
}
@media (min-width: 992px) {
  .plp-info h3, .plp-info h3 strong {
    font-size: 1.6em;
  }
}

.plp-details .nav-pills {
  margin: 0 0 10px;
  padding: 0;
}
.plp-details .nav-pills li a {
  background-color: transparent;
  border-color: transparent;
  text-transform: lowercase;
  font-size: 12px;
  color: #666;
}
.plp-details .nav-pills li.active a, .plp-details .nav-pills li.focus a, .plp-details .nav-pills li.visited a {
  border-width: 1px;
  border-color: #ddd;
  background-color: transparent;
  color: #666;
}
.plp-details .nav-pills li.active.collapsed, .plp-details .nav-pills li.focus.collapsed, .plp-details .nav-pills li.visited.collapsed {
  background-color: transparent;
  color: #666;
  border-color: #eee;
}
.plp-details .nav-pills li.hover a {
  border-width: 1px !important;
  border-color: #ddd !important;
  background-color: #ddd !important;
  color: #666 !important;
}
.plp-details .list-group-item {
  border-width: 1px 0 0;
  margin-bottom: 0;
  padding: 0;
}
.plp-details .list-group-item .list-item-heading {
  padding: 10px 0;
}
.plp-details .list-group-item a {
  color: #666;
  font-size: 13px;
  font-weight: 600;
}
.plp-details table td {
  padding: 13px 15px !important;
  text-transform: capitalize;
}
.plp-details table#finance_options td {
  padding-left: 0 !important;
  font-weight: 600;
  text-transform: uppercase;
}

#inventory-list {
  margin-top: 30px;
}

.current-incentive-item {
  margin: 15px 0;
  padding: 30px;
}
.current-incentive-item h3.plp-pricing {
  color: #333;
  font-size: 20px;
}
@media (min-width: 768px) {
  .current-incentive-item h3.plp-pricing {
    font-size: 32px;
  }
}
.current-incentive-item h3.plp-pricing strong {
  font-size: 1.3em;
  font-weight: 600;
}
.current-incentive-item .plp-info {
  padding-left: 0;
}
.current-incentive-item .plp-info ul li span {
  font-weight: 300;
  color: #fff;
  background-color: #aaa;
}
.current-incentive-item .plp-info ul li.active span {
  background-color: #169ed7;
  color: #fff;
  font-weight: 700;
}
.current-incentive-item .plp-details .nav-pills li a {
  font-size: 15px;
  text-transform: uppercase;
  padding-left: 0;
  transition: color .3s;
}
.current-incentive-item .plp-details .nav-pills li a:hover {
  color: #169ed7;
}
.current-incentive-item #back_to_incentives {
  position: absolute;
  right: -31px;
  top: 54px;
  border-radius: 0 3px 3px 0;
  transition: position .3s;
}
@media (min-width: 768px) {
  .current-incentive-item #back_to_incentives {
    top: 32px;
    right: -37px;
  }
}
@media (min-width: 992px) {
  .current-incentive-item #back_to_incentives {
    top: 25px;
    right: -31px;
  }
}
.current-incentive-item.list-item h2 {
  font-size: 1.6em;
  text-align: center;
  display: block;
  height: 34px;
  line-height: .9em;
}
.current-incentive-item.list-item .btn {
  background-color: #fff;
  background-image: none;
  border: 1px solid #aaa;
  color: #666;
  padding: 10px;
  margin-top: 10px;
  transition: all .3s;
}
.current-incentive-item.list-item .btn:hover {
  background-color: #e01d22;
  border-color: #e01d22;
  color: #fff;
}

.offers_0 {
  display: none !important;
}

/* ====================================== Promo Code / Monthly Campaign============================================== */
#monthly-campaign {
  background-color: #FFF;
  display: block;
  margin: 20px 0;
  width: 100%;
  padding: 0;
}
#monthly-campaign .section-item-secondary {
  padding: 0 0 0 10px;
}
#monthly-campaign .section-item-secondary .section-item-form {
  clear: none;
}
#monthly-campaign .section-item-secondary .section-item-form h3 {
  font-size: 18px;
  color: #000;
}
#monthly-campaign .section-item-secondary .section-item-form p {
  font-size: 12px;
  color: #000;
}
#monthly-campaign .section-item-primary {
  text-align: left;
  padding: 0 10px 0 0;
}
#monthly-campaign .section-item-primary h1 {
  font-size: 65px;
  color: #e01d22;
  text-transform: uppercase;
  letter-spacing: -3px;
  font-weight: bold;
  margin: 0;
}
#monthly-campaign .section-item-primary h2 {
  font-size: 36px;
  color: #169ed7;
  text-transform: uppercase;
  letter-spacing: -2px;
  font-weight: bold;
  margin: 0 0 20px 0;
}
#monthly-campaign .section-item-primary h3 {
  font-size: 60px;
  font-weight: bold;
  letter-spacing: -2px;
  color: #e01d22;
  text-align: left;
  margin-top: 24px;
  border-top: 1px solid #ccc;
  padding-top: 20px;
}
#monthly-campaign .section-item-primary h3 span {
  font-size: 54px;
  margin-left: 10px;
}
#monthly-campaign .section-item-primary p {
  font-size: 16px;
  color: #000;
  line-height: 1.6;
  text-align: justify;
}

/* ============== reasons to buy section ============== */
.campaign-info {
  width: 100%;
  margin-bottom: 15px;
  padding: 0;
}
.campaign-info h3 {
  font-size: 51px;
  font-weight: bold;
  text-transform: uppercase;
  color: #333333 !important;
  padding: 0;
  letter-spacing: -1px;
  text-align: center;
}
.campaign-info h4 {
  text-align: center;
  font-size: 24px;
  margin-top: 0;
  font-weight: bold;
}
.campaign-info p {
  min-height: 245px;
  text-align: justify;
}
.campaign-info .info-item {
  padding: 20px;
  margin-bottom: 20px;
  min-height: 200px;
}
.campaign-info .info-item img {
  display: block;
  margin: 0 auto;
  width: auto !important;
  margin-bottom: 20px;
}
.campaign-info .info-item .btn-default {
  background-color: #FFFFFF;
  border-color: #CCCCCC;
  color: #888888;
  margin: 0 auto;
  width: 100%;
  padding: 16px;
  font-size: 18px;
  border-radius: 0;
}
.campaign-info .info-item .btn-default:hover {
  border: 1px solid #888888;
}

/* ============== disclaimer ============== */
.promo-disclaimer {
  border-top: 1px dashed #CCCCCC;
  clear: both;
  padding: 0;
  margin-top: 30px;
}
.promo-disclaimer p {
  font-size: 12px;
  color: #999;
}
.promo-disclaimer h4 {
  color: #999;
  text-align: left;
  margin-top: 20px;
}

/* ============== form elements ============== */
#promo-code fieldset {
  margin: 0 auto;
  padding: 0 5px 0 11px;
  /*width:420px;*/
  border: 0px;
  background: transparent;
}
#promo-code fieldset .btn-default {
  padding: 20px 16px;
  height: auto;
}
#promo-code fieldset h3, #promo-code fieldset p {
  clear: both;
}
#promo-code fieldset h3 {
  padding-top: 10px;
}
#promo-code fieldset p {
  margin-top: 10px;
}
#promo-code fieldset input, #promo-code fieldset label, #promo-code fieldset select, #promo-code fieldset textarea {
  padding: 17px 16px;
  height: auto;
  border-radius: 0;
}

/* ================= Promo Code Alert ================= */
#promocodeForm-alert {
  background: url("https://s3.amazonaws.com/jackschmittford/promocode/promo-ohno.jpg") no-repeat scroll 0 0 transparent;
  height: 164px;
  width: 242px;
  position: fixed;
  top: 100px;
  right: 100px;
  z-index: 1000;
}
#promocodeForm-alert a {
  background-color: #e01d22;
  height: 27px;
  width: 100px;
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 10px;
  padding-top: 6px;
  padding-left: 11px;
  color: #ffffff;
}
#promocodeForm-alert #promocodeForm-alert-close {
  background-color: #575757;
  width: 100px;
  height: 27px;
  position: absolute;
  bottom: 15px;
  font-size: 10px;
  color: #ffffff;
  padding-left: 23px;
  left: 127px;
  padding-top: 6px;
}

.promocodeForm-savings .promocodeForm-savings-expiry-warning {
  display: block;
}

/* ============== device specific ============== */
@media (max-width: 767px) {
  #monthly-campaign .section-item-primary {
    padding: 0;
  }
  #monthly-campaign .section-item-primary h1 {
    font-size: 72px;
  }
  #monthly-campaign .section-item-primary h2 {
    font-size: 36px;
  }
  #monthly-campaign .section-item-primary h3 {
    display: none;
  }
  #monthly-campaign .section-item-secondary {
    padding: 0;
  }
  #monthly-campaign .section-item-secondary .section-item-graphic img {
    margin-top: 20px;
  }

  .campaign-info h3 {
    font-size: 42px;
  }
}
@media (max-width: 480px) {
  #monthly-campaign .section-item-primary h1 {
    font-size: 38px;
    letter-spacing: 0px;
  }
  #monthly-campaign .section-item-primary h2 {
    font-size: 21px;
    letter-spacing: 0px;
  }

  .campaign-info h3 {
    font-size: 30px;
  }
}
/* ====================================== Sales Event Landing Page ============================================== */
.event-divideitem {
  text-align: center;
  padding-top: 50px;
  border-top: 1px solid #ccc;
  margin-top: 50px;
}
.event-divideitem h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 36px;
  margin: 0 0 30px 0;
}
.event-divideitem h4 {
  color: #e01d22;
  font-size: 24px;
}

.event-item, .event-item-horz {
  text-align: center;
  border-right: 1px dotted #ccc;
  margin: 20px 0;
}
.event-item h2, .event-item-horz h2 {
  margin-bottom: 20px;
  font-weight: bold;
  margin-top: 0;
}
.event-item h3, .event-item-horz h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0px;
  text-transform: none;
}
.event-item h4, .event-item-horz h4 {
  font-size: 16px;
}
.event-item h4 span, .event-item-horz h4 span {
  font-weight: 900;
}
.event-item h4 span.mo-payment, .event-item-horz h4 span.mo-payment {
  font-size: 60px;
}
.event-item h4 span.cash-due, .event-item-horz h4 span.cash-due {
  font-size: 48px;
}
.event-item p, .event-item-horz p {
  font-size: 10px;
}
.event-item .item-info, .event-item-horz .item-info {
  text-align: left;
}
.event-item a, .event-item-horz a {
  margin-bottom: 20px;
}

.event-item:last-child {
  border-right: none;
}

.event-item-horz {
  padding: 60px 0;
  border-right: none;
  text-align: left;
  border-bottom: 1px dotted #ccc;
}
.event-item-horz h3 {
  margin-top: 0;
  font-size: 36px;
}
.event-item-horz h4 {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
.event-item-horz h4 span.mo-payment {
  font-size: 72px;
}
.event-item-horz h4 span.cash-due {
  font-size: 60px;
}
.event-item-horz h5 {
  font-size: 18px;
  margin: 0;
}
.event-item-horz p {
  font-size: 16px;
}
.event-item-horz .tag {
  margin-bottom: 20px;
}
.event-item-horz .fa-tag {
  font-size: 96px;
  margin-right: 20px;
  color: #e01d22;
}

.event-intro {
  text-align: center;
}
.event-intro h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 0;
}
.event-intro .fa-tag {
  font-size: 36px;
  color: #e01d22;
}
.event-intro .icon-circle {
  width: 60px;
  height: 60px;
  padding-top: 8px;
  background: #fff;
  border: 2px solid #e01d22;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 40px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  margin: 0 auto 8px;
}

.event-info {
  text-align: left;
}
.event-info h3 {
  font-size: 32px;
  margin-top: 20px;
  text-transform: uppercase;
}
.event-info h4 {
  font-size: 24px;
}
.event-info p {
  font-size: 18px;
}

.event-form {
  text-align: center;
  margin-bottom: 20px;
}
.event-form h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 36px;
  margin-top: 0;
}
.event-form h4 {
  font-size: 24px;
}

.event-deals {
  text-align: center;
}
.event-deals h3 {
  font-size: 36px;
  font-weight: bold;
}

.btn-event {
  background-color: #f1b923;
  color: #333;
}

.btn-event:hover, .btn-event:active, .btn-event:focus {
  background-color: #F0AD00;
}

.separator {
  display: block;
  width: 60px;
  height: 5px;
  margin: 15px auto 15px;
  background-color: #cccccc;
  position: relative;
  border: 1px solid #cccccc;
}

/* ==== Device Specific ====*/
@media (max-width: 767px) {
  .event-deals h3 {
    font-size: 24px;
  }
  .event-deals h4 {
    font-size: 16px;
  }

  .event-info h3 {
    font-size: 27px;
  }

  .event-intro h3, .event-divideitem h3, .event-item h3 {
    font-size: 24px;
  }

  .event-item {
    border-right: none;
  }
  .event-item p {
    font-size: 12px;
  }

  .event-item-horz {
    text-align: center;
  }
  .event-item-horz h3 {
    font-size: 30px;
  }
  .event-item-horz h4 {
    font-size: 30px;
  }
  .event-item-horz h4 span.mo-payment {
    font-size: 60px;
  }
  .event-item-horz img {
    margin-bottom: 20px;
  }
  .event-item-horz .fa-tag {
    display: none;
    font-size: 36px;
  }
}
/* Shareed styles */
.inventory #page-title {
  margin-left: 7.5px;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 20px;
}

.srp-grid-item .thumbnail, .vdp .thumbnail {
  border-radius: 0;
  margin: 7.5px;
  padding: 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: all .2s;
}
.srp-grid-item .thumbnail:hover, .vdp .thumbnail:hover {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.srp-grid-item .thumbnail .caption, .vdp .thumbnail .caption {
  padding: 0 9px 9px;
}
.srp-grid-item .details, .vdp .details {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.srp-grid-item .details h3, .vdp .details h3 {
  margin: 0 -25px 4px;
  text-align: center;
  font-size: 14px;
  font-weight: 200;
  text-transform: uppercase;
  color: #333;
  border: 1px solid #f3f3f3;
  border-width: 1px 0 0;
  padding: 10px 0 0;
}
.srp-grid-item .details h3 a, .vdp .details h3 a {
  color: inherit;
}
.srp-grid-item .details span, .vdp .details span {
  font-size: 12px;
  font-weight: 100;
  color: #aaa;
}
.srp-grid-item .details span.badge, .vdp .details span.badge {
  background-color: transparent;
  color: #aaa;
  border: 1px solid #ddd;
}
.srp-grid-item .details span.pipe, .vdp .details span.pipe {
  color: #aaa;
}
.without-badge .srp-grid-item .details span.badge, .without-badge .vdp .details span.badge {
  border-width: 0;
}
.srp-grid-item .details .without-badge .badge, .vdp .details .without-badge .badge {
  border-width: 0;
  padding: 0;
}
.srp-grid-item .details .with-badge .pipe, .vdp .details .with-badge .pipe {
  visibility: hidden;
}
.srp-grid-item .inv-pricing, .vdp .inv-pricing {
  font-weight: 200;
}
.srp-grid-item .inv-pricing .inv-lowprice, .srp-grid-item .inv-pricing .inv-savings, .srp-grid-item .inv-pricing .inv-highprice, .vdp .inv-pricing .inv-lowprice, .vdp .inv-pricing .inv-savings, .vdp .inv-pricing .inv-highprice {
  font-weight: inherit;
}
.srp-grid-item .inv-pricing .inv-lowprice span, .srp-grid-item .inv-pricing .inv-savings span, .srp-grid-item .inv-pricing .inv-highprice span, .vdp .inv-pricing .inv-lowprice span, .vdp .inv-pricing .inv-savings span, .vdp .inv-pricing .inv-highprice span {
  float: right;
}
.srp-grid-item .inv-pricing .inv-lowprice, .srp-grid-item .inv-pricing .inv-savings, .vdp .inv-pricing .inv-lowprice, .vdp .inv-pricing .inv-savings {
  font-size: 16px;
  text-transform: uppercase;
  color: #169ed7;
  letter-spacing: -.03em;
}
.srp-grid-item .inv-pricing .inv-highprice, .vdp .inv-pricing .inv-highprice {
  font-size: 12px;
  color: #888;
  font-weight: 100;
  letter-spacing: -.02em;
}
.srp-grid-item .inv-pricing .inv-savings, .vdp .inv-pricing .inv-savings {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #d37f81;
}
.srp-grid-item .inv-pricing .days-left, .vdp .inv-pricing .days-left {
  display: none;
}
.srp-grid-item .inv-pricing .promocodeForm-savings span.promocodeForm-savings-amount, .vdp .inv-pricing .promocodeForm-savings span.promocodeForm-savings-amount {
  float: right;
}

.digital-retail-pending-sale {
  overflow: hidden;
  height: 85px;
  width: 157px;
  position: absolute;
  bottom: -110px;
  left: -48px;
}
.digital-retail-pending-sale span {
  background-color: #fab500;
  color: #fff !important;
  padding: 10px 0;
  transform: rotateZ(-28deg);
  text-transform: uppercase;
  text-align: center;
  width: 148%;
  display: block;
  margin: 12px 0 0 -63px;
}

/* vdp styles */
/* ============================================= */
/* ========== navbar variations ================ */
/* ============================================= */
/* ============================================= */
@media (max-width: 992px) {
  .detail-page #navbarLiveSearch {
    display: none;
  }
}
.detail-page .btn-invsearch {
  display: none !important;
}
.detail-page #secondary-container {
  display: none;
}
.detail-page #primary-container {
  width: 100% !important;
  left: 0;
}
.detail-page #content-inner {
  max-width: 100%;
}
.detail-page #page-title {
  display: none;
}
.detail-page #primary-content {
  background-color: transparent;
  border-width: 0;
  padding: 0;
}
.detail-page .information.price-information h2 {
  color: #169ed7;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: -0.03em;
}
.detail-page .low-price-wrapper span {
  font-size: 42px;
  font-weight: normal;
  letter-spacing: -0.05em;
  line-height: 42px;
}
.detail-page .details-menu {
  border: 1px solid #ccc;
  border-width: 1px 1px 0;
  background-color: #fff;
}
.detail-page .details-menu li.active, .detail-page .details-menu li:active, .detail-page .details-menu li:focus {
  color: #e01d22;
}
.detail-page .details-menu li.active a, .detail-page .details-menu li:active a, .detail-page .details-menu li:focus a {
  color: inherit;
}
.detail-page .details-menu li:hover a {
  border-radius: 0;
}
.detail-page .details-menu a {
  color: #333333;
}

.vdp #vdp-header {
  transition: top .4s;
  top: 171px;
  position: fixed;
  width: 100%;
  z-index: 3;
  background-color: #fff;
  left: 0;
  border-bottom: 1px solid #eee;
}
.vdp #vdp-header.navbar-fixed-top {
  top: 0;
  z-index: 4;
}
.vdp #vdp-header.navbar-fixed-top #vehicle-image-thumbnail {
  margin-left: -15px;
}
.vdp #vdp-header .inv-savings span.vs-kbb {
  color: #aaa;
  font-weight: 200;
  font-size: 15px;
  text-align: left;
  display: inline;
}
.vdp #vdp-header .inv-title {
  white-space: pre;
}
.vdp #vdp-header h3 {
  margin-bottom: 0;
}
.vdp #vdp-header span {
  font-size: 14px;
  color: #888;
  display: block;
}
.vdp #vdp-header span.promocodeForm-savings-title, .vdp #vdp-header span.promocodeForm-savings-amount {
  display: inline-block;
}
.vdp #vdp-header .digital-retail-pending-sale {
  bottom: -86px;
  left: -1px;
}
.vdp .inv-savings span.vs-kbb {
  color: #aaa;
  font-weight: 200;
  font-size: 15px;
  text-align: left;
  display: inline;
  margin-left: 4px;
  text-transform: none;
  white-space: pre;
}
@media (max-width: 1200px) {
  .vdp .inv-savings span.vs-kbb {
    position: relative;
    top: -20px;
  }
}
.vdp .visible-xs .digital-retail-pending-sale {
  z-index: 1;
  top: 1px;
  left: 1px;
  width: 162px;
}
.vdp .visible-xs .digital-retail-pending-sale span {
  margin-left: -77px;
  padding-left: 11px;
  font-size: 12px;
}
.vdp #header-pricing {
  padding: 15px 20px 15px 0;
  text-align: center;
}
.vdp #header-pricing .inv-lowprice, .vdp #header-pricing .inv-savings {
  font-size: 14px;
  color: #555;
  font-weight: 100;
}
.vdp #header-pricing .inv-lowprice span, .vdp #header-pricing .inv-savings span {
  font-size: 28px;
  color: #169ed7;
  font-weight: 600;
  letter-spacing: -.03em;
}
.vdp #header-pricing .btn-purchase {
  background-color: #5BCC77;
  border-color: #5BCC77;
  line-height: 1;
  padding: 21px 0;
}
.vdp #header-pricing .vdpheader-buttons {
  padding: 0;
}
.vdp #header-pricing .vdpheader-buttons .btn-eprice {
  font-size: 11px;
  text-align: center;
  padding: 13px 7px;
  line-height: 1.2;
}
.vdp #header-pricing .vdpheader-buttons .btn-usedeprice {
  font-size: 12px;
  text-align: center;
  padding: 24px 7px;
  line-height: 1.2;
}
.vdp #header-pricing .inv-lowprice {
  line-height: 22px;
}
.vdp #header-pricing .inv-highprice {
  font-size: 12px;
  font-weight: 300;
  color: #888;
  margin-top: 7px;
}
.vdp #header-pricing .inv-highprice span {
  display: inline;
  color: #888;
}
.vdp #header-pricing .inv-savings {
  border-left: 1px solid #ccc;
  padding-left: 15px;
}
.vdp #header-pricing .days-left {
  display: none;
}
.vdp #vehicle-image-thumbnail {
  margin-left: -500px;
  transition: margin-left .3s;
  width: 180px;
}
.vdp .inv-image img {
  width: auto;
  margin: 0 auto;
  display: block;
}
.vdp .thumbnail {
  margin: 30px 0 0;
  padding-bottom: 0;
}
.vdp .thumbnail:hover {
  cursor: default;
  box-shadow: none;
}
.vdp .thumbnail#inv-image-wrapper {
  margin-top: 0;
  padding-bottom: 58px;
  position: relative;
}
@media (min-width: 768px) {
  .vdp .thumbnail#inv-image-wrapper {
    margin-top: 110px;
  }
}
.vdp .section-header > span {
  padding: 50px 20px;
  background-image: linear-gradient(90deg, #169ed7, #169ed7, rgba(22, 158, 215, 0.3));
  color: #fff;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 50px;
  letter-spacing: -.03em;
  margin: -2px -1px 0 -1px;
  display: block;
}
.vdp #vehicle-details-btn-group {
  position: absolute;
  top: 100%;
  height: 58px;
  width: auto;
  z-index: 3;
  left: 0;
  margin: -58px -1px 0;
}
.vdp #vehicle-details-btn-group.navbar-fixed-top {
  position: fixed;
  top: 171px;
}
.vdp #vehicle-details-btn-group ul {
  margin-bottom: 0;
  padding: 0;
}
.vdp #vehicle-details-btn-group .btn:hover {
  box-shadow: none;
  background-color: #1283b2;
}
.vdp #photos {
  padding-bottom: 0;
}
.vdp #photos-section {
  margin-top: 20px;
}
.vdp #photos-section img {
  margin-bottom: 15px;
}
.vdp .section h3.section-header, .vdp #photos h3.section-header, .vdp #reviews h3.section-header, .vdp #purchase-info h3.section-header, .vdp #details h3.section-header, .vdp #request-more-info h3.section-header {
  background-image: url("https://s3.amazonaws.com/jackschmittford/inventory/vdps/fiesta_1.jpg");
  background-position: right;
  background-size: 50%;
  margin-top: 0;
}
.vdp .section .coming-soon, .vdp #photos .coming-soon, .vdp #reviews .coming-soon, .vdp #purchase-info .coming-soon, .vdp #details .coming-soon, .vdp #request-more-info .coming-soon {
  margin: 0 auto;
  float: none;
  background-color: #f9f9f9;
  padding: 20px 35px 35px;
  border: 1px solid #ddd;
}
.vdp .section .coming-soon h2, .vdp #photos .coming-soon h2, .vdp #reviews .coming-soon h2, .vdp #purchase-info .coming-soon h2, .vdp #details .coming-soon h2, .vdp #request-more-info .coming-soon h2 {
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.vdp .section.partial-collapse {
  max-height: 895px;
  overflow: hidden;
  transition: max-height .2s;
  position: relative;
}
.vdp .section.partial-collapse .btn.toggle {
  position: absolute;
  bottom: 0;
  right: 30px;
  border-radius: 3px 3px 0 0;
  border-width: 1px 1px 0;
  background-color: #5BCC77;
  color: #fff;
  padding: 10px 20px;
  font-size: 16px;
}
.vdp .section.partial-collapse .btn.toggle:hover {
  color: #fff;
}
.vdp .section.partial-collapse .btn.toggle span.more {
  display: block;
}
.vdp .section.partial-collapse .btn.toggle span.less {
  display: none;
}
.vdp .section.partial-collapse.open {
  max-height: 3000px;
  padding-bottom: 35px;
}
.vdp .section.partial-collapse.open .btn.toggle span.more {
  display: none;
}
.vdp .section.partial-collapse.open .btn.toggle span.less {
  display: block;
}
.vdp #reviews h3.section-header {
  background-image: url("https://s3.amazonaws.com/jackschmittford/inventory/vdps/header-reviews.jpg");
}
.vdp #purchase-info h3.section-header {
  background-image: url("https://s3.amazonaws.com/jackschmittford/inventory/vdps/header-purchaseinfo.jpg");
}
.vdp #details h3.section-header {
  background-image: url("https://s3.amazonaws.com/jackschmittford/inventory/vdps/header-details.jpg");
}
.vdp #request-more-info h3.section-header {
  background-image: url("https://s3.amazonaws.com/jackschmittford/inventory/vdps/header-requestinfo.jpg");
}
.vdp .section-content {
  min-height: 400px;
  padding: 20px;
}
.vdp #reviews #dr-mainContainer {
  max-width: none;
  margin: 0;
}
.vdp #reviews #dr-innerContainer {
  max-width: none;
  margin: 0;
  font-size: 14px;
  background: #fff;
  border: 0px solid #ccc;
  padding: 20px 5px;
}
.vdp #reviews .dr-single-review {
  padding: 20px;
  border-bottom: 1px solid #ccc;
  width: 100%;
  float: left;
  border: 1px solid #ddd;
  margin: 0 0 10px;
  background-color: #fafafa;
}
@media (min-width: 992px) {
  .vdp #reviews .dr-single-review {
    width: 48%;
    margin: 1%;
    min-height: 415px;
  }
}
@media (min-width: 1400px) {
  .vdp #reviews .dr-single-review {
    width: 32%;
    margin: .66%;
    min-height: 450px;
  }
}
.vdp #reviews #drOSLogo {
  text-align: left !important;
  float: left !important;
}
.vdp .flex-direction-nav a {
  opacity: 1 !important;
  color: #333;
}
.vdp .disclaimer {
  padding: 35px;
}
.vdp .disclaimer h3 {
  margin-top: 0;
}

#details-section #additional-details-accordion.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
}
#details-section #additional-details-accordion .panel-default > .panel-heading {
  color: #333;
  background-color: #fff;
  border-radius: 0;
}
#details-section table {
  border: 1px solid #ddd;
  font-size: 18px;
}
#details-section table th, #details-section table td {
  padding: 14px;
}
#details-section hr {
  border-color: #ddd;
}
#details-section .calltext {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  margin-top: 20px;
  padding: 20px;
}
#details-section .calltext h2 {
  margin: 0 0 20px 0;
  color: #333;
  text-align: center;
}

#contact-dealer-vdp input[type="text"], #contact-dealer-vdp textarea {
  margin-bottom: 15px;
  height: 44px;
}

/* =============================== Device specific ===================== */
@media (max-width: 768px) {
  .vdp .section-header span {
    background-color: #169ed7;
    font-size: 30px;
    padding: 30px 20px;
  }
  .vdp .section h3.section-header, .vdp #photos h3.section-header, .vdp #reviews h3.section-header, .vdp #purchase-info h3.section-header, .vdp #details h3.section-header, .vdp #request-more-info h3.section-header {
    background-image: none;
  }
  .vdp .section .coming-soon h2, .vdp #photos .coming-soon h2, .vdp #reviews .coming-soon h2, .vdp #purchase-info .coming-soon h2, .vdp #details .coming-soon h2, .vdp #request-more-info .coming-soon h2 {
    font-size: 16px;
  }
}
/* srp styles */
.srp-grid-item .vs-kbb {
  display: none;
}

@media (min-width: 768px) {
  #invsort {
    margin-top: 20px;
    margin-right: 7.5px;
    float: right;
    font-size: 12px;
  }
  #invsort span, #invsort button {
    font-size: inherit;
  }
}
#invsort .dropdown-menu {
  left: 69px;
  min-width: 0;
  z-index: 1;
}
#invsort .dropdown-menu > li > a {
  padding: 3px 6px;
  width: 93px;
}
#invsort .btn {
  border-radius: 0;
}
#invsort .btn-group > .btn:hover, #invsort .btn-group-vertical > .btn:hover, #invsort .btn-group > .btn:focus, #invsort .btn-group-vertical > .btn:focus, #invsort .btn-group > .btn:active, #invsort .btn-group-vertical > .btn:active, #invsort .btn-group > .btn.active, #invsort .btn-group-vertical > .btn.active {
  z-index: 1;
}
#invsort li:last-child {
  display: none;
}
#invsort li, #invsort span {
  float: left;
  padding: 0.5em;
  list-style-type: none;
}
#invsort li a:hover {
  background: url("https://s3.amazonaws.com//images/triangles-up.png") no-repeat right center transparent;
  padding-right: 16px;
  background-color: rgba(234, 234, 234, 0.5);
}
#invsort .activeasc a {
  background: url("https://s3.amazonaws.com//images/triangles-down.png") no-repeat right center transparent;
  padding-right: 16px;
}
#invsort .activeasc a:hover {
  background: url("https://s3.amazonaws.com//images/triangles-up.png") no-repeat right center transparent;
  padding-right: 16px;
  background-color: rgba(234, 234, 234, 0.5);
}
#invsort .activedesc a {
  background: url("https://s3.amazonaws.com//images/triangles-up.png") no-repeat right center transparent;
  padding-right: 16px;
}
#invsort .activedesc a:hover {
  background: url("https://s3.amazonaws.com//images/triangles-down.png") no-repeat right center transparent;
  padding-right: 16px;
  background-color: rgba(234, 234, 234, 0.5);
}

.invpages {
  clear: left;
  margin: 0 7.5px 10px;
}
.invpages a {
  padding: 10px 20px;
  border: 1px solid #ccc;
  border-width: 1px 1px 1px 0;
  color: inherit;
  transition: all .3s;
  float: left;
}
.invpages a:first-child {
  border-width: 1px;
}
.invpages a:hover {
  background-color: #eee;
}
.invpages a .active {
  color: #169ed7;
  font-weight: bold;
}

.invtotalselect input, .invtotalselect select {
  border: 1px solid #ccc;
  border-radius: 0;
  color: inherit;
  float: left;
  height: 40px;
  padding: 10px;
  width: 80px;
}
.invtotalselect input {
  background-color: #169ed7;
  color: #fff;
  border-color: #1283b2;
  transition: all .3s;
}
.invtotalselect input:hover {
  background-color: #2cb2e9;
  border-color: #169ed7;
}
.invtotalselect input[type="submit"] {
  display: none;
}

.invtotalselect, .invtotalvehicles {
  float: right;
  margin-left: 5px;
}

.invpagetotal {
  float: left;
  margin-left: 5px;
}

.invtotalvehicles, .invpagetotal {
  margin-top: 8px;
}

.btn-invsearch {
  border-radius: 0;
  margin-top: 15px;
  font-size: 14px;
  color: #888;
  text-transform: uppercase;
  z-index: 9;
}
.btn-invsearch:hover {
  background-color: #169ed7;
  color: #fff;
}

/* ========================================================== */
/* --------------------->> Add Ons <<------------------------ */
/* =====(styles for customization of add on modules)========= */
/* ========================================================== */
.torch-glp-geo-section .coupon {
  width: 48%;
  float: left;
  margin-right: 2%;
  position: relative;
}
.torch-glp-geo-section .coupon h2 {
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.torch-glp-geo-section .coupon h3 {
  font-size: 14px;
}
.torch-glp-geo-section .coupon .section-alpha {
  height: 120px;
}
.torch-glp-geo-section .coupon .section-alpha,
.torch-glp-geo-section .coupon .section-beta {
  display: block;
  float: none;
  width: 100%;
}
.torch-glp-geo-section .coupon .section-alpha p, .torch-glp-geo-section .coupon .section-alpha ul,
.torch-glp-geo-section .coupon .section-beta p,
.torch-glp-geo-section .coupon .section-beta ul {
  display: none;
}
.torch-glp-geo-section .coupon:nth-child(n+3) {
  display: none;
}
.torch-glp-geo-section .coupon .btn-default {
  text-align: center !important;
  padding: 14px;
  border-width: 1px !important;
  font-size: 17px;
  background-color: #fafafa;
  transition: all .3s;
}
.torch-glp-geo-section .coupon .btn-default:hover {
  background-color: #169ed7;
  border-color: #169ed7;
  color: #fff;
}

.inventory .custRebateButton {
  background-color: #e01d22;
  color: #fff;
  border-color: #bc181d;
  border-radius: 0;
  box-shadow: 1px 1px 2px #fff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0);
  width: 100%;
  clear: both;
  transition: all .3s;
}
.inventory .custRebateButton:hover {
  background-color: #169ed7;
  color: #fff;
  border-color: #bc181d;
  box-shadow: 1px 1px 2px #666;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
.inventory.detail-page .custRebateButton {
  width: 100%;
}
.inventory .cust-rebates-summary, .inventory .custom-rebates {
  background-color: #169ed7;
}
.inventory .cust-rebates-summary li.low-price {
  border: 1px solid #1283b2;
  color: #e01d22;
}
.inventory .cust-rebates-summary .btn {
  background-color: #e01d22;
  background-image: none;
  color: #fff;
  border-color: #1283b2;
}
.inventory .cust-rebates-summary .btn:hover {
  background-color: #e64044;
  background-image: none;
  color: #fff;
  border-color: #bc181d;
}
.inventory .cust-rebates-summary .cust-rebates-price, .inventory .cust-rebates-summary .title {
  color: #fff;
}
.inventory .cust-rebates-details {
  color: #e01d22;
}
.inventory .cust-rebates-details .btn {
  background-color: #e01d22;
  background-image: none;
  color: #fff;
  border-color: #1283b2;
}
.inventory .cust-rebates-details .btn:hover {
  background-color: #e64044;
  background-image: none;
  color: #fff;
  border-color: #bc181d;
}
.inventory .cust-rebates-details .text-btn {
  border-color: #999999;
  color: #333333;
}

@media (min-width: 1200px) {
  .inventory .custRebateButton {
    width: 33%;
  }
}
@media (max-width: 767px) {
  .inventory .custRebateButton {
    margin-bottom: 15px;
  }
}
.secondary-pages .btn-mlp, .secondary-pages .btn-mlp:hover, .secondary-pages .mlp .mlp-ctas .mlp-cta.strong {
  background-color: #169ed7;
  color: #fff;
  border-color: #1283b2;
}
.secondary-pages .btn-mlp:hover, .secondary-pages .btn-mlp:hover:hover, .secondary-pages .mlp .mlp-ctas .mlp-cta.strong:hover {
  box-shadow: none;
  background-color: #e01d22;
}
.secondary-pages .mlp .mlp-ctas .mlp-cta.strong {
  background-image: linear-gradient(#169ed7, #1283b2);
}
.secondary-pages .mlp .mlp-ctas .mlp-cta.strong:hover {
  background-image: none;
  background-color: #e01d22;
  border-color: #e01d22;
}
.secondary-pages div#mlp-colors span.colorlabel.ext {
  margin-right: 0.4em;
}
.secondary-pages h3 {
  color: #169ed7;
}

#testdrive_scheduler {
  color: #888888;
}
#testdrive_scheduler .modal-dialog {
  max-width: 850px;
  width: 94%;
}
#testdrive_scheduler .modal-body {
  background-color: #efefef;
  margin: 0 20px 20px;
}
#testdrive_scheduler .modal-header, #testdrive_scheduler .modal-footer {
  border-width: 0;
  padding: 20px 20px 5px;
}
#testdrive_scheduler h3 {
  color: #888888;
  font-weight: 400;
}
#testdrive_scheduler h4 {
  font-size: 14px;
  color: #169ed7;
  font-weight: 400;
}
#testdrive_scheduler .well {
  background-color: #fff;
}
#testdrive_scheduler .well.form-section {
  background-color: #d8d8d8;
  border: 1px solid #fff;
  border-radius: 0;
  padding: 6px;
  position: relative;
}
#testdrive_scheduler .well.footer {
  margin: 20px 0 0;
}
#testdrive_scheduler input, #testdrive_scheduler select, #testdrive_scheduler .form-section > .input-group {
  border-radius: 0;
  border-width: 0;
  box-shadow: none;
}
#testdrive_scheduler .form-section > input, #testdrive_scheduler .form-section > select, #testdrive_scheduler .form-section > .input-group {
  width: 49.8%;
  float: left;
  margin: .1%;
  background-color: #fff;
}
#testdrive_scheduler .form-section > .input-group {
  padding: 2px 6px;
}
#testdrive_scheduler .form-section > .input-group#time_group, #testdrive_scheduler .form-section > .input-group#time_group * {
  cursor: pointer;
}
#testdrive_scheduler .input-group-addon {
  background-color: transparent;
  border-radius: 0;
  border-width: 0;
  font-size: 24px;
  color: #888888;
}
#testdrive_scheduler .input-group label {
  font-weight: normal;
  text-transform: uppercase;
  color: #888888;
  margin: 0;
  font-size: 12px;
}
#testdrive_scheduler .input-group input {
  padding: 2px 0 6px;
  font-size: 24px;
  line-height: 26px;
  color: #888888;
}
#testdrive_scheduler .btn {
  width: auto;
  padding: 4px 20px;
  float: none;
}
#testdrive_scheduler a.cancel {
  text-decoration: underline;
  cursor: pointer;
  padding: 4px 20px;
  color: #888888;
}

#dateslider {
  margin-top: 10px;
  padding: 0;
  width: 100%;
  float: left;
  clear: left;
  position: relative;
}
#dateslider .flexslider {
  border-width: 0;
  background-color: transparent;
  margin-bottom: 0;
}
#dateslider .slides li.active a {
  background-color: #e01d22;
}
#dateslider .slides li.active a .weekday {
  background-color: #888888;
  font-weight: 500;
}
#dateslider .slides li.active a .month, #dateslider .slides li.active a .date, #dateslider .slides li.active a .weekday {
  color: #fff;
}
#dateslider .slides li:hover {
  cursor: pointer;
}
#dateslider .slides li:hover a {
  background-color: #169ed7;
}
#dateslider .slides li:hover a .weekday {
  background-color: #888888;
  color: #fff;
}
#dateslider .slides li:hover a .month, #dateslider .slides li:hover a .date {
  color: #fff;
}
#dateslider .slides li.active:hover a {
  background-color: #e01d22;
}
#dateslider .slides li.active:hover a .weekday {
  background-color: #888888;
}
#dateslider .slides li.active:hover a .month, #dateslider .slides li.active:hover a .date {
  color: #fff;
}
#dateslider .slides li a {
  background-color: #fff;
  display: block;
  margin: 0 1px;
  padding-bottom: 16px;
  text-decoration: none;
  min-width: 100px;
}
#dateslider span {
  display: block;
  text-align: center;
  font-size: 13px;
  color: #888888;
  margin: 0;
  transition: all .2s;
}
#dateslider .weekday {
  color: #888888;
  padding: 6px 0;
  letter-spacing: 0.02em;
  border-bottom: 1px solid #fff;
}
#dateslider .month {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 16px;
  line-height: 16px;
  padding-top: 16px;
}
#dateslider .date {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 64px;
  line-height: 64px;
  letter-spacing: -0.07em;
  margin-top: -4px;
}
#dateslider .flex-direction-nav a::before {
  color: #888888;
  font-size: 20px;
  text-shadow: none;
  line-height: 1;
  margin-bottom: 14px;
}
#dateslider .flex-direction-nav, #dateslider:hover .flex-direction-nav {
  display: block !important;
}
#dateslider .flex-direction-nav a.flex-next, #dateslider .flex-direction-nav a.flex-next:hover, #dateslider .flex-direction-nav a.flex-prev, #dateslider .flex-direction-nav a.flex-prev:hover, #dateslider:hover .flex-direction-nav a.flex-next, #dateslider:hover .flex-direction-nav a.flex-next:hover, #dateslider:hover .flex-direction-nav a.flex-prev, #dateslider:hover .flex-direction-nav a.flex-prev:hover {
  opacity: 1;
  height: 20px;
}
#dateslider .flex-direction-nav a.flex-next, #dateslider .flex-direction-nav a.flex-next:hover, #dateslider:hover .flex-direction-nav a.flex-next, #dateslider:hover .flex-direction-nav a.flex-next:hover {
  right: -23px !important;
}
#dateslider .flex-direction-nav a.flex-prev, #dateslider .flex-direction-nav a.flex-prev:hover, #dateslider:hover .flex-direction-nav a.flex-prev, #dateslider:hover .flex-direction-nav a.flex-prev:hover {
  left: -23px !important;
}

#timepicker {
  width: 49%;
  background-color: #fafafa;
  clear: both;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  top: 63px;
  right: 7px;
  z-index: 1;
  transition: max-height .3s;
}
#timepicker div.first {
  padding-right: 0;
}
#timepicker div.last {
  padding-left: 0;
}
#timepicker .list-label {
  display: block;
  text-align: center;
  margin: 4px 0 2px;
}
#timepicker ul {
  padding: 0;
  background-color: #fff;
}
#timepicker li {
  list-style-type: none;
  font-size: 24px;
  color: #888888;
  padding: 10px 20px;
  text-align: center;
  cursor: pointer;
  margin: 1px;
  border: 1px solid #eee;
}
#timepicker li.past {
  display: none;
}
#timepicker li.active, #timepicker li.active:hover {
  background-color: #ededed;
}
#timepicker li:hover {
  background-color: #fafafa;
}
#timepicker .tp_btn-close {
  display: inline-block;
  text-align: center;
  width: 100%;
  cursor: pointer;
}
#timepicker.active {
  max-height: 800px;
  overflow-y: scroll;
}

@media (max-width: 768px) {
  #testdrive_scheduler h3 {
    font-size: 20px;
  }
  #testdrive_scheduler .form-section > input, #testdrive_scheduler .form-section > select, #testdrive_scheduler .form-section > .input-group {
    width: 100%;
    margin: 0 0 1px;
  }
  #testdrive_scheduler .form-section > .input-group#time_group {
    transition: all .2s;
  }
  #testdrive_scheduler .form-section > .input-group#time_group input {
    max-height: 60px;
    overflow: hidden;
    transition: all .2s;
  }
  #testdrive_scheduler .form-section > .input-group#time_group.inactive {
    background-color: #fafafa;
    padding: 0 6px;
    cursor: pointer;
  }
  #testdrive_scheduler .form-section > .input-group#time_group.inactive input {
    max-height: 0;
    background-color: transparent;
  }
  #testdrive_scheduler .form-section > .input-group#time_group.inactive label, #testdrive_scheduler .form-section > .input-group#time_group.inactive .input-group-addon {
    color: #ddd;
    cursor: pointer;
  }
  #testdrive_scheduler .form-section input {
    font-size: 20px;
  }
  #testdrive_scheduler .modal-body {
    margin: 0;
    padding: 10px;
  }

  #timepicker {
    position: static;
    width: 100%;
    /*width: 98%;
    top: 125px;
    left: 6px;
    right: auto;*/
  }
}
/* ========================================================== */
/* --------------------->> Vendor <<------------------------- */
/* =====(styles for overriding 3rd party plugins)============ */
/* ========================================================== */
.slide {
  display: block;
  float: left;
  margin-right: -100%;
  opacity: 0;
  position: relative;
  width: 100%;
  z-index: 1;
  transition: opacity .5s;
}

.flex-direction-nav a {
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  display: block;
  height: 40px;
  margin: -20px 0 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  top: 50%;
  transition: all 0.3s ease 0s;
  width: 40px;
  z-index: 10;
}

.slides, .flex-control-nav, .flex-direction-nav {
  list-style: none outside none;
}

.flex-control-nav {
  position: static !important;
}

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