@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);
.fw-100 {
  font-weight: 100 !important; }

.fw-300 {
  font-weight: 300 !important; }

.fw-400 {
  font-weight: 400 !important; }

.fw-500 {
  font-weight: 500 !important; }

.fw-600 {
  font-weight: 600 !important; }

.fw-700 {
  font-weight: 700 !important; }

.fw-900 {
  font-weight: 900 !important; }

.fz-12 {
  font-size: 12px !important; }

.fz-14 {
  font-size: 14px !important; }

.fz-15 {
  font-size: 15px !important; }

.fz-16 {
  font-size: 16px !important; }

.fz-18 {
  font-size: 18px !important; }

.fz-20 {
  font-size: 20px !important; }

.fz-54 {
  font-size: 54px !important; }

@font-face {
  font-family: 'carleader';
  src: url("/fonts/carleader.eot?ig0chb");
  src: url("/fonts/carleader.eot?ig0chb#iefix") format("embedded-opentype"), url("/fonts/carleader.ttf?ig0chb") format("truetype"), url("/fonts/carleader.woff?ig0chb") format("woff"), url("/fonts/carleader.svg?ig0chb#carleader") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^='icon-'],
[class*=' icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'carleader' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-financing:before {
  content: '\e90b'; }

.icon-tradein:before {
  content: '\e90e'; }

.icon-carsearch2:before {
  content: '\e90c'; }

.icon-payment:before {
  content: '\e90d'; }

.icon-addcar:before {
  content: '\e906'; }

.cd-nav-trigger {
  position: relative;
  z-index: 3;
  height: 54px;
  width: 54px;
  background-color: transparent;
  color: #fff;
  border-radius: 50%;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  transition: transform 0.5s; }

.cd-nav-trigger .cd-nav-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  width: 22px;
  height: 2px;
  background-color: #fff; }

.cd-nav-trigger .cd-nav-icon::before,
.cd-nav-trigger .cd-nav-icon:after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: transform 0.5s, width 0.5s, top 0.3s; }

.cd-nav-trigger .cd-nav-icon::before {
  transform-origin: right top;
  transform: translateY(-6px); }

.cd-nav-trigger .cd-nav-icon::after {
  transform-origin: right bottom;
  transform: translateY(6px); }

.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
  top: 2px; }

.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
  top: -2px; }

.cd-nav-trigger svg {
  position: absolute;
  top: 0;
  left: 0; }

.cd-nav-trigger circle {
  transition: stroke-dashoffset 0.4s 0s; }

.cd-nav-trigger.open {
  transform: rotate(180deg);
  background-color: #243040; }

.cd-nav-trigger.open .cd-nav-icon {
  background-color: #ffffff; }

.cd-nav-trigger.open .cd-nav-icon::after,
.cd-nav-trigger.open .cd-nav-icon::before {
  /* animate arrow --> from hamburger to arrow */
  width: 50%;
  transition: transform 0.5s, width 0.5s; }

.cd-nav-trigger.open .cd-nav-icon::before {
  transform: rotate(45deg); }

.cd-nav-trigger.open .cd-nav-icon::after {
  transform: rotate(-45deg); }

.no-touch .cd-nav-trigger.open:hover .cd-nav-icon::after,
.no-touch .cd-nav-trigger.open:hover .cd-nav-icon::before {
  top: 0; }

.cd-nav-trigger.open circle {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.4s 0.3s; }

.car {
  overflow: hidden;
  position: relative;
  background: #fafafa; }
  .car.in-view .car__left {
    transform: translate(0%, 0px); }
    .car.in-view .car__left .car__wheel {
      transform: rotate(600deg); }
  .car.in-view .car__right {
    transform: translate(0%, 0px); }
    .car.in-view .car__right .car__wheel {
      transform: rotate(-600deg); }
  .car__left {
    position: absolute;
    transition: all 1s ease-out;
    width: 45%;
    transform: translate(-100%, 0px);
    left: 0; }
    @media (max-width: 991.98px) {
      .car__left {
        width: 100%;
        padding-bottom: 50%;
        position: relative; } }
    @media (max-width: 767.98px) {
      .car__left {
        width: 100%; } }
  .car__right {
    position: absolute;
    transition: all 1s ease-out;
    width: 45%;
    transform: translate(100%, 0px);
    right: 0; }
    @media (max-width: 767.98px) {
      .car__right {
        width: 100%; } }
    .car__right .car__wheel {
      position: absolute;
      right: 60.9%;
      bottom: 10.7%;
      width: 20.8%; }
  .car__inner {
    position: relative; }
    @media (max-width: 991.98px) {
      .car__inner {
        position: absolute; } }
  .car__img {
    width: 100%; }
  .car__wheel {
    position: absolute;
    right: 18.5%;
    bottom: 10.7%;
    width: 20.8%;
    transition: all 1s ease-out; }
  .car__content {
    padding-bottom: 23%;
    position: relative; }
    @media (max-width: 991.98px) {
      .car__content {
        padding: 0; } }
    @media (max-width: 767.98px) {
      .car__content {
        padding: 0;
        margin-top: 54%; } }
    .car__content .site-width {
      display: flex;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      height: 100%;
      align-items: center; }
      @media (max-width: 991.98px) {
        .car__content .site-width {
          position: static;
          transform: translateX(0%); } }
    .car__content-right {
      justify-content: flex-end; }
    .car__content-left {
      justify-content: flex-start; }
  .car__text {
    flex-basis: 50%; }
    @media (max-width: 767.98px) {
      .car__text {
        flex-basis: 100%; } }

.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9002;
  display: none; }

.logo {
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  transition: all 0.6s ease;
  color: #030107; }
  @media (max-width: 767.98px) {
    .logo {
      font-size: 20px; } }
  .logo img {
    width: 40px; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  background: rgba(255, 255, 255, 0);
  transition: all 0.6s ease; }
  .header-inner {
    height: 70px; }
  .header.is-scroll {
    background: white; }
    .header.is-scroll .header-logo {
      color: #26266d; }
      .header.is-scroll .header-logo .logo-line span {
        background: #26266d; }
    .header.is-scroll .header-nav-link {
      color: #000; }
      .header.is-scroll .header-nav-link:hover {
        color: #008763; }
    .header.is-scroll .cd-nav-trigger .cd-nav-icon {
      background: #030107; }
    .header.is-scroll .cd-nav-trigger.open .cd-nav-icon {
      background: #fff; }
  .header-nav {
    display: flex;
    align-items: center; }
    .header-nav-link {
      padding: 0 10px;
      font-size: 14px;
      font-weight: 300;
      color: #fff;
      transition: all 0.6s ease; }
      @media (max-width: 991.98px) {
        .header-nav-link {
          padding: 10px 15px;
          border-bottom: 1px solid #000;
          width: 100%;
          font-size: 18px;
          color: #030107; } }
      .header-nav-link:hover {
        color: #008763; }
    .header-nav.is-active {
      transform: translate(0); }
    @media (max-width: 991.98px) {
      .header-nav {
        position: fixed;
        left: 0;
        top: 65px;
        width: 100vw;
        flex-direction: column;
        height: 100vh;
        background: #fff;
        padding: 0 10px;
        transform: translateX(-100%); } }
    .header-nav-toggle {
      display: none; }
      @media (max-width: 991.98px) {
        .header-nav-toggle {
          display: block; } }

.footer {
  background-color: rgba(39, 43, 75, 0.03); }

.hero {
  min-height: 100vh; }
  .hero-inner {
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding-top: 100px; }
    @media (max-width: 991.98px) {
      .hero-inner {
        flex-direction: column;
        align-items: center;
        justify-content: center; } }
  .hero-content {
    text-align: right; }
    @media (max-width: 991.98px) {
      .hero-content {
        text-align: center;
        margin-bottom: 50px; } }
  .hero-text {
    text-align: right;
    margin-top: 30px; }
  .hero-footer {
    margin-top: auto;
    display: flex;
    align-items: center; }
    .hero-footer-img {
      margin-right: 20px;
      width: 80px; }
      @media (max-width: 991.98px) {
        .hero-footer-img {
          position: fixed;
          left: 20px;
          bottom: 20px;
          width: 70px; } }

.modal-body {
  padding-bottom: 80px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center; }

input.has-error {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }

body {
  font-size: 1rem;
  color: #030107;
  line-height: 1.625;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  box-sizing: border-box; }

img {
  max-width: 100%; }

.typed-cursor {
  display: none !important; }

.text-color-hover-primary:hover {
  color: #00543e !important; }

.btn-primary {
  color: #fff;
  background-color: #008763;
  border-color: #008763; }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #00543e;
    border-color: #00543e; }

.btn-sm {
  font-size: 12.8px;
  font-size: 0.8rem;
  padding: 4.8px 10.4px;
  padding: 0.3rem 0.65rem; }

.btn-transparent {
  border: 1px solid #212529; }

.padding {
  padding-top: 50px;
  padding-bottom: 50px; }
  .padding-top {
    padding-top: 50px; }
    .padding-top-lg {
      padding-top: 80px; }
  .padding-bottom {
    padding-bottom: 50px; }
    .padding-bottom-lg {
      padding-bottom: 80px; }
  .padding-lg {
    padding-top: 80px;
    padding-bottom: 80px; }

.modal-full .modal-dialog {
  max-width: 100%;
  margin: 0; }

.modal-full .modal-content {
  width: 100vw;
  min-height: 100vh; }


/*# sourceMappingURL=app.css.map*/