﻿/*$fal-top-bg: #fff;
$fal-main-bg: #eee;
$fal-header-bg: #fff;
$fal-header-border-left-width-lg: 5px;
$fal-header-padding: 0 1.5rem;
$fal-header-border-right-color: #d4d4d4;
$fal-header-border-bottom-color: #d4d4d4;
$fal-header-lg-size: 20px;
$fal-header-lg-weight: bold;
$fal-color-1: #47B6FE;
$fal-color-2: #3FA1E8;
$fal-border-color: #e9e9e9;
$fal-double-border-top-color: #d1d1d1;
$fal-double-border-bottom-color: #f1f1f1;
$fal-step-outer-bg-lg: none;
$fal-step-caption-color: #969696;
$fal-step-caption-weight-lg: bold;
$fal-step-bg: #e8e8e8;
$fal-step-separator-bg: #e0e0e0;
$fal-step-section-small-bg: #3B4049;
$fal-step-small-color-inactive: #7c7d7f;
$fal-step-large-color-inactive: #b7b7b7;
$fal-step-small-active-bg: #000;
$fal-input-border-color: #9c9c9c;
$fal-label-color: #565656;
$fal-button-text-color: #fff;
$fal-button-prev-color: #474c4f;*/
/* default styles (all screens) */
@media only screen {
  .gallery-wrapper img {
    width: 100%; }
  .search-panel h3 {
    font-size: 26px; }
  .button, .button.tiny, .finance-info-applyl {
    color: #fff;
    background: #a22427;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s; }
    .button:hover, .button.tiny:hover, .finance-info-applyl:hover {
      background: #363636;
      color: #fff; }
  .inner-wrap.home {
    background: url(../../Userfiles/Image/bg-header.gif) center top repeat; }
  .home header {
    background: none; }
  .inner-list {
    padding-left: 1.25rem;
    margin-bottom: 1.5rem; }
    .inner-list li {
      list-style: disc; }
  .finance-info h1, .finance-info h2, .finance-app-wrap h1, .finance-app-wrap h2, .contact-page-wrap h1, .contact-page-wrap h2 {
    color: #45c3e9;
    font-weight: 400;
    font-size: 2rem; }
  header {
    background: url(../../Userfiles/Image/bg-header.gif) center top repeat;
    padding: 2rem 0; }
    header .logo {
      padding-bottom: 1rem; }
    header .info {
      color: #ccc;
      font-size: 14px; }
      header .info a {
        color: #fff; }
      header .info .addr {
        display: block; }
  .section1-wrapper {
    background: #fff; }
    .section1-wrapper h3.header {
      font-size: 26px;
      font-weight: bold;
      text-transform: uppercase;
      font-family: "Oswald", sans-serif; }
    .section1-wrapper .swiper-slide-active .title {
      color: #222; }
  .home footer {
    border: none; }
  footer {
    background: url(../../Userfiles/Image/bg-grey.gif) center top repeat; }
    footer .copyright {
      clear: both;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: #323232;
      font-size: 12px;
      line-height: 18px;
      padding: 0.75rem 0;
      font-family: "Roboto", sans-serif; }
      footer .copyright span {
        font-size: 16px;
        vertical-align: sub;
        margin: 0 6px 0 4px; }
      footer .copyright i {
        display: block;
        height: 0;
        overflow: hidden; }
      footer .copyright a {
        color: #323232;
        font-size: 12px; }
        footer .copyright a:hover {
          color: #707070;
          -webkit-transition: all, 0.3s;
          -moz-transition: all, 0.3s;
          -o-transition: all, 0.3s;
          transition: all, 0.3s; }
  #top-section {
    padding: 1rem 0; }
    #top-section .img-lg {
      display: none; }
  #pnl-section li {
    margin: 2rem 0;
    padding-left: 90px;
    position: relative; }
    #pnl-section li .img {
      position: absolute;
      left: 0;
      top: 0.5rem; }
    #pnl-section li h2 {
      font-family: "Oswald", sans-serif;
      font-size: 18px;
      font-weight: 700;
      text-transform: uppercase;
      margin: 0;
      color: #ffffff;
      line-height: 1; }
    #pnl-section li p {
      font-size: 15px;
      color: #d6d6d6;
      line-height: 1.4;
      font-family: "Roboto", sans-serif; }
  .lighter-bg {
    background: url(../../Userfiles/Image/bg-grey.gif) center top repeat; }
  #featured-section {
    padding: 2rem 0; }
    #featured-section ul.small-block-grid-1 {
      margin: 0 -2px; }
    #featured-section .sp-footer {
      margin: 0 0 0.5rem;
      border-top: none; }
      #featured-section .sp-footer .sp {
        padding: 0 0 0.375rem;
        font-family: "Roboto", sans-serif; }
      #featured-section .sp-footer table {
        margin-bottom: 0; }
      #featured-section .sp-footer td {
        font-size: 10px;
        color: #2E4057; }
    #featured-section .vehicle:nth-child(n+2) {
      display: none; }
    #featured-section .vehicle-info {
      padding: 0;
      margin: 0;
      /*.retail {
                color: #d5d5d5;
                font-size: 24px;
                display: block;
                line-height: 0.6;
                padding-top: 0.5rem;
            }*/ }
      #featured-section .vehicle-info h6, #featured-section .vehicle-info .price-wrapper {
        display: block;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap; }
      #featured-section .vehicle-info h6 {
        color: #3c3750;
        font-size: 20px;
        font-weight: bold;
        font-family: "Roboto", sans-serif;
        margin: 1rem 0 0; }
      #featured-section .vehicle-info .price-wrapper, #featured-section .vehicle-info .special {
        color: #45c3e9;
        font-weight: 400;
        font-size: 20px;
        font-family: "Roboto", sans-serif; }
      #featured-section .vehicle-info .fuelsaver, #featured-section .vehicle-info .vehicle-specs, #featured-section .vehicle-info .retail, #featured-section .vehicle-info .pre {
        display: none; }
      #featured-section .vehicle-info .finance-custom {
        display: none; }
    #featured-section .gradient {
      background: rgba(218, 217, 223, 0.7);
      height: 2px;
      width: 100%; }
  #about-section h1 {
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    color: #291c5c;
    margin-bottom: 1rem;
    font-family: "Oswald", sans-serif; }
  #about-section h2 {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    color: #291c5c;
    margin-bottom: 1rem;
    font-family: "Oswald", sans-serif; }
  #about-section h3 {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #291c5c;
    margin-bottom: 1rem;
    font-family: "Oswald", sans-serif; }
  #about-section p + h3, #about-section p + h2 {
    margin-top: 2rem; }
  #about-section h4 {
    color: #291c5c;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    font-family: "Roboto", sans-serif; }
  #about-section p {
    font-size: 13px;
    color: #515151;
    font-family: "Roboto", sans-serif; }
  #about-section .hours {
    padding: 1rem 0 3rem; }
  #about-section .hours-list {
    border-top: 2px solid #7d7d7d; }
  #about-section .hourday {
    font-size: 12px;
    line-height: 32px;
    background: #fff;
    border-bottom: 1px dotted #dbdbdb;
    color: #000;
    position: relative;
    padding-left: 1rem;
    font-family: "Roboto", sans-serif; }
    #about-section .hourday span {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      left: 59%;
      display: block;
      text-align: left;
      padding-right: 1rem;
      background: #fff;
      font-family: "Roboto", sans-serif; }
  #about-section .hourday.active {
    background: #f1f1f1;
    border-bottom-color: #D0D0D0;
    font-family: "Roboto", sans-serif;
    color: #34a5b9; }
    #about-section .hourday.active span {
      background: #f1f1f1;
      font-family: "Roboto", sans-serif;
      color: #34a5b9; }
  #about-section .hourday:last-child {
    border-bottom: none; }
  #map-section {
    padding-bottom: 0; }
    #map-section .google-map {
      display: block;
      height: 250px; } }

@media only screen and (min-width: 470px) {
  footer .copyright {
    padding: 0;
    line-height: 60px; }
    footer .copyright i {
      display: inline; } }

/* min-width 641px, 40.063em medium screens */
/* min-width 1024px, large screens */
@media only screen and (min-width: 40.063em) {
  header {
    padding: 0.5rem 0 0; }
    header .logo {
      float: left;
      text-align: left;
      padding: 0 0 1rem; }
    header .info {
      float: right;
      text-align: right;
      padding-top: 0.75rem; }
      header .info .ph {
        padding-left: 2.5rem;
        font-size: 24px;
        font-weight: 600;
        font-family: "Oswald", sans-serif;
        color: #fff;
        line-height: 1.4; }
        header .info .ph .mc-ph {
          color: #fff; }
      header .info .addr {
        font-size: 16px;
        font-weight: normal;
        font-family: "Roboto", sans-serif;
        color: #c7c7c7; }
  nav.navigation ul.main {
    height: 70px;
    background: #19103c;
    padding-left: 1.5rem;
    border-bottom: 4px solid #179eb4; }
    nav.navigation ul.main li {
      float: left; }
    nav.navigation ul.main li.has-submenu {
      position: relative; }
      nav.navigation ul.main li.has-submenu:hover ul.sub {
        display: block; }
    nav.navigation ul.main a {
      line-height: 2;
      display: block;
      position: relative;
      font-family: "Oswald", sans-serif;
      font-weight: 600;
      font-size: 16px;
      text-transform: uppercase;
      color: #d6d2e6;
      padding: 18px 1rem 10px;
      -webkit-transition: all, 0.3s;
      -moz-transition: all, 0.3s;
      -o-transition: all, 0.3s;
      transition: all, 0.3s; }
    nav.navigation ul.main a.active, nav.navigation ul.main a:hover {
      color: #179eb4;
      font-weight: 600; }
  nav.navigation i.icon-arrow-down2 {
    font-size: 19px;
    vertical-align: middle; }
  nav.navigation ul.sub {
    position: absolute;
    z-index: 10;
    display: none;
    top: 55px;
    left: -20px;
    width: 250px;
    background: #19103c;
    padding-top: 1rem;
    padding-bottom: 0.5rem; }
    nav.navigation ul.sub li {
      text-align: left; }
    nav.navigation ul.sub a {
      font-size: 14px;
      padding-top: 4px;
      padding-bottom: 4px;
      color: #d6d2e6; }
  #top-section {
    padding: 0; }
    #top-section .img-lg {
      display: block; }
    #top-section .img-sm {
      display: none; }
  #pnl-section {
    padding: 2rem 0; }
    #pnl-section ul {
      display: table;
      width: 100%;
      padding: 1rem 0 1rem; }
    #pnl-section li {
      width: 33.3%;
      float: left;
      padding-right: 1rem;
      margin: 0; }
      #pnl-section li h2 {
        font-size: 20px;
        padding-bottom: 0.25rem; }
      #pnl-section li p {
        font-size: 15px; }
  #featured-section {
    position: relative;
    padding-top: 4rem; }
    #featured-section .vehicle {
      padding-bottom: 1rem; }
    #featured-section .vehicle:nth-child(n+2) {
      display: block; }
    #featured-section .vehicle-info h6 {
      font-size: 20px;
      padding-bottom: 0.25rem; }
    #featured-section .vehicle-info .price-wrapper {
      margin-top: -0.5rem; }
    #featured-section .vehicle-info .price-wrapper, #featured-section .vehicle-info .special {
      font-size: 20px; }
    #featured-section .vehicle-info .retail {
      padding-top: 1.75rem;
      line-height: 1px; }
  #about-section {
    position: relative; }
    #about-section h2 {
      font-size: 22px;
      background-position: 145px center;
      font-family: "Oswald", sans-serif;
      font-weight: 400; }
      #about-section h2 i {
        font-size: 32px; }
    #about-section p {
      font-size: 17px;
      margin-bottom: 0.5rem; }
    #about-section .hours {
      padding-top: 0.75rem;
      padding-bottom: 2rem; }
    #about-section .hourday {
      line-height: 36px;
      font-size: 13px; }
  footer {
    padding-bottom: 0.5rem; }
    footer .footer-links {
      color: #000000;
      position: absolute;
      font-family: "Verdana", sans-serif;
      bottom: 1rem;
      left: 1rem;
      text-transform: uppercase;
      font-size: 15px;
      width: 300px;
      z-index: 1; }
      footer .footer-links a {
        color: #000000;
        font-size: 12px;
        font-family: "Verdana", sans-serif; }
        footer .footer-links a:hover {
          color: #179eb4;
          -webkit-transition: all, 0.3s;
          -moz-transition: all, 0.3s;
          -o-transition: all, 0.3s;
          transition: all, 0.3s; }
  footer .copyright {
    text-align: right; } }

/* min-width 1441px, xlarge screens */
/* min-width 1921px, xxlarge screens */
