/***************************************************************

Content Pages

***************************************************************/
.page-template--pages-page .page, .page-template--pages-custom-page-promotions .page {
  margin: 0; }
  .page-template--pages-page .page .page-content--centered, .page-template--pages-custom-page-promotions .page .page-content--centered {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0; }
    .page-template--pages-page .page .page-content--centered .container, .page-template--pages-custom-page-promotions .page .page-content--centered .container {
      max-width: 1250px;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      float: none; }
      .page-template--pages-page .page .page-content--centered .container .page-content, .page-template--pages-custom-page-promotions .page .page-content--centered .container .page-content {
        display: block;
        max-width: 1250px;
        margin: 0 auto;
        width: 100%;
        float: none; }
  .page-template--pages-page .page .page_head_content, .page-template--pages-custom-page-promotions .page .page_head_content {
    width: 100%;
    background: #eee;
    padding: 30px 15px;
    margin-bottom: 45px; }
    .page-template--pages-page .page .page_head_content h1, .page-template--pages-custom-page-promotions .page .page_head_content h1 {
      text-align: center;
      font-size: 22px;
      letter-spacing: 2px;
      margin: 0;
      line-height: normal;
      font-family: 'azo-sans-web';
      text-transform: uppercase; }
      @media only screen and (max-width: 1199px) {
        .page-template--pages-page .page .page_head_content h1, .page-template--pages-custom-page-promotions .page .page_head_content h1 {
          font-size: 1.38em;
          letter-spacing: 2px;
          font-weight: 300; } }
    .page-template--pages-page .page .page_head_content p, .page-template--pages-custom-page-promotions .page .page_head_content p {
      max-width: 992px;
      margin: 0 auto;
      text-align: center;
      font-size: 16px;
      line-height: 25px;
      margin-top: 16px; }
      @media only screen and (max-width: 1199px) {
        .page-template--pages-page .page .page_head_content p, .page-template--pages-custom-page-promotions .page .page_head_content p {
          margin-top: 16px; } }
      @media only screen and (max-width: 450px) {
        .page-template--pages-page .page .page_head_content p, .page-template--pages-custom-page-promotions .page .page_head_content p {
          display: none; } }
  .page-template--pages-page .page .container, .page-template--pages-custom-page-promotions .page .container {
    float: left;
    max-width: unset;
    padding: 0; }
    .page-template--pages-page .page .container .page-content, .page-template--pages-custom-page-promotions .page .container .page-content {
      display: block;
      max-width: 1250px;
      margin: 0 auto;
      width: 100%; }
    .page-template--pages-page .page .container .page-content--full, .page-template--pages-custom-page-promotions .page .container .page-content--full {
      width: 100%; }
    .page-template--pages-page .page .container .red, .page-template--pages-custom-page-promotions .page .container .red {
      color: #DB4B51; }

.page-template--pages-page .icon-text em, .page-template--pages-custom-page-promotions .icon-text em {
  color: #bf3333;
  position: relative;
  height: 80px;
  width: 130px; }
  .page-template--pages-page .icon-text em:before, .page-template--pages-custom-page-promotions .icon-text em:before {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto; }

.page-template--pages-page .icon-text h3, .page-template--pages-custom-page-promotions .icon-text h3 {
  color: #bf3333;
  font-weight: 700;
  font-size: 15px; }

.page-template--pages-page .promotionsHeroContainer, .page-template--pages-custom-page-promotions .promotionsHeroContainer {
  background-size: cover;
  height: 500px;
  width: 100%;
  background-image: url("../img/tt-promo-hero-23.png"); }
  @media only screen and (max-width: 768px) {
    .page-template--pages-page .promotionsHeroContainer, .page-template--pages-custom-page-promotions .promotionsHeroContainer {
      background: unset;
      height: auto;
      padding: 32px;
      box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
      margin: 32px 16px;
      width: auto; } }
  .page-template--pages-page .promotionsHeroContainer .promotionsHeroContentWrapper, .page-template--pages-custom-page-promotions .promotionsHeroContainer .promotionsHeroContentWrapper {
    height: 100%;
    max-width: 1250px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .page-template--pages-page .promotionsHeroContainer .promotionsHeroContentWrapper, .page-template--pages-custom-page-promotions .promotionsHeroContainer .promotionsHeroContentWrapper {
        padding: 0 15px; } }
  .page-template--pages-page .promotionsHeroContainer .promotionsHeroContent, .page-template--pages-custom-page-promotions .promotionsHeroContainer .promotionsHeroContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: center;
    height: 100%;
    max-width: 600px; }
  .page-template--pages-page .promotionsHeroContainer h1, .page-template--pages-custom-page-promotions .promotionsHeroContainer h1 {
    color: #173F55;
    font-size: 62px;
    line-height: 79px;
    margin: 0 0 10px;
    width: 600px;
    max-width: 100%; }
    @media only screen and (max-width: 768px) {
      .page-template--pages-page .promotionsHeroContainer h1, .page-template--pages-custom-page-promotions .promotionsHeroContainer h1 {
        font-size: 40px;
        line-height: 50px;
        letter-spacing: normal; } }
  .page-template--pages-page .promotionsHeroContainer p, .page-template--pages-custom-page-promotions .promotionsHeroContainer p {
    color: #173F55;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.5px;
    margin: 0 auto 53px;
    width: 600px;
    max-width: 100%; }
    @media only screen and (max-width: 768px) {
      .page-template--pages-page .promotionsHeroContainer p, .page-template--pages-custom-page-promotions .promotionsHeroContainer p {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.44px; } }

.page-template--pages-page .promotion-sms h2, .page-template--pages-page .promotion-sms p, .page-template--pages-page .promotion-sms a, .page-template--pages-custom-page-promotions .promotion-sms h2, .page-template--pages-custom-page-promotions .promotion-sms p, .page-template--pages-custom-page-promotions .promotion-sms a {
  color: #173F55; }

.page-template--pages-page .promotion-sms h2, .page-template--pages-custom-page-promotions .promotion-sms h2 {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 20px; }

@media only screen and (max-width: 768px) {
  .page-template--pages-page .promotion-sms, .page-template--pages-custom-page-promotions .promotion-sms {
    margin: 16px; } }

.page-template--pages-page .promotion-item, .page-template--pages-custom-page-promotions .promotion-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 32px;
  border-top: 1px solid #B0D4F3; }
  .page-template--pages-page .promotion-item:first-of-type, .page-template--pages-custom-page-promotions .promotion-item:first-of-type {
    border-top: unset; }
  @media only screen and (max-width: 768px) {
    .page-template--pages-page .promotion-item, .page-template--pages-custom-page-promotions .promotion-item {
      margin: 16px;
      flex-direction: column;
      align-items: start; } }
  .page-template--pages-page .promotion-item h3, .page-template--pages-page .promotion-item p, .page-template--pages-custom-page-promotions .promotion-item h3, .page-template--pages-custom-page-promotions .promotion-item p {
    color: #173F55;
    margin-bottom: 18px; }
  .page-template--pages-page .promotion-item h3, .page-template--pages-custom-page-promotions .promotion-item h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400; }
  .page-template--pages-page .promotion-item .promotion-date, .page-template--pages-custom-page-promotions .promotion-item .promotion-date {
    background: #F4F6F8;
    padding: 4px 8px;
    width: fit-content;
    color: #2F6C8E;
    font-weight: 400; }
  .page-template--pages-page .promotion-item .promotion-code, .page-template--pages-custom-page-promotions .promotion-item .promotion-code {
    border: 1px solid #DB4B51;
    padding: 1rem 2rem;
    color: #173F55;
    font-weight: 700;
    text-transform: uppercase;
    width: 300px; }
  .page-template--pages-page .promotion-item--text, .page-template--pages-custom-page-promotions .promotion-item--text {
    max-width: 700px; }

.page-template--pages-page .promotion-banner, .page-template--pages-custom-page-promotions .promotion-banner {
  background: url("../img/tt-promotion-banner-desktop.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px;
  margin-bottom: 64px; }
  @media only screen and (max-width: 768px) {
    .page-template--pages-page .promotion-banner, .page-template--pages-custom-page-promotions .promotion-banner {
      background: url("../img/tt-promotion-banner-mobile.png"), linear-gradient(270deg, #D5CFC8 0%, #D4CEC6 9.1%, #D7D1C9 17.47%, #DDD9D5 27.36%, #E2DED9 37.09%, #EAE8E4 69.82%, #EAEAE7 100%);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top;
      padding: 250px 20px 52px;
      margin: 16px;
      margin-bottom: 32px; } }
  .page-template--pages-page .promotion-banner--text, .page-template--pages-custom-page-promotions .promotion-banner--text {
    color: #173F55;
    text-align: center;
    max-width: 650px; }
    .page-template--pages-page .promotion-banner--text h2, .page-template--pages-custom-page-promotions .promotion-banner--text h2 {
      color: inherit;
      font-size: 40px;
      text-transform: uppercase;
      font-weight: 400;
      margin-bottom: 20px; }

/***************************************************************

Page Structures

***************************************************************/
.page-content.our-story-page {
  padding-left: 0;
  padding-right: 0; }
  .page-content.our-story-page a {
    color: #0086D0;
    text-decoration: underline !important; }
  .page-content.our-story-page .page_footer a {
    color: #173F55;
    text-decoration: none !important; }

.page-template--pages-custom-page-page-landing .page {
  padding-left: 0;
  padding-right: 0;
  margin: 0; }

.page-type--page .body > .container {
  padding: 0;
  max-width: none; }

.page-type--page .body .row {
  margin-left: auto;
  margin-right: auto; }

.page-type--page .body .col .left,
.page-type--page .body .col .right,
.page-type--page .body .col.col-1-2,
.page-type--page .body .col.col-1-3,
.page-type--page .body .col.col-1-4,
.page-type--page .body .col.col-2-3,
.page-type--page .body .col.col-3-4,
.page-type--page .body .col.gray_bg .left {
  padding: 15px; }

.page-type--page .body .col-container {
  width: 100%;
  float: left; }
  .page-type--page .body .col-container .col {
    padding: 0px 45px 15px;
    float: left; }
    .page-type--page .body .col-container .col.col-1-4 {
      width: 25%; }
    .page-type--page .body .col-container .col.col-3-4 {
      width: 75%; }

.page-type--page .body .gray_bg {
  background: #eee; }

.page-type--page.page-template--pages-custom-page-centered-content .body > .container {
  max-width: 1250px; }

.page-type--page .page-type--page __bottom .row_7 {
  margin-top: 15px; }

.page-type--page .page-type--page __bottom .page__videos .left,
.page-type--page .page-type--page __bottom .page__videos .right {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.page-type--page .col .left,
.page-type--page .col .right,
.page-type--page .col.gray_bg .left,
.page-type--page .col.col-1-2,
.page-type--page .col.col-1-3,
.page-type--page .col.col-1-4,
.page-type--page .col.col-3-4 {
  padding-left: 5px;
  padding-right: 5px; }

.page-type--page .col.col-1-3,
.page-type--page .col.col-2-3 {
  width: 100% !important; }

.page-type--page .col-1-2 {
  width: 50%;
  float: left; }

.page-type--page .col-container {
  width: 100%;
  float: left; }

.page-type--page .col-container .col {
  padding: 0px 45px 15px; }

@media only screen and (max-width: 990px) {
  .page-type--page .body .col-container .col .left,
  .page-type--page .body .col-container .col .right,
  .page-type--page .body .col-container .col.col-1-2,
  .page-type--page .body .col-container .col.col-3-4 {
    width: 100%; }
  .page-type--page .body .col-container .col.col-3-4 {
    padding-left: 45px;
    padding-right: 45px; }
  .cms-pg.Underarm.Sweat.Pads .gray_bg .col.col-1-3 {
    display: inline-block;
    position: relative;
    float: none;
    width: 33.1% !important;
    padding: 0; }
  .cms-pg.Underarm.Sweat.Pads .gray_bg .col.col-2-3 {
    display: inline-block;
    position: relative;
    float: none;
    width: 66.1% !important; } }

.page_hero {
  display: flex;
  justify-items: center;
  flex-direction: column;
  align-items: center;
  background-color: #173F55;
  padding: 50px 0 0; }
  @media screen and (max-width: 991px) {
    .page_hero {
      padding-top: 20px;
      margin-bottom: 0; } }
  .page_hero h1 {
    text-transform: none;
    color: #ffffff;
    margin: 0;
    margin-bottom: -90px; }
    @media screen and (max-width: 991px) {
      .page_hero h1 {
        margin-bottom: 30px;
        text-align: center; } }

.page-returns .page_hero {
  background-color: #EEE;
  padding: 80px 0; }
  .page-returns .page_hero h1 {
    color: #173F55;
    margin-bottom: 0;
    font-size: 48px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 4px; }
  @media only screen and (max-width: 991px) {
    .page-returns .page_hero {
      padding: 40px 16px; }
      .page-returns .page_hero h1 {
        font-size: 24px; } }

.page_footer {
  height: 300px;
  display: flex;
  position: relative; }
  @media screen and (max-width: 991px) {
    .page_footer {
      flex-direction: column;
      height: 600px; } }
  .page_footer img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 30px; }
  .page_footer .mens-section, .page_footer .womens-section {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    background-position: center top;
    background-size: cover; }
    @media screen and (max-width: 991px) {
      .page_footer .mens-section, .page_footer .womens-section {
        width: 100%;
        height: 300px; } }
  .page_footer .mens-section {
    background-image: url("../img/tt-mens-undershirt-23.png"); }
  .page_footer .womens-section {
    background-image: url("../img/tt-womens-undershirt-23.png"); }
  .page_footer .shop-cta {
    font-family: 'Secular One', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    padding: 14px 30px;
    background-color: #ffffff; }

/***************************************************************

FAQ Page

***************************************************************/
.faq-question {
  margin-top: 1em !important;
  font-size: 1.5em;
  line-height: 1.2em; }
  @media only screen and (max-width: 990px) {
    .faq-question {
      margin: 15px 0 !important; } }

.faqanswer p {
  font-size: 13px;
  line-height: 17px; }

.faqanswer ul.faq-question-list {
  margin: 15px 0 0 !important;
  list-style: none;
  padding: 0; }
  .faqanswer ul.faq-question-list li {
    padding: 8px 0;
    border-bottom: 1px solid #eee; }

ul.faq-question-list {
  list-style-type: none;
  margin: 0; }
  ul.faq-question-list li {
    border-bottom: 1px solid #eee;
    padding: 0.5em 0; }

.faq-toggle {
  display: flex; }
  .faq-toggle .faq-action {
    width: 50%;
    padding: 0 0 45px; }
    @media only screen and (max-width: 990px) {
      .faq-toggle .faq-action {
        padding: 0 0 10px;
        width: 100%; } }
    .faq-toggle .faq-action .togglefaq {
      color: #333 !important;
      font-size: 24px; }
      @media only screen and (max-width: 990px) {
        .faq-toggle .faq-action .togglefaq {
          display: block;
          border-bottom: 1px solid #eee;
          font-size: 20px;
          padding: 0 0 5px;
          width: 100%;
          position: relative;
          font-size: 1.5em;
          line-height: 1.3em; }
          .faq-toggle .faq-action .togglefaq:before {
            content: "+";
            position: absolute;
            top: 0;
            right: 0;
            font-family: "azo-sans-web", sans-serif;
            display: block;
            line-height: normal; }
          .faq-toggle .faq-action .togglefaq.active:before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg); } }
    @media only screen and (max-width: 990px) {
      .faq-toggle .faq-action .faqanswer {
        display: none; } }
    .faq-toggle .faq-action.faqOpen .togglefaq:before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    @media only screen and (max-width: 990px) {
      .faq-toggle .faq-action.faqOpen .faqanswer {
        display: block; } }
  .faq-toggle.mobile-view {
    display: none; }

@media only screen and (max-width: 1199px) {
  .faq-question {
    margin: 45px 0 15px !important; } }

@media only screen and (max-width: 990px) {
  .faq-toggle.mobile-view {
    display: block; }
  .desktop-view-faq {
    display: none; }
  .pagepath--faq .faq-action {
    padding: 0 0 10px; }
  .pagepath--faq .togglefaq {
    font-size: 20px;
    padding: 0 0 5px; }
  .pagepath--faq .faq-question {
    margin: 15px 0 !important; } }

/***************************************************************

About Us Page

***************************************************************/
.pagepath--about-us .page {
  margin: 0; }

.pagepath--about-us .thompson-tee-founders img {
  border-radius: 0;
  max-height: 400px;
  margin: 0; }

.pagepath--about-us #tshirt-change-life img {
  max-height: 400px; }

.pagepath--about-us .about-us-usa .col-container {
  display: block;
  background: url("https://cdn7.bigcommerce.com/s-zpm3yf7t7h/product_images/uploaded_images/about-us-flag-1920x590.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .pagepath--about-us .about-us-usa .col-container .col {
    background-color: rgba(0, 0, 0, 0.6); }
  .pagepath--about-us .about-us-usa .col-container h2,
  .pagepath--about-us .about-us-usa .col-container p {
    color: #fff; }

.pagepath--about-us .mission .icon-text em {
  color: #bf3333;
  position: relative;
  height: 80px;
  width: 130px; }
  .pagepath--about-us .mission .icon-text em:before {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto; }

.pagepath--about-us .mission .icon-text h3 {
  margin-top: 1rem; }
  @media screen and (min-width: 990px) {
    .pagepath--about-us .mission .icon-text h3 {
      font-size: 1.2em; } }

.pagepath--about-us .icons-left-text-right .icon-text {
  margin-bottom: 30px; }
  .pagepath--about-us .icons-left-text-right .icon-text .col-1-4 {
    width: 15% !important; }
    @media only screen and (max-width: 599px) {
      .pagepath--about-us .icons-left-text-right .icon-text .col-1-4 {
        width: 100% !important; } }

@media only screen and (max-width: 599px) {
  .pagepath--about-us .icons-left-text-right .col.col-3-4 {
    width: 100% !important; } }

.pagepath--about-us .icons-left-text-right .col.col-3-4.no_padd {
  width: 85% !important; }
  @media only screen and (max-width: 599px) {
    .pagepath--about-us .icons-left-text-right .col.col-3-4.no_padd {
      width: 100% !important; } }

.pagepath--about-us .icons-left-text-right .col-1-4 {
  width: 100% !important;
  display: block;
  margin: 0 auto;
  text-align: center; }

@media screen and (max-width: 549px) {
  .pagepath--about-us main .about-us-quote-2 .col-1-4 {
    width: 100% !important; } }

@media screen and (max-width: 990px) and (min-width: 550px) {
  .pagepath--about-us main .mission .col.col-1-2 {
    width: 50% !important; }
  .pagepath--about-us main .about-us-quote-2 .col-3-4 .col-1-4,
  .pagepath--about-us main .about-us-quote-2 .col-3-4 .col-3-4 {
    width: 50% !important; } }

@media screen and (min-width: 990px) {
  .pagepath--about-us main {
    margin-left: auto;
    margin-right: auto; }
    .pagepath--about-us main .col {
      margin-top: 30px; }
    .pagepath--about-us main #tshirt-change-life {
      display: flex;
      align-items: center; }
      .pagepath--about-us main #tshirt-change-life h2 {
        font-size: 2.2em;
        line-height: 1.2em; }
      .pagepath--about-us main #tshirt-change-life p {
        font-size: 1.2em; }
    .pagepath--about-us main .about-us-quote .col-container,
    .pagepath--about-us main .about-us-quote-2 .col-container,
    .pagepath--about-us main .about-us-usa .col-container,
    .pagepath--about-us main .mission .col-container {
      display: flex;
      justify-content: center; }
    .pagepath--about-us main .thompson-tee-founders {
      padding: 0; }
    .pagepath--about-us main .about-us-usa {
      width: 100%;
      padding: 0; }
      .pagepath--about-us main .about-us-usa .col-container .col {
        margin: 2em;
        padding: 2em; }
      .pagepath--about-us main .about-us-usa .col-container p {
        font-size: 1.2em; }
    .pagepath--about-us main .about-us-quote-2 p {
      font-size: 1.2em;
      text-align: center; }
    .pagepath--about-us main .icon-text em {
      height: 130px !important; }
      .pagepath--about-us main .icon-text em:before {
        font-size: 1.5em; }
    .pagepath--about-us main .icon-text h3 {
      color: inherit;
      font-size: 1.2em;
      margin: 1rem; } }

/***************************************************************

Reviews Page

***************************************************************/
.pagepath--reviews .reviews-page__video-cat {
  text-transform: uppercase;
  margin: 15px 0 0 !important; }

.pagepath--reviews .reviews-page__video-title {
  margin: 15px 0 30px;
  font-size: 2rem; }

.pagepath--reviews .reviews-page__video-gallery {
  margin: 5px -15px 30px; }
  .pagepath--reviews .reviews-page__video-gallery .reviews-page__video-gallery-title {
    font-size: 1.5rem;
    font-weight: 800;
    border-bottom: 3px solid #9d9d9d;
    padding: 0 15px 5px;
    margin-bottom: 7px !important; }

.pagepath--reviews .reviews-page__video-carousel {
  padding: 0 60px;
  line-height: 0;
  margin-top: 30px; }
  .pagepath--reviews .reviews-page__video-carousel .slick-arrow.slick-prev,
  .pagepath--reviews .reviews-page__video-carousel .slick-arrow.slick-next {
    margin: auto;
    top: 0;
    bottom: 0;
    transform: none;
    width: auto;
    height: auto;
    background-color: none;
    border: none;
    padding: 15px; }

.pagepath--reviews .reviews-page__video-thumbnail {
  display: inline-block;
  margin: 0 7px;
  width: 473px;
  height: 145px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .pagepath--reviews .reviews-page__video-thumbnail.active:before {
    content: "";
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(0, 0, 0, 0.65);
    font-weight: bold;
    justify-content: center;
    align-items: center;
    border: 3px solid #c13128; }

.pagepath--reviews .reviews-page__customers {
  background-color: #bd3537;
  margin-top: 45px; }
  .pagepath--reviews .reviews-page__customers .reviews-page__customers-wrapper {
    display: flex;
    align-items: center;
    max-width: 1050px;
    margin: 0 auto;
    padding: 45px 30px; }
  .pagepath--reviews .reviews-page__customers .reviews-page__customers-icon {
    display: block;
    height: 120px; }
  .pagepath--reviews .reviews-page__customers .reviews-page__customers-text {
    margin-left: 45px;
    color: #ffffff; }
    .pagepath--reviews .reviews-page__customers .reviews-page__customers-text > * {
      color: #ffffff; }
    .pagepath--reviews .reviews-page__customers .reviews-page__customers-text h3 {
      margin-top: 0; }
    .pagepath--reviews .reviews-page__customers .reviews-page__customers-text p {
      margin-bottom: 0; }
  .pagepath--reviews .reviews-page__customers .shop_now_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin-top: 2rem; }
    .pagepath--reviews .reviews-page__customers .shop_now_btn a {
      padding: 14px 31px;
      font-size: 16px;
      font-family: 'Secular One', sans-serif;
      letter-spacing: 2px;
      line-height: 20.3px;
      background: #fff;
      color: #173f55;
      text-transform: uppercase;
      border: 1px solid transparent; }
      .pagepath--reviews .reviews-page__customers .shop_now_btn a:hover {
        background: #bf3333;
        color: #fff;
        border: 1px solid #fff; }

@media only screen and (max-width: 990px) {
  .pagepath--reviews .reviews-page__video .reviews-page__video-thumbnail {
    display: inline-block;
    margin: 0 7px;
    width: 473px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .pagepath--reviews .reviews-page__customers .reviews-page__customers-wrapper {
    display: block; }
  .pagepath--reviews .reviews-page__customers .reviews-page__customers-icon {
    margin-bottom: 30px !important; }
  .pagepath--reviews .reviews-page__customers .reviews-page__customers-text {
    text-align: center;
    margin-right: 0;
    margin-left: 0; } }

@media (max-width: 540px) {
  .pagepath--reviews .reviews-page__video-carousel {
    padding: 0 20px; }
    .pagepath--reviews .reviews-page__video-carousel .slick-arrow.slick-prev,
    .pagepath--reviews .reviews-page__video-carousel .slick-arrow.slick-next {
      padding: 0; }
      .pagepath--reviews .reviews-page__video-carousel .slick-arrow.slick-prev:before, .pagepath--reviews .reviews-page__video-carousel .slick-arrow.slick-prev::before,
      .pagepath--reviews .reviews-page__video-carousel .slick-arrow.slick-next:before,
      .pagepath--reviews .reviews-page__video-carousel .slick-arrow.slick-next::before {
        font-size: 2rem; } }

/***************************************************************

Made in USA Page

***************************************************************/
.pagepath--made-in-the-usa .col-container .col {
  padding-right: 0; }

.pagepath--made-in-the-usa .quoteTT.padd_more {
  padding: 45px 45px 15px !important; }

.pagepath--made-in-the-usa iframe {
  width: 100%;
  height: 310px; }

.pagepath--made-in-the-usa #how-tt-produce {
  width: 937px;
  max-width: 100%;
  margin: 0 auto; }
  .pagepath--made-in-the-usa #how-tt-produce .col.col-1-4 {
    padding-right: 0;
    padding-top: 30px;
    float: left; }
  .pagepath--made-in-the-usa #how-tt-produce .col.col-3-4 {
    padding-right: 0; }
    @media only screen and (max-width: 990px) {
      .pagepath--made-in-the-usa #how-tt-produce .col.col-3-4 {
        padding-right: 45px; } }

@media only screen and (max-width: 1199px) {
  .pagepath--made-in-the-usa .quoteTT.padd_more {
    margin-bottom: 15px !important;
    padding: 30px !important; }
  .pagepath--made-in-the-usa iframe {
    width: 75%;
    height: 310px;
    margin: auto;
    display: block;
    text-align: center; }
  .pagepath--made-in-the-usa .quoteTT p:nth-child(1) {
    font-size: 16px !important; } }

@media only screen and (max-width: 990px) {
  .pagepath--made-in-the-usa .col-container .col {
    padding-left: 0; }
  .pagepath--made-in-the-usa .page-section h2 {
    line-height: normal;
    padding-left: 30px;
    padding-right: 30px; } }

@media only screen and (max-width: 767px) {
  .pagepath--made-in-the-usa .quoteTT.padd_more {
    margin-bottom: 30px !important; } }

@media only screen and (max-width: 479px) {
  .pagepath--made-in-the-usa iframe {
    width: 100%; } }

/***************************************************************

Page Sidebar Template

***************************************************************/
.page-template--pages-custom-page-page-sidebar .container {
  max-width: unset;
  padding: 0; }
  .page-template--pages-custom-page-page-sidebar .container .page {
    margin: 0; }

.page-template--pages-custom-page-page-sidebar .page-content--centered {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0; }

.page-template--pages-custom-page-page-sidebar .page__content {
  padding: 0 25px; }
  .page-template--pages-custom-page-page-sidebar .page__content > .container {
    max-width: 1250px; }

.page-template--pages-custom-page-page-sidebar .page_head_content {
  width: 100%;
  background: #eee;
  padding: 30px 15px;
  margin-bottom: 45px; }
  .page-template--pages-custom-page-page-sidebar .page_head_content h1 {
    text-align: center;
    font-size: 22px;
    letter-spacing: 2px;
    margin: 0;
    line-height: normal;
    font-family: azo-sans-web;
    text-transform: uppercase; }
  .page-template--pages-custom-page-page-sidebar .page_head_content p {
    max-width: 992px;
    margin: 0 auto;
    margin-top: 0px;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    margin-top: 16px; }

.page-template--pages-custom-page-page-sidebar .page__sidebar {
  padding: 0 15px 0 45px; }
  .page-template--pages-custom-page-page-sidebar .page__sidebar ul li {
    padding: 8px 0;
    border-bottom: solid 1px #dddddd; }
    .page-template--pages-custom-page-page-sidebar .page__sidebar ul li:last-child {
      border-bottom: none; }
  .page-template--pages-custom-page-page-sidebar .page__sidebar-section:not(.page__sidebar-articles) {
    margin-top: 40px; }
  .page-template--pages-custom-page-page-sidebar .page__sidebar-related-row {
    display: flex;
    flex-wrap: wrap; }
  .page-template--pages-custom-page-page-sidebar .page__sidebar-related-col {
    width: 50%;
    margin-bottom: 25px; }
    .page-template--pages-custom-page-page-sidebar .page__sidebar-related-col:nth-child(odd) {
      padding-right: 10px; }
    .page-template--pages-custom-page-page-sidebar .page__sidebar-related-col:nth-child(even) {
      padding-left: 10px; }
    .page-template--pages-custom-page-page-sidebar .page__sidebar-related-col strong {
      display: block;
      margin-top: 10px; }
  .page-template--pages-custom-page-page-sidebar .page__sidebar-related-thumb {
    display: none; }

.page-template--pages-custom-page-page-sidebar blockquote {
  border-bottom: 2px solid #f7b802;
  border-top: 2px solid #f7b802;
  margin: 0; }
  .page-template--pages-custom-page-page-sidebar blockquote p {
    font-size: 19px;
    line-height: 46px;
    width: 90%;
    margin: auto !important;
    padding: 30px 0; }
    @media only screen and (max-width: 479px) {
      .page-template--pages-custom-page-page-sidebar blockquote p {
        font-size: 19px;
        padding: 15px 0; } }
  .page-template--pages-custom-page-page-sidebar blockquote .quote-citation {
    text-align: right;
    margin: 0;
    font-style: italic; }

@media screen and (max-height: 780px) and (min-width: 1081px) {
  .page-template--pages-custom-page-page-sidebar .page__sidebar-related-thumb {
    display: block;
    width: 100%;
    height: 85px;
    background-size: cover;
    background-position: center; } }

@media screen and (min-width: 767px) and (max-width: 1080px) {
  .page-template--pages-custom-page-page-sidebar .page__sidebar-related-col {
    width: 100%;
    padding: 0 !important;
    margin-bottom: 10px; } }

@media screen and (max-width: 767px) {
  .page-template--pages-custom-page-page-sidebar .page__sidebar {
    margin-top: 45px;
    padding: 0 15px; } }

/***************************************************************

Sweat 101 Page

***************************************************************/
.pagepath--sweat-101 .sweat101__common-img {
  width: 100%;
  max-width: 350px;
  margin: auto;
  text-align: center;
  display: block; }

.pagepath--sweat-101 .sweat101__common-quote {
  border: 0;
  font-weight: 600; }

.pagepath--sweat-101 .sweat101__hr-divider {
  border: 0;
  border-bottom: 3px solid #dddddd;
  margin: 2em auto; }
  .pagepath--sweat-101 .sweat101__hr-divider--short {
    width: 50%;
    margin: 2em auto;
    border: 0;
    border-bottom: 3px solid #dddddd; }

.pagepath--sweat-101 .sweat101__resource strong {
  margin: 15px 0;
  display: block; }

.pagepath--sweat-101 .sweat101__resource ul {
  list-style: disc; }

.pagepath--sweat-101 .sweat101__facts__wrapper {
  margin: 0;
  padding: 1em;
  border-bottom: 2px solid #dddddd; }
  .pagepath--sweat-101 .sweat101__facts__wrapper .large-text {
    font-size: 22px; }
  .pagepath--sweat-101 .sweat101__facts__wrapper .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .pagepath--sweat-101 .sweat101__facts__wrapper .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

.pagepath--sweat-101 .sweat101__causes__wrapper {
  margin-bottom: 40px; }

.pagepath--sweat-101 .sweat101__glands h3 {
  margin-top: 0; }

.pagepath--sweat-101 .sweat101__issues {
  list-style-type: none;
  padding-left: 33px;
  margin: 20px 0 35px; }
  .pagepath--sweat-101 .sweat101__issues .list__sweat-issues--items {
    margin: 0 0 3em 0;
    position: relative;
    line-height: 1.5em;
    padding-left: 80px;
    list-style-type: none; }
    .pagepath--sweat-101 .sweat101__issues .list__sweat-issues--items:before {
      display: inline-block;
      content: " ";
      background: url(https://cdn7.bigcommerce.com/s-zpm3yf7t7h/product_images/uploaded_images/sweat-101-issues-droplet.png);
      width: 82px;
      height: 82px;
      position: absolute;
      left: -20px; }

@media screen and (max-width: 991px) {
  .pagepath--sweat-101 .sweat101__glands h3 {
    margin-top: 1em; }
  .pagepath--sweat-101 .sweat101__causes__wrapper.col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; } }

/***************************************************************

Shipping Deliveries Page

***************************************************************/
.CmsPageMn.page__shipping-delivery .page-content.smaller-container {
  padding: 0 15px; }

.CmsPageMn.page__shipping-delivery h2 {
  font-size: 22px; }

.CmsPageMn.page__shipping-delivery table {
  width: 100%;
  margin-top: 30px; }
  .CmsPageMn.page__shipping-delivery table thead {
    border-bottom: 3px solid #9b9b9b; }
  .CmsPageMn.page__shipping-delivery table th,
  .CmsPageMn.page__shipping-delivery table td {
    padding: 10px;
    border-right: 1px solid #9b9b9b; }
    .CmsPageMn.page__shipping-delivery table th:last-child,
    .CmsPageMn.page__shipping-delivery table td:last-child {
      border-right: none; }
  .CmsPageMn.page__shipping-delivery table th {
    padding: 5px 15px; }
  .CmsPageMn.page__shipping-delivery table tr {
    border-bottom: 1px solid #9b9b9b; }
  .CmsPageMn.page__shipping-delivery table tr:last-child {
    border-bottom: 3px solid #9b9b9b; }

.CmsPageMn.page__shipping-delivery .shipping-delivery__info {
  text-align: right;
  margin: 10px auto 45px; }

/***************************************************************

Our Story Page - 22' Archived

***************************************************************/
/***************************************************************

Our Story Page - 23

***************************************************************/
.page_hero_story {
  display: block;
  position: relative;
  padding-top: 0;
  background-color: unset; }
  @media screen and (max-width: 991px) {
    .page_hero_story {
      overflow: hidden; } }
  .page_hero_story .text-container {
    display: block;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #173F55;
    font-weight: 700;
    font-family: "azo-sans-web";
    text-align: center;
    z-index: 10;
    width: 100%; }
    @media screen and (max-width: 991px) {
      .page_hero_story .text-container {
        top: 40px;
        padding: 0 16px;
        transform: translate(-50%); } }
    .page_hero_story .text-container h1 {
      margin-bottom: 8px;
      color: #173F55;
      font-size: 42px; }
    .page_hero_story .text-container p {
      max-width: 480px;
      font-weight: 400;
      margin: 0 auto; }
  .page_hero_story .image-container {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    @media screen and (max-width: 991px) {
      .page_hero_story .image-container {
        max-height: fit-content; } }
    .page_hero_story .image-container img {
      width: 100%;
      object-fit: cover;
      object-position: center; }

.our-story {
  display: flex;
  align-items: flex-end;
  gap: 32px;
  margin-top: 64px;
  margin-bottom: 100px; }
  @media screen and (max-width: 991px) {
    .our-story {
      flex-direction: column;
      gap: 0;
      margin-top: 32px;
      margin-bottom: 32px; } }
  .our-story .text-wrapper {
    width: 50%; }
    .our-story .text-wrapper img {
      display: none; }
    @media screen and (max-width: 991px) {
      .our-story .text-wrapper {
        width: 100%; }
        .our-story .text-wrapper img {
          max-width: 500px;
          margin: auto;
          display: block;
          margin-bottom: 32px; } }
  .our-story img {
    width: 50%; }
    @media screen and (max-width: 991px) {
      .our-story img {
        width: 100%;
        display: none; } }
  .our-story h2 {
    font-size: 40px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 24px; }
  .our-story a {
    color: #0086D0;
    font-weight: 700; }

.our-story-timeline-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 32px; }
  .our-story-timeline-wrapper .our-story-timeline {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    overflow-x: auto;
    width: 100%;
    scroll-snap-type: x mandatory;
    gap: 160px;
    padding-bottom: 64px; }
    @media screen and (max-width: 1400px) {
      .our-story-timeline-wrapper .our-story-timeline {
        justify-content: flex-start;
        gap: 160px; } }
    @media screen and (max-width: 991px) {
      .our-story-timeline-wrapper .our-story-timeline {
        gap: 80px;
        padding-bottom: 32px; } }
    .our-story-timeline-wrapper .our-story-timeline::before {
      content: '';
      width: 100%;
      min-width: 2000px;
      display: block;
      position: absolute;
      border-top: 2px solid #173F55;
      top: 64px;
      left: 0px; }
      @media screen and (max-width: 1400px) {
        .our-story-timeline-wrapper .our-story-timeline::before {
          width: 2000px;
          min-width: unset; } }
      @media screen and (max-width: 991px) {
        .our-story-timeline-wrapper .our-story-timeline::before {
          width: 1700px;
          min-width: unset; } }
    .our-story-timeline-wrapper .our-story-timeline::-webkit-scrollbar {
      height: 16px;
      background-color: #F4F6F8; }
      @media screen and (max-width: 991px) {
        .our-story-timeline-wrapper .our-story-timeline::-webkit-scrollbar {
          all: unset; } }
    .our-story-timeline-wrapper .our-story-timeline::-webkit-scrollbar-thumb:horizontal {
      background: #B0D4F3;
      border-radius: 32px; }
      @media screen and (max-width: 991px) {
        .our-story-timeline-wrapper .our-story-timeline::-webkit-scrollbar-thumb:horizontal {
          all: unset; } }
    .our-story-timeline-wrapper .our-story-timeline .our-story-timeline-item {
      position: relative;
      flex: none;
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: start;
      max-width: 350px; }
      .our-story-timeline-wrapper .our-story-timeline .our-story-timeline-item:first-of-type {
        margin-left: 112px; }
        @media screen and (max-width: 991px) {
          .our-story-timeline-wrapper .our-story-timeline .our-story-timeline-item:first-of-type {
            margin-left: 16px; } }
      .our-story-timeline-wrapper .our-story-timeline .our-story-timeline-item:last-of-type {
        margin-right: 80px; }
        @media screen and (max-width: 991px) {
          .our-story-timeline-wrapper .our-story-timeline .our-story-timeline-item:last-of-type {
            margin-right: 0; } }
      .our-story-timeline-wrapper .our-story-timeline .our-story-timeline-item .our-story-timeline-year {
        position: relative;
        left: 50%;
        transform: translate(-50%);
        color: #2F6C8E;
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 56px;
        line-height: 1; }
        .our-story-timeline-wrapper .our-story-timeline .our-story-timeline-item .our-story-timeline-year::after {
          content: '';
          display: block;
          width: 16px;
          height: 50px;
          position: absolute;
          top: 56px;
          left: 50%;
          transform: translate(-50%);
          background: url(../img/timeline-dot.png);
          background-repeat: no-repeat;
          background-size: contain; }
      .our-story-timeline-wrapper .our-story-timeline .our-story-timeline-item .our-story-timeline-header {
        font-weight: 700;
        font-size: 18px;
        margin: 40px 0 16px;
        text-transform: uppercase;
        letter-spacing: 2px; }
      .our-story-timeline-wrapper .our-story-timeline .our-story-timeline-item p {
        margin-bottom: 0; }
      .our-story-timeline-wrapper .our-story-timeline .our-story-timeline-item .demo-wrapper {
        margin-top: 16px; }
      .our-story-timeline-wrapper .our-story-timeline .our-story-timeline-item .demo-trigger {
        color: #0086D0;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 2px; }
        .our-story-timeline-wrapper .our-story-timeline .our-story-timeline-item .demo-trigger:before {
          background-image: url("../img/play-icon-blue.png");
          background-repeat: no-repeat;
          background-size: cover;
          color: #173F55;
          content: '';
          cursor: pointer;
          display: inline-block;
          height: 20px;
          width: 20px;
          margin-right: 5px;
          vertical-align: middle; }
        .our-story-timeline-wrapper .our-story-timeline .our-story-timeline-item .demo-trigger:hover {
          cursor: pointer; }

.our-mission {
  background-color: #E5E5E3;
  position: relative;
  max-height: 550px;
  width: 100%; }
  @media screen and (max-width: 991px) {
    .our-mission {
      max-height: unset;
      height: fit-content; } }
  .our-mission .our-mission-wrapper {
    display: flex;
    position: relative;
    max-height: 550px;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden; }
    @media screen and (max-width: 991px) {
      .our-mission .our-mission-wrapper {
        display: flex;
        flex-direction: column-reverse;
        max-height: unset; } }
  .our-mission picture {
    height: 100%;
    position: relative;
    left: 0;
    max-width: 50%; }
    @media screen and (max-width: 991px) {
      .our-mission picture {
        position: relative;
        height: auto;
        width: 100%;
        max-width: unset; } }
  .our-mission img {
    height: 100%;
    object-fit: cover;
    object-position: right; }
    @media screen and (max-width: 991px) {
      .our-mission img {
        position: relative;
        height: auto;
        width: 100%; } }
  .our-mission .text-wrapper {
    max-width: 600px;
    width: 50%;
    justify-self: center; }
    .our-mission .text-wrapper h2 {
      margin-top: 0;
      font-size: 34px;
      font-weight: 400; }
    @media screen and (max-width: 991px) {
      .our-mission .text-wrapper {
        padding: 32px 16px;
        position: static;
        height: auto;
        transform: unset;
        width: 100%;
        max-width: unset; } }

.our-story-quote {
  background: #173F55;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 160px 0 60px;
  position: relative; }
  @media screen and (max-width: 991px) {
    .our-story-quote {
      flex-direction: column;
      gap: 0;
      padding: 130px 16px 32px; } }
  .our-story-quote .quote-wrapper {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 120px 64px 40px;
    background-color: #F0F0F0;
    border-radius: 8px;
    max-width: 840px; }
    @media screen and (max-width: 991px) {
      .our-story-quote .quote-wrapper {
        padding: 120px 16px 40px; } }
    .our-story-quote .quote-wrapper a {
      color: #173F55; }
    .our-story-quote .quote-wrapper .quote-img {
      position: absolute;
      width: 200px;
      top: 0;
      transform: translateY(-50%);
      background-color: #F0F0F0;
      border-radius: 50%;
      border: 8px solid #173F55; }
    .our-story-quote .quote-wrapper .quote {
      font-size: 24px;
      text-align: center;
      color: #173F55; }
      .our-story-quote .quote-wrapper .quote span {
        font-weight: 700;
        color: #03B4CF; }
    .our-story-quote .quote-wrapper .quote-author {
      font-size: 18px;
      text-align: center;
      color: #173F55;
      font-weight: 700; }

.our-values-wrapper {
  position: relative;
  background: #D9D8D6;
  padding: 64px 0 0; }
  @media screen and (max-width: 991px) {
    .our-values-wrapper {
      padding: 0; } }
  .our-values-wrapper .our-values {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative; }
    @media screen and (max-width: 991px) {
      .our-values-wrapper .our-values {
        flex-direction: column;
        justify-content: center;
        align-items: center; } }
  .our-values-wrapper .subheader {
    margin-bottom: 64px; }
    @media screen and (max-width: 991px) {
      .our-values-wrapper .subheader {
        margin-bottom: 32px; } }
  .our-values-wrapper .our-values-img {
    max-width: 50%;
    width: 100%;
    height: 100%;
    align-self: flex-end; }
    @media screen and (max-width: 991px) {
      .our-values-wrapper .our-values-img {
        max-width: 100%; } }
    .our-values-wrapper .our-values-img img {
      height: 100%;
      object-fit: cover; }
      @media screen and (max-width: 991px) {
        .our-values-wrapper .our-values-img img {
          height: auto; } }
  .our-values-wrapper .our-values-list {
    flex: 1; }
    @media screen and (max-width: 991px) {
      .our-values-wrapper .our-values-list {
        margin: 32px 0; } }
    .our-values-wrapper .our-values-list h2 {
      margin-top: 0;
      font-size: 34px;
      font-weight: 400; }
  .our-values-wrapper .our-values-list-item {
    display: flex;
    gap: 16px;
    justify-items: start;
    margin-bottom: 50px; }
    .our-values-wrapper .our-values-list-item img {
      width: 70px;
      height: 70px; }
    .our-values-wrapper .our-values-list-item h3 {
      margin: 0;
      margin-bottom: 8px;
      font-size: 18px;
      font-weight: 400; }
    .our-values-wrapper .our-values-list-item a {
      color: #0086D0;
      font-weight: 700; }

.who-loves-wrapper {
  background: #173F55; }
  .who-loves-wrapper h2, .who-loves-wrapper p, .who-loves-wrapper li {
    color: white; }
  .who-loves-wrapper h2 {
    font-size: 36px;
    font-weight: 400; }
  .who-loves-wrapper ul {
    list-style-type: none;
    position: relative;
    margin-left: 32px; }
    .who-loves-wrapper ul li {
      margin-bottom: 12px;
      position: relative; }
      .who-loves-wrapper ul li:before {
        color: #03B4CF;
        content: "\2713";
        position: absolute;
        left: -32px;
        font-size: 18px;
        line-height: 1;
        top: 50%;
        transform: translateY(-50%); }
  .who-loves-wrapper .who-loves {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 64px; }
    @media screen and (max-width: 991px) {
      .who-loves-wrapper .who-loves {
        flex-direction: column-reverse;
        gap: 32px; } }
    .who-loves-wrapper .who-loves .text-wrapper {
      max-width: 50%;
      width: 100%; }
      @media screen and (max-width: 991px) {
        .who-loves-wrapper .who-loves .text-wrapper {
          max-width: unset; } }
    .who-loves-wrapper .who-loves .image-wrapper {
      display: flex;
      gap: 16px;
      margin-top: 32px;
      height: 100%; }
      .who-loves-wrapper .who-loves .image-wrapper .image-wrapper-left, .who-loves-wrapper .who-loves .image-wrapper .image-wrapper-right {
        display: flex;
        flex-direction: column;
        gap: 16px;
        justify-content: flex-end;
        align-items: flex-end; }
      .who-loves-wrapper .who-loves .image-wrapper .image-wrapper-left {
        padding-top: 64px; }
      .who-loves-wrapper .who-loves .image-wrapper .image-wrapper-right {
        padding-bottom: 32px; }
      @media screen and (max-width: 991px) {
        .who-loves-wrapper .who-loves .image-wrapper {
          max-width: unset;
          width: 100%;
          justify-content: center; } }

.why-tt-wrapper {
  padding: 64px 0; }
  @media screen and (max-width: 991px) {
    .why-tt-wrapper {
      padding: 32px 0; } }
  .why-tt-wrapper h2 {
    margin-bottom: 32px;
    font-size: 36px;
    font-weight: 400;
    display: block; }
  .why-tt-wrapper .why-tt {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap: 32px;
    row-gap: 32px; }
    @media screen and (max-width: 991px) {
      .why-tt-wrapper .why-tt {
        grid-template-columns: 1fr; } }
    .why-tt-wrapper .why-tt .why-tt-item h3 {
      font-size: 18px;
      font-weight: 400;
      margin: 0;
      line-height: 1.25; }
    .why-tt-wrapper .why-tt .why-tt-item p {
      line-height: 1.75; }
    .why-tt-wrapper .why-tt .why-tt-item img {
      width: 70px;
      margin-bottom: 18px; }

/***************************************************************

USA Page

***************************************************************/
.page_hero_USA {
  margin-bottom: 160px; }
  .page_hero_USA p {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    margin-bottom: 10px; }
  .page_hero_USA img {
    width: 100%;
    max-width: 640px;
    transform: translateY(120px); }
    @media screen and (max-width: 991px) {
      .page_hero_USA img {
        transform: translateY(0); } }

.designed-in-usa {
  display: flex;
  align-items: center;
  gap: 30px; }
  @media screen and (max-width: 991px) {
    .designed-in-usa {
      flex-direction: column;
      gap: 0; } }
  .designed-in-usa img {
    max-width: 530px;
    width: 50%; }
  .designed-in-usa h2 {
    font-size: 40px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 24px; }

.manufacturing-process {
  display: flex;
  gap: 75px;
  padding-bottom: 75px;
  margin-bottom: 5px;
  border-bottom: 2px solid #DB4B51; }
  @media screen and (max-width: 991px) {
    .manufacturing-process {
      flex-direction: column;
      gap: 0;
      padding-bottom: 30px; } }
  .manufacturing-process h3 {
    font-size: 26px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 8px; }
  .manufacturing-process p {
    margin: 0;
    margin-bottom: 24px; }

.support-american {
  padding-top: 155px;
  border-top: 2px solid #0086D0;
  display: flex;
  align-items: flex-start; }
  @media screen and (max-width: 991px) {
    .support-american {
      flex-direction: column;
      padding-top: 30px; } }
  .support-american h2 {
    font-size: 80px;
    font-weight: 400;
    margin: 0; }
    @media screen and (max-width: 991px) {
      .support-american h2 {
        margin-bottom: 40px;
        font-size: 40px; } }
  .support-american .support-american-list-item {
    display: flex;
    gap: 16px;
    justify-items: start;
    margin-bottom: 50px; }
    .support-american .support-american-list-item img {
      width: 70px;
      height: 70px; }
    .support-american .support-american-list-item h3 {
      margin: 0;
      margin-bottom: 8px;
      font-size: 18px;
      font-weight: 400; }

/***************************************************************

Technology Page

***************************************************************/
#modalDemoBackground.modal-background.modal-open {
  display: block; }

#modalDemoVideo.open {
  display: block;
  opacity: 1;
  position: fixed;
  visibility: visible; }

.page.page-technology {
  margin: 0; }
  .page.page-technology p, .page.page-technology h1, .page.page-technology h2, .page.page-technology h3, .page.page-technology li {
    color: #173F55; }
  .page.page-technology .page-content {
    padding: 0; }
  .page.page-technology .page_hero.page_hero_technology {
    display: flex;
    justify-content: start;
    align-items: start;
    padding: 80px 0;
    background-image: linear-gradient(to right, #FBF3EF 65%, transparent 75%);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-color: unset;
    position: relative; }
    .page.page-technology .page_hero.page_hero_technology .page_hero-text {
      max-width: 600px;
      display: flex;
      justify-content: start;
      align-items: start;
      flex-direction: column;
      gap: 24px; }
    .page.page-technology .page_hero.page_hero_technology h1 {
      margin-bottom: 0;
      font-size: 34px;
      line-height: 1.2;
      font-weight: 400; }
    .page.page-technology .page_hero.page_hero_technology p {
      margin-bottom: 0; }
    .page.page-technology .page_hero.page_hero_technology img {
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1;
      width: auto;
      height: 100%; }
    @media screen and (max-width: 1400px) {
      .page.page-technology .page_hero.page_hero_technology {
        background-image: linear-gradient(to right, #FBF3EF 45%, transparent 75%); } }
    @media screen and (max-width: 991px) {
      .page.page-technology .page_hero.page_hero_technology {
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: left;
        background-image: linear-gradient(to bottom, #FBF3EF 25%, transparent 75%);
        padding-top: 3rem;
        padding-bottom: 0; }
        .page.page-technology .page_hero.page_hero_technology .page_hero-text {
          max-width: unset;
          gap: 24px; }
          .page.page-technology .page_hero.page_hero_technology .page_hero-text h1 {
            text-align: left; }
        .page.page-technology .page_hero.page_hero_technology img {
          position: relative;
          object-fit: cover;
          object-position: top center;
          height: 400px;
          margin-top: 24px; } }
  .page.page-technology .tt-difference {
    max-width: 1240px;
    margin: 100px auto; }
    @media screen and (max-width: 991px) {
      .page.page-technology .tt-difference {
        margin-top: 40px; } }
    .page.page-technology .tt-difference .section-header {
      margin: 0 auto; }
    .page.page-technology .tt-difference .section-content {
      display: flex;
      justify-content: center;
      align-items: start;
      gap: 36px;
      margin-top: 40px; }
      .page.page-technology .tt-difference .section-content img {
        max-width: 700px;
        height: auto; }
      .page.page-technology .tt-difference .section-content ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 40px;
        margin: 0; }
        .page.page-technology .tt-difference .section-content ul li {
          display: flex;
          justify-content: baseline;
          align-items: start;
          gap: 1rem; }
          .page.page-technology .tt-difference .section-content ul li img {
            width: 80px;
            max-width: unset;
            height: auto; }
          .page.page-technology .tt-difference .section-content ul li:last-of-type {
            justify-content: start;
            align-items: center;
            text-transform: uppercase;
            font-weight: 700; }
            .page.page-technology .tt-difference .section-content ul li:last-of-type img {
              width: 60px; }
            .page.page-technology .tt-difference .section-content ul li:last-of-type span {
              display: inline-block;
              margin-right: 6px; }
          .page.page-technology .tt-difference .section-content ul li.demo-line img {
            width: 80px; }
          .page.page-technology .tt-difference .section-content ul li.demo-line .demo-trigger {
            color: #173F55;
            font-size: 24px;
            font-weight: 700;
            line-height: 64px;
            letter-spacing: 2px;
            text-transform: uppercase; }
            @media only screen and (max-width: 990px) {
              .page.page-technology .tt-difference .section-content ul li.demo-line .demo-trigger {
                font-size: 16px; } }
      @media screen and (max-width: 991px) {
        .page.page-technology .tt-difference .section-content {
          flex-direction: column; }
          .page.page-technology .tt-difference .section-content img {
            max-width: unset;
            width: 100%; }
          .page.page-technology .tt-difference .section-content ul {
            padding: 1rem; } }
  .page.page-technology .technology-uvp-section {
    background-color: #F4F2EE;
    display: grid;
    position: relative;
    grid-template-areas: "a b c";
    grid-template-columns: 1fr 1fr 400px;
    grid-template-rows: 1fr;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    overflow: hidden;
    padding: 112px;
    padding-right: 0; }
    .page.page-technology .technology-uvp-section .col-a {
      display: flex;
      flex-direction: column;
      gap: 2.5rem;
      grid-area: a; }
    .page.page-technology .technology-uvp-section .col-b {
      display: flex;
      flex-direction: column;
      gap: 2.5rem;
      grid-area: b; }
    .page.page-technology .technology-uvp-section .technology-uvp-item {
      display: flex;
      flex-direction: column;
      justify-content: start;
      gap: 1.5rem;
      height: max-content;
      color: #173F55;
      z-index: 2; }
      .page.page-technology .technology-uvp-section .technology-uvp-item h2 {
        font-size: 34px;
        line-height: 1.2;
        font-weight: 400;
        margin: 0; }
      .page.page-technology .technology-uvp-section .technology-uvp-item h3 {
        font-size: 18px;
        line-height: 120%;
        margin: 0;
        font-weight: 400; }
      .page.page-technology .technology-uvp-section .technology-uvp-item img {
        max-width: 70px; }
      .page.page-technology .technology-uvp-section .technology-uvp-item p {
        margin-bottom: 0; }
      .page.page-technology .technology-uvp-section .technology-uvp-item ul {
        list-style: none;
        margin-left: 0; }
        .page.page-technology .technology-uvp-section .technology-uvp-item ul li {
          margin-bottom: 1rem; }
      .page.page-technology .technology-uvp-section .technology-uvp-item p, .page.page-technology .technology-uvp-section .technology-uvp-item li {
        font-weight: 400; }
    .page.page-technology .technology-uvp-section .technology-uvp-image {
      grid-area: c;
      position: absolute;
      top: 50%;
      transform: translate(35%, -50%);
      right: 0;
      height: 100%;
      width: auto;
      max-width: unset; }
      @media screen and (max-width: 1300px) {
        .page.page-technology .technology-uvp-section .technology-uvp-image {
          height: 75%; } }
    @media screen and (max-width: 991px) {
      .page.page-technology .technology-uvp-section {
        grid-template-areas: "c" "a" "b";
        grid-template-rows: 1fr;
        grid-template-columns: auto;
        padding: 3.5rem 1rem;
        text-align: center;
        gap: 0; }
        .page.page-technology .technology-uvp-section img {
          margin: 0 auto; }
        .page.page-technology .technology-uvp-section .col-a, .page.page-technology .technology-uvp-section .col-b {
          margin-bottom: 1.5rem; }
        .page.page-technology .technology-uvp-section .technology-uvp-item {
          padding: 0 40px; }
          .page.page-technology .technology-uvp-section .technology-uvp-item.h2 {
            padding: 0; }
        .page.page-technology .technology-uvp-section .technology-uvp-image {
          position: relative;
          top: 0;
          transform: translate(-50%, 0);
          right: unset;
          left: 50%;
          max-width: 100%;
          height: auto;
          margin: 0; } }
  .page.page-technology .section-header {
    text-align: center;
    max-width: 800px;
    margin: 120px auto; }
    .page.page-technology .section-header svg {
      color: #bf3333; }
    .page.page-technology .section-header h2 {
      font-size: 34px;
      line-height: 1.2;
      font-weight: 400;
      margin-top: 0;
      margin-bottom: 20px; }
    .page.page-technology .section-header p {
      margin-bottom: 0; }
    @media screen and (max-width: 991px) {
      .page.page-technology .section-header {
        margin: 3.5rem auto; } }

/***************************************************************

Landing Page

***************************************************************/
.page-type--page.page-template--pages-custom-page-page-landing .body > .container {
  max-width: none; }

.page-type--page.page-template--pages-custom-page-page-landing h1, .page-type--page.page-template--pages-custom-page-page-landing h2 {
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 30px; }
  @media only screen and (max-width: 990px) {
    .page-type--page.page-template--pages-custom-page-page-landing h1, .page-type--page.page-template--pages-custom-page-page-landing h2 {
      font-size: 32px; } }

.page-type--page.page-template--pages-custom-page-page-landing h3, .page-type--page.page-template--pages-custom-page-page-landing .h3 {
  font-size: 18px; }
  @media only screen and (max-width: 990px) {
    .page-type--page.page-template--pages-custom-page-page-landing h3, .page-type--page.page-template--pages-custom-page-page-landing .h3 {
      font-size: 16px; } }

.hero_landing-page {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F4F2EE;
  width: 100%; }
  @media only screen and (max-width: 990px) {
    .hero_landing-page {
      flex-direction: column; } }
  .hero_landing-page img {
    max-width: 50%; }
    @media only screen and (max-width: 990px) {
      .hero_landing-page img {
        max-width: 100%; } }
  .hero_landing-page .hero_text-section {
    padding: 120px 80px; }
    @media only screen and (max-width: 990px) {
      .hero_landing-page .hero_text-section {
        padding: 40px 20px; } }
    .hero_landing-page .hero_text-section p {
      margin-bottom: 1rem; }
    .hero_landing-page .hero_text-section .hero_subtitle {
      text-transform: uppercase; }
  .hero_landing-page .hero_svg-section {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 30px;
    margin-bottom: 30px; }
    @media only screen and (max-width: 990px) {
      .hero_landing-page .hero_svg-section {
        flex-direction: column;
        align-items: start;
        gap: 10px; } }
    .hero_landing-page .hero_svg-section .hero_svg {
      display: flex;
      justify-content: center;
      align-items: center; }
      .hero_landing-page .hero_svg-section .hero_svg svg {
        width: 23px;
        margin-right: 6px; }
      .hero_landing-page .hero_svg-section .hero_svg p {
        margin-bottom: 0;
        text-transform: uppercase;
        font-size: 12px; }

.landing-page-brands-wrapper {
  background: #173F55;
  padding: 60px 0; }
  @media only screen and (max-width: 990px) {
    .landing-page-brands-wrapper {
      padding: 0 0 30px; } }
  .landing-page-brands-wrapper h4 {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 2px;
    margin: 0 auto 50px; }
    @media only screen and (max-width: 990px) {
      .landing-page-brands-wrapper h4 {
        margin: 0 auto 25px; } }
  .landing-page-brands-wrapper .brands-list {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    justify-items: center;
    align-items: center;
    grid-gap: 10px 10px; }
    @media only screen and (max-width: 990px) {
      .landing-page-brands-wrapper .brands-list {
        margin: 0 10px;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 1fr); } }

.gallery_landing-page {
  text-align: center;
  background-color: #F4F4F4;
  padding: 80px 0; }
  @media only screen and (max-width: 990px) {
    .gallery_landing-page {
      padding: 40px 0; } }
  .gallery_landing-page p {
    margin: 20px auto;
    max-width: 50%; }
    @media only screen and (max-width: 990px) {
      .gallery_landing-page p {
        max-width: 100%; } }

.video-section_landing-page, .cta-section_landing-page {
  text-align: center;
  background-color: #173F55;
  padding: 80px 120px;
  color: white; }
  @media only screen and (max-width: 990px) {
    .video-section_landing-page, .cta-section_landing-page {
      padding: 40px 20px; } }
  .video-section_landing-page h2, .cta-section_landing-page h2 {
    color: white; }
  .video-section_landing-page .proven-tech_landing-page .proven-tech_list, .cta-section_landing-page .proven-tech_landing-page .proven-tech_list {
    display: flex;
    margin-top: 60px;
    gap: 30px; }
    @media only screen and (max-width: 990px) {
      .video-section_landing-page .proven-tech_landing-page .proven-tech_list, .cta-section_landing-page .proven-tech_landing-page .proven-tech_list {
        flex-direction: column; } }
    .video-section_landing-page .proven-tech_landing-page .proven-tech_list .proven-tech-item, .cta-section_landing-page .proven-tech_landing-page .proven-tech_list .proven-tech-item {
      flex: 1 1 0;
      width: 0; }
      @media only screen and (max-width: 990px) {
        .video-section_landing-page .proven-tech_landing-page .proven-tech_list .proven-tech-item, .cta-section_landing-page .proven-tech_landing-page .proven-tech_list .proven-tech-item {
          width: 100%; } }
      .video-section_landing-page .proven-tech_landing-page .proven-tech_list .proven-tech-item .proven-tech-icon, .cta-section_landing-page .proven-tech_landing-page .proven-tech_list .proven-tech-item .proven-tech-icon {
        margin-bottom: 16px; }
  .video-section_landing-page .proven-tech_landing-page img, .cta-section_landing-page .proven-tech_landing-page img {
    width: 96px; }

.page_hero_landing-page {
  margin-bottom: 100px;
  padding-top: 0; }
  @media screen and (max-width: 991px) {
    .page_hero_landing-page {
      margin-bottom: 100px; } }
  .page_hero_landing-page .hero-video {
    width: 100%;
    max-width: 640px;
    height: 400px;
    display: none;
    transform: translateY(30px); }
    @media screen and (max-width: 991px) {
      .page_hero_landing-page .hero-video {
        transform: translateY(0); } }
    .page_hero_landing-page .hero-video.show {
      display: block; }
  .page_hero_landing-page .image-container {
    width: 100%;
    max-width: 640px;
    transform: translateY(30px);
    cursor: pointer; }
    @media screen and (max-width: 991px) {
      .page_hero_landing-page .image-container {
        transform: translateY(0); } }
    .page_hero_landing-page .image-container.hide {
      display: none; }
    .page_hero_landing-page .image-container .play-icon {
      display: inline-block;
      margin-right: 8px; }
    .page_hero_landing-page .image-container .text-section {
      display: block;
      position: absolute;
      margin: 0 auto;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: white;
      font-weight: 700;
      font-family: "azo-sans-web";
      width: 250px;
      text-align: center; }
      .page_hero_landing-page .image-container .text-section p {
        display: inline;
        text-transform: uppercase; }

.testimonials_landing-page-wrapper {
  background-color: #F4F2EE;
  padding: 120px 0; }
  @media only screen and (max-width: 990px) {
    .testimonials_landing-page-wrapper {
      padding: 40px 0; } }
  .testimonials_landing-page-wrapper .slick-track {
    display: flex !important; }
  .testimonials_landing-page-wrapper .slick-slide {
    height: inherit !important; }
  .testimonials_landing-page-wrapper .testimonials-slide {
    background: #173F55;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 32px;
    margin-right: 32px; }
    .testimonials_landing-page-wrapper .testimonials-slide:not(.slick-current) {
      opacity: .3; }
    .testimonials_landing-page-wrapper .testimonials-slide img {
      max-width: 48px;
      margin-bottom: 32px; }
    .testimonials_landing-page-wrapper .testimonials-slide p {
      color: white;
      margin-bottom: 32px;
      font-size: 20px;
      line-height: 36px; }

.column-section_landing-page {
  padding: 80px 120px;
  text-align: center; }
  @media only screen and (max-width: 990px) {
    .column-section_landing-page {
      padding: 40px 20px; } }
  .column-section_landing-page .columns-section {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: left;
    margin: 60px auto;
    max-width: 1400px; }
    @media only screen and (max-width: 990px) {
      .column-section_landing-page .columns-section {
        flex-direction: column;
        margin: 30px auto; } }
    .column-section_landing-page .columns-section h3 {
      text-transform: uppercase;
      color: #173F55;
      letter-spacing: 2px;
      font-weight: 400; }
    .column-section_landing-page .columns-section img {
      max-width: 40%; }
      @media only screen and (max-width: 990px) {
        .column-section_landing-page .columns-section img {
          order: 1;
          max-width: 100%; } }
    .column-section_landing-page .columns-section .text-column {
      width: 50%; }
      .column-section_landing-page .columns-section .text-column.right {
        padding-left: 40px; }
      .column-section_landing-page .columns-section .text-column.left {
        padding-right: 40px; }
      @media only screen and (max-width: 990px) {
        .column-section_landing-page .columns-section .text-column {
          width: 100%;
          order: 2; }
          .column-section_landing-page .columns-section .text-column.right {
            padding-left: 0; }
          .column-section_landing-page .columns-section .text-column.left {
            padding-right: 0; } }

.buy-now-cta {
  background-color: #DB4B51;
  padding: 16px 32px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: white;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  display: inline-block; }
  .buy-now-cta:hover {
    color: white;
    background-color: #DB4B51; }

/***************************************************************

Collapsible Promotions Page

***************************************************************/
.collapsible-section {
  margin: 64px auto; }
  .collapsible-section .collapsible-wrapper {
    border-bottom: 1px solid #E5E5E5; }
  .collapsible-section .collapsible-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    cursor: pointer; }
    .collapsible-section .collapsible-title h2 {
      font-size: 18px;
      line-height: 1.25;
      font-weight: 400;
      margin: 0; }
    .collapsible-section .collapsible-title.active .icon {
      transform: rotate(180deg); }
  .collapsible-section .collapsible-content {
    color: #737373;
    font-weight: 400;
    padding: 16px;
    margin-bottom: 0;
    display: none; }