@-webkit-keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(10);
    transform: translateY(10); }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  90% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); } }
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(10);
    transform: translateY(10); }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  90% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); } }
@font-face {
  font-family: 'intro';
  src: url("../fonts/Intro.eot");
  src: url("../fonts/Intro.woff2") format("woff2"), url("../fonts/Intro.woff") format("woff"), url("../fonts/Intro.ttf") format("truetype"), url("../fonts/Intro.svg#Intro") format("svg"), url("../fonts/Intro.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'intro-l';
  src: url("../fonts/Intro-Light.eot");
  src: url("../fonts/Intro-Light.woff2") format("woff2"), url("../fonts/Intro-Light.woff") format("woff"), url("../fonts/Intro-Light.ttf") format("truetype"), url("../fonts/Intro-Light.svg#Intro-Light") format("svg"), url("../fonts/Intro-Light.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'longhaul';
  src: url("../fonts/Longhaul.eot");
  src: url("../fonts/Longhaul.woff2") format("woff2"), url("../fonts/Longhaul.woff") format("woff"), url("../fonts/Longhaul.ttf") format("truetype"), url("../fonts/Longhaul.svg#Longhaul") format("svg"), url("../fonts/Longhaul.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
.hero-container {
  width: 100%;
  display: block;
  background-image: url("/images/site_assets/hero-collection-bottom-faded.jpg");
  background-size: cover;
  background-position: center -30px;
  height: 100vh;
  background-repeat: no-repeat; }

.down-arrow {
  width: 70px;
  height: 70px;
  background-image: url("/images/site_assets/down-arrow.png");
  background-size: 40%;
  border: 6px solid #b21f2f;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 60px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.3); }
  .down-arrow:hover {
    cursor: pointer;
    -webkit-animation: shake-vertical 4s ease infinite both;
    animation: shake-vertical 4s ease infinite both; }

.collection-container {
  width: 100%;
  padding: 20px 15%; }
  @media (max-width: 1200px) {
    .collection-container {
      padding: 20px 5%; } }

h1 {
  font-family: 'longhaul';
  text-transform: uppercase;
  color: #000;
  font-size: 80px;
  display: block;
  text-align: center;
  letter-spacing: 4px; }
  @media (max-width: 991px) {
    h1 {
      font-size: 60px; } }
  @media (max-width: 600px) {
    h1 {
      font-size: 36px; } }

.vehicle-list-container {
  padding-top: 20px;
  width: 100%;
  display: block; }

.vehicle-list-item {
  width: 100%;
  height: 260px;
  margin-bottom: 30px;
  padding: 15px;
  position: relative;
  display: block;
  -webkit-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
  overflow: hidden;
  border-radius: 8px; }
  @media (max-width: 991px) {
    .vehicle-list-item {
      height: 180px;
      overflow: visible; } }
  @media (max-width: 600px) {
    .vehicle-list-item {
      height: auto;
      padding-bottom: 60px; } }
  .vehicle-list-item:hover {
    text-decoration: none;
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
    -webkit-box-shadow: 5px 5px 10px rgba(35, 31, 32, 0.1), -5px 0 10px rgba(35, 31, 32, 0.1);
            box-shadow: 5px 5px 10px rgba(35, 31, 32, 0.1), -5px 0 10px rgba(35, 31, 32, 0.1); }
    .vehicle-list-item:hover .year-make-model-vlp > span {
      color: #d51313; }

.vehicle-list-cutout {
  width: 400px;
  height: auto;
  position: absolute;
  z-index: 10; }
  @media (max-width: 991px) {
    .vehicle-list-cutout {
      width: 300px; } }
  @media (max-width: 600px) {
    .vehicle-list-cutout {
      position: unset;
      margin: 0 auto;
      display: block; } }

.year-make-model-vlp {
  font-size: 42px;
  color: #000;
  text-align: right;
  line-height: 44px;
  margin-right: 5%;
  margin-left: 50%;
  width: 45%;
  font-family: 'intro-l'; }
  @media (max-width: 991px) {
    .year-make-model-vlp {
      font-size: 28px;
      line-height: 30px; } }
  @media (max-width: 600px) {
    .year-make-model-vlp {
      font-size: 18px;
      line-height: 22px;
      margin: 0 auto;
      width: 100%;
      text-align: center; } }
  .year-make-model-vlp span {
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    font-family: 'intro'; }

.line {
  height: 2px;
  background-color: #000;
  width: 95%;
  margin-left: 5%; }

.logo-container {
  text-align: right;
  padding-right: 5%;
  display: block; }
  @media (max-width: 600px) {
    .logo-container {
      padding-right: 0%;
      margin: 0 auto;
      text-align: center; } }
  .logo-container .logo {
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    float: right;
    margin-top: 6px;
    margin-left: 6px; }
    @media (max-width: 600px) {
      .logo-container .logo {
        height: 30px;
        width: 30px;
        float: none;
        display: inline-block; } }
  .logo-container .Dodge {
    background-image: url("/images/site_assets/vehicle_logos/dodge.png"); }
  .logo-container .Chevrolet {
    background-image: url("/images/site_assets/vehicle_logos/chevy.png");
    width: 100px;
    height: 60px; }
    @media (max-width: 600px) {
      .logo-container .Chevrolet {
        width: 50px;
        height: 30px; } }
  .logo-container .Porsche {
    background-image: url("/images/site_assets/vehicle_logos/porsche.png"); }
  .logo-container .Ferrari {
    background-image: url("/images/site_assets/vehicle_logos/ferrari.png");
    width: 80px; }
    @media (max-width: 600px) {
      .logo-container .Ferrari {
        width: 40px; } }
  .logo-container .SS {
    background-image: url("/images/site_assets/vehicle_logos/ss.png"); }
  .logo-container .Pro-Street {
    background-image: url("/images/site_assets/vehicle_logos/zl1.png"); }
  .logo-container .ZR-1 {
    background-image: url("/images/site_assets/vehicle_logos/zr1.png"); }
  .logo-container .Demon {
    background-image: url("/images/site_assets/vehicle_logos/demon.png"); }
  .logo-container .Z-28 {
    background-image: url("/images/site_assets/vehicle_logos/z28.jpg"); }
  .logo-container .Corvette {
    background-image: url("/images/site_assets/vehicle_logos/corvette.png"); }
  .logo-container .Nova {
    background-image: url("/images/site_assets/vehicle_logos/nova.png");
    width: 100px;
    height: 60px; }
    @media (max-width: 600px) {
      .logo-container .Nova {
        height: 30px;
        width: 50px; } }
  .logo-container .Mercedes {
    background-image: url("/images/site_assets/vehicle_logos/mercedes.png");
    width: 100px; }
    @media (max-width: 600px) {
      .logo-container .Mercedes {
        width: 50px; } }
  .logo-container .Lamborghini {
    background-image: url("/images/site_assets/vehicle_logos/lamborghini.png"); }

.archive-cta {
  font-family: 'longhaul';
  color: #000;
  display: block;
  font-size: 50px;
  text-align: center;
  padding: 20px;
  transition: .2s all ease-in-out;
  -webkit-transition: .2s all ease-in-out;
  -moz-transition: .2s all ease-in-out;
  text-transform: uppercase; }
  @media (max-width: 768px) {
    .archive-cta {
      font-size: 32px; } }
  .archive-cta::after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url("/images/site_assets/right-arrow.png");
    border-radius: 50%;
    background-color: #000;
    margin-left: 16px;
    text-transform: uppercase;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center; }
    @media (max-width: 768px) {
      .archive-cta::after {
        width: 22px;
        height: 22px; } }
  .archive-cta:hover {
    color: #b21f2f;
    text-decoration: none; }
    .archive-cta:hover::after {
      background-color: #b21f2f; }

.vdp-container {
  width: 90%;
  margin: 0 auto;
  display: block;
  position: relative; }
  @media (max-width: 768px) {
    .vdp-container {
      width: 96%; } }

.header {
  width: 100%;
  height: 350px;
  margin-bottom: 30px;
  padding: 15px;
  position: relative;
  display: block;
  -webkit-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
  overflow: visible;
  border-radius: 8px; }
  @media (max-width: 600px) {
    .header {
      margin-bottom: 80px; } }

.header.false {
  margin-bottom: 130px; }

.header-extend {
  height: 500px; }

.vdp-cutout {
  width: 600px; }
  @media (max-width: 1200px) {
    .vdp-cutout {
      position: relative;
      margin: 0 auto;
      width: 80%;
      display: block; } }

.archive-lead {
  width: 400px; }

.vdp-car-title {
  font-size: 52px;
  padding-top: 40px;
  line-height: 52px; }
  @media (max-width: 1200px) {
    .vdp-car-title {
      width: 100%;
      margin: 0%;
      text-align: center; } }
  @media (max-width: 768px) {
    .vdp-car-title {
      padding-top: 20px; } }
  @media (max-width: 600px) {
    .vdp-car-title {
      font-size: 42px;
      line-height: 42px; } }

.vdp-logos {
  padding-right: 5%; }
  @media (max-width: 1200px) {
    .vdp-logos {
      padding-right: 0%;
      margin: 0 auto;
      text-align: center;
      display: block;
      width: 180px; } }

@media (max-width: 1200px) {
  .vdp-line {
    width: 100%;
    margin: 0%; } }

#thumbnails {
  max-height: 430px;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: middle;
      -ms-flex-align: middle;
          align-items: middle;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  background-color: #f7f7f7; }
  #thumbnails::after {
    content: "";
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto; }
  #thumbnails a {
    height: 100px;
    margin: 4px 2px; }
    #thumbnails a img {
      height: 100%;
      width: auto; }
  @media (max-width: 1200px) {
    #thumbnails {
      padding-top: 20px; }
      #thumbnails a {
        height: 70px; } }
  @media (max-width: 600px) {
    #thumbnails a {
      height: 50px; } }

.collection-indicator {
  font-family: 'longhaul';
  font-size: 12px;
  color: #d1cdd0;
  line-height: 30px; }

.vdp-vehicle-info {
  padding-top: 40px; }

h2.vdp-info-title {
  font-family: 'longhaul';
  font-size: 32px;
  margin-bottom: 10px; }

.spec {
  width: 50%;
  padding: 4px;
  display: block;
  float: left;
  font-family: 'intro';
  font-size: 14px;
  margin-bottom: 20px; }
  .spec span {
    font-family: 'intro-l';
    font-size: 24px; }

.vdp-info-right {
  padding-left: 30px !important; }

.vdp-info-left {
  padding-right: 30px !important; }
  @media (max-width: 768px) {
    .vdp-info-left {
      padding-left: 30px; } }

.extend-gallery-button {
  font-family: 'intro';
  font-size: 16px;
  color: #fff;
  background-color: #000;
  padding: 20px;
  margin: 0 auto;
  display: block;
  transition: .2s all ease-in-out;
  -webkit-transition: .2s all ease-in-out;
  -moz-transition: .2s all ease-in-out;
  width: 200px;
  border-radius: 0px 0px 10px 10px;
  text-align: center; }
  .extend-gallery-button:hover {
    background-color: #b21f2f;
    cursor: pointer; }

.open-gallery {
  max-height: unset !important; }

.about-container {
  width: 90%;
  display: block;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .about-container {
      width: 96%; } }

.left-col {
  width: 50%;
  float: left;
  padding-right: 15px;
  padding-top: 20px; }
  @media (max-width: 768px) {
    .left-col {
      width: 100%;
      padding-right: 0px; } }
  .left-col p {
    font-family: 'intro-l';
    color: #000;
    line-height: 34px;
    font-size: 22px; }

.right-col {
  width: 50%;
  float: left;
  padding-left: 15px;
  padding-top: 20px; }
  @media (max-width: 768px) {
    .right-col {
      width: 100%;
      padding-left: 0px; } }
  .right-col .main-image {
    width: 100%;
    height: auto;
    margin-bottom: 12px;
    float: left; }
  .right-col .secondary-image {
    width: 64%;
    height: auto;
    float: left;
    margin-right: 2%; }
  .right-col .third-image {
    width: 34%;
    float: right;
    margin-bottom: 12px; }
  .right-col .fourth-image {
    width: 34%;
    float: right; }

.home-nav-container {
  position: absolute;
  width: 100%; }
  .home-nav-container .src-logo {
    width: 20%;
    height: auto;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 20px;
    margin: 0 auto; }
    @media (max-width: 768px) {
      .home-nav-container .src-logo {
        right: unset;
        left: 12px; } }
  .home-nav-container .nav-items {
    position: absolute;
    right: 0px;
    top: 20px;
    font-family: 'longhaul';
    color: #b21f2f;
    font-size: 24px; }
    @media (max-width: 768px) {
      .home-nav-container .nav-items {
        font-size: 18px; } }
    .home-nav-container .nav-items a {
      position: relative;
      color: #b21f2f;
      padding: 20px;
      text-decoration: none;
      letter-spacing: .5px; }
      .home-nav-container .nav-items a:before, .home-nav-container .nav-items a:after {
        position: absolute;
        top: 20%;
        left: 50%;
        width: 140px;
        height: 140px;
        border: 2px solid rgba(167, 10, 10, 0.658);
        border-radius: 50%;
        content: '';
        opacity: 0;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
        transform: translateX(-50%) translateY(-50%) scale(0.2); }
      .home-nav-container .nav-items a:after {
        width: 120px;
        height: 120px;
        border-width: 6px;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
        transform: translateX(-50%) translateY(-50%) scale(0.8); }
      .home-nav-container .nav-items a:hover:before, .home-nav-container .nav-items a:hover:after {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        transform: translateX(-50%) translateY(-50%) scale(1); }

.nav-container {
  display: block;
  height: 100px;
  width: 100%;
  position: relative;
  overflow: hidden; }
  .nav-container .src-logo {
    height: 30px;
    width: auto;
    position: absolute;
    left: 16px;
    top: 16px; }
  .nav-container .nav-items {
    position: absolute;
    right: 0px;
    top: 8px; }
    .nav-container .nav-items a {
      position: relative;
      padding: 20px;
      text-decoration: none;
      letter-spacing: .5px;
      font-family: 'longhaul';
      font-size: 22px; }
    .nav-container .nav-items .collection-nav-link {
      text-transform: uppercase;
      color: #000;
      transition: .2s all ease-in-out;
      -webkit-transition: .2s all ease-in-out;
      -moz-transition: .2s all ease-in-out; }
      .nav-container .nav-items .collection-nav-link::before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url("/images/site_assets/left-arrow.png");
        border-radius: 50%;
        background-color: #000;
        margin-right: 10px;
        top: 2px;
        text-transform: uppercase;
        transition: .2s all ease-in-out;
        -webkit-transition: .2s all ease-in-out;
        -moz-transition: .2s all ease-in-out;
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: center;
        position: relative; }
      .nav-container .nav-items .collection-nav-link:hover {
        color: #b21f2f; }
        .nav-container .nav-items .collection-nav-link:hover::before {
          background-color: #b21f2f; }
    .nav-container .nav-items .about-nav-link {
      z-index: 3;
      color: #fff; }
      .nav-container .nav-items .about-nav-link::after {
        content: '';
        position: absolute;
        background-color: #000;
        width: 180px;
        height: 180px;
        position: absolute;
        z-index: -1;
        left: -20px;
        border-radius: 50%;
        top: -110px;
        transition: .2s all ease-in-out;
        -webkit-transition: .2s all ease-in-out;
        -moz-transition: .2s all ease-in-out; }
      .nav-container .nav-items .about-nav-link:hover:after {
        background-color: #b21f2f; }

@media (max-width: 768px) {
  .desktop {
    display: none; } }

.mobile {
  display: none; }
  @media (max-width: 768px) {
    .mobile {
      display: block; } }

.footer {
  display: block;
  margin-top: 40px;
  margin-bottom: 10px;
  font-family: 'intro';
  text-transform: uppercase;
  color: #d1cdd0;
  font-size: 14px;
  text-align: center; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

body {
  background-color: #ffffff;
  color: #000;
  font-family: "intro-l", "Helvetica", sans-serif;
  margin: 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased; }

a {
  color: rgba(0, 0, 0, 0.7); }
  a:focus, a:hover {
    color: rgba(0, 0, 0, 0.6); }

.wrap {
  width: 100%;
  height: auto;
  overflow: auto; }

.container {
  width: 90%;
  height: auto;
  margin: 0 auto; }