/*

Blocks SCSS

Frank Korf - fkorf@dealerinspire.com
Bridgette Wilson - bewilson@dealerinspire.com
*/
/*
Util SCSS

Frank Korf - fkorf@dealerinspire.com
*/
.page-template-page-blocks-2022 .btn {
  border-radius: 6px;
  border: 0;
  color: white;
  display: inline-block;
  font-family: "proxima-nova", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 1rem 3rem;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  margin-top: 20px;
  white-space: normal;
}
.page-template-page-blocks-2022 .btn.lt-purple {
  background-color: #AF48AC;
  color: white;
}
.page-template-page-blocks-2022 .btn.lt-purple:hover {
  background-color: #652963;
  color: white;
}
.page-template-page-blocks-2022 .btn.dk-purple {
  background-color: #65299D;
  color: white;
}
.page-template-page-blocks-2022 .btn.dk-purple:hover {
  background-color: #AF48AC;
  color: white;
}
.page-template-page-blocks-2022 .btn.blue {
  background: #39CED4;
  color: #000;
}
.page-template-page-blocks-2022 .btn.blue:hover {
  background-color: #006a7a;
  color: white;
}
.page-template-page-blocks-2022 .hero-sizing .btn {
  padding: 15px;
  min-width: 224px;
}
.page-template-page-blocks-2022 h2 {
  font-family: "SharpSans", "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .page-template-page-blocks-2022 h2 {
    font-size: 4rem;
  }
}
.page-template-page-blocks-2022 h3 {
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-size: 3.6rem;
  line-height: 4.2px;
  margin-bottom: 30px;
}
.page-template-page-blocks-2022 h4 {
  font-family: "SharpSans", "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
}
.page-template-page-blocks-2022 p {
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-family: "Inter";
}
.page-template-page-blocks-2022 p strong {
  line-height: 3rem;
}
.page-template-page-blocks-2022 .hero-sizing h2 {
  font-size: 60px;
  line-height: 66px;
}
@media (max-width: 767px) {
  .page-template-page-blocks-2022 .hero-sizing h2 {
    font-size: 4rem;
  }
}
.page-template-page-blocks-2022 .hero-sizing h4 {
  font-size: 24px;
}
.page-template-page-blocks-2022 .hero-sizing p {
  font-size: 20px;
}
.page-template-page-blocks-2022 .page-section + .page-section {
  margin-top: -15px;
}
.page-template-page-blocks-2022 .form-inline-centered {
  text-align: center;
}
.page-template-page-blocks-2022 .form-inline-centered h2 {
  font-size: 42px;
}
.page-template-page-blocks-2022 .content-right .content-side {
  margin-left: 30px;
}
.page-template-page-blocks-2022 section {
  padding: 100px 0;
}
.page-template-page-blocks-2022 section.padded {
  padding: 200px 0;
}
.page-template-page-blocks-2022 section.padded-20 {
  padding: 200px 0;
}
.page-template-page-blocks-2022 section.padded-20-top {
  padding-top: 200px;
}
.page-template-page-blocks-2022 section.padded-20-bottom {
  padding-bottom: 200px;
}
.page-template-page-blocks-2022 section.padded-5 {
  padding: 50px 0;
}
.page-template-page-blocks-2022 section.padded-5-top {
  padding-top: 50px;
}
.page-template-page-blocks-2022 section.padded-5-bottom {
  padding-bottom: 50px;
}
.page-template-page-blocks-2022 section.no-padding {
  padding: 0 0;
}
.page-template-page-blocks-2022 section.no-padding-top {
  padding-top: 0;
}
.page-template-page-blocks-2022 section.no-padding-bottom {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .page-template-page-blocks-2022 section {
    padding: 46px 0;
  }
}
@media (max-width: 767px) {
  .page-template-page-blocks-2022 section {
    padding: 46px 0;
  }
  .page-template-page-blocks-2022 h2 {
    font-size: 32px;
  }
}

.features-table .grid {
  display: grid;
  overflow: hidden;
  width: 100%;
}
.features-table .grid .grid-head {
  display: grid;
  grid-template-columns: 46% 18% 18% 18%;
  height: 125px;
  background-color: #65299D;
  color: white;
  align-items: center;
}
.features-table .grid .grid-head .feature-col {
  height: 100%;
  font-size: 1.7rem;
}
.features-table .grid .banner {
  font-size: 20px;
  color: #65299D;
  background-color: white;
  width: 100%;
  margin: 0 auto;
  border-radius: 5px;
  display: grid;
  padding: 10px 30px;
  font-weight: 700;
}
.features-table .grid .feature_dscrpt {
  font-size: 1.2rem;
  color: #676767;
  align-content: flex-start;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  height: 100%;
}
.features-table .grid .logo {
  padding-left: 32px;
}
.features-table .grid .grid-label {
  color: #65299D;
  font-size: 1.6rem;
  padding: 14px 0 14px 32px;
}
.features-table .grid .grid-name {
  padding: 14px 0 14px 32px;
}
.features-table .grid .grid-name .name {
  color: #212121;
  font-size: 1.8rem;
  font-weight: 700;
}
.features-table .grid .grid-name .description {
  color: #6e6e6e;
  font-size: 1.4rem;
}
.features-table .grid .feature-col {
  padding: 0 5px;
  justify-self: center;
  text-align: center;
  width: 100%;
  display: grid;
  align-items: center;
  justify-content: center;
  border-right: 2px solid #d8d8d8;
}
.features-table .grid .feature-col:last-of-type {
  border-right: 0;
}
.features-table .grid .grid-row {
  display: grid;
  grid-template-columns: 46% 18% 18% 18%;
}
.features-table .grid .grid-row:nth-of-type(even) {
  background-color: #F2F2F2;
  border-radius: 6px;
}

.callout {
  display: flex;
  flex-direction: row;
  background-color: #F5ECF5;
  width: 60%;
  color: #65299D;
}

@media (max-width: 991px) {
  .features-table {
    margin-right: -20px;
    margin-left: -20px;
  }
  .features-table .grid .grid-head {
    height: 64px;
    grid-template-columns: 33% 33% 33%;
  }
  .features-table .grid .grid-head .logo {
    display: none;
  }
  .features-table .grid .grid-head .feature-col {
    font-size: 1.2rem;
    height: 64px;
  }
  .features-table .grid .grid-name {
    grid-column: 1/4;
    text-align: center;
  }
  .features-table .grid .grid-name .name {
    font-size: 1.4rem;
  }
  .features-table .grid .grid-name .description {
    font-size: 1.1rem;
  }
  .features-table .grid .grid-row {
    grid-template-columns: 33% 33% 33%;
  }
  .features-table .grid .grid-row .feature-col {
    border-right: 0;
    height: 40px;
    padding-bottom: 14px;
  }
  .features-table .grid .feature-col {
    padding: 0 14px;
  }
  .features-table .grid .label-row {
    display: none;
  }
}
.stat_callout {
  margin-top: 40px;
  color: #65299D;
  padding: 15px;
  background-color: #F5ECF5;
  width: fit-content;
  border-radius: 6px;
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 15px;
}

.stat {
  font-size: 52px;
  font-weight: 700;
  display: grid;
  place-items: center;
}

.statnote {
  display: grid;
  font-size: 22px;
  line-height: 27px;
  font-weight: 700;
  font-family: "SharpSans";
  place-items: center;
}

@media (max-width: 767px) {
  .page-template-page-blocks-2022 .two-column-video-bg.content-left .row, .page-template-page-blocks-2022 .two-column-feature.content-left .row, .page-template-page-blocks-2022 .two-column-feature-stats.content-left .row, .page-template-page-blocks-2022 .two-column-video-bg.content-right .row, .page-template-page-blocks-2022 .two-column-feature.content-right .row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column !important;
  }

  page-template-page-blocks-2022 .two-column-video-bg.content-left .row .media, .page-template-page-blocks-2022 .two-column-feature.content-left .row .media, .page-template-page-blocks-2022 .two-column-video-bg.content-right .row, .page-template-page-blocks-2022 .two-column-feature.content-right .row {
    padding-left: 0 !important;
  }

  .page-template-page-blocks-2022 .content-right .content-side {
    margin-left: 0 !important;
  }

  .image-wrap {
    margin-top: 50px;
  }

  #testID {
    margin: 0;
  }
}
.page-template-page-blocks-2022 .header-blocks-2022 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: white;
}
.page-template-page-blocks-2022 .header-blocks-2022 .header {
  padding: 15px 0;
}
.page-template-page-blocks-2022 .header-blocks-2022 .header.scrolling {
  border-bottom-color: #AF48AC;
}
.page-template-page-blocks-2022 .header-blocks-2022 .header .row {
  display: flex;
  align-items: center;
}
.page-template-page-blocks-2022 .header-blocks-2022 .logos img {
  height: 30px;
}
.page-template-page-blocks-2022 .header-blocks-2022 .logos .skittles {
  border-left: 1px solid #BCBEC0;
  display: inline-block;
  padding-left: 14px;
  margin-left: 14px;
}
.page-template-page-blocks-2022 .header-blocks-2022 .logos .skittles img {
  margin-left: 5px;
}
.page-template-page-blocks-2022 .header-blocks-2022 .buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.page-template-page-blocks-2022 .header-blocks-2022 .buttons .btn {
  margin-top: 0;
  font-size: 15px;
  padding: 11px 25px;
}
.page-template-page-blocks-2022 .header-blocks-2022 .buttons a.ghost {
  color: black;
  text-decoration: none;
  padding: 10px;
  margin-left: 16px;
}
@media (max-width: 991px) {
  .page-template-page-blocks-2022 .header-blocks-2022 .buttons {
    box-shadow: 1px 5px 28px -2px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 1px 5px 28px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 5px 28px -2px rgba(0, 0, 0, 0.75);
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: white;
    padding: 10px;
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}

.page-template-page-blocks-2022 .sub-footer {
  background-color: #241F5A;
}
.page-template-page-blocks-2022 .sub-footer .content {
  display: grid;
  align-items: center;
  justify-content: space-around;
  grid-template-areas: "logo copy brands";
}
.page-template-page-blocks-2022 .sub-footer .content .cars-logo {
  grid-area: logo;
  text-align: center;
}
.page-template-page-blocks-2022 .sub-footer .content .cars-logo svg {
  height: 41px;
}
.page-template-page-blocks-2022 .sub-footer .content .copyright {
  grid-area: copy;
  font-family: "proxima-nova", sans-serif;
  color: white !important;
  font-size: 15px;
  text-align: center;
}
.page-template-page-blocks-2022 .sub-footer .content .brands {
  text-align: center;
  grid-area: brands;
}
.page-template-page-blocks-2022 .sub-footer .content .brands a {
  margin: 0 6px;
}
.page-template-page-blocks-2022 .sub-footer .content .brands a img {
  max-width: 47px;
  width: 47px;
  max-height: 47px;
}
@media (max-width: 767px) {
  .page-template-page-blocks-2022 .sub-footer .content {
    grid-template-areas: "logo" "copy";
  }
  .page-template-page-blocks-2022 .sub-footer .content .logo svg {
    height: 26px;
  }
  .page-template-page-blocks-2022 .sub-footer .content .copyright {
    margin-top: 16px;
  }
  .page-template-page-blocks-2022 .sub-footer .content .brands {
    display: none;
  }
}

.page-template-page-blocks-2022 .two-column-feature h2, .page-template-page-blocks-2022 .two-column-feature h3 {
  color: black;
}
.page-template-page-blocks-2022 .two-column-feature p {
  color: black;
}

.page-template-page-blocks-2022 .two-column-video-bg p {
  color: white;
}
.page-template-page-blocks-2022 .two-column-video-bg h3 {
  color: white;
}

.page-template-page-blocks-2022 .two-column-video-bg,
.page-template-page-blocks-2022 .two-column-feature {
  position: relative;
  width: 100%;
  max-width: 100%;
  color: white;
  font-family: "proxima-nova", sans-serif;
  /* Must See Solutions box */
  /* callout styling */
  /* Some color choices */
}
@media (max-width: 767px) {
  .page-template-page-blocks-2022 .two-column-video-bg.hero-sizing video,
.page-template-page-blocks-2022 .two-column-feature.hero-sizing video {
    display: none;
  }
}
.page-template-page-blocks-2022 .two-column-video-bg .row,
.page-template-page-blocks-2022 .two-column-feature .row {
  display: flex;
}
.page-template-page-blocks-2022 .two-column-video-bg.content-left .row,
.page-template-page-blocks-2022 .two-column-feature.content-left .row {
  justify-content: flex-start;
}
.page-template-page-blocks-2022 .two-column-video-bg.content-left .row .media,
.page-template-page-blocks-2022 .two-column-feature.content-left .row .media {
  padding-left: 10px;
}
.page-template-page-blocks-2022 .two-column-video-bg.content-right .row,
.page-template-page-blocks-2022 .two-column-feature.content-right .row {
  justify-content: flex-end;
}
.page-template-page-blocks-2022 .two-column-video-bg.content-right .row .media,
.page-template-page-blocks-2022 .two-column-feature.content-right .row .media {
  padding-right: 10px;
  padding-left: 0;
}
@media (max-width: 991px) {
  .page-template-page-blocks-2022 .two-column-video-bg,
.page-template-page-blocks-2022 .two-column-feature {
    flex-direction: column;
  }
  .page-template-page-blocks-2022 .two-column-video-bg .media,
.page-template-page-blocks-2022 .two-column-feature .media {
    padding: 0;
  }
}
.page-template-page-blocks-2022 .two-column-video-bg .video-bg,
.page-template-page-blocks-2022 .two-column-feature .video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.page-template-page-blocks-2022 .two-column-video-bg .video-bg video,
.page-template-page-blocks-2022 .two-column-video-bg .video-bg img,
.page-template-page-blocks-2022 .two-column-feature .video-bg video,
.page-template-page-blocks-2022 .two-column-feature .video-bg img {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.page-template-page-blocks-2022 .two-column-video-bg .video-bg:before,
.page-template-page-blocks-2022 .two-column-feature .video-bg:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  background: black;
  opacity: 0;
  z-index: 1;
}
.page-template-page-blocks-2022 .two-column-video-bg .container .video-bg,
.page-template-page-blocks-2022 .two-column-feature .container .video-bg {
  top: -40px;
  left: -100px;
  width: calc( 100% + 200px );
  height: calc( 100% + 160px );
  border-radius: 6px;
}
@media (max-width: 767px) {
  .page-template-page-blocks-2022 .two-column-video-bg .container .video-bg,
.page-template-page-blocks-2022 .two-column-feature .container .video-bg {
    left: 0;
    width: 100%;
    top: -30px;
    height: calc( 100% + 60px );
  }
}
.page-template-page-blocks-2022 .two-column-video-bg .container .content-right .content-side,
.page-template-page-blocks-2022 .two-column-feature .container .content-right .content-side {
  padding-left: 30px;
}
@media (max-width: 767px) {
  .page-template-page-blocks-2022 .two-column-video-bg.contained,
.page-template-page-blocks-2022 .two-column-feature.contained {
    padding: 30px 16px 30px;
  }
}
.page-template-page-blocks-2022 .two-column-video-bg ul.must-see-solutions,
.page-template-page-blocks-2022 .two-column-feature ul.must-see-solutions {
  border: 1px solid white;
  border-radius: 6px;
  padding: 15px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.7);
  list-style-type: none;
  display: inline-block;
  font-weight: 700;
}
.page-template-page-blocks-2022 .two-column-video-bg ul.must-see-solutions:before,
.page-template-page-blocks-2022 .two-column-feature ul.must-see-solutions:before {
  content: "NEW MUST SEE SOLUTIONS";
  font-size: 16px;
  padding-bottom: 10px;
}
.page-template-page-blocks-2022 .two-column-video-bg ul.must-see-solutions li,
.page-template-page-blocks-2022 .two-column-feature ul.must-see-solutions li {
  margin: 0;
  padding: 0;
  font-size: 17px;
  color: white;
}
@media (max-width: 767px) {
  .page-template-page-blocks-2022 .two-column-video-bg ul.must-see-solutions,
.page-template-page-blocks-2022 .two-column-feature ul.must-see-solutions {
    margin: 0;
  }
}
.page-template-page-blocks-2022 .two-column-video-bg .callout,
.page-template-page-blocks-2022 .two-column-feature .callout {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 31px;
  display: flex;
  align-items: center;
}
.page-template-page-blocks-2022 .two-column-video-bg .callout img,
.page-template-page-blocks-2022 .two-column-feature .callout img {
  max-height: 32px;
  margin-left: 8px;
}
.page-template-page-blocks-2022 .two-column-video-bg.content-left .row,
.page-template-page-blocks-2022 .two-column-feature.content-left .row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.page-template-page-blocks-2022 .two-column-video-bg.content-right .row,
.page-template-page-blocks-2022 .two-column-feature.content-right .row {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  align-items: center;
}
.page-template-page-blocks-2022 .two-column-video-bg.content-left .video-bg:before,
.page-template-page-blocks-2022 .two-column-feature.content-left .video-bg:before {
  background: linear-gradient(90deg, #65299D 14%, rgba(4, 0, 0, 0) 100%);
}
.page-template-page-blocks-2022 .two-column-video-bg.content-right .video-bg:before,
.page-template-page-blocks-2022 .two-column-feature.content-right .video-bg:before {
  background: linear-gradient(270deg, black 0%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 767px) {
  .page-template-page-blocks-2022 .two-column-video-bg.content-left.contained .container, .page-template-page-blocks-2022 .two-column-video-bg.content-right.contained .container,
.page-template-page-blocks-2022 .two-column-feature.content-left.contained .container,
.page-template-page-blocks-2022 .two-column-feature.content-right.contained .container {
    padding-top: 30px;
    padding-bottom: 150px;
    background-color: black;
    border-radius: 6px;
  }
  .page-template-page-blocks-2022 .two-column-video-bg.content-left.contained .video-bg, .page-template-page-blocks-2022 .two-column-video-bg.content-right.contained .video-bg,
.page-template-page-blocks-2022 .two-column-feature.content-left.contained .video-bg,
.page-template-page-blocks-2022 .two-column-feature.content-right.contained .video-bg {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 250px;
  }
  .page-template-page-blocks-2022 .two-column-video-bg.content-left .video-bg, .page-template-page-blocks-2022 .two-column-video-bg.content-right .video-bg,
.page-template-page-blocks-2022 .two-column-feature.content-left .video-bg,
.page-template-page-blocks-2022 .two-column-feature.content-right .video-bg {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .page-template-page-blocks-2022 .two-column-video-bg.content-left .video-bg:before, .page-template-page-blocks-2022 .two-column-video-bg.content-right .video-bg:before,
.page-template-page-blocks-2022 .two-column-feature.content-left .video-bg:before,
.page-template-page-blocks-2022 .two-column-feature.content-right .video-bg:before {
    display: none;
  }
  .page-template-page-blocks-2022 .two-column-video-bg.content-left h2, .page-template-page-blocks-2022 .two-column-video-bg.content-right h2,
.page-template-page-blocks-2022 .two-column-feature.content-left h2,
.page-template-page-blocks-2022 .two-column-feature.content-right h2 {
    font-size: 36px;
    line-height: 40px;
  }
}
.page-template-page-blocks-2022 .two-column-video-bg.purple h4,
.page-template-page-blocks-2022 .two-column-video-bg.purple ul.must-see-solutions:before,
.page-template-page-blocks-2022 .two-column-feature.purple h4,
.page-template-page-blocks-2022 .two-column-feature.purple ul.must-see-solutions:before {
  color: #AF48AC;
}
.page-template-page-blocks-2022 .two-column-video-bg.purple ul.must-see-solutions,
.page-template-page-blocks-2022 .two-column-feature.purple ul.must-see-solutions {
  border-color: #AF48AC;
}
.page-template-page-blocks-2022 .two-column-video-bg.blue h4,
.page-template-page-blocks-2022 .two-column-video-bg.blue ul.must-see-solutions:before,
.page-template-page-blocks-2022 .two-column-feature.blue h4,
.page-template-page-blocks-2022 .two-column-feature.blue ul.must-see-solutions:before {
  color: #65299D;
}
.page-template-page-blocks-2022 .two-column-video-bg.blue ul.must-see-solutions,
.page-template-page-blocks-2022 .two-column-feature.blue ul.must-see-solutions {
  border-color: #65299D;
}
.page-template-page-blocks-2022 .two-column-video-bg.orange h4,
.page-template-page-blocks-2022 .two-column-video-bg.orange ul.must-see-solutions:before,
.page-template-page-blocks-2022 .two-column-feature.orange h4,
.page-template-page-blocks-2022 .two-column-feature.orange ul.must-see-solutions:before {
  color: #fa7412;
}
.page-template-page-blocks-2022 .two-column-video-bg.orange ul.must-see-solutions,
.page-template-page-blocks-2022 .two-column-feature.orange ul.must-see-solutions {
  border-color: #fa7412;
}
.page-template-page-blocks-2022 .two-column-video-bg.green h4,
.page-template-page-blocks-2022 .two-column-video-bg.green ul.must-see-solutions:before,
.page-template-page-blocks-2022 .two-column-feature.green h4,
.page-template-page-blocks-2022 .two-column-feature.green ul.must-see-solutions:before {
  color: #00B2B2;
}
.page-template-page-blocks-2022 .two-column-video-bg.green ul.must-see-solutions,
.page-template-page-blocks-2022 .two-column-feature.green ul.must-see-solutions {
  border-color: #00B2B2;
}

.page-template-page-blocks-2022 .one-column-video-bg,
.page-template-page-blocks-2022 .one-column-centered {
  text-align: center;
}
.page-template-page-blocks-2022 .one-column-video-bg h2,
.page-template-page-blocks-2022 .one-column-centered h2 {
  font-size: 42px;
}
.page-template-page-blocks-2022 .one-column-video-bg p,
.page-template-page-blocks-2022 .one-column-centered p {
  color: black;
  margin-bottom: 40px;
}
.page-template-page-blocks-2022 .one-column-video-bg .row,
.page-template-page-blocks-2022 .one-column-centered .row {
  display: flex;
  justify-content: center;
}
.page-template-page-blocks-2022 .one-column-video-bg {
  position: relative;
  width: 100%;
  max-width: 100%;
  color: white;
}
.page-template-page-blocks-2022 .one-column-video-bg p {
  color: white;
}
.page-template-page-blocks-2022 .one-column-video-bg .video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.page-template-page-blocks-2022 .one-column-video-bg .video-bg video,
.page-template-page-blocks-2022 .one-column-video-bg .video-bg img {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.page-template-page-blocks-2022 .one-column-video-bg .video-bg:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  background: black;
  opacity: 0;
  z-index: 1;
}

.page-template-page-blocks-2022 .brand-carousel {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
}
.page-template-page-blocks-2022 .brand-carousel .row {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-page-blocks-2022 .brand-carousel .slide_nav {
  margin: 40px 0;
}
.page-template-page-blocks-2022 .brand-carousel .nav_icon {
  width: 160px;
  height: 62px;
  border-radius: 6px;
  border: 1px solid #DEDEDE;
}
.page-template-page-blocks-2022 .brand-carousel .nav_icon .wrap {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.page-template-page-blocks-2022 .brand-carousel .nav_icon .wrap img {
  max-height: 33px;
}
.page-template-page-blocks-2022 .brand-carousel .slick-slide.slick-active .nav_icon {
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
}
.page-template-page-blocks-2022 .brand-carousel .slides {
  display: block;
  width: 100%;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide {
  height: 440px;
  border-radius: 8px;
  background-color: black;
  border-bottom: 10px solid blue;
  margin-right: 30px;
  position: relative;
  overflow: hidden;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide .video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide .video-bg video,
.page-template-page-blocks-2022 .brand-carousel .slides .slide .video-bg img {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide .video-bg:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  background: black;
  opacity: 0;
  z-index: 1;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide .video-bg:before {
  background: linear-gradient(90deg, #000 0, transparent 70%, transparent 100%);
  opacity: 1;
}
@media (max-width: 767px) {
  .page-template-page-blocks-2022 .brand-carousel .slides .slide .video-bg:before {
    background: linear-gradient(180deg, black 0%, black 4%, rgba(0, 0, 0, 0) 100%);
  }
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide .slide-content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  height: 430px;
  padding: 30px 60px;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide .slide-content .logo {
  height: 35px;
  margin-bottom: 20px;
  position: relative;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide .slide-content p {
  font-family: "SharpSans", "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: white;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1;
  max-width: 70%;
  position: relative;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide .slide-content .byline {
  margin-top: 70px;
  display: grid;
  grid-template-areas: "headshot name" "headshot dealership";
  color: white;
  position: relative;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide .slide-content .byline .name {
  grid-area: name;
  font-size: 16px;
  font-weight: 700;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide .slide-content .byline .dealership_name {
  grid-area: dealership;
  font-size: 15px;
  font-weight: 500;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide .slide-content .byline .headshot {
  grid-area: headshot;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 16px;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide .slide-content .byline .headshot svg {
  position: absolute;
  bottom: 0;
  right: -10px;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide.cars-purple {
  border-bottom-color: #af48ac;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide.di-blue {
  border-bottom-color: #53AACC;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide.fuel-blue {
  border-bottom-color: #364BA0;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide.dr-orange {
  border-bottom-color: #FA7A12;
}
.page-template-page-blocks-2022 .brand-carousel .slides .slide.at-blue {
  border-bottom-color: #009BD8;
}
.page-template-page-blocks-2022 .brand-carousel .slick-list {
  overflow: visible;
}
.page-template-page-blocks-2022 .brand-carousel .slick-slide {
  opacity: 0.1;
  transition: opacity 0.7s;
  padding: 0 15px;
}
.page-template-page-blocks-2022 .brand-carousel .slick-slide.slick-current {
  opacity: 1;
}
.page-template-page-blocks-2022 .brand-carousel .slick-arrow {
  border: 0;
  z-index: 10;
  width: 43px;
  height: 43px;
}
.page-template-page-blocks-2022 .brand-carousel .slick-arrow:before {
  content: " ";
  width: 43px;
  height: 43px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20.0016' cy='20.7632' r='19.3395' fill='white' stroke='%239F449C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.8975 21.5288H13.7835C13.3014 21.5288 12.9105 21.1379 12.9105 20.6558C12.9105 20.1737 13.3014 19.7828 13.7835 19.7828H23.8975L19.277 15.1623C18.936 14.8214 18.936 14.2687 19.277 13.9278C19.6179 13.5869 20.1706 13.5869 20.5115 13.9278L26.6223 20.0385C26.9632 20.3794 26.9632 20.9322 26.6223 21.2731L20.5115 27.3838C20.1706 27.7248 19.6179 27.7248 19.277 27.3838C18.936 27.0429 18.936 26.4902 19.277 26.1493L23.8975 21.5288Z' fill='%239F449C'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
  opacity: 1;
}
.page-template-page-blocks-2022 .brand-carousel .slick-next {
  right: 0;
}
.page-template-page-blocks-2022 .brand-carousel .slick-prev {
  left: -6px;
}
.page-template-page-blocks-2022 .brand-carousel .slick-prev:before {
  transform: scaleX(-1);
}
@media (max-width: 767px) {
  .page-template-page-blocks-2022 .brand-carousel .slides .slick-arrow {
    top: 75%;
  }
  .page-template-page-blocks-2022 .brand-carousel .slides .slide {
    display: inline-block;
    width: 100%;
    margin-right: 16px;
    height: 540px;
  }
  .page-template-page-blocks-2022 .brand-carousel .slides .slide .slide-content {
    padding: 16px 18px;
    justify-content: flex-start;
  }
  .page-template-page-blocks-2022 .brand-carousel .slides .slide .slide-content .byline {
    margin-top: 33px;
  }
  .page-template-page-blocks-2022 .brand-carousel .slides .slide .slide-content p {
    font-size: 24px;
    line-height: 28px;
    max-width: 100%;
  }
  .page-template-page-blocks-2022 .brand-carousel .slides .slide .video-bg {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 250px;
  }
  .page-template-page-blocks-2022 .brand-carousel .nav_icon .wrap img {
    max-height: 40px;
  }
}

select {
  background-color: white;
  border-top: 0;
  border-radius: 0 0 6px 6px;
  border-color: #BDBDBD;
  height: 35px;
}

.form-inline-centered h2 {
  width: 100% !important;
  font-size: 42px;
}

.form-inline-centered p {
  width: 87%;
  margin: 30px auto;
}

.form-inline-centered {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

section.form-inline-centered .gform_wrapper {
  width: 80%;
  margin: 0 auto;
}

.cui-page-section, .page-section {
  max-width: 100% !important;
  padding: 0 16px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  section.form-inline-centered .container {
    width: 100%;
  }

  section.form-inline-centered .container h3 {
    font-size: 2.4rem;
    line-height: 1rem;
  }

  section.form-inline-centered .gform_wrapper {
    width: 100%;
    margin: 0 auto;
  }

  section.form-inline-centered .container h2 {
    width: 100%;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 0;
  }

  .form-inline-centered p {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 30px;
    width: 100%;
  }
}
/*---form styles---*/
.form-inline-centered {
  padding-top: 90px;
  padding-bottom: 16px;
  text-align: center;
  background-color: #eee;
  margin-top: 100px;
  width: 100%;
}

section.form-inline-centered .gform_wrapper {
  width: 80%;
  margin: 0 auto;
}

.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
  margin-left: 0 !important;
}

section.page-section .gform_wrapper ul.gform_fields li._diradio .gfield_label {
  background-color: transparent;
  font-size: 16px;
  color: #4e4d4d;
  font-weight: 500;
  margin: 0;
  border: 0;
}

section.page-section .gform_wrapper ul.gform_fields li._diradio .ginput_container_radio .gfield_radio {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 -19px;
}

section.page-section .gform_wrapper ul.gform_fields li._diradio .ginput_container_radio .gfield_radio li {
  margin-right: 16px;
  margin-bottom: 0;
}

section.page-section .gform_wrapper ul.gform_fields li._diradio .ginput_container_radio .gfield_radio li label {
  font-size: 18px;
  margin-left: 5px;
  font-weight: 500;
}

section.page-section .gform_wrapper h2 {
  color: #222222;
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-size: 4.2rem;
  padding-top: 13px;
  padding-bottom: 12px;
}

@media (max-width: 767px) {
  section.page-section .gform_wrapper h2 {
    font-size: 3.2rem;
  }
}
section.page-section .gform_wrapper p {
  color: #4e4d4d;
  font-size: 1.8rem;
  font-family: "proxima-nova", sans-serif;
}

section.page-section .gform_wrapper .gfield_label {
  margin-bottom: 0;
  padding: 5px;
  font-size: 12px;
  color: #555;
  display: block;
  width: 100%;
  background-color: white;
  border: 1px solid #BDBDBD;
  border-bottom: 0;
  padding-bottom: 0;
  border-radius: 6px 6px 0 0;
  font-weight: 400;
}

section.page-section .gform_wrapper .ginput_container_email,
section.page-section .gform_wrapper .ginput_container_phone,
section.page-section .gform_wrapper .ginput_container_select,
section.page-section .gform_wrapper .ginput_container_text {
  margin-top: 0px !important;
}

section.page-section .gform_wrapper input[type=text] {
  background-color: white;
  border-radius: 0 0 6px 6px;
  border: 1px solid #BDBDBD;
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

section.page-section .gform_wrapper .gform_footer {
  text-align: center;
}

section.page-section .gform_wrapper .gform_footer input.button, section.page-section .gform_wrapper .gform_footer input[type=submit] {
  border-radius: 0;
  border: 0;
  color: white;
  display: inline-block;
  font-family: "inter", sans-serif;
  font-size: 1.7rem;
  font-weight: 700;
  padding: 1rem 3rem;
  text-align: center;
  text-transform: capitalize;
  vertical-align: middle;
  margin-top: 20px;
  white-space: normal;
  background-color: #65299D;
  width: 25%;
  border-radius: 6px;
}

@media (max-width: 767px) {
  section.page-section .gform_wrapper .gform_footer input.button, section.page-section .gform_wrapper .gform_footer input[type=submit] {
    width: 100%;
  }
}
section.page-section .gform_wrapper .gform_footer input.button.blue,
section.page-section .gform_wrapper .gform_footer input[type=submit].blue {
  background-color: #53aacc;
  color: white;
}

section.page-section .gform_wrapper .gform_footer input.button.blue:hover,
section.page-section .gform_wrapper .gform_footer input[type=submit].blue:hover {
  background-color: #264e5d;
  color: white !important;
}

section.page-section .gform_wrapper .gform_footer input.button.green,
section.page-section .gform_wrapper .gform_footer input[type=submit].green {
  background-color: #4ab336;
  color: white;
}

section.page-section .gform_wrapper .gform_footer input.button.green:hover,
section.page-section .gform_wrapper .gform_footer input[type=submit].green:hover {
  background-color: #225219;
  color: white;
}

section.page-section .gform_wrapper .gform_footer input.button.arrow,
section.page-section .gform_wrapper .gform_footer input[type=submit].arrow {
  padding: 1rem 3.5rem 1rem 0;
  color: #2b2b2b;
  position: relative;
}

section.page-section .gform_wrapper .gform_footer input.button.arrow::after,
section.page-section .gform_wrapper .gform_footer input[type=submit].arrow::after {
  width: 27px;
  height: 13px;
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  top: 16px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 28 14' xml:space='preserve'%3E%3Cpath style='fill:%2353AACC;' d='M21.7,0.6l-0.6,0.7C21,1.4,21,1.5,21,1.6c0,0.1,0,0.2,0.1,0.3L25.8,7l-4.7,5.1 C21,12.2,21,12.3,21,12.4c0,0.1,0,0.2,0.1,0.3l0.6,0.7c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1l5.6-6.1C28,7.2,28,7.1,28,7 s0-0.2-0.1-0.3l-5.6-6.1c-0.1-0.1-0.2-0.1-0.3-0.1C21.9,0.5,21.8,0.5,21.7,0.6z'/%3E%3Cline style='fill:none;stroke:%2353AACC;stroke-width:2;stroke-linecap:round;' x1='26.5' y1='7' x2='1.5' y2='7'/%3E%3C/svg%3E%0A");
}

section.page-section .gform_wrapper .gform_footer input.button.circle,
section.page-section .gform_wrapper .gform_footer input[type=submit].circle {
  padding: 1rem 0 1rem 3.6rem;
  position: relative;
  color: #222222;
  text-align: left;
  background-color: transparent;
}

section.page-section .gform_wrapper .gform_footer input.button.circle::after,
section.page-section .gform_wrapper .gform_footer input[type=submit].circle::after {
  width: 24px;
  height: 24px;
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 12px);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

section.page-section .gform_wrapper .gform_footer input.button.circle-arrow::after,
section.page-section .gform_wrapper .gform_footer input[type=submit].circle-arrow::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cpath style='fill:%2353AACC;' d='M11.9,0.2C5.4,0.2,0.1,5.5,0.1,12s5.3,11.8,11.8,11.8S23.8,18.5,23.8,12S18.5,0.2,11.9,0.2z M11.9,21.3 c-5.1,0-9.3-4.2-9.3-9.3s4.2-9.3,9.3-9.3s9.3,4.2,9.3,9.3S17.1,21.3,11.9,21.3z'/%3E%3Cpolygon style='fill:%2353AACC;' points='9.2,16.4 16,12.3 9.2,7.6 '/%3E%3C/svg%3E%0A");
}

section.page-section .gform_wrapper .gform_footer input.button.circle-plus::after,
section.page-section .gform_wrapper .gform_footer input[type=submit].circle-plus::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cpath style='fill:%2353AACC;' d='M11.8,0C5.3,0,0,5.3,0,11.8s5.3,11.8,11.8,11.8s11.8-5.3,11.8-11.8S18.4,0,11.8,0z M11.8,21.1 c-5.1,0-9.3-4.2-9.3-9.3s4.2-9.3,9.3-9.3s9.3,4.2,9.3,9.3S17,21.1,11.8,21.1z'/%3E%3Cpolygon style='fill:%2353AACC;' points='12.9,17.2 12.9,13.4 16.3,13.4 16.3,11.6 12.9,11.6 12.9,7.9 10.9,7.9 10.9,11.6 7.6,11.6 7.6,13.4 10.9,13.4 10.9,17.2 '/%3E%3C/svg%3E%0A");
}

section.page-section .gform_wrapper .gform_footer input.button:hover, section.page-section .gform_wrapper .gform_footer input[type=submit]:hover {
  background-color: #A74DCE;
}

section.page-section .gform_wrapper .selectboxit-container {
  width: 100%;
}

section.page-section .gform_wrapper .selectboxit-container .selectboxit {
  font-family: "proxima-nova", sans-serif;
  width: 100% !important;
  background-color: white;
  border-radius: 6px;
  border: 1px solid #BDBDBD;
  border-top: 0;
  padding-top: 0;
  background-image: none;
}