/*---- TO BE MERGED INTO EXISTING CLASSES ---*/
.showcaseContainer .whiteBlock {
    width: 145px;
    right: 100px;
    margin-top:0px;
}

.showcaseContainer .whiteBlock:before {
    margin-top: -15px;
}

.showcaseBanner:before {
    display:none;
}

.showcaseContainer .redBlockLeft {
    float:left;
    margin-left:17%;
}

.showcaseContainer {
    position:relative;
}

.beyondCTA .beyondContainerBox {
    z-index:27;
}
.categoryListing .categoryItem button:hover,.categoryItem button:hover {
    box-shadow:none;
}

.showcaseContainer .slick-next, .showcaseContainer .slick-prev{
    opacity:0;
    position:absolute;
    right:60px;
    top:50%;
    z-index:1;
    background-color: rgba(0,0,0,0.2);
    font-family: 'Lato';
    border: none;
    color: white;
    outline:none;
    font-size: 39px;
   padding-bottom:5px;
   padding-left:10px;
   padding-right:10px;
    text-shadow: 2px 1px 7px black;
     transition:all 0.2s ease;
}
.showcaseContainer .slick-next:hover, .showcaseContainer .slick-prev:hover{ 
    opacity:0.7;
}
.showcaseContainer .slick-prev{
    left:112px;
    right:auto;
}

.slick-slider:hover .slick-next, .slick-slider:hover .slick-prev{
    opacity:1;
    transition:all 0.3s ease;
}

.showcaseBanner  {
   
    outline: none;
}

.showcaseContainer {
     padding-left:35px;
    padding-right:35px;
}

/* Dots */

.showcaseContainer .slick-dots {
     width: fit-content;
    margin: 20px auto;
    margin-top: -78px;
    position: relative;
    text-align:center;

}

.TestimoialSliderWrapper .slick-dots {
    text-align:center;
}

    .showcaseContainer .slick-dots li {
        list-style-type: none;
        display: inline-block;
        vertical-align: top;
        margin-right: 5px;
        height: 10px;
    }
    
        .showcaseContainer .slick-dots li button {
            background: rgba(0,0,0,0.5);
            border: 0px none;
            font-size: 0px;
            width: 50px;
            height: 10px;
            vertical-align: top;
        }
        
        .showcaseContainer .slick-dots li.slick-active button {
            background: #fff;
            box-shadow: 5px 1px 8px 2px rgba(0,0,0,.2);
        }
        
        .showcaseContainer .slick-dots li button:focus {
            outline: none;
        }
        
        
.newsSelection {
    width:60%;
    margin-left:20%;
    text-align:center;
    position:relative;
    margin-bottom:60px;
}
.newsSelection .selection {
    width:100%;
    padding:10px;
    padding-bottom:26px;
    background-color: #d42e12;
}
.newsSelection .selection:after {
    content:"";
    width:50%;
    height:20px;
    background-color: #d42e12;
    position:absolute;
    left:0;
    bottom:-20px;
}
.newsSelection .selection p{
    color:white;
}

.newsSelection .selection button{
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  height:50px;
  width:170px;
  font-weight:bold;
   color: #111111;
   outline:none;
   border:none;
   text-transform:uppercase;
        transition: all 0.2s ease;
}

.newsSelection button.red{ 
     color: #d42e12;
}

.newsSelection .selection button:hover{
    color:white;
     background-color: #d42e12;
     transition: all 0.2s ease;
}

    .pageHeaderRed {
        position:relative;
        text-align:center;
            border-bottom: 1px solid #d42e12;
    }
    
        .pageHeaderRed h1, .pageHeaderRed h3 {
           color: #d42e12;
    font-size: 52px;
    line-height: 48px;
    border-bottom: 8px solid #d42e12;
    padding-bottom: 3px;
    margin-bottom: -8px;
    display: inline-block;

        }
        

        
    .sensListing {
        margin-top:60px;
        margin-bottom:80px;
    }
    
        .sensListing .sensItem {
            position:relative;
            padding: 28px 29px 52px 37px;
            box-shadow: 0 7px 22px 0 rgba(0, 0, 0, 0.2);
            background-color: #ffffff;
            margin-bottom:40px;
                min-height: 281px;
              transition:all 0.4s ease;
         }  
         
         .sensListing .sensItem:before {
             content: "";
             position:absolute;
             width:10px;
             height:100px;
             background-color: #d42e12;
             left:0;
             top:0;
         }
         
          .sensListing .sensItem h6 {
               font-size: 12px;
              line-height: 2;
              letter-spacing: 0.2px;
              color: #111111;
              text-transform: uppercase;
          }
            .sensListing .sensItem h5 {
                font-family: Lato;
                  font-size: 16px;
                  font-weight: 900;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1.5;
                  letter-spacing: 0.2px;
                  color: #111111;
          }
           .sensListing .sensItem a {
                    right: 25px;
                    font-family: Lato;
                    font-size: 16px;
                    font-weight: 900;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.5;
                    letter-spacing: 1px;
                    color: #d42e12;
                    text-align: right;
                    position: absolute;
                    bottom: 23px;
                    text-transform: uppercase;
          }
          
          .sensListing .sensItem a:before {
                 content: "";
                width: 38px;
                height: 2px;
                position: absolute;
                background-color: #d42e12;
                margin-top: 28px;
                 transition:all 0.2s ease;
          }
          
            .sensListing .sensItem a:hover {
                color:white;
                text-decoration:none;
               
            }
            
              .sensListing .sensItem a:hover:before {
                width: 123px;
                 background-color: white;
                transition:all 0.2s ease;
          }
            
             .sensListing .sensItem:hover  {
               background-color:#d42e12;
                 transition:all 0.4s ease;
                  box-shadow:none;
            }
            
             .sensListing .sensItem:hover:before {
                 background-color:#9e0b0f;
             }
             
               .sensListing .sensItem:hover a,.sensListing .sensItem:hover p,.sensListing .sensItem:hover h5, .sensListing .sensItem:hover h6 {
                   color:white;
               }
               
                 
          .sensListing .sensItem:hover a:before {
                background-color: white;
          }
            .categoryListing {
                padding-left:80px;
                padding-right:80px;
            }
           
      .categoryItem  {
          text-align:center;
          background-color:white;
          padding:25px;
            margin-bottom:30px;
            border-right:1px solid #d42e12;
        }
        
        .shadowBlock {
                          box-shadow: 0 7px 22px 0 rgba(0, 0, 0, 0.2);
                          border:none;
    position:relative;
        }
        
          .categoryItem:nth-of-type(3), .categoryListing .categoryItem:last-of-type  {
            border-right:0px solid #d42e12;
        }
        
        
         .categoryItem img {
            padding-bottom:30px;
            height:300px;
        }
        
         .categoryItem h6 {
            text-transform: uppercase;
            color: #d42e12;
            font-weight:900;
            font-size:16px;
            padding-bottom:10px;
        }
        
          .categoryItem p {
            width:80%;
            margin-left:10%;
            height:150px;
        }
        
         .categoryItem button {
    max-width: 282px;
    width: 100%;
            height:70px;
            box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
             background-color: #d42e12;
             border: none;
             color:white;
             font-size:20px;
             font-weight:600;
             text-transform: uppercase;
            position: relative;
             transition: all 0.3s ease;
        }
        
           .categoryItem button:hover { 
                background-color: #9e0b0f;
                 transition: all 0.3s ease;
            }
            
            
    .productCategory {
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap:wrap;
        justify-content:center;
    }
    .productCategory .categoryBlock {
           width: 60%;
    margin-top: 0px;
    position: relative;
    background-color: white;
    border-bottom: 10px solid #d42e12;
    box-shadow: 0 32px 50px 0 rgb(0 0 0 / 10%);
    padding: 30px;
    padding-bottom:20px;
    margin-bottom: 79px;
    }
    
        .productCategory .categoryBlock  .productImage {
            text-align:center;
        }
         .productCategory .categoryBlock  .productImage img{
             width:100%;
             object-fit:contain;
             max-height:350px;
         }
        
        
       .productCategory .categoryBlock  .productImageLarge {
           background-size:cover;
           background-repeat: no-repeat;
           min-height:400px;
           margin-top:-20px;
           margin-left:-5px;
           margin-bottom:-60px;
       }
        
    .productListing {
        background-color: #d42e12;
        padding:20px;
        padding-top:50px;
    }
    
    .productListing:before {
        content: "";
        background-color: #d42e12;
        height: 36px;
        width: 50%;
        right: 0;
        position: absolute;
        margin-top: -85px;
    }
    
     .fullSizeImage {
        width: 100%;
        height: 277px;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 21px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
    }
    .bufferSize {
        height:290px;
    }
    
    @media only screen and (max-width:991px) {
        .productCategory .categoryBlock .productImageLarge {
         margin-bottom:5px;
         margin-right:0px;
         margin-left:0px;
         height:350px;
        }
    
    }
    
    .selectHeadline {
        font-weight:bold;
        margin-top:-6px;
        margin-bottom:4px;
    }
    
    .dropbtn {
  border: none;
  width:225px !important;
  padding-left:20px;
  text-align:left;
  text-transform:initial !important;
  cursor: pointer;
}

.dropbtn:after {
    position:absolute;
    content:"";
    background-image: url(/media/mfqfcgkf/dropdown-white.svg);
    background-repeat:no-repeat;
    top:32px;
    right:19px;
    width:20px;
    height:20px;

}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  width:100%;
  background-color: #f9f9f9;
  min-width: 225px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 26;
}

.dropdown-content a {
  color: #111111;
  padding: 12px 16px;
  text-align:left;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #d42e12; color:white !important;}

.dropdown:hover .dropdown-content {
  display: block;
   user-select: none; 
}

.dropdown:hover .dropbtn {
  background-color: #d42e12;
  color:white;
}


#howToSlider {
    padding-top:20px;
}

.howToGuides {
    position:relative;
}


.howToSlide .ImageContainer img{
    width:100%;
    height:400px;
    position:relative;
    object-fit:cover;
    
    filter: brightness(30%) grayscale(60%);
     transition:all 0.4s ease;
}
.howToSlide .ImageContainer img:hover{
       filter: brightness(100%) grayscale(0%);
       transition:all 0.4s ease;
}

.howToSlide .ImageContainer {
    position:relative;
    cursor:pointer;
    margin-bottom:20px;
    background-color:#ededed;
}

.howToSlide .ImageContainer:after{
     content: "";
    top: 38%;
    left: 45%;
    position: absolute;
    background: url(/media/oqpdazek/play.svg) no-repeat center center;
    width: 80px;
    background-size: cover;
    height: 80px;

}

.howToSlide h6 {
  font-family: Lato;
  font-size: 20px;
  font-weight: 900;
  font-stretch: normal;
  text-transform:uppercase;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: 0.2px;
  color: #111111;
}

.howToGuides .slick-next, .howToGuides .slick-prev, .relatedProducts .slick-next, .relatedProducts .slick-prev{
    opacity:0;
    position:absolute;
    right:60px;
    top:50%;
    padding-bottom:5px;
     padding-left:10px;
   padding-right:10px;
    z-index:1;
    background-color: rgba(0,0,0,0.2);
    font-family: 'Lato';
    border: none;
    color: white;
    outline:none;
    font-size: 39px;
     transition:all 0.2s ease;
}
.howToGuides .slick-next:hover, .howToGuides .slick-prev:hover, .relatedProducts .slick-next:hover, .relatedProducts .slick-prev:hover{ 
    opacity:0.7;
}
.howToGuides .slick-prev, .relatedProducts .slick-prev{
    left:60px;
    right:auto;
}

.slick-slider:hover .slick-next, .slick-slider:hover .slick-prev, .relatedProducts:hover .slick-next, .relatedProducts:hover .slick-prev{
    opacity:1;
    transition:all 0.3s ease;
}

.howToSlide  {
    margin:10px;
    margin-bottom:32px;
    outline: none;
}

/* Dots */

.howToGuides .slick-dots, .relatedProducts .slick-dots {
     width: fit-content;
    margin: 20px auto;
    margin-top: 20px;
    position: relative;
    text-align:center;
    

}

    .howToGuides .slick-dots li,   .relatedProducts .slick-dots li{
        list-style-type: none;
        display: inline-block;
        vertical-align: top;
        margin-right: 5px;
        height: 10px;
    }
    
        .howToGuides .slick-dots li button,  .relatedProducts .slick-dots li button {
            background: rgba(0,0,0,0.5);
            border: 0px none;
            font-size: 0px;
            width: 50px;
            height: 10px;
            vertical-align: top;
        }
        
        .howToGuides .slick-dots li.slick-active button, .relatedProducts .slick-dots li.slick-active button {
            background: #fff;
            box-shadow: 5px 1px 8px 2px rgba(0,0,0,.2);
        }
        
        .relatedProducts .slick-dots li.slick-active button {
            background: #d42e12;
        }
        
        .howToGuides .slick-dots li button:focus, .relatedProducts .slick-dots li button:focus {
            outline: none;
        }
        
        
        
    .subheadline {
        margin-top:-43px;
        text-transform: uppercase;
         font-family: Lato;
          font-size: 16px;
          font-weight: 900;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.13;
          margin-bottom:7px;
          letter-spacing: 1px;
          color: #d42e12;
    }
    
     .productInfoSectionOne,  .productInfoSectionTwo {
        background-color: white;
        padding:20px;
        padding-top:50px;
        padding-bottom:0px;
        
    }
     .productInfoSectionTwo {
          background-color: #ededed;
     }
    
    .howToGuides {
          background-color: #ededed;
        padding:20px;
        padding-top:50px;
        padding-bottom:50px;
    }
    
      
    .howToGuides:before, .fullScreenCalculator:before {
        content: "";
        background-color: #ededed;
        height: 24px;
        width: 50%;
        right: 0;
        position: absolute;
        margin-top: -74px;
    }
    .packagingSectionB {
        padding-top:60px;
    }
    
    .redHowTo {
         background-color:#d42e12;
    }
     .redHowTo:before, .fullScreenCalculator:before {
         background-color:#d42e12;
    }
    
    .fullScreenCalculator:before {
         margin-top: -99px;
    }
    
    .redHowTo h6, .redHowTo p {
        color:white;
    }
    
     .redHowTo .pageHeaderRed {
           border-bottom:1px solid white;
     }
    
    .redHowTo .pageHeaderRed h3{
        color:white;
        border-bottom:7px solid white;
    }
    
    
    .dataSheets {
        padding-top:20px;
    }
    
    .dataSheets h5 {
        font-weight:900;
        text-transform:uppercase;
        font-size:16px;
    }
    
    .categoryBlock .productLink {
      position: relative;
    bottom: -50px;
    }
    
    .productInfoSectionOne:before,  .productInfoSectionTwo:before {
        content: "";
        background-color: white;
        height: 24px;
        width: 50%;
        right: 0;
        position: absolute;
        margin-top: -74px;
    }
    
     .productInfoSectionTwo:before {
         background-color: #ededed;
     }
    
    .productInfoSectionOne .productInformationPiece,  .productInfoSectionTwo .productInformationPiece {
        padding:15px;
            padding-left: 20px;
    padding-right: 40px;
    padding-bottom:17px;
    }
    
    .productInfoSectionOne .productInformationPiece:before, .productInfoSectionTwo .productInformationPiece:before{
        content: "";
        position:absolute;
        width:6px;
        height:70px;
        margin-left:-25px;
        margin-top:-15px;
        background-color:#d42e12;
    }
    
    .downloadLink {
        padding-left:26px;
        color:#d42e12;
        font-size:16px;
        position:relative;
        font-weight:900;
        font-family: Lato;
        letter-spacing:1px;
        text-transform:uppercase;
        text-decoration:none;
    }
    
     .downloadLink:hover {
         text-decoration:none;
          color:#d42e12;
     }
     
     .downloadLink:after {
         content:"";
         height:2px;
         width:40px;
         background-color:#d42e12;
         position:absolute;
         left:27px;
         bottom:-5px;
          transition: all 0.3s ease;
     }
     .downloadLink:hover:after {
         width:105px;
        transition: all 0.3s ease;
     }
     
     .downloadLink:before {
        content: "";
        width: 20px;
        height: 30px;
        position: absolute;
        left: 0;
        background: url(/media/ybxovaus/download.svg) no-repeat center center;
     }
     
     .redHowTo .downloadLink {
         color:white;
     }
     .redHowTo .downloadLink:hover {
         color:white;
     }
     .redHowTo .downloadLink:after  {
         background-color:white;
     }
     .redHowTo .downloadLink:before  {
        background: url(/media/msebo0wf/download-white.svg) no-repeat center center;
     }
     .dataHeading {
         margin-bottom:0px;
         padding-bottom:0px;
     }
     
     .borderRight {
         border-right: 1px solid #dcdcdc;
     }
     
     .fileName {
         line-height:1;
     }
     
     .modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }



.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

.pad20Bottom {
    padding-bottom:20px;
}
.pad100Bottom {
   
}



.relatedProductSlide {
    box-shadow: 0 7px 22px 0 rgba(0, 0, 0, 0.2);
    padding:10px;
    width: 100%;
    min-height:220px;
    margin:15px;
    cursor:pointer;
    position:relative;
    margin-bottom:30px;
    outline:none;
    margin-top:30px;
     transition: all 0.3s ease;
}
.relatedProductSlide .spotlightInformation {
    position:absolute;
    opacity:0;
    width:100%;
    top:50%;
        transition: all 0.3s ease;
}

.relatedProductSlide .spotlightInformation h4 {
    color:white;
    font-size:48px;
        line-height: 42px;
}

.relatedProductSlide:hover .spotlightInformation {
    opacity:100;
    top:26%;
    transition: all 0.3s ease;
}

  .relatedProductSlide .spotlightInformation a {
                  font-family: Lato;
                  font-size: 16px;
                  font-weight: 900;
                  font-stretch: normal;
                  font-style: normal;
                 
                  line-height: 1.5;
                  letter-spacing: 1px;
                  color: white;
                 text-align:right;
                 text-transform: uppercase;
          }
          
         .relatedProductSlide .spotlightInformation a:before {
                 content: "";
                width: 38px;
                height: 2px;
                position: absolute;
                background-color: white;
                margin-top: 28px;
                 transition:all 0.2s ease;
          }
          
            .relatedProductSlide .spotlightInformation a:hover {
                color:white;
                text-decoration:none;
            }
            
              .relatedProductSlide .spotlightInformation a:hover:before {
                width: 123px;
                 background-color: white;
                transition:all 0.2s ease;
          }

.relatedProductSlide .relevantText {
    padding-top:15px;
}

.relatedProductSlide:hover {
    
     background-color: #d42e12;
     transition: all 0.3s ease;
}

.relatedProductSlide:hover .generalInformation {
     opacity:0;
      transition: all 0.3s ease;
}

.relatedProductSlide .subHeadline {
        font-weight: 900;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    margin-top:-13px;
    line-height:15px;
    padding-top:6px;
}
.relatedProductSlide .relatedProductImageSection {
    padding:10px;
    height:200px;
    text-align:center;
    background-size:cover;
    background-repeat:no-repeat;
     background-color:#f6f6f6;
}

.relatedProductSlide:hover .relatedProductImageSection {
     background-color:transparent;
}
.relatedProductSlide .relatedProductImageSection img {
   
    display:initial;
    width:auto;
    height:189px;
}
 .productText {
        margin-top:-35px;
    }
#relatedProductsSlider {
    padding-bottom:40px;
    margin-bottom:40px;
}
 .publishedDate {
          font-family: Lato;
  font-size: 12px;
  text-transform:uppercase;
  margin-bottom:0;
  padding-bottom:0;
  line-height: 2;
  letter-spacing: 0.2px;
  color: #878787;
    }

  .modalSection {
        top:0;
        left:0;
        position:fixed;
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.3);
        display:none;
        z-index:999999;
    }
    .modalSection .containerFlex {
      
        width:100%;
        height:100%;
        margin-left:20%;
        margin-top:3%;
    }
    
     .modalSection .custommodal {
        display:none;
        padding:40px;
         z-index:110;
         width:60%;
         max-height:85%;
         overflow:auto;
         position:fixed;
         background-color:white;
         box-shadow: 0 7px 22px 0 rgba(0, 0, 0, 0.2);
     }
     
      .modalSection .custommodal button{
        
          background-color:#d42e12;
          outline:none;
          border:none;
          font-size:20px;
          top: 30px;
            right: 0px;
            position: absolute;
          margin-top:-30px;
           transition: all 0.3s ease;
      }
      
      .modalSection .custommodal button:hover{
          opacity:0.6;
          transition: all 0.2s ease;
      }


    .leadershipPage  .subSectionTitle {
        padding-top:40px;
        font-family: Lato;
      font-size: 20px;
      font-weight: 900;
      line-height: 1.1;
      letter-spacing: 0.2px;
      text-align: center;
      color: #111111;
      padding-bottom:10px;
      text-transform:uppercase;
    }
    .leadershipPage  .leaderBlock {
        position:relative;
        cursor:pointer;
        box-shadow: 0 7px 22px 0 rgba(0, 0, 0, 0.2);
        margin-bottom:50px;
        min-height: 432px;
         transition: all 0.3s ease;
    }
             .leadershipPage  .leaderBlock:hover {
                 opacity:0.7;
                   box-shadow: 0 7px 22px 0 rgba(0, 0, 0, 0.08);
                 transition: all 0.3s ease;
             }
             
            .leaderBlock .information h6, .modalTitle {
                font-family: Lato;
                font-size: 12px;
                  line-height: 1;
                  text-transform:uppercase;
                  letter-spacing: 0.2px;
                  color: #111111;
            }
            
            .leaderBlock .information h5, .modalName {
                 font-family: Lato;
              font-size: 20px;
              font-weight: 900;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.1;
              letter-spacing: 0.2px;
              color: #111111;
            }
            
             .leaderBlock:before, .modalImage:before {
                content: "";
                width: 10px;
                height: 100px;
                background-color: #d42e12;
                left: 0;
                top: 0;
                position: absolute;
                z-index: 2;
             }
             
              .modalImage:before {
                  left:15px;
              }
             
            .leaderBlock .fullSizeImage, .modalImage{
                width: 100%;
                background-repeat:no-repeat;
                min-height:320px;
            }
            
            .leaderBlock .bufferSize {
                height:320px;
            }
            
            .leaderBlock .information {
                padding:20px;
            }
            
            .modalName {
                padding-bottom:20px;
                border-bottom:1px solid #d42e12;
            }
            
            
             .resetButton {
                    margin-bottom:10px;
                }
           
            @media only screen and (max-width:768px) {
                .resetButton {
                    margin: 0px 0 20px;
                }
             
               
                .showcaseContainer .slick-dots {
                    width:auto;
                }
                .showcaseContainer .slick-dots li button {
                    width:30px;
                }
             .modalSection .custommodal {
             width:95%;
                max-height:90%;
             }
             
             .howToSlide .ImageContainer img {
                 height:350px;
             }
             
             .modalSection .containerFlex {
                 margin-left:10px;
                 top:5%;
             }
            }
            
               @media only screen and (max-width:500px) {

             .howToSlide .ImageContainer img {
                 height:208px;
             }
             .howToSlide .ImageContainer:after {
                    top: 33%;
                    left: 39%;
                
                }
            }
    
    .productTextSection {
        height:208px;
    }
    .btn-secondary {
        border: 3px solid #d42e12;
    padding: 17px 55px;
}


@media only screen and (max-width:1440px) {
      .btn-primary {
          font-size:18px;
                    padding:12px 55px;

                }
                
                .btn-secondary {
          font-size:18px;
                    padding:9px 55px;

                }
    .showcaseBanner .redBlockContainer .redBlock button {
    width: 250px;
}
    .showcaseContainer .redBlockLeft {
    margin-left: 25%;
}
    
  .productCategory .categoryBlock, .newsSelection {
      width:70%;
        
}
 .categoryListing .categoryItem p {
    width: 90%;
    margin-left: 5%;
    height: auto;
    font-size:14px;
}

  
    .productTextSection {
        height:238px;
    }
.categoryListing .categoryItem {
    margin-bottom:40px;
}
}

@media only screen and (max-width:991px) {
    
  .productCategory .categoryBlock, .newsSelection {
      width:95%;
      margin-left:0;
        text-align:center;
}

.newsSelection .selection button#showDetails {
    width:225px;
    margin-top:10px;
    
}

.dropdown {
    margin-bottom:5px;
}

  
}

@media only screen and (max-width:768px) {
    
     .btn-primary {
                    max-width:350px;
                    width:100%;
                    margin: auto;
                }
                
                .btn-secondary {
                     max-width:350px;
                    width:100%;
                    margin: auto;
                }
    .howToGuides .slick-next, .relatedProducts .slick-next{
    right:-3px;
}
    .howToGuides .slick-prev, .relatedProducts .slick-prev{
    left:-3px;
    right:auto;
}
.howToGuides .slick-dots, .relatedProducts .slick-dots {
    width:auto;
    padding-left:0px;
}
        .relatedProductSlide {
            text-align:center;
        }
    .productCategory .categoryBlock, .newsSelection {
        width:95%;
         margin-left:0;
        text-align:center;
}

 .packagingSectionB {
       margin-top:-100px;
       padding-top:0px;
    }
   .categoryListing {
       padding-left:5px;
       padding-right:5px;
   }
     .productTextSection {
        height:auto;
    }
  
}


.searchresults {
    padding-top:40px;
    padding-bottom:100px;
}

.searchItem {
        display: block;
    position: relative;
    padding: 20px;
    border: 1px solid transparent;
    width: 100%;
    /* margin-bottom: 8px; */
    transition: all 0.2s ease;
    border-bottom: 1px solid #dcdcdc;

 
}

.searchItem h6 {
  font-family: Lato;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: 0.2px;
  color: #111111;
  
}

.searchImage img {
    width:125px;
    height:auto;
    padding-top:5px;
     padding-bottom:5px;
}

.searchItem:hover {
      border:1px solid #d42e12;
         text-decoration:none;
         transition: all 0.2s ease;
}

.searchItem .viewLink {
    font-weight:bold;
    
}
    .searchMainBox {
        display:flex;
        align-items:center;
        justify-content:center;
        flex-wrap:wrap;
        width:100%;
        height:500px;
    }
    
    .topPage {
        align-items:start;
        height:auto;
    }
    
    
    .redSearch {
        padding:59px;
        padding-top:10px;
        text-align:center;
        color:white;
        width:100%;
    }
    
    .topPage .redSearch {
        padding-bottom:10px;
    }
    
    
    .redSearch h1{
        color:white;
    }
    
    .searchBar {
    display: inline-block;
    width: 67%;
    height: 86px;
    font-size: 61px;
    color: #d42e12;
    border: none;
    font-family: 'MachineStd';
    border-bottom: 2px solid #d42e12;
    margin-right: -188px;
    padding-right: 205px;
    }
    
    .searchBar:focus {
         border-bottom: 2px solid #d42e12;
    }
    
    
    .foundResults {
        padding-top:19px;
       
        color:black;
    }
    .searchBtn {
        margin-top:-37px;
    }
    
     .searchBar:focus {
         color: #d42e12 !important;
     }
    
    input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #dcdcdc !important;
}
input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #dcdcdc  !important;
}
input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #dcdcdc  !important;
}
input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #dcdcdc  !important;
}

 #quickSearchMenuLinks{
            top: 107px;
    width: 70%;
    left: 10%;
    
    }
    
@media only screen and (max-width:1024px) {
.searchBar {
    width:100%;
    padding-right:0px;
    margin-right:0px;
  }
     .searchBtn {
       margin-top:8px;
    }
    
     #quickSearchMenuLinks{
            top: 87px;
   
    }
     
    .showcaseContainer .whiteBlock {
        display:none;
    }
}

   .redBoxImage {
       margin-bottom:82px;
        width:90%;
        position:relative;
    }
        .redBoxImage img {
             width: 100%;
            height: 314px;
            object-fit: cover;

        }
        .redBoxImage::before {
            content: "";
            position: absolute;
            width: 50%;
            height: 250px;
            top: 94px;
            right: -30px;
            z-index: -2;
            background-color: #d42e12;
        }
        
        .redBoxImage::after {
            content: "";
            position: absolute;
            width: 25%;
            height: 21px;
            bottom: -43px;
            right: -30px;
            z-index: -2;
            background-color: #d42e12;
        }
        
        .generalPage {
            padding-bottom:120px !important;
        }
        
           .quickLinks {
        position:absolute;
        z-index:2;
        text-align:left;
        top:85px;
        left:20%;
        width:50%;
       display:none;
        background-color:white;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #d42e12;
    }
    
    .quickLinks .title {
         font-family: Lato;
  font-size: 8px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.25;
  letter-spacing: 0.44px;
  text-transform:uppercase;
  padding:4px;
  padding-left:10px;
  color: #302e2f;
    }
    
    .quickLinks a {
        border-top:1px solid #ededed;
        padding:10px;
        display:block;
        
    }
    
    .quickLinks a:hover {
        color:white;
        text-decoration:none;
        background-color: #d42e12;
    }
    
   .redSpotLightBlock {
    padding-top:100px;
    padding-bottom:100px;
    position:relative;
    background-color:  #d42e12;
    
}

.redSpotLightBlock:before {
    position:absolute;
    content:"";
    width:50%;
    height:30px;
    background-color:#d42e12;
    right:0;
    top:-27px;
}
    .blockHighlightSection {
            padding-top: 87px !important;
             padding-bottom: 87px !important;
        text-align:center;
        width:70%;
        background-color:white;
        padding:30px;
        box-shadow: 0 7px 22px 0 rgba(0, 0, 0, 0.2);
    }
    
    .blockHighlightSection img {
        padding-bottom:40px;
    }
    
    .blockHighlightSection a {
        font-family: Lato;
        font-size: 16px;
        font-weight: 900;
        padding-top:25px;
        display:inline-block;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 1px;
        color: #d42e12;
        text-decoration:none;
        text-align: right;
        position: relative;
        bottom: 23px;
        text-transform: uppercase;
    }
    
    .blockHighlightSection a:hover {
          text-decoration:none;
    }

.blockHighlightSection a:hover:before {
    width: 100px;
    transition: all 0.2s ease;
}
.blockHighlightSection a:before {
    content: "";
    width: 38px;
    height: 2px;
    position: absolute;
    background-color: #d42e12;
    margin-top: 28px;
    transition: all 0.2s ease;
}
table {
    margin-top: -11px;
}

table tr:first-of-type {
    border-bottom:1px solid #ccc;
height: 34px !important;
}

table td {
   padding-left:10px;
     border-right:1px solid #ccc;
}

table td:first-of-type {
     padding-left:0px;
    border-right:1px solid #ccc;
}

table td:last-of-type {
    border-right:0px solid #ccc;
}

.outcomesTable td {
   padding-left:10px;
     border-right:0px solid #ccc;
}
.outcomesTable td:first-of-type {
     padding-left:0px;
    border-right:0px solid #ccc;
}
table td {
padding-top:5px;
    vertical-align: top;
}

    .productFeatureImage {
         margin-bottom: 23px;
    height: 285px;
    width: 327px;
    text-align: center;
    padding-top:10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #f6f6f6;
    flex-wrap: nowrap;
    justify-items: center;
    align-items: center;
    justify-content: center;

}

.categoryListing .categoryItem img {
        padding-bottom: 0px;
    height: 233px;
    width: 256px;
    object-fit: contain;
}

.categoryListing .categoryItem button {
    max-width:282px;
    min-width:150px;
    width:100%;
}

.productFeatureImage {
    width:100%;
    max-width:327px;
}

.categoryListing .categoryItem img {
    max-width:327px;
    max-height:256px;
    width:100%;
    height:auto;
}

    a.specialLink {
        font-family: Lato;
        font-size: 16px;
        font-weight: 900;
        padding-top:25px;
        display:inline-block;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 1px;
        color: white;
        text-decoration:none;
        text-align: right;
        position: relative;
        bottom: 23px;
        text-transform: uppercase;
    }
    
     a.specialLink:hover {
          text-decoration:none;
    }

 a.specialLink:hover:before {
    width: 100px;
    transition: all 0.2s ease;
}
 a.specialLink:before {
    content: "";
    width: 38px;
    height: 2px;
    position: absolute;
    background-color: white;
    margin-top: 28px;
    transition: all 0.2s ease;
}


    a.specialLinkBlack, a.specialLinkWhite {
        font-family: Lato;
        font-size: 16px;
        font-weight: normal;
        padding-top:25px;
        display:inline-block;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0.2px;
        color: #111111;
        text-decoration:none;
        text-align: right;
        position: relative;
        bottom: 23px;
    }
    
     a.specialLinkWhite {
      color:white;   
     }
    
     a.specialLinkBlack:hover, a.specialLinkWhite:hover {
          text-decoration:none;
    }

 a.specialLinkBlack:hover:before, a.specialLinkWhite:hover:before {
    width: 100%;
    transition: all 0.2s ease;
}
 a.specialLinkBlack:before, a.specialLinkWhite:before {
    content: "";
    width: 38px;
    height: 2px;
    position: absolute;
    background-color: #d42e12;
    margin-top: 28px;
    transition: all 0.2s ease;
}


ul {
    margin-top: -12px;
}

p a {
    font-weight:bold;
}

.valuesSection {
    display:flex;
    justify-content:center;
}

.valuesSection .valuesRow {
    width:100%;
}

.valueBox {
       padding: 30px 11px 46px 12px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: -35px;
    min-height: 291px;
    border: solid 1px #d42e12;
}

.valueBox h6 {
     font-family: Lato;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: 0.23px;
  text-align: center;
  color: #111111;
  padding-bottom:15px;
  margin-bottom:15px;
}

.valueBox .line {
    width:111px;
    height:5px;
    display:inline-block;
    margin-bottom:14px;
    background-color: #d42e12;
}

.valueBox .emphasisWord {
    text-transform:uppercase;
    font-size:18px;
    color: #d42e12;
    font-weight:bold;
}

    .roundIcon {
        border-radius:100%;
        background-color: #d42e12;
        width:150px;
        height:150px;
        text-align:center;
        margin-top:30px;
        padding-top:56px;
        margin-bottom:18px;
    }
    .sideArrow {
            width: 24px;
    font-size: 33px;
    top: 86px;
    height: 24px;
    left: 39px;
    color: #cecece;
    position: relative;
    }
    .roundIcon h2 {
        font-size:108px;
        color:white;
    }

    .aboutUsPage {
        padding-bottom:100px;
    }

    .aboutUsPage h2 {
        padding-bottom:15px;
    }
    .aboutGroup h5 {
      font-family: Lato;
      font-size: 20px;
      font-weight: 900;
      line-height: 1.1;
      text-transform:uppercase;
      letter-spacing: 0.2px;
      color: #111111;
    }
    
    .columnMarginBottom20 {
        margin-bottom:20px;
    }
    
    .greyAbout {
        background-color: #ededed;
        height:100%;
        padding:25px;
        justify-content:center;
        text-align:center;
        display:flex;
        flex-wrap:wrap;
        align-items:center;

    }
    
        .greyAbout h6 {
            font-size: 20px;
            font-weight: 900;
            line-height: 1.1;
            letter-spacing: 0.2px;
            color: #d42e12;
            width:100%;
        }
        
    .redAbout {
        background-color: #d42e12;
        height:100%;
        padding:25px;
    }
    
        .redAbout p {
            color:white;
        }
        
        .centerAlign {
            text-align:center;
        }
        
        .focusBox {
            background-color:#d42e12;
            padding:20px;
            color:white;
            text-align:center;
            display:flex;
            min-height:260px;
            align-items:center;
            margin-bottom:30px;
        }
        
        .focusBox h5{
            font-weight:600;
            color:white;
        }
        
        .purposeContainer {
            padding-left:80px;
            padding-right:80px;
        }
        
        .valuesBlurb {
            text-transform:uppercase;
            font-weight:900;
        }
    
    @media only screen and (max-width:600px) {
         .sideArrow {
           
            top: 0;
            height: 46px;
            transform: rotate(90deg);
            left: 57px;
            position: relative;
        
        }
        
        .valueBox {
        margin-top:initial;
        }
    }

.footnote {
        font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 2.14;
    position: absolute;
    color: #878787;
    bottom: -4px;
}


.valueStakeholders {
    padding-bottom:60px;
}
.valueStakeholders h5 {
    text-transform:uppercase;
    font-weight:900;
    font-size:20px;
}
.outcomesTable {
    width:100%;
    padding-bottom:20px;
    border-bottom:3px solid #dcdcdc;
    margin-bottom:70px;
}
.outcomesTable th {
    font-family: Lato;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: 0.2px;
    color: #111111;
    text-transform:uppercase;
    padding-bottom:8px;
    border-bottom:1px solid #dcdcdc;
}

.outcomesTable .setWidth {
    width:70%;
}

.outcomesTable td {
    padding-top:4px;
    padding-bottom:4px;
}

.activityImage {
    position:relative;
}
.activityImage {
    margin-top:-50px;
    margin-bottom:120px;
    max-width:500px;
}
    .activityImage:after {
        content: "";
        background-image: url('/media/ucymgmvq/shape.svg');
        background-repeat:no-repeat;
        background-size:cover;
        width:100%;
        height:100%;
        top:0;
        left:0;
            transform: scale(1.111);
        position:absolute;
        animation-name: spinningActivity;
      animation-duration: 120s;
    animation-iteration-count: infinite;
    }
    .createValueSection h5 {
        text-transform:uppercase;
        font-weight:900;
         font-size:20px;
    }
    .createValueSection p, .valueStakeholders p {
        padding-bottom:30px;
    }
    @media only screen and (max-width:768px) {
    .activityImage {
    margin-top:25px;
    }
    }
    
    @keyframes spinningActivity {
      0%   {transform:scale(1.111) rotate(0deg)}
      100% {transform: scale(1.111) rotate(360deg)}
    }
    
    .activityImage img {
        width:100%;
        height:auto;
    }
    
    .categoryListing .categoryItem {
        margin-bottom:58px;
    }
    
    .beyondCTA {
        background-position:center;
    }
    
    #reportButtonText, .reportsDropDown {
    width:250px !important;
    text-transform: capitalize !important;
}
#yearText {
        width: 120px !important;
}
.firstItem {
       background-color: #9e0b0f;
    width: 100%;
    padding-top: 146px;
    margin-top: -168px;
}

.firstItem h4 {
    color:white;
}
.firstItem:after {
    width:50%;
    content:"";
    background-color:#9e0b0f;
    position:absolute;
    height:28px;
}

.reportsTitleSection {
    padding-bottom:20px;
    padding-top:50px;
}
    .reportItem {
        padding:15px;
        margin-bottom:33px;
        padding-left:28px;
        padding-right:24px;
        min-height:180px;
          box-shadow: 0 7px 22px 0 rgba(0, 0, 0, 0.2);
          background-color: #ffffff;
        position: relative;
    }
    
    .reportItem:before {
        content:"";
        width:10px;
        height:80px;
        top:0;
        left:0;
        position:absolute;
        background-color:#d42e12;
    }
    
    .reportItem .downloadLink {
        position:absolute;
        bottom:30px;
    
    }
    
    .reportItem:hover {
    }
    
    .reportItem h6 {
        font-size:16px;
        font-weight:900;
        margin-bottom:3px;
        text-transform:uppercase;
    }
    
    .reportItem .date {
        margin-bottom:-5px;
    }
    
       .reportItem:hover  {
               background-color:#d42e12;
                 transition:all 0.4s ease;
                  box-shadow:none;
            }
            
             .reportItem:hover:before {
                 background-color:#9e0b0f;
             }
             
                .reportItem:hover a, .reportItem:hover p, .reportItem:hover h5,  .reportItem:hover h6 {
                   color:white;
               }
               
                 
           .reportItem:hover a:before {
                background-color: white;
          }
          
           .reportItem:hover .downloadLink:hover {
         color:white;
     }
     .reportItem:hover .downloadLink:after  {
         background-color:white;
     }
     .reportItem:hover .downloadLink:before  {
        background: url(/media/msebo0wf/download-white.svg) no-repeat center center;
     }
    
      @media only screen and (max-width:1400px) {
     .reportItem {
        min-height:250px;
     }
    }
    
     @media only screen and (max-width:768px) {
     .reportItem {
       min-height:auto;
       padding-bottom:30px;
     }
      .reportItem .downloadLink {
        position:relative;
        padding-top:10px;
       bottom:-10px;
    
    }
    }
    
        .calendarItem {
        border: 1px solid #d42e12;
        padding:20px;
        cursor:pointer;
        position:relative;
        margin-bottom:20px;
    }
    
    .calendarItem:after {
        content:"";
        position:absolute;
        right: 6px;
        top: 7px;
        background-image: url(/media/d0djtt5z/calendar-red.svg);
        background-repeat: no-repeat;
        width: 32px;
        height: 30px;
    }
    
    .calendarItem .outlookIcon {
        background-image: url(/media/yt1jwozs/outlook-grey.svg);
        background-repeat: no-repeat;
        width: 32px;
        text-decoration:none;
        height: 30px;
        padding-left:25px;
    }
    
     .calendarItem:hover .outlookIcon {
        background-image: url(/media/c22ca4kw/outlook-white.svg);
    }
    
    .calendarItem:hover:after {
        background-image: url('/media/x00mbvtz/calendar-white.svg');
    }
    
    .calendarItem .date {
         font-size: 12px;
          line-height: 2;
          letter-spacing: 0.2px;
          color: #111111;
          text-transform:uppercase;
          margin-bottom:3px;
    }
    
    .calendarItem .title {
          font-size: 20px;
          font-weight: 900;
          line-height: 1.1;
          letter-spacing: 0.2px;
          color: #d42e12;
    }
    
    .calendarItem a {
        font-size:12px;
    }
    
    .calendarItem:hover {
        background-color:#d42e12;
    }
    
     .calendarItem:hover .date, .calendarItem:hover .title, .calendarItem:hover a  {
        color:white;
     }
     
     button:focus {
         outline:none;
     }
     
     .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #d42e12;
    border-color: #d42e12;
}

.btn-secondary.focus, .btn-secondary:focus {
    color: #fff;
    outline:none;
    background-color: #d42e12;
    border-color: #d42e12;
    box-shadow: 0 0 0 0.2rem rgb(130 138 145 / 50%);
}

.video-responsive{
    margin-top:50px;
    margin-bottom:50px;
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
 .emailSectionGovernance {
        margin-top:-152px;
        margin-left:11px;
    }

.desktopImage, .mobileImage, .footprintImage {
    width:100%;
    height:auto;
}
.mobileImage {
    display:none;
}
    @media only screen and (max-width:1024px) {
    .desktopImage {
    display:none;
}
    .mobileImage {
    display:block;
    }
    
     .emailSectionGovernance {
        margin-top:20px;
        margin-left:0px;
    }
    
    .showcaseContainer {
        padding:0px;
    }
    }
    
    .tighterContainer {
         padding-left:96px;
         padding-right:96px;
     }
     @media only screen and (max-width:1200px){
     .tighterContainer {
         padding-left:15px;
         padding-right:15px;
     }
     }
     
     
.gallery {
  margin-top: 25px; }
  .gallery .mainImage {
    padding-bottom: 40px; }
    .gallery .mainImage img {
      width: 100%;
      max-height: 600px;
      object-fit: contain; }
  .gallery .thumbnails {
    display: flex;
    flex-direction: row;
    justify-content:center;
    flex-wrap: wrap; }
    .gallery .thumbnails .thumbItem {
      display: inline-block;
      width: 87px;
      height: 87px;
      margin-bottom: 25px;
      cursor: pointer;
      margin-right: 15px;
      position: relative; }
      .gallery .thumbnails .thumbItem img {
        width: 87px;
        height: 87px;
        object-fit: cover;
        opacity: 0.5;
        transition: all 0.3s ease; }
      .gallery .thumbnails .thumbItem:hover img {
        opacity: 1;
        transition: all 0.3s ease; }
      .gallery .thumbnails .thumbItem:hover:after {
        content: "";
        position: absolute;
        width: 87px;
        height: 10px;
        border-bottom: 10px solid #d42e12;
        bottom: -15px;
        left: 0; }
    .gallery .thumbnails .active img {
      opacity: 1; }
    .gallery .thumbnails .active:after {
      content: "";
      position: absolute;
      width: 87px;
      height: 10px;
      border-bottom: 10px solid #d42e12;
      bottom: -15px;
      left: 0; }
      
      
      
        .productFilter .productDropdown {
       position: absolute;
    left: 0;
    top: 0;
    }
    
    .desktopProductLinks {
        display:inline-block;
    }
    
    .mobileDropdown {display:none;}
    
    .productFilter .productDropdown .dropbtn {
            position: relative;
    background-color: #d42e12;
    color: white;
    font-weight: bold;
    text-transform: uppercase !important;
    font-size: 12px;
    height: 69px;
     
    }
    
    .productFilter .productDropdown .dropdown-content {
        position:absolute;
    }
        .productSelection {
            margin-left:0px;
            margin-bottom:29px;
            margin-top:25px;
            box-shadow:2px 3px 12px rgba(0, 0, 0, 0.3);
        }
        
        .productFilter {
            background-color:white;
            width:100%;
            padding:19px;
            padding-top:24px;
            padding-left: 244px;
    text-align: left;
        }
        .productFilter span {
               padding-bottom:2px;
               text-transform:uppercase;
               margin-left:20px;
               font-size:12px;
               margin-right:20px;
        }
        
        .productFilter .active {
            font-weight:bold;
            color:black;
            border-bottom:4px solid #d42e12;
         
        }
        
         .productFilter span a {
               text-decoration:none;
                               color:#878787;
                display:inline-block;
                position:relative;
         }
         
         .productFilter span a:hover {
              color:black;
         }
        
        .productFilter span a:before {
             width:0px;
             content: "";
             height:4px;
             bottom:-2px;
             background-color: #d42e12;
             position: absolute;
             transition: all 0.3s ease;
        }
        
        .productFilter span a:hover:before {
             width:100%;
             transition: all 0.3s ease;
        }
         .topNav {
            padding-left:19px;
            text-align:center;
        }
  
              
        .topNavHasDropdown {
            padding-left:209px;
        }
        
        
         @media only screen and (max-width:1500px) {
          .productFilter span {
               margin-left:10px;
               margin-right:10px;
               font-size:11px;
            }
         }
        @media only screen and (max-width:1150px) {
            .productFilter {
            padding-left:4px;
            padding-right:4px;
             padding-left: 4px;
    text-align: center;
     background-color:transparent;
     box-shadow:none;
        }
        .topNavHasDropdown {
            padding-left:0px;
        }
        .desktopProductLinks {
        display:none;
        }
          .productFilter span {
               margin-left:10px;
               margin-right:10px;
               font-size:11px;
            }
            
            .productFilter .mobileDropdown, .productFilter .productDropdown {
            display:inline-block;
            position:relative;
            }
            
            .productFilter .productDropdown .dropbtn {
             height: 53px;
             box-shadow:2px 3px 12px rgba(0, 0, 0, 0.3);
            }
            .productFilter .mobileDropdown .dropbtn {
                    width: 100% !important;
    padding-right: 57px;
                color:black;
                background-color:white;
            }
            
             .productFilter .productDropdown .dropbtn:after {
              top:25px;
             }
             .mobileDropdown .dropbtn:after {
                background-image: url(/media/wyagcqp1/dropdown-black.svg);
             }
          
            
            .mobileDropdown:hover .dropbtn {
                background-color:#d42e12;
                color:white;
            }
            .mobileDropdown .dropbtn:focus:after {
                 background-image: url(/media/mfqfcgkf/dropdown-white.svg);
            }
            
            .mobileDropdown:hover .dropbtn:after {
                  color:white;
                  
                   background-image: url(/media/mfqfcgkf/dropdown-white.svg);
            }
           
           .productSelection {
           box-shadow:none;
           margin-top:5px;
           margin-bottom:5px;
           }
           
        }
        .secondaryNav {
            width:100%;
            margin-left:0%;
            margin-bottom:30px;
        }
        
       
        .btn-primary.focus, .btn-primary:focus {
            background-color:#d42e12;
            border-color:#d42e12;
            outline:none;
            box-shadow:none;
        }
        
          .btn-secondary.focus, .btn-secondary:focus {
                 box-shadow:none;
          }
        
        .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
                 background-color:#d42e12;
            border-color:#d42e12;
            outline:none;
        }
        
        .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.showcaseBanner .redBlockContainer {
    max-width:654px;
}
.showcaseBanner .redBlockContainer .redBlockLine {
    margin-top:-17px;
}
@media (min-width: 1600px) {
.container {
    min-width: 1405px;
}
}

@media (min-width: 1400px) {
.container {
    min-width: 1209px;
}
}




@media (min-width: 992px) {
.container {
    width: 833px;
}
}

@media (min-width: 1100px) {
.container {
    width: 902px;
}
}

@media (min-width: 1200px) {
.container {
    width: 997px;
}
}

@media (min-width: 1400px) {
.container {
    width: 1100px;
}
}




@media only screen and (max-width:520px) {
    .howToGuides .slick-dots, .relatedProducts .slick-dots {

    margin-left:-5px;
    margin-right:2px;


}

        .howToGuides .slick-dots li button,  .relatedProducts .slick-dots li button {

            width: 32px;

        }
}


.umbraco-forms-form span.contourError, .umbraco-forms-form span.field-validation-error {
    color: #8a1f11 !important;
    background: transparent !important;
    /* font-weight: bold; */
    display: block;
    font-size: 12px;
    color: red;
    text-transform: uppercase;
}

h4.umbraco-forms-caption {
    font-size: 20px !important;
  font-weight: 900 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1 !important;
  letter-spacing: 0.2px !important;
    font-family: Lato;
text-transform:uppercase;
  color: #111111 !important;
}

.scrollToTop {
    position:fixed;
    bottom:-90px;
    z-index:2;
     filter:brightness(120%);
    transition: all 0.2s ease;
    right:25px;
}
.scrollToTop:hover {
    filter:brightness(90%);
}

.btn-primary:hover, .btn-secondary:hover {
     user-select: none; 
    box-shadow:none;
}


.btn-secondary:hover {
      border: 3px solid #9e0b0f;
}
.beyondCTA .strengthBox h2 {
    margin-bottom:44px;
}
.beyondCTA .strengthBox p {
       width: 80%;
    margin-left: 10%;
}

.showcaseBanner .redBlockContainer .redBlock p {
    margin-bottom: 2px;
}
.showcaseBanner .redBlockContainer .redBlock h3 {
    margin-bottom: 4px;
    margin-top: -11px;
}
.showcaseBanner .redBlockContainer .redBlock h2 {
    margin-top:3px;
    margin-bottom: 0px;
}

.Search .SearchInputContainer .searchMenuBox .MenuSearchButton {
    top:15px;
}
.showcaseBanner .redBlockContainer .redBlock {
    padding:20px;
    padding-top:7%;
    padding-bottom:6%;
}
@media only screen and (max-width:1330px)
{
   .beyondCTA .strengthBox h2 {
       line-height:1.2;
    margin-bottom:30px;
} 

}

@media only screen and (max-width:768px)
{
   .beyondCTA .strengthBox h2 {
    margin-bottom:15px;
} 
 .productSelectButton {
                    margin-bottom:5px;
                        width: 100%;
    max-width: 300px;
                }

   .footnote {

                    line-height: 1.14;
                    bottom: -11px;
                }
                
                
.beyondCTA .strengthBox h2:after {
    margin-top: 33px;
}
.showcaseContainer .redBlockLeft {
    margin-left: 10%;
}
.Search .SearchInputContainer .searchMenuBox .MenuSearchButton {
                    top:31px;
                }
              

.showcaseBanner .redBlockContainer .redBlock button {
    width: 100%;
    max-width: 209px;
    margin:auto;
    margin-top:20px;
    margin-bottom:20px;
}
.showcaseContainer .slick-next, .showcaseContainer .slick-prev {
    right:18px;
}
.showcaseContainer .slick-prev {
    left: 18px;
    right:auto;
}

}

.MenuSearchInput {
    background-color:transparent;
}

.umbraco-forms-form .umbraco-forms-field textarea {
    height:126px !important;
}

.umbraco-forms-submitmessage {
    font-size: 20px;
    padding-left:50px;
    font-weight:bold;
    text-align: center;
    display: block;
    position:relative;
    color:#2B987c;
}

.umbraco-forms-submitmessage:before {
    content: "";
        left: 5px;
    top: -13px;
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(/media/gy2bfziz/successful-1.svg);
    background-repeat:no-repeat;
    background-size:contain;
}



a.pricingAddButton {
    font-size:12px;
    color: #d42e12;
    cursor:pointer;
    font-weight:bold;
}
a.pricingAddButton:before {
    margin-top:22px;
}

.lowercase {
    text-transform:lowercase;
}

/* The container */
.containerCheckBox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containerCheckBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containerCheckBox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* containerCheckBox the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #d42e12;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerCheckBox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}