<!-- add class of "flexslider" to section below when it needs to be a slider --> <!-- add class of "fullWidthSlider__slidesList--singleSlide" to ul below when its just a single slide with hover effect on buttons --> <section class="flexslider pageSection--slider pageSection--fullWidth fullWidthSlider"> <ul class="slides fullWidthSlider__slidesList"> <li class="fullWidthSlider__slideContainer pageBanner"> <div class="slider-replace fullWidthSlider__slideContainer pageBanner"> <a href="https://www.craghoppers.com/the-pip-edit/" data-promo-creative="NewArrivalsSS18" data-promo-id="slider-NewArrivalSS18-250418" data-promo-name="New Arrivals SS18" data-promo-position="slider_1"> <div class="sliderDesktop"> <video loop muted autoplay="true" width='100%' height='100%' style="position:relative;" src='https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/11-nov/video/Pip-Video-Slider.mp4' type='video/mp4'></video> <div class="sliderHeader"> <div> <span>The Pip Edit</span> <span>Adventurer. Journalist.</span> </div> </div> </div> <div class="sliderTablet"> <video loop muted autoplay="true" width='100%' height='100%' style="position:relative;" src='https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/11-nov/video/Pip-Video-Slider-Tablet.mp4' type='video/mp4'></video> <div class="sliderHeader"> <div> <span>The Pip Edit</span> <span>Adventurer. Journalist.</span> </div> </div> </div> <div class="sliderMobile"> <img alt="The Pip Edit" class="fullWidthSlider__slide pageBanner__image" src="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/11-nov/Pip-Mobile-Banner.jpg" /> <div class="sliderHeader"> <div> <span>The Pip Edit</span> <span>Adventurer. Journalist.</span> </div> </div> </div> </a> <div class="slider-contentarea"> <a class="slider-cta gtm-promo" data-promo-creative="NewArrivalsSS18-2" data-promo-id="slider-NewArrivalSS18-250418" data-promo-name="New Arrivals SS18 2" data-promo-position="slider_1" href="https://www.craghoppers.com/the-pip-edit/">View Now</a> </div> </div> </li> <li class="fullWidthSlider__slideContainer pageBanner"> <div class="slider-replace fullWidthSlider__slideContainer pageBanner"> <picture class="fullWidthSlider__slide pageBanner__image"> <source media="(min-width: 1024px)" sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/11-nov/November-AW19-Desktop.jpg" /> <source media="(min-width: 740px)" sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/11-nov/November-AW19-Tablet.jpg" /> <source sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/11-nov/November-AW19-Mobile.jpg" /> <img alt="Mid Season Sale" class="fullWidthSlider__slide pageBanner__image" src="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/11-nov/November-AW19-Desktop.jpg" /> </picture> <div class="slider-contentarea"> <a class="slider-cta gtm-promo" data-promo-creative="aquadry-011119" data-promo-id="aquadry-011119" data-promo-name="aquadry-011119" data-promo-position="slider_1" href="https://www.craghoppers.com/mens/shop-by/technology/tech_aquadry/">Shop Mens</a> <a class="slider-cta gtm-promo" data-promo-creative="aquadry-011119" data-promo-id="aquadry-011119" data-promo-name="aquadry-011119" data-promo-position="slider_1" href="https://www.craghoppers.com/womens/shop-by/technology/tech_aquadry/">Shop Womens</a> </div> </div> </li> <li class="fullWidthSlider__slideContainer pageBanner"> <div class="slider-replace fullWidthSlider__slideContainer pageBanner"> <picture class="fullWidthSlider__slide pageBanner__image"> <source media="(min-width: 1024px)" sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/11-nov/Merino-Desktop.jpg" /> <source media="(min-width: 740px)" sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/11-nov/Merino-Tablet.jpg" /> <source sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/11-nov/Merino-Mobile.jpg" /> <img alt="Mid Season Sale" class="fullWidthSlider__slide pageBanner__image" src="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/11-nov/Merino-Desktop.jpg" /> </picture> <div class="slider-contentarea"> <a class="slider-cta gtm-promo" data-promo-creative="merino-011119" data-promo-id="merino-011119" data-promo-name="merino-011119" data-promo-position="slider_2" href="https://www.craghoppers.com/search/?q=merino">Shop Now</a> </div> </div> </li> <li class="fullWidthSlider__slideContainer pageBanner"> <div class="slider-replace fullWidthSlider__slideContainer pageBanner"> <picture class="fullWidthSlider__slide pageBanner__image"> <source media="(min-width: 1024px)" sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/10-oct/Mid-Sale-Desktop.jpg" /> <source media="(min-width: 740px)" sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/10-oct/Mid-Sale-Tablet.jpg" /> <source sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/10-oct/Mid-Sale-Mobile.jpg" /> <img alt="Mid Season Sale" class="fullWidthSlider__slide pageBanner__image" src="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/10-oct/Mid-Sale-Desktop.jpg" /> </picture> <div class="slider-contentarea"> <a class="slider-cta gtm-promo" data-promo-creative="midseasonsale-181019" data-promo-id="midseasonsale-181019" data-promo-name="midseasonsale-181019" data-promo-position="slider_3" href="https://www.craghoppers.com/mens/">Shop Mens</a> <a class="slider-cta gtm-promo" data-promo-creative="midseasonsale-181019" data-promo-id="midseasonsale-181019" data-promo-name="midseasonsale-181019" data-promo-position="slider_3" href="https://www.craghoppers.com/womens/">Shop Womens</a> <a class="slider-cta gtm-promo" data-promo-creative="midseasonsale-181019" data-promo-id="midseasonsale-181019" data-promo-name="midseasonsale-181019" data-promo-position="slider_3" href="https://www.craghoppers.com/kids/">Shop Kids</a> </div> </div> </li> <li class="fullWidthSlider__slideContainer pageBanner"> <div class="slider-replace fullWidthSlider__slideContainer pageBanner"> <a class="gtm-promo" data-promo-creative="davidlove-041019" data-promo-id="davidlove-041019" data-promo-name="davidlove-041019" data-promo-position="slider_4" href="https://www.craghoppers.com/search/?q=CMN230"> <picture class="fullWidthSlider__slide pageBanner__image"> <source media="(min-width: 1024px)" sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/10-oct/David-Love-Desktop.jpg" /> <source media="(min-width: 740px)" sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/10-oct/David-Love-Tablet.jpg" /> <source sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/10-oct/David-Love-Mobile.jpg" /> <img alt="David Love" class="fullWidthSlider__slide pageBanner__image" src="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/10-oct/David-Love-Desktop.jpg" /> </picture> </a> </div> </li> <li class="fullWidthSlider__slideContainer pageBanner"> <div class="slider-replace fullWidthSlider__slideContainer pageBanner"> <a class="gtm-promo" data-promo-creative="pipstewart-041019" data-promo-id="pipstewart-041019" data-promo-name="pipstewart-041019" data-promo-position="slider_5" href="https://www.craghoppers.com/search/?q=cwn238"> <picture class="fullWidthSlider__slide pageBanner__image"> <source media="(min-width: 1024px)" sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/10-oct/Pip-Stewart-Desktop.jpg" /> <source media="(min-width: 740px)" sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/10-oct/Pip-Stewart-Tablet.jpg" /> <source sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/10-oct/Pip-Stewart-Mobile.jpg" /> <img alt="Pip Stewart" class="fullWidthSlider__slide pageBanner__image" src="https://cdn.craghoppers.com/img/AW19/UK/homepage/sliders/10-oct/Pip-Stewart-Desktop.jpg" /> </picture> </a> </div> </li> </ul> </section> <!--<div class="wrapper"> <section class="pageSection sectionEndcap returningcustomer"></section> <section class="flex-container hero-container"> <div class="flex-item col-6 hero-item"> <picture> <source media="(min-width: 700px)" sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/hero-spots/Mens-Desktop-Nov.jpg" /> <source sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/hero-spots/Mens-Mobile-Nov.jpg" /> <img alt="Shop Mens" src="https://cdn.craghoppers.com/img/AW19/UK/homepage/hero-spots/Mens-Desktop-Nov.jpg" /> </picture> <a href="https://www.craghoppers.com/mens/" class="hero-overlay"> <div> <h3 class="hero-title">Mens</h3> </div> </a> </div> <div class="flex-item col-6 hero-item"> <picture> <source media="(min-width: 700px)" sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/hero-spots/Womens-Desktop-Nov.jpg" /> <source sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/hero-spots/Womens-Mobile-Nov.jpg" /> <img alt="Shop Mens" src="https://cdn.craghoppers.com/img/AW19/UK/homepage/hero-spots/Womens-Desktop-Nov.jpg" /> </picture> <a href="https://www.craghoppers.com/womens/" class="hero-overlay"> <div> <h3 class="hero-title">Womens</h3> </div> </a> </div> </section> <section class="flex-container fullwidthHero"> <div class="flex-item col-12"> <a href="https://www.craghoppers.com/the-pip-edit/"> <picture> <source media="(min-width: 1024px)" sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/hero-spots/Pip-Desktop.jpg" /> <source media="(min-width: 740px)" sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/hero-spots/Pip-Tablet.jpg" /> <source sizes="100vw" srcset="https://cdn.craghoppers.com/img/AW19/UK/homepage/hero-spots/Pip-Mobile.jpg" /> <img alt="The Pip Edit" src="https://cdn.craghoppers.com/img/AW19/UK/homepage/hero-spots/Pip-Desktop.jpg" /> </picture> </a> </div> </section> <section class="pageSection sectionEndcap newcustomer"></section> <section class="pageSection imageSocialFeed"> <span class="imageSocialFeedHeader">Share your adventures</span> <span class="imageSocialFeedInfo">#MYCRAGHOPPERS</span> <div class="squarelovin-container"> <script id='sqln-5aa925da9fe85ead1e740114' type='text/javascript' data-stream='5aa925da9fe85ead1e740114'> (function() { var lang = 'en'; var htag = 'mycraghoppers'; var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://squarelovin.com/squarelovin.js?stream=5aa925da9fe85ead1e740114&t=teaser&l=' + lang + '&h=' + htag + '&u=' + location.href; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(s, sc); })(); </script> </div> <a class="galleryButton" href="http://competition.craghoppers.com" target="_blank">View Gallery</a> </section> <section class="pageSection pageSection-seo" style="clear:both;"> <h1 class="pageSection__title pageSection__title--Seo">OUTDOOR CLOTHING AND PROTECTIVE TRAVEL GEAR</h1> <div class="contentAccordion"> <p>Go prepared and get the most from your adventure. That’s the ethos behind Craghoppers. Inspired by world travel expeditions, we’ve been designing trail-blazing outdoor clothing and protective travel equipment for over 50 years.</p> <p>There’s much more to our outdoor clothing than first meets the eye. We produce and continuously improve innovative fabric technologies to develop the performance of our outdoor wear and travel clothing, so that you have the very best protection, wherever you’re travelling, and whatever climate you encounter.</p> <h2>DISCOVER HIGH QUALITY OUTDOOR WEAR</h2> <p>Quality is important to us. That’s why all our outdoor clothing and equipment is guaranteed for life. You can rely on your waterproof outdoor clothing from Craghoppers to shield you from the elements, whether you’re trekking through the rainforest or scaling a mountain. You won’t find more durable and hard-wearing outdoor clothing anywhere else.</p> <p>When it comes to practical travel items, we offer functional and lightweight travel clothing. Shop our NosiLife range, from insect protective trousers to UV protective shirts, you’re bound to find lightweight travel clothing for just the occasion.</p> <h3>OUTDOOR CLOTHES, HIKING ACCESSORIES AND MORE</h3> <p>And because we’ve been working with explorers and adventurers for decades, we know exactly what you’ll need when it comes to world travel necessities. Our travel clothing offers proven protection and functionality for adventurers, who, like us, love to explore the world around them.</p> <p>Find your favourite outdoor clothes to take to the trail with, in a range of styles, fits and colours. Looking for walking clothes and hiking gear for an outdoor adventure? Shop at Craghoppers today.</p> <p>So, what are you waiting for?</p> <p>Discover the outdoor clothing, hiking gear and travel equipment available at Craghoppers right now, and get exploring.</p> </div> </section> </div>--> <style> .o-region__inner.column.main, .o-region__inner.s-promo-grid { width: 100%; } @media only screen and (max-width: 750px){ .sliderHeader > div { margin-bottom: 0; margin-top: 55px; } } </style> <!--<script> videoSlider(); </script>-->