@font-face {
  font-family: 'underrated';
  /*a name to be used later*/
  src: url("/ts1771509694/attachments/StyleSheet/25/UNDERRATEDUltraBold.ttf");
  /*URL to font*/ }
@font-face {
  font-family: 'universe';
  /*a name to be used later*/
  src: url("/ts1771509694/attachments/StyleSheet/25/UniversLTStd-XBlackObl.otf");
  /*URL to font*/ }
@font-face {
  font-family: 'universe-light';
  /*a name to be used later*/
  src: url("/ts1771509694/attachments/StyleSheet/25/UniversLTStd-Black.otf");
  /*URL to font*/ }
@font-face {
  font-family: 'BebasNeue';
  /*a name to be used later*/
  src: url("/ts1771509694/attachments/StyleSheet/25/BebasNeue-Regular.ttf");
  /*URL to font*/ }
.av-content-wrapper {
  margin-top: -7px !important;
  margin-left: -1px;
  margin-right: -1px; }
  @media (min-width: 767px) {
    .av-content-wrapper {
      margin-top: -1px !important; } }

.download-pdf-btn {
  background-color: #E4002B;
  transition: 0.25s ease all;
  text-decoration: none;
  padding: 5px 8px; }
  .download-pdf-btn:hover {
    background-color: #fff;
    color: #E4002B;
    text-decoration: none; }

/* Download PDF Related Styling */
@media (min-width: 720px) {
  .home-find-dealer__content {
    flex-direction: column; }

  .product-hero__content {
    padding-top: 32px; }

  .download .home-find-dealer__heading {
    margin-top: 32px !important;
    margin-bottom: 10px;
    font-size: 36px; } }
@media (max-width: 992px) {
  .find-dealer-btn {
    margin-top: 12px !important; }

  .home-find-dealer__link {
    flex-direction: column; }

  .home-find-dealer__content {
    justify-content: center !important; }

  .home-find-dealer__link {
    margin-top: 12px !important; } }
@media (max-width: 1400px) {
  .download .home-find-dealer__heading {
    font-size: 32px !important;
    margin-top: 32px !important; }

  .download {
    flex-direction: column; } }
.download {
  display: flex;
  flex-direction: row !important;
  align-items: center; }

.download .home-find-dealer__heading {
  margin-left: 16px;
  margin-top: 16px; }

.home-find-dealer__link {
  margin-top: 12px; }

.home-find-dealer {
  padding: 64px 24px; }

.find-dealer-btn {
  transition: 0.35s ease all;
  color: #fff !important;
  background-color: var(--brand-red) !important;
  padding: 8px;
  text-decoration: none !important;
  margin-left: 12px; }

.find-dealer-btn:hover {
  background-color: #fff !important;
  color: var(--brand-red) !important; }

.home-find-dealer__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center; }

.cta-row .primary-cta:hover {
  background-color: #fff !important; }

.av-page-title {
  background-color: #131313; }

@media (min-width: 1200px) {
  .dropdown-menu {
    max-height: 85vh;
    overflow-y: scroll; } }
/* Hide scrollbar on Products, Where To Buy, and Resources dropdown menus */
li.nav-item.dropdown:has(> a.dropdown-toggle[title="Products"]) > .dropdown-menu,
li.nav-item.dropdown:has(> a.dropdown-toggle[title="Where To Buy"]) > .dropdown-menu,
li.nav-item.dropdown:has(> a.dropdown-toggle[title="Resources"]) > .dropdown-menu {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE / old Edge */ }

li.nav-item.dropdown:has(> a.dropdown-toggle[title="Products"]) > .dropdown-menu::-webkit-scrollbar,
li.nav-item.dropdown:has(> a.dropdown-toggle[title="Where To Buy"]) > .dropdown-menu::-webkit-scrollbar,
li.nav-item.dropdown:has(> a.dropdown-toggle[title="Resources"]) > .dropdown-menu::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Edge */ }

.thank-you-page .thank-you-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 128px 0; }
  .thank-you-page .thank-you-section .safari-logo {
    width: 250px; }
    @media (min-width: 768px) {
      .thank-you-page .thank-you-section .safari-logo {
        width: 480px; } }
  .thank-you-page .thank-you-section h1 {
    margin-top: 48px;
    text-align: center;
    padding: 0 40px; }
    @media (min-width: 768px) {
      .thank-you-page .thank-you-section h1 {
        padding: 0 192px; } }
  .thank-you-page .thank-you-section h2 {
    text-align: center;
    padding: 0 32px;
    margin-top: 32px; }
  .thank-you-page .thank-you-section .go-home-btn {
    margin-top: 48px;
    background-color: #e4022c;
    padding: 12px 16px;
    transition: 0.25s ease all; }
    .thank-you-page .thank-you-section .go-home-btn:hover {
      background-color: #fff;
      color: #e4022c;
      text-decoration: none; }

.entry-thank-you-page .thank-you-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px 0; }
  @media (min-width: 768px) {
    .entry-thank-you-page .thank-you-section {
      padding: 128px 0; } }
  .entry-thank-you-page .thank-you-section h2 {
    margin-top: 32px;
    text-align: center;
    padding: 0 40px; }
    @media (min-width: 768px) {
      .entry-thank-you-page .thank-you-section h2 {
        padding: 0 192px; } }
  .entry-thank-you-page .thank-you-section h3 {
    text-align: center;
    padding: 0 32px;
    margin-top: 32px; }
    @media (min-width: 992px) {
      .entry-thank-you-page .thank-you-section h3 {
        padding: 0 256px; } }
  .entry-thank-you-page .thank-you-section .socials {
    margin-top: 32px;
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .entry-thank-you-page .thank-you-section .socials {
        flex-direction: row; } }
    .entry-thank-you-page .thank-you-section .socials a {
      margin: 16px 0; }
      @media (min-width: 768px) {
        .entry-thank-you-page .thank-you-section .socials a {
          margin: 0 32px; } }
      .entry-thank-you-page .thank-you-section .socials a i {
        margin-right: 8px;
        border: 2px solid white;
        border-radius: 50%;
        padding: 10px;
        width: 44px;
        text-align: center; }
      .entry-thank-you-page .thank-you-section .socials a:hover {
        text-decoration: none;
        color: #e4022c; }
        .entry-thank-you-page .thank-you-section .socials a:hover i {
          border-color: #e4022c; }
  .entry-thank-you-page .thank-you-section .go-home-btn {
    margin-top: 48px;
    background-color: #e4022c;
    padding: 12px 16px;
    transition: 0.25s ease all; }
    .entry-thank-you-page .thank-you-section .go-home-btn:hover {
      background-color: #fff;
      color: #e4022c;
      text-decoration: none; }

.policies-page {
  padding: 64px 0 128px 0; }
  .policies-page h1 {
    color: #fff;
    font-size: 48px;
    font-family: 'Roboto';
    font-weight: 700;
    margin-bottom: 64px; }
  .policies-page h2 {
    color: #fff;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 16px; }
  .policies-page p {
    color: #fff;
    font-family: 'Roboto';
    font-size: 16px; }
  .policies-page a {
    color: #fff;
    transition: 0.25s ease all; }
    .policies-page a:hover {
      color: #fff;
      opacity: 0.7; }

.apillar-page main {
  background-size: cover;
  background-repeat: no-repeat; }
  @media (min-width: 992px) {
    .apillar-page main img {
      display: none; } }
  .apillar-page main .container {
    display: flex;
    flex-direction: column; }
    @media (min-width: 992px) {
      .apillar-page main .container {
        flex-direction: row; } }
    .apillar-page main .container .half {
      padding-left: 32px;
      padding-right: 32px;
      padding-top: 64px;
      padding-bottom: 88px; }
      @media (min-width: 992px) {
        .apillar-page main .container .half {
          flex: 1;
          padding-left: unset;
          padding-right: unset; } }
      .apillar-page main .container .half h1 {
        padding-top: 32px; }
        @media (min-width: 992px) {
          .apillar-page main .container .half h1 {
            padding-top: 56px; } }
      .apillar-page main .container .half .safari-recommends {
        background: #3C3C3C;
        margin-top: 32px;
        padding: 20px 24px;
        border-radius: 10px; }
        .apillar-page main .container .half .safari-recommends h2 {
          color: #fff;
          font-family: 'Roboto';
          padding-right: 40px; }
        .apillar-page main .container .half .safari-recommends ul {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          padding: 0 20px;
          margin-top: 20px; }
          @media (min-width: 992px) {
            .apillar-page main .container .half .safari-recommends ul {
              padding: 0 40px; } }
          .apillar-page main .container .half .safari-recommends ul li {
            padding: 4px;
            color: #fff;
            font-family: 'Roboto';
            list-style: disc; }
            @media (min-width: 992px) {
              .apillar-page main .container .half .safari-recommends ul li {
                padding: 10px; } }
        .apillar-page main .container .half .safari-recommends button {
          color: #fff;
          background-color: #e4022c;
          font-family: 'Roboto';
          height: 50px;
          border-radius: 10px;
          padding: 0 46px;
          margin-top: 20px; }
          .apillar-page main .container .half .safari-recommends button i {
            padding-right: 8px; }

.contact-us-page .contact-form-holder {
  position: absolute;
  height: 100%;
  weight: 100%;
  background-color: #00000050;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 80px 32px;
  display: none; }
  @media (min-width: 992px) {
    .contact-us-page .contact-form-holder {
      padding: 128px 256px; } }
  .contact-us-page .contact-form-holder form {
    background-color: #000;
    border-radius: 20px;
    color: #fff;
    padding: 40px;
    position: relative; }
    .contact-us-page .contact-form-holder form h4 {
      margin-bottom: 16px; }
    .contact-us-page .contact-form-holder form .close-form-btn {
      position: absolute;
      right: 16px;
      top: 16px; }
      .contact-us-page .contact-form-holder form .close-form-btn:hover {
        cursor: pointer; }
      .contact-us-page .contact-form-holder form .close-form-btn i {
        color: #fff !important;
        font-size: 32px; }
    .contact-us-page .contact-form-holder form input {
      background-color: #fff;
      padding: 8px;
      border-radius: 10px; }
    .contact-us-page .contact-form-holder form textarea {
      background-color: #fff;
      padding: 8px;
      border-radius: 10px;
      height: 120px; }
      @media (min-width: 992px) {
        .contact-us-page .contact-form-holder form textarea {
          height: unset; } }
    .contact-us-page .contact-form-holder form button {
      background-color: #E4002B;
      color: #fff;
      transition: 0.25s ease all; }
      .contact-us-page .contact-form-holder form button:hover {
        background-color: #fff;
        color: #E4002B !important;
        text-decoration: none; }
.contact-us-page .hero-section {
  height: 500px;
  display: flex;
  background-size: cover;
  align-items: center;
  background-position-x: -260px; }
  @media (min-width: 768px) {
    .contact-us-page .hero-section {
      background-position-x: unset; } }
  .contact-us-page .hero-section h1 {
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    margin-top: -200px; }
    @media (min-width: 992px) {
      .contact-us-page .hero-section h1 {
        margin-right: 88px;
        text-align: right;
        font-size: 52px;
        margin-top: 0; } }
.contact-us-page .tabs-section {
  margin-top: 32px; }
  @media (min-width: 992px) {
    .contact-us-page .tabs-section {
      margin-top: -32px; } }
  .contact-us-page .tabs-section .left {
    flex-basis: 50%;
    margin: 0 16px; }
    @media (min-width: 992px) {
      .contact-us-page .tabs-section .left {
        margin: 0 64px; } }
  .contact-us-page .tabs-section .right {
    flex-basis: 50%;
    margin: 0 16px; }
    @media (min-width: 992px) {
      .contact-us-page .tabs-section .right {
        margin: 0 64px; } }
  .contact-us-page .tabs-section .customer-support {
    margin-top: 40px; }
    @media (min-width: 992px) {
      .contact-us-page .tabs-section .customer-support {
        margin-top: 0; } }
  .contact-us-page .tabs-section .box {
    background-color: #3C3C3C;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    padding: 27px 71px;
    text-align: center;
    height: 440px; }
    @media (min-width: 768px) {
      .contact-us-page .tabs-section .box {
        margin-top: 0;
        height: 400px; } }
    @media (min-width: 992px) {
      .contact-us-page .tabs-section .box {
        margin-top: 0;
        height: 320px; } }
    .contact-us-page .tabs-section .box img {
      height: 59px; }
    .contact-us-page .tabs-section .box h3 {
      font-size: 30px;
      font-weight: 900;
      font-family: 'Roboto';
      color: #fff;
      margin-top: 17px; }
    .contact-us-page .tabs-section .box p {
      font-size: 16px;
      margin-top: 17px;
      color: #fff;
      font-weight: 400;
      height: 80px; }
    .contact-us-page .tabs-section .box a {
      background-color: #E4002B;
      color: #fff;
      border-radius: 10px;
      padding: 10px;
      margin-top: 80px;
      font-weight: 900;
      transition: 0.25s ease all; }
      @media (min-width: 768px) {
        .contact-us-page .tabs-section .box a {
          margin-top: 64px; } }
      @media (min-width: 992px) {
        .contact-us-page .tabs-section .box a {
          margin-top: 16px; } }
      .contact-us-page .tabs-section .box a:hover {
        text-decoration: none;
        background-color: #fff;
        color: #E4002B; }
.contact-us-page .content-section {
  margin: 64px 16px 16px 16px; }
  .contact-us-page .content-section br {
    display: none; }
    @media (min-width: 992px) {
      .contact-us-page .content-section br {
        display: block; } }
  @media (min-width: 992px) {
    .contact-us-page .content-section {
      margin: 64px -122px 0 42px; } }
  @media (min-width: 1200px) {
    .contact-us-page .content-section {
      margin: 64px 16px 0 64px; } }
  .contact-us-page .content-section .left {
    flex-basis: 50%;
    margin: 0 16px; }
    @media (min-width: 992px) {
      .contact-us-page .content-section .left {
        margin: 0 64px; } }
    @media (min-width: 1200px) {
      .contact-us-page .content-section .left {
        margin: 0 71px 0 90px; } }
    .contact-us-page .content-section .left h2 {
      color: #E4002B;
      font-size: 24px;
      font-weight: 700; }
    .contact-us-page .content-section .left p {
      margin-top: 25px;
      color: #fff;
      font-weight: 400;
      font-size: 19px; }
  .contact-us-page .content-section .right {
    flex-basis: 50%;
    margin: 48px 16px 0 16px; }
    @media (min-width: 992px) {
      .contact-us-page .content-section .right {
        margin: 0 64px; } }
    .contact-us-page .content-section .right h2 {
      color: #E4002B;
      font-size: 24px;
      font-weight: 700; }
    .contact-us-page .content-section .right .social-links {
      margin-top: 25px;
      display: inline-flex;
      flex-direction: column; }
      @media (min-width: 1200px) {
        .contact-us-page .content-section .right .social-links {
          flex-direction: row; } }
      .contact-us-page .content-section .right .social-links .social-icon {
        margin-right: 16px;
        color: #fff;
        font-weight: 400;
        font-size: 19px;
        display: flex;
        flex-direction: row; }
        .contact-us-page .content-section .right .social-links .social-icon i {
          border: 1.5px solid #fff;
          border-radius: 100%;
          margin-right: 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 8px;
          width: 32px;
          height: 32px; }
        .contact-us-page .content-section .right .social-links .social-icon a {
          display: flex;
          flex-direction: row;
          color: #fff;
          margin-top: 12px; }
          @media (min-width: 992px) {
            .contact-us-page .content-section .right .social-links .social-icon a {
              margin-top: 0; } }
          .contact-us-page .content-section .right .social-links .social-icon a:hover {
            color: #E4002B;
            text-decoration: none; }
            .contact-us-page .content-section .right .social-links .social-icon a:hover i {
              color: #E4002B;
              border-color: #E4002B; }
.contact-us-page .head-office-section {
  margin: 64px 16px; }
  @media (min-width: 992px) {
    .contact-us-page .head-office-section {
      margin: 64px; } }
  .contact-us-page .head-office-section .head-office-details {
    background-color: #3c3c3c;
    border-radius: 20px;
    padding: 24px; }
    @media (min-width: 992px) {
      .contact-us-page .head-office-section .head-office-details {
        padding: 52px; } }
    .contact-us-page .head-office-section .head-office-details .left {
      flex-basis: 65%; }
      .contact-us-page .head-office-section .head-office-details .left iframe {
        border-radius: 20px; }
    .contact-us-page .head-office-section .head-office-details .right {
      flex-basis: 35%;
      color: #fff;
      margin-top: 32px; }
      @media (min-width: 992px) {
        .contact-us-page .head-office-section .head-office-details .right {
          margin-top: 0;
          padding-left: 32px; } }
      .contact-us-page .head-office-section .head-office-details .right h3 {
        font-weight: 900;
        font-size: 30px;
        margin-top: 16px; }
      .contact-us-page .head-office-section .head-office-details .right p {
        font-size: 19px;
        margin-top: 25px; }
      .contact-us-page .head-office-section .head-office-details .right b {
        margin-top: 25px;
        font-size: 20px; }
      .contact-us-page .head-office-section .head-office-details .right a {
        color: #fff;
        font-size: 19px; }

#vehicle-page .product-section:nth-child(odd) {
  background-color: #000 !important; }
#vehicle-page .product-section:nth-child(even) {
  background-color: #161616 !important; }
#vehicle-page .product-section h3 {
  color: #fff;
  text-transform: uppercase;
  font-family: 'BebasNeue';
  font-size: 1.875rem;
  font-weight: 600;
  transition: 0.25s ease all; }
  #vehicle-page .product-section h3:hover {
    color: #E4002B !important;
    text-decoration: none; }
#vehicle-page .product-item-list {
  margin-top: 16px; }
  #vehicle-page .product-item-list li a {
    font-size: 1.25rem !important;
    color: #fff !important;
    transition: 0.25s ease all; }
    #vehicle-page .product-item-list li a:hover {
      color: #E4002B !important;
      text-decoration: none; }

#page-layout .panel {
  background-color: #232323;
  border: none; }
  #page-layout .panel .av-img-placeholder-wrap img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
  #page-layout .panel .av-list-item-details {
    background-color: #161616; }
    #page-layout .panel .av-list-item-details .title {
      color: #fff;
      font-weight: 600; }