/* default styles (all screens) */
@media only screen {
  .row {
    max-width: 1200px; }
  a, #calculator-form .trade-link, .finance-app-wrap a.switch, .testimonial a.more, .testimonial a.show-less, .single-vehicle-wrap .calculator .finance-calculator-vehicle-single .trade-link, .single-vehicle-wrap .calculator .finance-calculator-vehicle-single .finance-links a, .enquire a, .single-vehicle-wrap .price-wrapper .calculate-finance a.link {
    color: #c8ac00;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s; }
    a:hover, #calculator-form .trade-link:hover, .finance-app-wrap a.switch:hover, .testimonial a.more:hover, .testimonial a.show-less:hover, .single-vehicle-wrap .calculator .finance-calculator-vehicle-single .trade-link:hover, .single-vehicle-wrap .calculator .finance-calculator-vehicle-single .finance-links a:hover, .enquire a:hover, .single-vehicle-wrap .price-wrapper .calculate-finance a.link:hover {
      color: #333; }
  .tiny, #finance-summary-section .summary-term.selected, .custom-btn, .button, .fin-app-2015 p.highlight, .single-vehicle-wrap .calculator .finance-calculator-vehicle-single .term-select li a:hover, .single-vehicle-wrap .calculator .finance-calculator-vehicle-single .term-select li a.active, .single-vehicle-wrap .vehicle-ftr a.buy-now {
    color: #000; }
  .fin-app-2015 .nav-buttons .btn-next {
    background: #c8ac00; }
    .fin-app-2015 .nav-buttons .btn-next:hover {
      background: #958000; }
  .price-wrapper {
    color: #c8ac00; }
  #finance-popup .main-section .inner-section:after {
    z-index: -1; }
  .button, .button.tiny, .finance-info-apply {
    -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-apply:hover {
      background: #c8ac00; }
  .finance-info-apply {
    color: #fff; }
    .finance-info-apply:hover {
      color: #fff; }
  .swiper-slide-active .circle.no-bg .circle-icon-wrapper {
    color: #fbd800; }
  .size-60 {
    font-size: 36px !important; }
  .custom-page-wrap ul {
    margin-left: 1.25rem;
    margin-bottom: 1.5rem; }
    .custom-page-wrap ul li {
      list-style: disc; }
  .section1-wrapper {
    background: #000;
    padding-bottom: 2rem;
    text-align: center; }
    .section1-wrapper .start-new-search {
      margin: auto; }
  .category-slider {
    height: 136px;
    overflow: hidden; }
  .swiper-slide .circle.no-bg .circle-icon-wrapper {
    color: #4d4d4d; }
  .swiper-slide-active .circle.no-bg .circle-icon-wrapper {
    color: #fbd800; }
  .swiper-slide .title {
    font-family: "Coda", sans-serif;
    font-weight: 400; }
  .top-bar-title {
    font-family: "Coda", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px; }
    .top-bar-title .menu-title {
      line-height: 32px; }
  .title-bar-left {
    line-height: 28px; }
  .no-matching-results {
    color: rgba(0, 0, 0, 0.3);
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    text-align: center;
    font-size: 20px;
    padding-top: 2rem;
    padding-bottom: 1rem; }
  .home-btn {
    font-family: "Coda", sans-serif;
    color: #fbd800;
    border: 2px solid #fbd800;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    line-height: 40px;
    display: table;
    width: 100%;
    max-width: 275px;
    text-align: center;
    font-size: 16px;
    margin: auto;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s; }
    .home-btn:hover {
      background: #fff;
      border-color: #fff;
      color: #000; }
  header {
    background: #231f20;
    padding: 1.5rem 0 2rem; }
    header .logo {
      padding: 0 1.5rem;
      max-width: 300px;
      margin: auto; }
    header .dealer-info, header .social {
      display: none; }
  footer {
    background: #000;
    padding-top: 3rem;
    text-align: center; }
    footer .to-top {
      display: none; }
    footer h6 {
      font-family: "Coda", sans-serif;
      color: #fbd800;
      font-size: 18px;
      margin-bottom: 1rem;
      text-transform: uppercase; }
    footer .content {
      font-family: "Roboto", sans-serif;
      color: #b3b3b3;
      font-size: 14px;
      line-height: 20px;
      display: block; }
      footer .content a {
        color: #b3b3b3;
        -webkit-transition: all, 0.3s;
        -moz-transition: all, 0.3s;
        -o-transition: all, 0.3s;
        transition: all, 0.3s; }
        footer .content a:hover {
          color: #fff; }
    footer .title {
      display: block;
      text-transform: uppercase;
      font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.8);
      margin-bottom: 0.275rem; }
    footer .dealership {
      padding-bottom: 1.5rem; }
    footer p {
      font-family: "Roboto", sans-serif;
      font-size: 14px;
      color: #b3b3b3;
      line-height: 18px; }
    footer .ftr-links {
      display: table;
      max-width: 250px;
      margin: 0 auto 1.5rem; }
      footer .ftr-links .social-link {
        float: left;
        padding: 0 0.5rem; }
      footer .ftr-links a {
        -webkit-transition: all, 0.3s;
        -moz-transition: all, 0.3s;
        -o-transition: all, 0.3s;
        transition: all, 0.3s; }
        footer .ftr-links a:hover {
          opacity: 0.7; }
    footer .home-btn {
      line-height: 40px;
      font-size: 14px; }
    footer .copyright {
      margin-top: 3rem;
      padding: 1.75rem 0;
      text-align: center;
      text-transform: uppercase;
      font-family: "Roboto", sans-serif;
      color: #8b8b8b;
      font-size: 12px;
      line-height: 1.7;
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      letter-spacing: 1.2px; }
      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: #8b8b8b;
        font-size: 12px; }
        footer .copyright a:hover {
          color: #fff;
          -webkit-transition: all, 0.3s;
          -moz-transition: all, 0.3s;
          -o-transition: all, 0.3s;
          transition: all, 0.3s; }
  .slide-section {
    position: relative;
    background: #eaf1f6; }
    .slide-section .slide-inner, .slide-section .slide-inner > .row {
      height: 0; }
    .slide-section .slide-inner > .row > .columns {
      height: 0;
      margin-bottom: 469px; }
    .slide-section .slide-inner {
      z-index: 50;
      position: absolute;
      left: 0;
      right: 0;
      top: 32px;
      color: #fff; }
    .slide-section .slide-bg {
      z-index: 0;
      overflow: hidden;
      height: 379px; }
      .slide-section .slide-bg img {
        width: auto; }
      .slide-section .slide-bg .slide1 {
        background: url(../../Userfiles/Image/banner1-sm.jpg) 10% 50% no-repeat;
        background-size: cover;
        height: 379px; }
        .slide-section .slide-bg .slide1 .text {
          padding-top: 4rem; }
      .slide-section .slide-bg .slide2 {
        background: url(../../Userfiles/Image/banner2-sm.jpg) 50% 50% no-repeat;
        background-size: cover;
        height: 379px;
        text-align: center;
        padding-top: 2rem; }
        .slide-section .slide-bg .slide2 .fb-bg {
          /*background: url(../../Userfiles/Image/fb-div.png) 50% 50% no-repeat;
                    background-size: cover;*/
          background: rgba(0, 0, 0, 0.5);
          width: 260px;
          height: 260px;
          display: table;
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
          -ms-border-radius: 100%;
          -o-border-radius: 100%;
          border-radius: 100%;
          margin: auto;
          text-align: center;
          color: #fff;
          font-family: "Coda", sans-serif;
          padding-top: 4.5rem;
          line-height: 1; }
          .slide-section .slide-bg .slide2 .fb-bg i {
            font-size: 20px;
            position: relative;
            bottom: -4px;
            margin-right: 0.25rem; }
          .slide-section .slide-bg .slide2 .fb-bg .fb-page {
            display: block;
            font-size: 20px;
            margin-bottom: 0.5rem; }
          .slide-section .slide-bg .slide2 .fb-bg a {
            width: 200px;
            display: block;
            margin: auto;
            -webkit-transition: all, 0.3s;
            -moz-transition: all, 0.3s;
            -o-transition: all, 0.3s;
            transition: all, 0.3s; }
            .slide-section .slide-bg .slide2 .fb-bg a:hover {
              opacity: 0.7; }
      .slide-section .slide-bg .slide3 {
        background: url(../../Userfiles/Image/banner3-sm.jpg) 50% 50% no-repeat;
        background-size: cover;
        height: 379px;
        padding-top: 7rem; }
        .slide-section .slide-bg .slide3 img {
          margin: auto; }
        .slide-section .slide-bg .slide3 .home-btn {
          border-color: #fff;
          color: #fff;
          background: rgba(0, 0, 0, 0.5); }
          .slide-section .slide-bg .slide3 .home-btn:hover {
            background: #fff;
            color: #000; }
        .slide-section .slide-bg .slide3 .blue-text, .slide-section .slide-bg .slide3 .red-text, .slide-section .slide-bg .slide3 .orange-text {
          text-align: center;
          text-transform: uppercase;
          font-family: "Roboto", sans-serif;
          font-weight: bold;
          margin-bottom: 0.5rem;
          display: block; }
        .slide-section .slide-bg .slide3 .blue-text {
          color: #0077ce;
          font-size: 40px; }
        .slide-section .slide-bg .slide3 .red-text {
          color: #e41d24;
          font-size: 34px; }
        .slide-section .slide-bg .slide3 .date-text {
          font-size: 30px; }
        .slide-section .slide-bg .slide3 .orange-text {
          color: #fb8904;
          font-size: 20px;
          text-transform: none; }
      .slide-section .slide-bg h2 {
        font-family: "Coda", sans-serif;
        font-size: 36px;
        margin-bottom: 1rem; }
      .slide-section .slide-bg ul {
        margin: 0; }
        .slide-section .slide-bg ul li {
          background: url(../../Userfiles/Image/tick.png) 0 0 no-repeat;
          background-size: 20px 20px;
          line-height: 20px;
          font-family: "Roboto", sans-serif;
          color: #000;
          font-size: 18px;
          padding-bottom: 0.75rem;
          padding-left: 2rem; }
      .slide-section .slide-bg .slick-dots {
        margin: -4rem auto 0;
        list-style: none;
        text-align: center;
        padding: 1.5rem 0 0;
        display: table !important;
        z-index: 10;
        position: relative; }
        .slide-section .slide-bg .slick-dots li {
          float: left;
          background: #e1e3e8;
          color: rgba(255, 255, 255, 0);
          width: 12px;
          height: 12px;
          margin: 0 0.375rem;
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
          -ms-border-radius: 100%;
          -o-border-radius: 100%;
          border-radius: 100%;
          cursor: pointer;
          padding: 0; }
          .slide-section .slide-bg .slick-dots li.slick-active {
            background: #fbd800; }
  #featured-section {
    background: #fff url(../../Userfiles/Image/bg-featured-vehicles-sm.jpg) 0 100% no-repeat;
    background-size: cover;
    padding: 3rem 0 4rem; }
    #featured-section .vehicle-save {
      position: relative;
      top: -4px; }
    #featured-section .fv-sp {
      color: rgba(0, 0, 0, 0.4);
      font-size: 10px;
      text-align: center;
      padding-top: 4rem; }
    #featured-section .featured-vehicles {
      clear: both; }
    #featured-section .cell-photo {
      border: none;
      -moz-border-radius-topleft: 6px;
      -webkit-border-top-left-radius: 6px;
      border-top-left-radius: 6px;
      -moz-border-radius-topright: 6px;
      -webkit-border-top-right-radius: 6px;
      border-top-right-radius: 6px;
      overflow: hidden; }
    #featured-section .home-btn {
      font-size: 11px;
      color: #000000;
      letter-spacing: 0.7px;
      text-transform: uppercase;
      font-weight: 900;
      margin: 1.5rem auto 0;
      display: table; }
      #featured-section .home-btn:hover {
        background: #000;
        color: #fff; }
    #featured-section .slick-track {
      margin-left: -0.75rem; }
    #featured-section h2 {
      font-family: "Coda", sans-serif;
      color: rgba(0, 0, 0, 0.9);
      text-transform: uppercase;
      font-size: 28px;
      padding-bottom: 1.25rem;
      margin-bottom: 1.75rem;
      text-align: center; }
      #featured-section h2 .red-text {
        display: block;
        color: #fbd800; }
      #featured-section h2 img {
        position: relative;
        top: -5px; }
    #featured-section .title-dash {
      display: none; }
    #featured-section h6 {
      font-family: "Roboto", sans-serif;
      font-size: 18px;
      color: #1e1e1e;
      font-weight: 400;
      text-align: center;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
      margin-bottom: 0.875rem;
      margin-top: 0; }
    #featured-section .vehicle-info {
      -moz-border-radius-bottomleft: 6px;
      -webkit-border-bottom-left-radius: 6px;
      border-bottom-left-radius: 6px;
      -moz-border-radius-bottomright: 6px;
      -webkit-border-bottom-right-radius: 6px;
      border-bottom-right-radius: 6px;
      background: #fbd800;
      border: 1px solid #d9dbdd;
      border-top: 0;
      font-size: 16px;
      line-height: 1.2;
      text-align: center;
      padding: 1.5rem 1.5rem 2.25rem;
      margin-bottom: 1rem; }
      #featured-section .vehicle-info .price-wrapper {
        font-size: 30px;
        line-height: 1.2;
        font-family: "Coda", sans-serif;
        text-align: center;
        font-weight: 400;
        color: #000; }
        #featured-section .vehicle-info .price-wrapper .special {
          color: #000;
          font-weight: 400; }
    #featured-section .price-wrapper .special, #featured-section .price-wrapper .pre {
      font-weight: 900; }
    #featured-section .finance-custom, #featured-section .vehicle-specs, #featured-section .fuelsaver {
      display: none; }
    #featured-section .slick-arrow {
      display: none !important; }
    #featured-section .slick-dots {
      margin: 0 auto;
      list-style: none;
      text-align: center;
      padding: 1.5rem 0 0;
      display: table !important; }
      #featured-section .slick-dots li {
        float: left;
        background: #e1e3e8;
        color: rgba(255, 255, 255, 0);
        width: 18px;
        height: 8px;
        margin: 0 0.375rem;
        cursor: pointer; }
        #featured-section .slick-dots li.slick-active {
          background: #fbd800; }
  #dealer-section {
    background: #fff;
    padding: 2rem 0 0; }
    #dealer-section .br-line {
      padding-top: 3rem;
      border-bottom: 1px solid #d9d9d9; }
    #dealer-section .dealer {
      width: 100%;
      max-width: 370px;
      padding: 0 1rem; }
      #dealer-section .dealer .img {
        height: 284px;
        display: table;
        width: 100%;
        padding: 0 1rem; }
        #dealer-section .dealer .img span {
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          font-family: "Coda", sans-serif;
          font-size: 42px;
          color: #fff;
          line-height: 50px;
          text-transform: uppercase;
          text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6); }
      #dealer-section .dealer.dealer-1 .img {
        background: url(../../Userfiles/Image/location_frankton.jpg) 50% 50% no-repeat;
        background-size: cover; }
      #dealer-section .dealer.dealer-2 .img {
        background: url(../../Userfiles/Image/location_tepapa.jpg) 50% 50% no-repeat;
        background-size: cover; }
      #dealer-section .dealer.dealer-3 .img {
        background: url(../../Userfiles/Image/location_cheap-car.jpg) 50% 50% no-repeat;
        background-size: cover; }
      #dealer-section .dealer .map {
        background: rgba(0, 0, 0, 0.1); }
    #dealer-section .slick-dots {
      margin: 0 auto;
      list-style: none;
      text-align: center;
      padding: 1.5rem 0 0;
      display: table !important; }
      #dealer-section .slick-dots li {
        float: left;
        background: #e1e3e8;
        color: rgba(255, 255, 255, 0);
        width: 12px;
        height: 12px;
        margin: 0 0.375rem;
        cursor: pointer;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%; }
        #dealer-section .slick-dots li.slick-active {
          background: #fbd800; }
    #dealer-section .link a {
      background: #fbd800;
      display: table;
      width: 100%;
      text-align: center;
      line-height: 40px;
      color: #111;
      font-family: "Coda", sans-serif;
      font-size: 14px;
      text-transform: uppercase;
      -webkit-transition: all, 0.3s;
      -moz-transition: all, 0.3s;
      -o-transition: all, 0.3s;
      transition: all, 0.3s; }
      #dealer-section .link a:hover {
        background: #c8ac00; }
  #finance-section {
    background: #fbd800 url(../../Userfiles/Image/bg-finance-sm.jpg) 0 100% no-repeat;
    padding: 3rem 0 5rem;
    text-align: center; }
    #finance-section h2 {
      font-family: "Coda", sans-serif;
      color: #000;
      text-transform: uppercase;
      font-size: 28px;
      margin-bottom: 1.75rem; }
    #finance-section p {
      font-family: "Roboto", sans-serif;
      color: rgba(0, 0, 0, 0.9);
      max-width: 300px;
      margin: 0 auto 2rem; }
    #finance-section .finance-links {
      display: table;
      margin: auto; }
      #finance-section .finance-links a {
        display: table-cell;
        float: left;
        width: 150px;
        height: 150px;
        text-align: center;
        text-transform: uppercase;
        font-size: 18px;
        color: #000;
        border: 2px solid #000;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        -webkit-transition: all, 0.3s;
        -moz-transition: all, 0.3s;
        -o-transition: all, 0.3s;
        transition: all, 0.3s;
        margin: 0.5rem;
        position: relative; }
        #finance-section .finance-links a i {
          display: block;
          font-size: 60px;
          margin-bottom: 0.25rem;
          margin-top: 1.75rem; }
        #finance-section .finance-links a:hover {
          background: #000;
          color: #fbd800; }
  #community-section {
    background: #fff;
    padding: 4rem 0;
    text-align: center; }
    #community-section h2 {
      font-family: "Coda", sans-serif;
      color: rgba(0, 0, 0, 0.9);
      text-transform: uppercase;
      font-size: 28px;
      margin-bottom: 2.5rem; }
    #community-section .community-item {
      width: 100%;
      max-width: 300px;
      text-align: left;
      padding: 0 1rem; }
    #community-section h4 {
      font-family: "Coda", sans-serif;
      color: #000;
      font-size: 20px;
      margin-bottom: 1rem; }
    #community-section .img {
      margin-bottom: 2rem;
      width: auto; }
    #community-section p {
      font-family: "Roboto", sans-serif;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.9); }
    #community-section .slick-dots {
      margin: 0 auto;
      list-style: none;
      text-align: center;
      padding: 1.5rem 0 0;
      display: table !important; }
      #community-section .slick-dots li {
        float: left;
        background: #ececec;
        color: rgba(255, 255, 255, 0);
        width: 12px;
        height: 12px;
        margin: 0 0.375rem;
        cursor: pointer;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%; }
        #community-section .slick-dots li.slick-active {
          background: #fbd800; }
  #about-section {
    background: #fbd800 url(../../Userfiles/Image/bg-about-us.jpg) 50% 100% no-repeat;
    padding: 3rem 0; }
    #about-section .town-text .home-btn {
      border-color: #000;
      color: #000;
      margin: 1rem 0 0; }
      #about-section .town-text .home-btn:hover {
        background: #000;
        color: #fff; }
    #about-section h2 {
      color: #000;
      font-family: "Coda", sans-serif;
      margin-bottom: 1rem;
      font-size: 28px; }
    #about-section .inner-list {
      padding-left: 1.25rem; }
      #about-section .inner-list li {
        list-style: disc;
        font-family: "Roboto", sans-serif;
        color: rgba(0, 0, 0, 0.9);
        font-size: 16px; }
    #about-section p {
      font-family: "Roboto", sans-serif;
      color: rgba(0, 0, 0, 0.9);
      font-size: 16px; }
    #about-section .about-text, #about-section .video-section {
      padding-bottom: 2rem; }
  #insurance-section {
    background: #11255d;
    background-image: -owg(linear-gradient(90deg, #11255d 0, #0d398a 100%));
    background-image: -webkit(linear-gradient(90deg, #11255d 0, #0d398a 100%));
    background-image: -moz(linear-gradient(90deg, #11255d 0, #0d398a 100%));
    background-image: -o(linear-gradient(90deg, #11255d 0, #0d398a 100%));
    background-image: linear-gradient(90deg, #11255d 0, #0d398a 100%);
    padding: 3rem 0; }
    #insurance-section .home-btn {
      border-color: #fff;
      color: #fff;
      margin-left: 0; }
      #insurance-section .home-btn:hover {
        color: #11255d; }
    #insurance-section h2 {
      font-family: "Coda", sans-serif;
      color: rgba(255, 255, 255, 0.8);
      font-size: 28px;
      margin-bottom: 1.5rem; }
    #insurance-section p {
      font-family: "Roboto", sans-serif;
      color: rgba(255, 255, 255, 0.9);
      font-size: 16px; }
    #insurance-section ul {
      margin: 0 0 2rem; }
      #insurance-section ul li {
        background: url(../../Userfiles/Image/tick2.png) 0 0 no-repeat;
        line-height: 21px;
        font-family: "Roboto", sans-serif;
        color: rgba(255, 255, 255, 0.9);
        font-size: 16px;
        padding-bottom: 0.75rem;
        padding-left: 2rem; }
  #testimonial-section {
    background: #11255d;
    background-image: -owg(linear-gradient(90deg, #11255d 0, #0d398a 100%));
    background-image: -webkit(linear-gradient(90deg, #11255d 0, #0d398a 100%));
    background-image: -moz(linear-gradient(90deg, #11255d 0, #0d398a 100%));
    background-image: -o(linear-gradient(90deg, #11255d 0, #0d398a 100%));
    background-image: linear-gradient(90deg, #11255d 0, #0d398a 100%);
    padding: 3rem 0; }
    #testimonial-section .slick-arrow {
      display: none !important; }
    #testimonial-section h2 {
      color: #fff;
      text-align: center;
      font-family: "Coda", sans-serif;
      font-size: 24px;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 3rem; }
    #testimonial-section .text {
      background: #fff;
      padding: 2rem 1.5rem 2.5rem;
      margin-bottom: 2rem;
      font-family: "Roboto", sans-serif;
      font-size: 18px;
      line-height: 24px;
      position: relative;
      min-height: 194px; }
      #testimonial-section .text:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 13px 0 13px 30px;
        border-color: transparent transparent transparent #fff;
        position: absolute;
        bottom: -13px;
        left: 2rem; }
    #testimonial-section .photo-bg {
      width: 100px !important;
      height: 100px !important;
      background-size: cover !important;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      float: left; }
    #testimonial-section .name {
      color: #fff;
      font-family: "Roboto", sans-serif;
      font-size: 24px;
      font-weight: bold;
      line-height: 100px;
      padding-left: 1rem;
      float: left;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
      display: inline-block;
      width: calc(100% - 100px); }
    #testimonial-section .slick-dots {
      margin: 0.5rem auto 0;
      list-style: none;
      text-align: center;
      padding: 1.5rem 0 0;
      display: table !important; }
      #testimonial-section .slick-dots li {
        float: left;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid #d5d5d5;
        background: #d5d5d5;
        color: rgba(255, 255, 255, 0);
        width: 0.875rem;
        height: 0.875rem;
        margin: 0 0.375rem;
        cursor: pointer; }
        #testimonial-section .slick-dots li.slick-active {
          border: 2px solid #fbd800;
          background: #fbd800;
          opacity: 1; }
  #vehicle-wrapper-vm #vehicle-list-wrapper {
    position: relative;
    z-index: 1; }
    #vehicle-wrapper-vm #vehicle-list-wrapper:after {
      content: 'Loading Vehicles...';
      position: fixed;
      top: 40%;
      margin: auto;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      background: #fbd800;
      color: #000;
      opacity: 0;
      padding: 1rem 3rem;
      transition: all 0.2s;
      display: inline-block;
      text-align: center;
      font-size: 1rem;
      border-radius: 5px;
      z-index: 4; }
  #vehicle-wrapper-vm.searching #vehicle-list-wrapper:after {
    opacity: 1; }
  .vehicle-results ul.vehicle-list li.vehicle {
    transition: all 0.4s;
    opacity: 1; }
    .vehicle-results ul.vehicle-list li.vehicle.infFade {
      opacity: 0; } }

/* min-width 470px */
@media only screen and (min-width: 470px) {
  footer .copyright i {
    display: inline; }
  .size-60 {
    font-size: 45px !important; } }

/* min-width 640px, 40.063em medium screens */
@media only screen and (min-width: 640px) {
  .no-matching-results {
    font-size: 30px;
    padding-bottom: 2.5rem; }
  header .logo {
    width: 300px; }
  footer {
    text-align: left;
    position: relative; }
    footer .contact-section, footer .hours-section, footer .follow-section {
      width: 50%;
      float: left; }
    footer .ftr-links, footer .home-btn {
      margin-left: 0; }
    footer .ftr-links .social-link {
      padding: 0 1.25rem 0 0; }
    footer .hourday {
      max-width: 270px;
      font-size: 14px;
      line-height: 24px;
      background: transparent;
      color: #b3b3b3;
      position: relative;
      font-family: "Roboto", sans-serif;
      text-align: left; }
      footer .hourday span {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        display: block;
        text-align: left;
        padding-right: 1rem;
        background: transparent;
        font-family: "Roboto", sans-serif;
        color: #b3b3b3; }
    footer .hourday.active {
      background: transparent;
      font-family: "Roboto", sans-serif;
      color: #fbd800;
      font-weight: bold; }
      footer .hourday.active span {
        background: transparent;
        font-family: "Roboto", sans-serif;
        color: #fbd800; }
    footer .hourday:last-child {
      border-bottom: none; }
  .slide-section .slide-bg {
    height: 400px; }
    .slide-section .slide-bg .slide1, .slide-section .slide-bg .slide2, .slide-section .slide-bg .slide3 {
      height: 400px; }
    .slide-section .slide-bg .slide1 {
      background: url(../../Userfiles/Image/banner1.jpg) 50% 50% no-repeat;
      background-size: cover; }
      .slide-section .slide-bg .slide1 .text {
        padding-top: 4rem; }
    .slide-section .slide-bg .slide2 {
      background: url(../../Userfiles/Image/banner2.jpg) 50% 50% no-repeat;
      background-size: cover;
      padding-top: 0; }
      .slide-section .slide-bg .slide2 .fb-bg {
        width: 400px;
        height: 400px;
        display: table;
        padding-top: 5.5rem;
        font-size: 45px; }
        .slide-section .slide-bg .slide2 .fb-bg i {
          font-size: 50px;
          bottom: -8px;
          margin-right: 0.5rem; }
        .slide-section .slide-bg .slide2 .fb-bg .fb-page {
          font-size: 50px;
          margin-bottom: 1.5rem; }
        .slide-section .slide-bg .slide2 .fb-bg a {
          width: auto;
          display: table; }
    .slide-section .slide-bg .slide3 {
      padding-top: 8rem;
      background: url(../../Userfiles/Image/banner3.jpg) 50% 50% no-repeat;
      background-size: cover; }
      .slide-section .slide-bg .slide3 .home-btn {
        margin-top: 1.5rem; }
      .slide-section .slide-bg .slide3 .blue-text, .slide-section .slide-bg .slide3 .red-text, .slide-section .slide-bg .slide3 .orange-text {
        margin-bottom: 1rem;
        line-height: 1; }
      .slide-section .slide-bg .slide3 .blue-text {
        font-size: 80px; }
      .slide-section .slide-bg .slide3 .red-text {
        font-size: 70px; }
      .slide-section .slide-bg .slide3 .date-text {
        font-size: 60px; }
      .slide-section .slide-bg .slide3 .orange-text {
        font-size: 30px; }
    .slide-section .slide-bg h2 {
      font-size: 42px;
      margin-bottom: 1.5rem; }
    .slide-section .slide-bg ul {
      margin: 0; }
      .slide-section .slide-bg ul li {
        background: url(../../Userfiles/Image/tick.png) 0 0 no-repeat;
        background-size: 38px 38px;
        line-height: 38px;
        font-size: 28px;
        padding-left: 3.5rem; }
  #featured-section {
    padding: 4rem 0 5.25rem;
    background: #fff url(../../Userfiles/Image/bg-featured-vehicles.jpg) 50% 0 no-repeat;
    background-size: cover; }
    #featured-section .fv-sp {
      text-align: left;
      padding-top: 2.25rem;
      padding-left: 0.5rem; }
    #featured-section .vehicle {
      padding-bottom: 1rem; }
  #finance-section {
    background: #fbd800 url(../../Userfiles/Image/bg-finance.jpg) 50% 100% no-repeat;
    background-size: cover;
    padding: 3rem 0 5rem; }
  #community-section {
    background: #fff url(../../Userfiles/Image/bg-community.jpg) 50% 0 no-repeat;
    background-size: cover; }
    #community-section .community-item {
      max-width: 390px; }
    #community-section h4 {
      font-size: 24px; }
    #community-section p {
      font-size: 18px; }
  #about-section {
    background: #000;
    padding: 3rem 1rem; }
    #about-section .about-text {
      background: #fbd800 url(../../Userfiles/Image/bg-about-us.jpg) 50% 100% no-repeat;
      background-size: cover;
      padding: 2rem 1.5rem; }
    #about-section .town-text {
      background: #fbd800 url(../../Userfiles/Image/bg-out-of-town.jpg) 50% 100% no-repeat;
      background-size: cover;
      padding: 2rem 1.5rem; }
    #about-section .image-section1 {
      background: #fbd800 url(../../Userfiles/Image/img_about-us2.jpg) 50% 10% no-repeat;
      height: 400px; }
    #about-section .about-text, #about-section .town-text, #about-section .image-section1 {
      max-width: 560px;
      margin: auto; }
  #insurance-section .text {
    max-width: 500px; }
  #testimonial-section {
    padding: 4rem 0; }
    #testimonial-section h2 {
      font-size: 36px; }
    #testimonial-section .testimonial {
      padding: 0 1rem; }
  #partners {
    padding: 2.5rem 0; }
    #partners .img {
      width: 25%;
      float: left;
      text-align: center; } }

/* min-width 760px */
@media only screen and (min-width: 760px) {
  header {
    background: #211e1f url(../../Userfiles/Image/bg-hdr.jpg) 100% 100% no-repeat; }
    header .logo {
      float: left;
      padding: 0.25rem 0 0;
      width: auto;
      max-width: none; }
    header .dealer-info {
      display: block;
      width: 345px;
      max-width: 545px;
      float: right;
      padding-top: 0;
      text-align: left; }
      header .dealer-info .title {
        font-size: 22px;
        color: #fff;
        display: block;
        margin-bottom: 0;
        -webkit-transition: all, 0.3s;
        -moz-transition: all, 0.3s;
        -o-transition: all, 0.3s;
        transition: all, 0.3s; }
        header .dealer-info .title a {
          color: #fff; }
          header .dealer-info .title a:hover {
            color: #fbd800; }
      header .dealer-info .content {
        display: block;
        font-size: 18px;
        color: rgba(255, 255, 255, 0.9);
        line-height: 18px; }
        header .dealer-info .content a {
          color: rgba(255, 255, 255, 0.9);
          -webkit-transition: all, 0.3s;
          -moz-transition: all, 0.3s;
          -o-transition: all, 0.3s;
          transition: all, 0.3s; }
          header .dealer-info .content a:hover {
            color: #fbd800; }
      header .dealer-info .ph {
        background: url(../../Userfiles/Image/phone.png) 1px 5px no-repeat;
        margin-bottom: 0.25rem; }
      header .dealer-info .addr {
        background: url(../../Userfiles/Image/pin.png) 2px 8px no-repeat; }
      header .dealer-info .ph, header .dealer-info .addr {
        padding-left: 3.25rem;
        padding-bottom: 0.5rem; }
  #featured-section {
    padding-top: 3.5rem; }
    #featured-section h2 {
      font-size: 36px; }
      #featured-section h2 .red-text {
        display: inline; }
    #featured-section .title-dash {
      display: inline; }
  #finance-section {
    padding: 5rem 0 6.5rem;
    text-align: left; }
    #finance-section h2 {
      font-size: 36px; }
    #finance-section p {
      font-size: 18px;
      max-width: 540px;
      margin: 0 0 1rem; }
    #finance-section .finance-links {
      display: table;
      margin: 4rem 0 0; }
      #finance-section .finance-links a {
        display: block;
        width: 200px;
        height: 200px;
        font-size: 24px;
        font-family: "Coda", sans-serif;
        margin: 0 2rem 0 0;
        position: relative; }
        #finance-section .finance-links a i {
          font-size: 80px;
          margin-bottom: 0.75rem;
          margin-top: 2.25rem; }
  #community-section {
    padding: 5rem 0; }
    #community-section h2 {
      font-size: 36px; } }

/* min-width 1024px, large screens */
@media only screen and (min-width: 64em) {
  .no-matching-results {
    font-size: 36px;
    padding-bottom: 3.5rem; }
  .home-btn {
    line-height: 52px; }
  nav.navigation {
    width: 100%;
    height: 66px;
    background: #333333;
    margin-top: 0; }
    nav.navigation > ul:before {
      display: none; }
    nav.navigation ul {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      background: none;
      border: none;
      max-width: 1170px;
      margin: 0 auto;
      width: 100%;
      position: relative;
      top: 0;
      height: 66px; }
      nav.navigation ul li:not(:first-child) {
        border-top: none; }
      nav.navigation ul li:first-child {
        padding-top: 0;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; }
      nav.navigation ul li.bottom {
        padding-bottom: 0; }
      nav.navigation ul li {
        float: left;
        background: none;
        border: none;
        line-height: 66px;
        margin: 0;
        padding: 0; }
        nav.navigation ul li a {
          color: #fff;
          font-family: "Coda", sans-serif;
          font-size: 14px;
          font-weight: 400;
          height: 66px;
          display: block;
          text-transform: uppercase;
          letter-spacing: 1px;
          padding: 0 0.75rem;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          -ms-border-radius: 0;
          -o-border-radius: 0;
          border-radius: 0;
          -webkit-transition: all, 0.3s;
          -moz-transition: all, 0.3s;
          -o-transition: all, 0.3s;
          transition: all, 0.3s;
          position: relative; }
          nav.navigation ul li a:before {
            content: '';
            position: absolute;
            bottom: -1rem;
            left: 50%;
            margin-left: -8px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 8px 9px 8px;
            border-color: transparent transparent #fff transparent;
            opacity: 0;
            -webkit-transition: all, 0.3s;
            -moz-transition: all, 0.3s;
            -o-transition: all, 0.3s;
            transition: all, 0.3s; }
        nav.navigation ul li a.active:before, nav.navigation ul li a:hover:before {
          opacity: 1;
          bottom: 0; }
      nav.navigation ul li.has-submenu {
        position: relative; }
        nav.navigation ul li.has-submenu a i {
          font-size: 9px; }
        nav.navigation ul li.has-submenu a:hover:before {
          display: none; }
        nav.navigation ul li.has-submenu ul {
          -moz-border-radius-topleft: 0;
          -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
          -moz-border-radius-topright: 0;
          -webkit-border-top-right-radius: 0;
          border-top-right-radius: 0;
          height: auto;
          padding-top: 0.75rem;
          padding-bottom: 0;
          padding-left: 0;
          width: 220px;
          display: none;
          position: absolute;
          left: 0;
          top: 66px;
          background: #1a1a1a;
          text-align: left;
          z-index: 1; }
          nav.navigation ul li.has-submenu ul li {
            float: none;
            width: 220px;
            padding-left: 1.25rem;
            padding: 0;
            background: none;
            border-top: none !important; }
            nav.navigation ul li.has-submenu ul li a {
              color: #fff;
              opacity: 0.7;
              padding: 0 0 0 1rem;
              display: block;
              border: none !important;
              font-size: 13px;
              line-height: 35px;
              height: 35px;
              -webkit-transition: all, 0.3s;
              -moz-transition: all, 0.3s;
              -o-transition: all, 0.3s;
              transition: all, 0.3s;
              position: relative; }
              nav.navigation ul li.has-submenu ul li a:after {
                content: "\e938";
                font-family: "icomoon";
                color: transparent;
                -webkit-transition: all, 0.5s;
                -moz-transition: all, 0.5s;
                -o-transition: all, 0.5s;
                transition: all, 0.5s;
                margin-left: 3rem;
                position: absolute; }
            nav.navigation ul li.has-submenu ul li a:hover {
              opacity: 1; }
              nav.navigation ul li.has-submenu ul li a:hover:after {
                color: #fff;
                margin-left: 0.25rem; }
          nav.navigation ul li.has-submenu ul.extra-menu {
            width: 350px; }
            nav.navigation ul li.has-submenu ul.extra-menu li {
              width: 320px; }
      nav.navigation ul li.has-submenu:hover ul {
        display: table; }
      nav.navigation ul li.has-submenu:hover a {
        background: #1a1a1a; }
      nav.navigation ul li.has-submenu:hover > ul.submenu {
        background: #1a1a1a; }
        nav.navigation ul li.has-submenu:hover > ul.submenu a {
          color: none; }
      nav.navigation ul li.nav-fav, nav.navigation ul .nav-search {
        float: right; }
        nav.navigation ul li.nav-fav a, nav.navigation ul .nav-search a {
          background: none;
          padding: 0 0.5rem;
          font-weight: 400;
          line-height: 66px;
          -webkit-transition: all, 0.3s;
          -moz-transition: all, 0.3s;
          -o-transition: all, 0.3s;
          transition: all, 0.3s; }
          nav.navigation ul li.nav-fav a:before, nav.navigation ul .nav-search a:before {
            display: none; }
          nav.navigation ul li.nav-fav a:hover, nav.navigation ul .nav-search a:hover {
            color: #fbd800; }
          nav.navigation ul li.nav-fav a i, nav.navigation ul .nav-search a i {
            font-size: 22px; }
      nav.navigation ul li.nav-fav .amount {
        vertical-align: super;
        padding-left: 0.25rem; }
      nav.navigation ul li.nav-search {
        padding-right: 1rem; }
        nav.navigation ul li.nav-search i {
          vertical-align: middle;
          font-size: 24px; }
        nav.navigation ul li.nav-search .small {
          font-size: 9px; }
  header {
    padding: 1rem 0; }
    header .logo {
      padding-top: 1rem;
      width: calc(100% - 700px);
      max-width: 318px;
      display: table; }
      header .logo img {
        display: table-cell;
        vertical-align: middle; }
    header .social {
      float: right; }
    header .dealer-info {
      float: right;
      max-width: 660px;
      width: 100%;
      padding-top: 2.75rem; }
      header .dealer-info .ph, header .dealer-info .addr {
        float: left; }
      header .dealer-info .addr {
        margin-left: 1rem; }
    header .social {
      display: block;
      padding-top: 0; }
      header .social .social-link {
        padding: 0.5rem 0; }
      header .social a {
        -webkit-transition: all, 0.3s;
        -moz-transition: all, 0.3s;
        -o-transition: all, 0.3s;
        transition: all, 0.3s; }
        header .social a:hover {
          opacity: 0.7; }
  #search-section {
    background: #000;
    width: 100%;
    margin-top: 0;
    padding: 5rem 1rem 17rem;
    position: relative; }
    #search-section .row {
      max-width: 1170px; }
    #search-section .search-svg {
      z-index: 3; }
    #search-section .home-btn {
      position: relative;
      z-index: 5;
      margin: 2rem auto; }
    #search-section .search-btn-wrap {
      padding-top: 4px; }
    #search-section .columns {
      padding: 0;
      margin: 0; }
    #search-section .custom-dropdown-area:hover .custom-dropdown-button, #search-section .zselect ul {
      background-color: transparent; }
    #search-section .search-panel {
      border: none;
      padding: 0 0 2rem;
      background: transparent;
      position: relative;
      z-index: 10; }
      #search-section .search-panel .custom-dropdown-area ul {
        border-bottom: 1px solid #bbbbbb;
        border-left: 1px solid #bbbbbb;
        border-right: 1px solid #bbbbbb;
        top: 52px;
        background: #000; }
        #search-section .search-panel .custom-dropdown-area ul li a {
          color: rgba(255, 255, 255, 0.7); }
      #search-section .search-panel .custom-dropdown-area li:hover {
        background: #333; }
      #search-section .search-panel .custom-dropdown-area {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        color: rgba(255, 255, 255, 0.7);
        letter-spacing: 1px;
        margin-bottom: 0.75rem;
        margin-top: 0; }
      #search-section .search-panel .custom-dropdown-button {
        border: 2px solid #bbbbbb;
        background: transparent;
        padding: 8px 16px;
        font-size: 16px;
        color: rgba(255, 255, 255, 0.7);
        font-family: "Roboto", sans-serif;
        height: 52px;
        letter-spacing: 0;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        font-weight: 300; }
      #search-section .search-panel .search-input {
        margin-top: 3px; }
      #search-section .search-panel .zselect {
        border: 2px solid #bbbbbb;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        background: transparent;
        color: rgba(255, 255, 255, 0.7);
        height: 52px;
        line-height: 39px;
        margin-bottom: 0;
        margin-top: 3px;
        padding-left: 0.8rem;
        box-shadow: none;
        font-family: "Roboto", sans-serif;
        font-size: 16px; }
        #search-section .search-panel .zselect input {
          margin-bottom: 0;
          margin-top: 4px; }
        #search-section .search-panel .zselect ul {
          border: 1px solid #bbbbbb;
          margin: 6px 0 0 -14px;
          max-height: 300px;
          overflow-y: auto;
          overflow-x: hidden;
          background: #000; }
          #search-section .search-panel .zselect ul li {
            position: relative;
            padding-top: 0;
            padding-bottom: 0;
            line-height: 16px; }
            #search-section .search-panel .zselect ul li:hover {
              background-color: #333;
              color: rgba(255, 255, 255, 0.7); }
            #search-section .search-panel .zselect ul li span {
              position: absolute;
              left: 3rem;
              top: 0.875rem; }
            #search-section .search-panel .zselect ul li input[type='checkbox'] {
              height: 36px; }
      #search-section .search-panel .zselect span.zmshead {
        font-size: 16px;
        font-weight: 300;
        font-family: "Roboto", sans-serif; }
      #search-section .search-panel [type='checkbox']:after {
        top: 5px;
        line-height: 1; }
      #search-section .search-panel label {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #222426;
        margin-bottom: 0.25rem;
        margin-top: 0.25rem;
        padding-left: 0.125rem;
        line-height: 1;
        display: none; }
      #search-section .search-panel input, #search-section .search-panel select {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        background: transparent;
        border: 2px solid #bbbbbb;
        color: rgba(255, 255, 255, 0.7);
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        height: 52px;
        line-height: 52px;
        margin-bottom: 25px;
        padding-left: 0.8rem;
        box-shadow: none; }
      #search-section .search-panel .select {
        width: 101%;
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: ''; }
      #search-section .search-panel .custom-dropdown-button:after {
        background-image: none; }
      #search-section .search-panel input:focus {
        border: 2px solid #fbd800;
        color: rgba(255, 255, 255, 0.7);
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        height: 52px; }
      #search-section .search-panel .small-4.columns {
        padding: 0 10px; }
      #search-section .search-panel .small-4.columns:last-child .columns:last-child {
        padding-right: 4px; }
      #search-section .search-panel .small-6.columns:first-child {
        padding: 0 8px 0 0; }
      #search-section .search-panel .small-6.columns:last-child {
        padding: 0 0 0 8px; }
      #search-section .search-panel i {
        position: relative;
        display: block; }
      #search-section .search-panel i:after {
        display: block;
        position: absolute;
        top: 0;
        right: 2px;
        width: 18px;
        content: '\25BC';
        color: #939394;
        font-size: 0.7rem;
        line-height: 52px;
        pointer-events: none;
        -moz-border-radius-topright: 3px;
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px; }
      #search-section .search-panel .small-6 i:after {
        top: 0; }
      #search-section .search-panel .transmission i:after {
        top: 0; }
      #search-section .search-panel .hide-btn {
        display: none !important; }
      #search-section .search-panel .btn-search {
        background-color: transparent;
        height: auto;
        line-height: normal;
        width: 33.33333%;
        text-align: center;
        display: block; }
        #search-section .search-panel .btn-search label {
          display: none; }
        #search-section .search-panel .btn-search a {
          background: #fbd800;
          font-size: 16px;
          color: #000;
          letter-spacing: 1.2px;
          font-family: "Coda", sans-serif;
          line-height: 52px;
          font-weight: 400;
          display: table;
          width: 100%;
          margin: 0 auto;
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          -ms-border-radius: 6px;
          -o-border-radius: 6px;
          border-radius: 6px;
          -webkit-transition: all, 0.3s;
          -moz-transition: all, 0.3s;
          -o-transition: all, 0.3s;
          transition: all, 0.3s;
          position: relative; }
          #search-section .search-panel .btn-search a:hover {
            background: #c8ac00; }
          #search-section .search-panel .btn-search a span {
            position: relative;
            z-index: 4; }
    #search-section ::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.7);
      font-weight: 300; }
    #search-section :-moz-placeholder {
      color: rgba(255, 255, 255, 0.7);
      opacity: 1;
      font-weight: 300; }
    #search-section ::-moz-placeholder {
      color: rgba(255, 255, 255, 0.7);
      opacity: 1;
      font-weight: 300; }
    #search-section :-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.7);
      font-weight: 300; }
    #search-section :placeholder-shown {
      color: rgba(255, 255, 255, 0.7);
      font-weight: 300; }
    #search-section .all-vehicles {
      display: table;
      margin: auto; }
    #search-section .bs-container {
      position: relative;
      z-index: 1; }
    #search-section i.col2:after {
      right: 5px; }
    #search-section .bs:hover span {
      display: inline-block; }
    #search-section .bs-search {
      padding: 1.25rem 0 0;
      text-align: center;
      position: relative;
      z-index: 5; }
      #search-section .bs-search h4 {
        font-size: 18px;
        color: #fff;
        letter-spacing: 0;
        font-weight: 400;
        font-family: "Coda", sans-serif;
        margin-bottom: 3rem;
        padding-bottom: 1.5rem;
        position: relative;
        text-transform: uppercase; }
        #search-section .bs-search h4:after {
          content: '';
          height: 1px;
          width: 220px;
          background: #fff;
          position: absolute;
          left: 50%;
          top: 12px;
          margin-left: -110px;
          z-index: 2; }
        #search-section .bs-search h4 span {
          position: relative;
          z-index: 3;
          background: #000;
          padding: 0 0.5rem; }
      #search-section .bs-search .bs-container {
        padding: 0;
        display: table;
        width: 100%;
        margin-bottom: 2.5rem; }
        #search-section .bs-search .bs-container span {
          display: block;
          font-family: "Coda", sans-serif;
          font-weight: 400;
          font-size: 18px;
          line-height: 1;
          padding-top: 1.5rem; }
        #search-section .bs-search .bs-container a {
          color: #808080;
          display: block; }
        #search-section .bs-search .bs-container i {
          display: inline-block;
          font-size: 50px; }
        #search-section .bs-search .bs-container .bs:hover a {
          color: #fbd800; }
        #search-section .bs-search .bs-container .bs-container {
          padding: 0 4rem;
          position: relative; }
        #search-section .bs-search .bs-container .bs {
          color: #4d4d4d;
          width: 20%;
          float: left;
          -webkit-transition: all, 0.3s;
          -moz-transition: all, 0.3s;
          -o-transition: all, 0.3s;
          transition: all, 0.3s; }
        #search-section .bs-search .bs-container .has-tip {
          border-bottom: none;
          color: #b4b4b4;
          cursor: pointer; }
          #search-section .bs-search .bs-container .has-tip:hover, #search-section .bs-search .bs-container .has-tip:focus {
            color: #fbd800; }
  .slider-svg, .search-svg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 95px;
    pointer-events: none; }
  footer {
    padding-top: 5rem; }
    footer .to-top {
      display: block;
      position: absolute;
      right: 0;
      top: -6.75rem;
      height: 70px;
      width: 70px;
      background: #333333;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      line-height: 70px;
      text-align: center;
      color: rgba(255, 255, 255, 0.7);
      font-size: 30px;
      cursor: pointer;
      -webkit-transition: all, 0.3s;
      -moz-transition: all, 0.3s;
      -o-transition: all, 0.3s;
      transition: all, 0.3s; }
      footer .to-top:hover {
        background: #1a1a1a;
        color: white; }
    footer .footer-info {
      position: relative; }
    footer .contact-section, footer .hours-section, footer .follow-section, footer .about-section {
      width: 25%;
      float: left; }
    footer .contact-section {
      padding-left: 2.5rem; }
    footer .hours-section {
      padding-right: 1rem;
      padding-left: 1rem; }
    footer .follow-section {
      padding-left: 3rem; }
    footer .about-section {
      padding-right: 1.75rem; }
    footer p {
      line-height: 20px; }
    footer .copyright {
      border-top: 0;
      position: relative;
      padding: 2.5rem; }
      footer .copyright:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 1170px;
        margin-left: -585px;
        height: 1px;
        background: rgba(255, 255, 255, 0.5); }
      footer .copyright span {
        width: 13px; }
  .slide-section {
    position: relative; }
    .slide-section .slide-bg {
      height: 500px; }
      .slide-section .slide-bg .slide1, .slide-section .slide-bg .slide2, .slide-section .slide-bg .slide3 {
        height: 500px; }
      .slide-section .slide-bg .slide1 .text {
        padding-top: 5rem; }
      .slide-section .slide-bg h2 {
        font-size: 60px;
        margin-bottom: 1.5rem; }
      .slide-section .slide-bg ul {
        margin: 0; }
        .slide-section .slide-bg ul li {
          background: url(../../Userfiles/Image/tick.png) 0 0 no-repeat;
          background-size: 38px 38px;
          line-height: 38px;
          font-size: 33px;
          padding-left: 3.5rem;
          padding-bottom: 1.25rem; }
      .slide-section .slide-bg .slide2 {
        padding-top: 2rem; }
        .slide-section .slide-bg .slide2 .fb-bg {
          padding-top: 6.5rem; }
      .slide-section .slide-bg .slide3 {
        padding-top: 8rem; }
        .slide-section .slide-bg .slide3 .blue-text, .slide-section .slide-bg .slide3 .red-text, .slide-section .slide-bg .slide3 .orange-text {
          margin-bottom: 1.25rem;
          line-height: 1; }
        .slide-section .slide-bg .slide3 .blue-text {
          font-size: 100px; }
        .slide-section .slide-bg .slide3 .red-text {
          font-size: 90px; }
        .slide-section .slide-bg .slide3 .date-text {
          font-size: 70px; }
        .slide-section .slide-bg .slide3 .orange-text {
          font-size: 40px; }
      .slide-section .slide-bg .slick-dots {
        margin-top: -4rem;
        position: relative;
        z-index: 15; }
        .slide-section .slide-bg .slick-dots li {
          width: 14px;
          height: 14px; }
  #featured-section .cell-photo {
    overflow: hidden; }
    #featured-section .cell-photo .vehicle-media {
      z-index: 5; }
    #featured-section .cell-photo img {
      -webkit-transition: all, 3s;
      -moz-transition: all, 3s;
      -o-transition: all, 3s;
      transition: all, 3s; }
      #featured-section .cell-photo img:hover {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition-timing-function: cubic-bezier(0, 0.88, 0.44, 1);
        -moz-transition-timing-function: cubic-bezier(0, 0.88, 0.44, 1);
        -o-transition-timing-function: cubic-bezier(0, 0.88, 0.44, 1);
        transition-timing-function: cubic-bezier(0, 0.88, 0.44, 1); }
  #dealer-section {
    padding-top: 0; }
    #dealer-section .dealer-slider {
      padding: 0 15px;
      margin-top: -13rem;
      position: relative;
      z-index: 10; }
    #dealer-section .dealer {
      max-width: none;
      padding: 0 15px; }
      #dealer-section .dealer:nth-child(1) {
        padding-right: 1rem;
        padding-left: 0; }
      #dealer-section .dealer:nth-child(2) {
        padding: 0 0.5rem; }
      #dealer-section .dealer:nth-child(3) {
        padding-right: 0;
        padding-left: 1rem; }
      #dealer-section .dealer .img {
        padding: 0 2rem; }
    #dealer-section .br-line {
      margin: 0 15px;
      padding-top: 5rem; }
  #finance-section {
    padding: 6.5rem 0; }
    #finance-section h2 {
      font-size: 48px; }
    #finance-section .finance-links {
      margin-top: 5rem; }
    #finance-section .finance-inner {
      position: relative; }
    #finance-section .car {
      background: url(../../Userfiles/Image/car.png) no-repeat;
      width: 829px;
      height: 613px;
      position: absolute;
      bottom: 8rem;
      right: -10rem;
      -webkit-transition: all, 1s cubic-bezier(0.51, 0, 0.55, 1.18);
      -moz-transition: all, 1s cubic-bezier(0.51, 0, 0.55, 1.18);
      -o-transition: all, 1s cubic-bezier(0.51, 0, 0.55, 1.18);
      transition: all, 1s cubic-bezier(0.51, 0, 0.55, 1.18);
      z-index: 1;
      opacity: 0; }
      #finance-section .car.car-reveal {
        right: -19rem;
        bottom: -1rem;
        opacity: 1; }
  .hideme {
    opacity: 0; }
  #community-section {
    padding: 5.5rem 0; }
    #community-section h2 {
      font-size: 48px;
      margin-bottom: 3rem; }
    #community-section .slick-slide img {
      width: auto; }
    #community-section .community-item {
      padding: 0 1rem;
      max-width: 400px; }
    #community-section .slick-dots {
      padding-top: 4rem; }
      #community-section .slick-dots li {
        width: 15px;
        height: 15px;
        margin: 0 0.5rem; }
  #about-section {
    background: #000; }
    #about-section .row {
      max-width: 1440px; }
    #about-section h2 {
      font-size: 48px; }
    #about-section p {
      font-size: 18px; }
    #about-section .about-text {
      padding: 5rem 3.5rem; }
    #about-section .town-text {
      padding: 5rem 3.5rem; }
    #about-section .inner-list li {
      font-size: 18px; }
    #about-section .image-section2 {
      background: url(../../Userfiles/Image/img_out-of-town.jpg) 50% 100% no-repeat;
      background-size: cover;
      padding: 6rem 3.5rem; }
    #about-section .about-text, #about-section .town-text, #about-section .image-section1, #about-section .image-section2 {
      max-width: none;
      margin: auto;
      width: 50%;
      min-height: 660px; }
    #about-section .left-side {
      float: left; }
    #about-section .right-side {
      float: right; }
  #insurance-section {
    padding: 5rem 0;
    background: #11255d;
    background-image: -owg(linear-gradient(90deg, #11255d 0, #0d398a 100%));
    background-image: -webkit(linear-gradient(90deg, #11255d 0, #0d398a 100%));
    background-image: -moz(linear-gradient(90deg, #11255d 0, #0d398a 100%));
    background-image: -o(linear-gradient(90deg, #11255d 0, #0d398a 100%));
    background-image: linear-gradient(90deg, #11255d 0, #0d398a 100%); }
    #insurance-section h2 {
      font-size: 48px; }
    #insurance-section p {
      font-size: 18px; }
    #insurance-section ul li {
      font-size: 18px;
      line-height: 22px;
      padding-bottom: 1rem; }
    #insurance-section .text {
      max-width: 740px;
      width: 65%;
      float: right;
      padding-top: 3.5rem;
      padding-right: 50px; }
    #insurance-section .img {
      background: url(../../Userfiles/Image/img_insurance.jpg) 50% 50% no-repeat;
      background-size: cover;
      width: 30%;
      max-width: 600px;
      float: left;
      height: 330px; }
  #partners {
    padding: 3.5rem 0; }
  #testimonial-section .text {
    min-height: 170px; } }

/* min-width 1280px */
@media only screen and (min-width: 1280px) {
  nav.navigation ul li a {
    padding: 0 1.25rem; }
  header {
    padding: 3rem 0 3rem; }
    header .logo {
      padding: 0; }
    header .dealer-info {
      padding-top: 1.5rem;
      max-width: 640px; }
    header .social {
      width: 170px;
      padding-top: 2rem; }
      header .social .social-link {
        float: left;
        padding: 0 0.625rem; }
  #finance-section .car {
    right: -10rem;
    bottom: 5rem; }
    #finance-section .car.car-reveal {
      right: -15rem;
      bottom: -2rem; }
  #about-section {
    padding: 5rem 1rem; }
    #about-section .about-text, #about-section .town-text, #about-section .image-section1, #about-section .image-section2 {
      min-height: 660px; }
    #about-section .about-text {
      padding: 6rem 6.5rem; }
    #about-section .town-text {
      padding: 6rem 6.5rem; } }

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
  nav.navigation {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50; }
  header {
    margin-top: 66px; }
  footer {
    padding-top: 5rem; }
    footer .to-top {
      right: -7rem; }
  .slide-section .slide-bg {
    height: 550px; }
    .slide-section .slide-bg .slide1, .slide-section .slide-bg .slide2, .slide-section .slide-bg .slide3 {
      height: 550px; }
    .slide-section .slide-bg .slide2 {
      padding-top: 6rem; }
    .slide-section .slide-bg .slide3 {
      padding-top: 13rem; }
      .slide-section .slide-bg .slide3 .blue-text, .slide-section .slide-bg .slide3 .red-text, .slide-section .slide-bg .slide3 .orange-text {
        margin-bottom: 1.25rem;
        line-height: 1; }
      .slide-section .slide-bg .slide3 .blue-text {
        font-size: 140px; }
      .slide-section .slide-bg .slide3 .red-text {
        font-size: 120px; }
      .slide-section .slide-bg .slide3 .date-text {
        font-size: 100px;
        margin-bottom: 0.25rem; }
      .slide-section .slide-bg .slide3 .orange-text {
        font-size: 40px; }
  #about-section {
    padding: 5rem 1rem; }
    #about-section .about-text {
      padding: 7.5rem 6.5rem; }
    #about-section .town-text {
      padding: 6rem 6.5rem; } }

/* min-width 1800px */
@media only screen and (min-width: 1800px) {
  .slide-section .slide-bg {
    height: 600px; }
    .slide-section .slide-bg .slide1, .slide-section .slide-bg .slide2, .slide-section .slide-bg .slide3 {
      height: 600px; }
    .slide-section .slide-bg .slide2 {
      padding-top: 6.5rem; }
    .slide-section .slide-bg .slick-dots {
      margin-top: -5rem; } }

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