/** Shopify CDN: Minification failed

Line 616:0 Expected "}" to go with "{"

**/
html, body {
  overflow: auto;
}

/*Footer svg background to remove the white*/
#MainContent>*:not(script):last-of-type:after{
  background-color:#0D0E10
}

.sales-rep-section {
  background-color:#0D0E10; 
  padding: 30px; 
}  
  
.sales-team-breadcrumbs-wrapper {
  width: 100%;
  max-width: 1440px;
  text-align: left;
}

.sales-team-breadcrumbs {
  display: flex;
  align-items: center;
  font-family: Teko, sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #504744;
  margin-bottom: 12px;
}

.sales-team-back-link {
    display: flex;
    align-items: center;
    gap: 8px; 
    color: #C8102E; 
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.sales-team-back-link:hover {
    color: #A00C24;
    text-decoration: underline;
}

.sales-team-back-link svg {
    transition: fill 0.3s ease-in-out, transform 0.3s ease-in-out;
    fill: #C8102E; 
    width: 20px;
    height: 20px;
}

.sales-team-back-link:hover svg {
    fill: #A00C24; 
    transform: translateX(-3px); 
}

.sales-team-breadcrumbs span {
    margin: 0 8px;
    color: #C8102E;
}

.sales-team-current-page {
  color: #797270!important;
  font-weight: 600;
  margin: 0!important;
}


.sales-rep-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sales-rep-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 1440px;
  border-radius: 8px;
  position: relative!important;
}

.sales-rep-image {
  flex: 1;
  align-self: flex-start;
  position: relative;
}

.sales-rep-image img {
  width: 100%;
}

.sales-rep-image svg {
  position: absolute;
  bottom: 32px;
  left: 32px;
}

.sales-rep-information {
  flex: 2;
  padding: 60px;
  overflow-y: visible;
  max-height: 100%;
}

.sales-rep-information::-webkit-scrollbar {
    width: 8px; 
}

.sales-rep-information::-webkit-scrollbar-track {
    background: transparent; 
}

.sales-rep-information::-webkit-scrollbar-thumb {
    background: #504744; 
    border-radius: 8px; 
}

.sales-rep-information::-webkit-scrollbar-button {
    display: none; 
    background: transparent;
}

.sales-rep-header h1 {
  color: var(--Royer-red, #C8102E);
  font-family: Teko;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  line-height: 62px;
  text-transform: uppercase;
}

.sales-rep-position-region {
  display: flex;
}
  
.sales-rep-header h3 {
  color: var(--White, #FFF);
  font-family: Teko;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  margin-bottom: 20px;
}



.sales-rep-links h2 {
  color: var(--White, #FFF);
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  text-transform: uppercase;
}

.sales-rep-links p {
  color: var(--White, #FFF);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}
  
.sales-rep-link {
  display: block;
  position: relative;
  padding: 24px 10px;
  /*
  border-top: 2px solid var(--Grey-700, #282626);
  */
  border-bottom: 2px solid var(--Grey-700, #282626);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.sales-rep-link h2 {
  color: var(--White, #FFF);
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  transition: color 0.3s ease-in-out;
}

  .sales-rep-link:hover h2 {
    color: #C8102E;
  }

.sales-rep-link p {
  color: var(--White, #FFF);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}

.sales-rep-link svg {
  position: absolute;
  right: 10px;
  top: 30px;
  height: 34px;
  width: 34px;
  transition: transform 0.3s ease-in-out, fill 0.3s ease-in-out;
}

  .sales-rep-link:hover svg {
    fill: #C8102E;
    transform: translateX(10px);
  }

.sales-rep-territory {
  margin-top: 50px
}

.sales-rep-territory h2, .sales-rep-territory h2 p {
  font-family: Teko!important;
  color: white;
  font-size: 36px;
  font-weight: 400;
  line-height: 38px;
  text-transform: uppercase;
}

.sales-rep-territory p {
  color: white;
  font-family: Inter;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.sales-rep-territory p a {
  color: #fff;
  font-weight: bold;
}

  .sales-rep-territory p a:hover {
    color: var(--Royer-red, #C8102E);
  }

.sales-rep-territory h2 strong {
  font-weight: 600;
}
  

.sales-rep-intro {
  margin-top: 50px;
}

.sales-rep-intro h2 {
  color: var(--White, #FFF);
  font-family: Teko;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  text-transform: uppercase;
}

.sales-rep-intro p {
  color: var(--White, #FFF);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}

.sales-rep-contact {
  width: 100%;
  border-radius: 0px 0px 8px 0px;
  background: var(--Grey-700, #282626); 
  padding: 24px;
}

.sales-rep-contact h4 {
  color: var(--White, #FFF);
  font-family: Teko;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
}

.sales-rep-contact-information {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sales-rep-contact-information a {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}

  .sales-rep-contact-information a:hover {
    color: #C8102E;
  }

.sales-rep-contact-information svg {
  transition: fill 0.3s ease-in-out;
  fill: #fff; 
}

  .sales-rep-contact-information a:hover svg {
    fill: #C8102E; 
  }

.sales-rep-meeting-btn {
  display: flex;
  height: 64px;
  padding: 22px 18px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 4px;
  border: 2px solid #c8102e;
  background-color: #c8102e;
  color: #FFF;
  text-align: center;
  font-family: Teko;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 30px 0px 20px;
  transition: all 0.3sease-in-out;
}

.sales-rep-catalogue-download-btn {
  display: flex;
  height: 64px;
  padding: 22px 18px;
  justify-content: center;
  align-items: center; 
  gap: 8px;
  align-self: stretch;
  color: #FFF; 
  text-align: center;
  font-family: Teko;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; 
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 20px 0px 44px;
  transition: all 0.3s ease-in-out;
  text-decoration: underline;
}

  .sales-rep-catalogue-download-btn:hover {
    border-color: #C8102E;
    color: #C8102E; 
  }

  .sales-rep-catalogue-download-btn svg {
    transition: transform 0.3s ease-in-out, fill 0.3s ease-in-out;
    fill: #FFF; 
  }
  
  .sales-rep-catalogue-download-btn:hover svg {
    fill: #C8102E;
  }

  .sales-rep-catalogue-download-btn .material-icons {
    font-size: 20px;
  }


.sales-rep-meeting-link {
  color: #C8102E!important;
  font-family: Teko, sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}

.sales-rep-meeting-link:hover {
  color: #A00C24; 
  text-decoration: underline;
}

@media screen and (max-width: 1320px){
    .sales-rep-header h3 {
        font-size: 34px;
        line-height: 36px;
    }
}

@media screen and (max-width: 1200px){

  .sales-rep-header h3 {
    font-size: 30px;
    line-height: 34px;
  }
}


@media screen and (max-width: 1100px) {
  .sales-rep-header h3 {
    font-size: 28px;
    line-height: 32px;
  }

  .sales-rep-image svg {
    width: 100%;
    max-width: 175px;
  }


@media screen and (max-width: 900px){

  .sales-rep-catalogue-download-btn {
    margin-top: 20px;
  }

  .sales-rep-wrapper {
    grid-template-columns: 1fr;
  }

    .sales-rep-image img {
      width: 100%;
    }

  .sales-rep-information {
    padding: 20px;
  }

  .sales-rep-header h1 {
    font-size: 40px;
    line-height: 40px;
  }
  
  .sales-rep-header h3 {
      font-size: 20px;
      line-height: 24px;
  }

  .sales-rep-ctas .rep-full-name {
    display: none;
  }
}


@media screen and (max-width: 700px){
  .sales-rep-header h1 {
    font-size: 50px;
    line-height: 54px;
  }

  .sales-rep-header h3 {
    font-size: 30px;
    line-height: 32px;
  }

  .sales-rep-link h2 {
    font-size: 22px;
    line-height: 32px;
  }

  .sales-rep-link p {
    font-size: 16px;
    line-height: 22px;
  }

  .sales-rep-link svg {
    top: 22px;
    height: 30px;
    width: 30px;
  }

  .sales-rep-image svg {
    display: none;
  }

  .sales-rep-territory h2 {
    font-size: 30px;
    line-height: 34px;
  }

  .sales-rep-territory p {
    font-size: 16px;
    line-height: 22px;
  }

  .sales-rep-intro h2 {
    font-size: 30px;
    line-height: 34px;
  }

  .sales-rep-intro p {
    font-size: 16px;
    line-height: 22px;
  }

  .sales-rep-image {
    max-width: 100%;
  }

  .sales-rep-information {
    max-width: 100%;
  }

  .sales-rep-link {
    padding: 24px 0px;
  }

}  


@media screen and (max-width: 480px) {
  
  .sales-rep-section {
    padding: 10px;
  }

  .sales-rep-contact {
    padding: 16px;
    border-radius: 4px;
  }

  .sales-rep-header h1 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 0px;
  }

  .sales-rep-catalogue-download-btn {
    font-size: 18px;
    padding: 22px 10px;
    margin: 10px 0px 20px 0px;
    color: #C8102E;
  }

  .sales-rep-catalogue-download-btn svg {
    fill: #C8102E;
  }
}


@media screen and (max-width: 375px) {
  .sales-rep-information {
    padding: 20px 10px;
  }

  .sales-rep-header h1 {
    font-size: 42px;
    line-height: 44px;
    margin-top: 10px;
  }

  .sales-rep-header h3 {
    font-size: 28px;
    line-height: 30px;
  }

  .sales-rep-catalogue-download-btn {
    font-size: 18px;
    padding: 22px 10px;
    margin: 10px 0px 20px 0px;
    color: #C8102E;
  }

  .sales-rep-link svg {
    top: 24px;
  }
}