/* Reset + Responsive Font */
 #raider-lp {
   box-sizing: border-box;
   font-size: 10px;
   line-height: normal;
 }
 #raider-lp {
   box-sizing: inherit;
   font-size: 1em;
   line-height: inherit;
 }
 @media (max-width: 640px) {
   #raider-lp {
     font-size: 3.125vw;
   }
   
 }
 @media (min-width: 641px) {
   #raider-lp {
     font-size: 0.556vw;
   }
 }
 @media (min-width: 1601px) {
   #raider-lp {
     font-size: 10px;
   }
 }
 #invigorating-icon::before {
  display: block;
  content: " ";
  margin-top: -4em;
  height: 4em;
  visibility: hidden;
  pointer-events: none;
}
 /* slider button styles */
 .breadcrumb {
   display: none;
 }
.slick-arrow {
   color: transparent;
   position: absolute;
   left: -3em;
   top: 29%;
   z-index: 15;
   font-size: 1em;
   width: 5.1em;
   height: 3.1em;
   background-size: contain;
   background-repeat: no-repeat;
   background-color: transparent;
   background-position: center;
   background-image: url("content/seasonal-content/landing-pages/raider/arrow-left.png?$staticlink$");
 }
.slick-arrow.slick-next {
   transform: scaleX(-1) translateY(-50%);
   left: 85%;
   top: 34%;
   width: 5.2em;
   height: 3.2em;
 }
 #raider-lp .cta:hover {
   color: #363432;
 }

 /* General Styling */
 #raider-lp {
   margin: 0 auto;
 }

 #raider-lp p {
   font-size: 1.35em;
   line-height: 1.5;
   margin: auto;
   text-align: center;
 }

 /* Hero section */
 #raider-lp .raider-lp-hero {
   position: relative;
 }

 #raider-lp .raider-lp-hero img {
   display: block;
   width: 100%;

 }

 /* Bouncing Arrow */
 #raider-lp .arrow-down .arrow {
   width: 2em;
   height: 2em;
   border-right: .4em solid #fff;
   border-bottom: .4em solid #fff;
   transform: rotate(45deg) skew(-5deg, -5deg);
   margin: auto;
 }

 #raider-lp .arrow-down {
   animation: bounce 2s infinite;
   position: absolute;
   transform: translate(-50%, -50%);
   top: 85%;
   left: 45%;
 }

 /* Animation for bouncing arrow */
 @keyframes bounce {
   0% {
     transform: translateY(0);
   }
   50% {
     transform: translateY(-1em);
   }
   100% {
     transform: translateY(0);
   }
 }

 /* Supporting info below hero image */
 #raider-lp .supporting-info {
   text-align: center;
   max-width: 88.1%;
   margin: auto;
   color: black;
 }

 #raider-lp .supporting-info h2 {
   text-transform: uppercase;
   font-size: 2.4em;
   margin: 0.7em auto;
 }

 #raider-lp .supporting-info p {}

 #raider-lp .supporting-info p:last-of-type {
   margin: 1.5em auto 1.3em;
 }

 /* Styling for both CTAs */
 #raider-lp .cta {
   color: #A41E21;
   padding: 0;
   text-transform: uppercase;
   text-decoration: underline;
   font-size: 1.5em;
   font-weight: bold;
 }


 /* Secondary info (with rotating video) */
 #raider-lp .secondary-info {}

 #raider-lp .secondary-info video {
   width: 100%;
 }

 #raider-lp .secondary-info {
   width: 88.21%;
   margin: 4em auto;
   text-align: center;
   color: black;
 }

 #raider-lp .secondary-info p {
   margin: 1.7em auto;
 }

 #raider-lp .secondary-info p strong {}


 /* Testimonial Slider */
 #raider-lp .testimonial-slider .img-container {
   width: 71.4%;
   margin: auto;
   padding-top: 2em;
 }

 #raider-lp .testimonial-slider img {
   box-shadow: -1.8em -1.7em 0em -.3em #A41E21;
   margin: auto;
 }


 #raider-lp .testimonial-slider .slide {
   margin: auto;
 }

 #raider-lp .testimonial-slider .slide .testimonial {
   font-size: 1.8em;
   font-weight: bold;
   line-height: 1.4;
   width: 84%;
   text-align: left;
   margin: 1.2em auto;
   color: black;
 }


 /* Youtube modal section */
 #raider-lp .video-modal {
   text-align: center;
   position: relative;
   margin-top: 3em;
 }

 #raider-lp .video-modal .content {
   display: flex;
   align-items: center;
   justify-content: space-around;
   width: 88%;
   margin: auto;
   position: absolute;
   transform: translate(-50%, -50%);
   left: 50%;
   top: 50%;
 }

 #raider-lp .video-modal .content:hover h2 {
   color: #A41E21;
 }

 /* Circular play button */
 #raider-lp .video-modal .content .triangle-container {
   width: 3.9em;
   border: 0.3em solid #fff;
   display: flex;
   justify-content: center;
   border-radius: 50.6%;
   height: 3.9em;
   align-items: center;
 }

 #raider-lp .video-modal .content .triangle-container .triangle-right {
   width: 0;
   height: 0;
   border-top: 0.8em solid transparent;
   border-left: 1.5em solid #fff;
   border-bottom: 0.8em solid transparent;
   margin-left: 0.3em;
 }

 #raider-lp .video-modal .content:hover .triangle-container .triangle-right {
   border-left: 1.5em solid #a41321;
 }


 #raider-lp .video-modal .content:hover .triangle-container {
   border: 0.3em solid #a41321;
 }

 #raider-lp .video-modal h2 {
   font-size: 1.9em;
   text-transform: uppercase;
   color: #fff;
 }


 /* Desktop Styling */
 @media (min-width: 641px) {
   .ag-full-width .ag-site-width {
     width: 100vw;
     max-width: none;
   }

   #raider-lp {
     max-width: 1920px;
   }
   #raider-lp p {
     font-size: 3.3em;
   }

   #raider-lp .arrow-down {
    left: 50%;
  }
   
  #invigorating-icon::before {
    margin-top: -6em;
    height: 6em;
  }

   /* Supporting info below hero image */
   #raider-lp .supporting-info {
     width: 75%;
   }

   #raider-lp .supporting-info h2 {
     font-size: 5.6em;
   }

   #raider-lp .supporting-info p {
     font-size: 3.3em;
   }

   #raider-lp .supporting-info p:last-of-type {}

   /* Styling for both CTAs */
   #raider-lp .cta {
     font-size: 3.6em;
   }


   /* Secondary info (with rotating video) */
   #raider-lp .secondary-info {}

   #raider-lp .secondary-info video {}

   #raider-lp .secondary-info {
     margin-top: 13em;
     width: 75%;
   }

   #raider-lp .secondary-info p {}

   #raider-lp .secondary-info p strong {}


   /* Testimonial Slider */
   #raider-lp .slider-container {
     width: 65%;
     margin: auto;
     margin-top: 13em;
   }

   #raider-lp .testimonial-slider {}

   #raider-lp .testimonial-slider .img-container {
     width: 50%;
   }

   #raider-lp .testimonial-slider img {
     margin: auto;
     box-shadow: -2.8em -2.8em 0em -.3em #A41E21;
     margin: 2.8em auto auto 2.8em !important;
   }


   #raider-lp .testimonial-slider .slide {
     display: flex;
     width: 75%;
     align-items: center;
   }

   #raider-lp .testimonial-slider .slide .testimonial {
     width: 50%;
     margin: auto;
     margin-left: 2.8em;
     font-size: 3.5em;
   }


   /* Youtube modal section */
   #raider-lp .video-modal {
     width: 75%;
     margin: 13em auto;
   }

   #raider-lp .video-modal a {}

   #raider-lp .video-modal img {}

   #raider-lp .video-modal .content {
     font-size: 3.8em;
     width: 80%;
   }


 }