/* ---------
	Font
------------------------------------ */

@font-face {
  font-family: 'Watts';
  font-style: normal;
  font-weight: normal;
  src: url('https://images.ebizautos.media/fonts/sites/5234/LATINWD.woff') format('woff');
}

/* ---------
	Body
------------------------------------ */
body, .bgcolor-2, #content, ul.tab-nav li a,
.tabs.tabs-alt ul.tab-nav li a, .responsiveTabs.tabs-alt ul.tab-nav li a,
#page-title {
  background: #ececec !important;
}

.stretched #wrapper {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}

body.stretched .container-fullwidth {
  max-width: 1600px;
  margin: 0 auto;
}

#page-title {
  border: 0;
}

/* ---------
	Slideshow
------------------------------------ */

.slider .wrapper .cycle-pager,
.slider .wrapper .slideshow-btn.previous .slider .wrapper .slideshow-btn.next {
  display: none;
}

.slider .wrapper .slideshow-btn {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
}

.slider .wrapper .slideshow-btn.previous {
  left: 30px;
}

.slider .wrapper .slideshow-btn.next {
  right: 30px;
}

.slider .wrapper .slideshow-btn:hover {
  background: rgba(0, 0, 0, 0.85) !important;
}

.slider .wrapper .slideshow-btn:hover {
  background: #333;
}

.flex-prev, .flex-next, .slider .wrapper .cycle-pager span {
  background: transparent;
}

.flexslider {
  height: auto !important;
  background: #ececec;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.slide {
  min-height: 350px;
}

.slider-content-bg {
  padding: 0;
}

.flex-control-nav {
  display: none;
}

@media (max-width: 768px) {
  .flex-control-nav {
    bottom: 5%;
  }

  .slide {
    min-height: 500px;
  }

  .slider-wrap {
    padding: 0 20px;
  }
}

.slider-content.slider-content-center {
  max-width: 90%;
}

.slider-content-bg.slider-content-bg-light, .toggle .togglet i,
form .select i, .input-wrapper .select i {
  background: transparent;
  color: #333;
}

.swiper-button-prev, .swiper-button-next {
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
}

.flex-nav-next .flex-next .icon-angle-right, .flex-nav-prev .flex-prev .icon-angle-left {
  color: #283DC4 !important;
  transition: 0.3s;
}

.flex-nav-next .flex-next .icon-angle-right:hover {
  color: white !important;
  background: #283DC4 !important;
}

.flex-nav-prev .flex-prev .icon-angle-left:hover {
  color: white !important;
  background: #283DC4 !important;
}

.icon-angle-right, .icon-angle-left {
  color: #fff !important;
}

/* ---------
	Header
------------------------------------ */
#primary-menu.style-2 ul ul, #primary-menu.style-2 ul li .mega-menu-content {
  top: 46px;
}

.header-extras {
  display: block;
  margin: 0;
  padding-bottom: 15px;
  width: 100%;
}

.header-extras.tleft h3 {
  font-size: 22px;
  line-height: 32px;
  font-style: italic;
  text-transform: none;
}

.header-extras.tright li {
  float: right;
}

.header-extras .he-text {
  padding: 0;
  width: 50%;
  display: inline-block;
  float: left;
}

.header-extras .he-text:last-of-type {
  float: right;
  width: auto;
}

.header-extras p {
  margin-bottom: 0;
}

#header.sticky-style-2 {
  height: 192px;
}

@media (max-width: 991px) {
  #header.sticky-style-2 {
    padding-top: 0;
  }
}


@media (min-width: 992px) {
  #header.sticky-style-2 {
    padding-top: 20px;
  }
}

#top-bar {
  background: black;
}

#welcome-text-2, #footer-content {
  background: #fff !important;
}

@media screen and (min-width: 991px) {
  #header.sticky-style-2 {
    text-align: center;
  }

  #logo {
    display: inline-block;
    float: none;
    margin: 0 auto;
  }

  .header-extras {
    display: inline-block;
  }

  .header-extras.left {
    float: left;
    margin-left: -40px;
  }

  .header-extras.right {
    float: right;
  }
}

#bottom-mobile-header, #top-mobile-header {
  background: #111;
  border-top: 1px solid #222;
}

.logo-dealership-name {
  font-family: "Watts", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 21px !important;
  text-transform: uppercase !important;
  color: #333 !important;
}

.owl-carousel .owl-nav [class*="owl-"],
#location-map-and-hours-1 .hours-control {
  background-color: #283DC4;
}

.noUi-handle {
  border-color: #283DC4;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
  background-color: #5a5a5a !important;
}

/* ---------
	Navigation
------------------------------------ */
#header {
  background: #ececec;
}

#header #primary-menu ul li a, #header #primary-menu ul li a:visited, #primary-menu ul li a, a.ebiz-view-google-map:hover {
  color: #808080;
}

body.side-panel-left #side-panel #primary-menu ul ul a, .social-icon:hover i {
  color: #808080 !important;
}

#header #primary-menu>div>ul>li.current a, #primary-menu ul li:hover a, #primary-menu ul li.current a {
  color: #fff;
  font-weight: bold;
}

#header #primary-menu>div>ul>li:hover>a,
body.side-panel-left #side-panel #primary-menu ul ul li:hover>a,
body.side-panel-right #side-panel #primary-menu ul ul li:hover>a {
  color: #fff !important;
}

#primary-menu ul ul li>a {
  margin: 0 -10px;
}

#primary-menu.link-style-2>div>ul>li.current:after, #primary-menu.link-style-2>div>ul>li.current:hover:after {
  background: #fff;
}

#primary-menu.style-2, #primary-menu.style-2>div>ul, #primary-menu.style-2>div>ul>li>a {
  height: 52px;
  border-bottom: 1px solid #222;
}

/* ---------
	Buttons and Links
------------------------------------ */
.button, #notifyMePriceAlert-toolbar .notifyMePriceAlert-wrapper ul li:hover,
#search-flyout .search-flyout-close, #top-bar .button, .noUi-handle {
  background: #283DC4;
  height: auto;
}

.ebiz-stickySidebar-button {
  background: #283DC4 !important;
}

.color, .modal-header .modal-title, #pagination .pagination-control ul li.active,
#pagination .pagination-control ul li a:hover {
  color: #283DC4 !important;
}

#notifyMePriceAlert-toolbar .notifyMePriceAlert-wrapper ul li:hover {
  border: transparent;
}

ul.tab-nav li.ui-tabs-active a, ul.tab-nav li.r-tabs-state-active a {
  border-bottom: 1px solid #fff;
}

.tabs.tabs-bb ul.tab-nav li.ui-tabs-active a, .responsiveTabs.tabs-bb ul.tab-nav li.ui-tabs-active a, .tabs.tabs-bb ul.tab-nav li.r-tabs-state-active, .responsiveTabs.tabs-bb ul.tab-nav li.r-tabs-state-active {
  border-bottom: 2px solid #283DC4;
}

.button:hover, #top-bar .button:hover {
  background: #5A5A5A;
}

.he-text h4, .header-extras li .he-text {
  color: #333;
}

.btn-link, ul.tab-nav li.ui-tabs-active a, ul.tab-nav li.r-tabs-state-active a,
.header-extras li .he-text span, .header-extras li .he-text a:not(.button),
#vdp-title .vehicle-title-wrapper #vdp-price .price-item.active .price-label,
#vdp-title .vehicle-title-wrapper #vdp-price .price-item.active a h4,
.toggle .togglet:hover, .toggle .toggleta, .srp-vehicle-block #srp-vehicle-price .price-item.active .price-label, .srp-vehicle-block #srp-vehicle-price .price-item.active a h4,
a, .breadcrumb a, #form-request-more-info #srp-vehicle-price .price-item.active .price-label, #form-request-more-info #srp-vehicle-price .price-item.active a h4, h5>span:not(.nocolor), h2>span:not(.nocolor), h3>span:not(.nocolor), h4>span:not(.nocolor), h5>span:not(.nocolor), h6>span:not(.nocolor), .notifyMePriceAlert-dashboard .notifyMePriceAlert-vehiclePrice h4,
.toggle .togglec .filter-element a:hover, #srp-sortby ul li>a:hover {
  color: #283DC4;
}

.srp-vehicle-block #srp-vehicle-price .price-item.active a h4,
#vdp-title .vehicle-title-wrapper #vdp-price .price-item.active a h4,
#form-request-more-info #srp-vehicle-price .price-item.active a h4 {
  font-size: 26px;
}

#vdp-vehicle-overview #vdp-gas-mileage .gas-mileage-amount {
  color: #283DC4;
}

.btn-link:hover, .breadcrumb a:hover, .toggle .togglec .filter-element a,
#srp-sortby ul li>a, .srp-vehicle-block .button-row-wrapper div a:not(.button),
#pagination .pagination-control ul li a, p>a:hover,
#notifyMePriceAlert-dashboard .notifyMePriceAlert-swiper .swiper-button-prev,
#notifyMePriceAlert-dashboard .notifyMePriceAlert-swiper .swiper-button-next {
  color: #777;
}

#primary-menu ul ul li:hover>a {
  color: #777 !important;
}

.button.button-desc {
  font-size: 18px;
}

form .input input:focus, .input-wrapper .input input:focus,
form .select select:focus, .input-wrapper .select select:focus,
form .textarea textarea:focus, .input-wrapper .textarea textarea:focus,
form .radio input:focus+i, .input-wrapper .radio input:focus+i,
form .checkbox input:focus+i, .input-wrapper .checkbox input:focus+i,
form .toggle-input input:focus+i, .input-wrapper .toggle-input input:focus+i {
  border: 1px solid #fff;
}

.line, .double-line {
  border-top: 1px solid #333;
}

p>a {
  text-decoration: underline !important;
}

/* ---------
	Backgrounds
------------------------------------ */
#gotoTop {
  background: rgba(0, 0, 0, 0.5);
}

.search-flyout-toggle, .notifyMePriceAlert-toolbarToggle, #gotoTop:hover {
  background: #283DC4;
}

#featured-vehicles-1 .fancy-title h1, #featured-vehicles-1 .fancy-title h2, #featured-vehicles-1 .fancy-title h3, #featured-vehicles-1 .fancy-title h4, #featured-vehicles-1 .fancy-title h5, #featured-vehicles-1 .fancy-title h6,
#quick-browse-1 .fancy-title h1, #quick-browse-1 .fancy-title h2, #quick-browse-1 .fancy-title h3, #quick-browse-1 .fancy-title h4, #quick-browse-1 .fancy-title h5, #quick-browse-1 .fancy-title h6, .fancy-title h1, .fancy-title h2, .fancy-title h3, .fancy-title h4, .fancy-title h5, .fancy-title h6, #map-1 .fancy-title h1, #map-1 .fancy-title h2, #map-1 .fancy-title h3, #map-1 .fancy-title h4, #map-1 .fancy-title h5, #map-1 .fancy-title h6 {
  background: transparent !important;
}

.pageType-Home #content, #header, #featured-vehicles-1, #quick-browse-1 {
  /*background: url('body-bg.jpg') repeat top center fixed;*/
}

#wrapper, #primary-menu ul ul, #primary-menu ul li .mega-menu-content, .bodybg {
  background: rgba(0, 0, 0, 0.6) !important;
}

#primary-menu ul ul, #primary-menu ul li .mega-menu-content {
  padding: 0 10px;
}

#notifyMePriceAlert-toolbar .notifyMePriceAlert-wrapper {
  background: rgba(51, 51, 51, 0.9);
}

#search-flyout, .notifyMePriceAlert-dashboard {
  /* background: rgba(0, 0, 0, 0.93); */
  background-color: #ececec;
}

/* ---------
	Blockquote
------------------------------------ */
blockquote {
  border: 0;
  padding: 0 50px;
}

@media (max-width: 768px) {
  blockquote {
    padding: 0 25px;
  }
}

blockquote p:before,
blockquote p:after {
  color: #4d4d4d;
  font-size: 30px;
  line-height: 35px;
  margin: 0 5px;
}

blockquote p {
  line-height: 2.3em;
}

blockquote p:before {
  content: '\201C';
}

blockquote p:after {
  content: '\201D';
}

/* ---------
	Site Map
------------------------------------ */
.pageType-SiteMap ul li a {
  color: #fff;
}

.pageType-SiteMap ul li a:hover {
  color: #777;
}

/* ---------
	Social
------------------------------------ */
.si-colored.social-icon {
  background: transparent !important;
}

.copyright-links a:hover, #footer [class*="icon-"]:hover,
.header-extras [class*="icon-"]:hover {
  color: #777 !important;
}

#ebiz-sitemap a:hover .ebizautos-logo,
.notifyMePriceAlert-dashboard .notifyMePriceAlert-dashboardClose .polygon {
  fill: #777;
}

#disclaimer {
  border: 0;
}

/* Column Buttoms */
#buttons-2 a.button {
  background-color: #000000;
}

#buttons-2 a.button:hover {
  background-color: #283DC4;
}

.modal-header,
.modal-body {
  background-color: #ececec !important;
}
