Discover Sweet Protection

Discover

Athletes

Henrik Kristoffersen

He got his first pair of skis in January 1999. He started skiing in Marikollen Skisenter, a small hill about 5 minutes from where he grew up, in Rælingen, Norway.

Read more

Stories

2021/2022 Team Editions Helmets and Goggles

We’re proud to work with the best athletes in the world. We always seek their input on every detail as we test and evolve our helmets and goggles. Have a look at their products for 2021/2022, tailored down to every detail, to get the same experience as the pro’s.

Read more

Stories

Sweet Protection Named Official Year-Round Helmet and Eyewear Partner for the Iconic Jackson Hole Mountain Resort

The Norwegian-based Sweet Protection, designers of cutting-edge Snow, Bike and Paddle sports helmets, eyewear and apparel recently announced that it has been named the official year-round Helmet and Eyewear partner for Jackson Hole Mountain Resort.

Read more

articles-aw21

<style> .section-inner { max-width: 734px; } .fourth-section { max-width: 678px; margin: 0 auto; } .slider { margin-top: 5em !important; } button { padding: 10px 60px; border: 2px solid black; background: black; color: white; margin-left: 19em; transition: padding 1s; font-family: "SuisseIntlMonoThin", sans-serif; font-weight: 300; } button:hover { padding: 10px 65px; font-weight: bold; } /*FONTS*/ h1 { font-family: "SuisseIntlMonoThin", sans-serif; padding: 15px; font-size: 3em; font-weight: 300; line-height: 4rem; text-align: center; } h2 { font-family: "SuisseIntlMonoThin", sans-serif; padding: 14px; font-weight: 300; font-size: 1.2em; text-transform: uppercase; text-align: center; line-height: 1.4em; } p { font-family: "SuisseIntlMonoThin", sans-serif; padding: 14px; line-height: 1.8em; text-align: center; font-size: 15px; } a { font-family: "SuisseIntlMonoThin", sans-serif; line-height: 1.8em; text-align: left; font-size: 14px; } .product-sales-price { font-family: "SuisseIntlMonoThin", sans-serif; line-height: 0.9em; text-align: left; font-size: 14px; font-weight: 600; } center { text-align: center; } .blog-small-title { margin: 0 0 15px 0; } .badge-wrapper .image-badge { padding: 0px; } .swatch-list { display: none; } .article-counter { display: none; } .slick-arrow:hover { padding: 0px; } @media (max-width: 678px) { .fourth-section { max-width: 100%; margin: 0 auto; } button { margin-left: 2em !important; } .slider { margin-top: 2em; } .blog-large-title { line-height: 30px; } .blog-small-title { margin: 0 0 15px 0; line-height: 5px; } /*FONTS*/ h1 { font-family: "SuisseIntlMonoThin", sans-serif; padding: 10px; font-size: 1.5em; font-weight: 300; line-height: 2.8rem; text-align: center; } h2 { font-family: "SuisseIntlMonoThin", sans-serif; padding: 10px; font-weight: 300; font-size: 1.2em; text-transform: uppercase; text-align: center; line-height: 2.3rem; } p { font-family: "SuisseIntlMonoThin", sans-serif; padding: 10px; line-height: 1.8em; text-align: center; font-size: 14px; } a { font-family: "SuisseIntlMonoThin", sans-serif; line-height: 1.8em; text-align: left; font-size: 14px; } .product-sales-price { font-family: "SuisseIntlMonoThin", sans-serif; padding: 14px; line-height: 0.9em; text-align: left; font-size: 14px; font-weight: 600; } } </style> <!-- SECTION 1 --> <script> (function (d, t, i, w) { window.__bfwId = w; if (d.getElementById(i) && window.__bfwInit) return window.__bfwInit(); if (d.getElementById(i)) return; var s, ss = d.getElementsByTagName(t)[0]; s = d.createElement(t); s.id = i; s.src = 'https://lcx-widgets.bambuser.com/embed.js'; ss.parentNode.insertBefore(s, ss); })(document, 'script', 'bambuser-liveshopping-widget', 'EZvFszZLFNEaekxXJNBI'); </script> <div class="section-1" style="margin-bottom: 2em;"> <div class="col-100"> <picture> <source media="(min-width: 769px)" srcset="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwe223d166/live-shopping/aksel/aksel-tech-talk-category-banner.jpg"> <source media="(max-width: 768px)" srcset="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwe223d166/live-shopping/aksel/aksel-tech-talk-category-banner.jpg"> <img class="blog-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwe223d166/live-shopping/aksel/aksel-tech-talk-category-banner.jpg" alt="" title="" style="max-height: none;" /> </picture> </div> </div> <div class="section-inner"> <div class="box-wrapper title-date-container"> <p style="text-align: center;">Live event no. 1<span class="date">November 17th</span></p> </div> <h1>EXCLUSIVE LIVE TALK WITH AKSEL AND SWEET PROTECTION</h1> <!-- Button --> <div class="section-inner"> <button id="liveshopping-He8LG5gb1IorKn0vEwfh">Join show now</button> <script> (function() { if (!window.initBambuserLiveShopping){ window.initBambuserLiveShopping = function(item) { window.initBambuserLiveShopping.queue.push(item) }; window.initBambuserLiveShopping.queue = []; var scriptNode = document.createElement('script'); scriptNode['src'] = 'https://lcx-embed.bambuser.com/sweet-protection/embed.js'; document.body.appendChild(scriptNode); } window.initBambuserLiveShopping({ showId: 'He8LG5gb1IorKn0vEwfh', node: document.getElementById('liveshopping-He8LG5gb1IorKn0vEwfh'), type: "overlay", }); })(); </script> </div> <p>Join the first live talk with Aksel Lund Svindal and Sweet Protection.</p> <p> Watch the exclusive talk with Aksel Lund Svindal and Sweet Protection about the newly launched all-mountain ski collection, Aksel Lund Svindal for Sweet Protection. Aksel will go through the unique collection together with you. Tune in on Wednesday November 17th at 14.00 CET!</p> </div> <html> <head> <style> ul.a { list-style-position: inside; } ul.blog-list { list-style-position: outside; } </style> </head> <body> <!-- HOW IT WORKS --> <div class="fourth-section"> <div class="img-inner-section large-image clearfix"> <picture> <source media="(min-width: 769px)" srcset="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw9c1dc2f5/live-shopping/aksel/live-shopping-how-it-works-EU.jpg"> <source media="(max-width: 768px)" srcset="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw9c1dc2f5/live-shopping/aksel/live-shopping-how-it-works-EU.jpg"> <img class="blog-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw9c1dc2f5/live-shopping/aksel/live-shopping-how-it-works-EU.jpg" alt="" title="" style="max-height: none;" /> </picture> </div> <div class="slider"> <div class="section-inner"> <h2 style="text-align: center; font-weight: 600; font-size: 1.4em; margin: 3em ​0 0;">Swipe to see the collection</h2> <!-- link <div class="section-inner"> <button style="margin: 0px 11em;"> <a href="https://www.sweetprotection.com/en-us/aksel/all-products/">Buy Aksel products</a> </button> </div> --> <wainclude url="/on/demandware.store/Sites-sweetprotection_us-Site/en_US/Blog-ProductCarousel?products=820260-10002-M%3b820262-99901-M%3b840098-GSWHT-ML%3b852068-151011-OS%3b820261-99901-M%3b820263-99901-M"> </div> </div> </body>

articles-aw21

<!-- CSS SECTION --> <style type="text/css"> @import url("https://use.typekit.net/xyj8cqp.css"); * { box-sizing: border-box; } .row-3-col { width: 80%; margin: auto; } .info-text { width: 80%; margin: auto; background: #000000; color: white; padding: 2%; line-height: 23px; } /* FONTS */ .wrapper { margin: 0 0 0 0; padding: 0 0 0 0; } .wrapper p { font-family: "aktiv_groteskregular", Arial; } .heading-banner { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 45px; } .heading-banner .h1-banners { font-family: "gzaseminegra", Arial; font-size: 46px; font-size: 40px; margin: 1em 0 1em 0; text-align: center; } .h1-banners { font-family: "gzaseminegra", Arial; font-size: 46px; font-size: 40px; margin: 1em 0 1em 0; text-align: center; } h4 { text-align: center; line-height: 27px; } .heading-banner p { font-size: 18px; color: #949494; text-transform: capitalize; font-weight: 500; margin-bottom: 45px; } .stand-out { font-weight: 600; font-style: italic; text-transform: capitalize; } /* 3 COLUMN */ .row-3-col h2 { font-family: "gzaseminegra", Arial; font-size: 27px; line-height: 1; margin-bottom: 20px; text-align: center; } .row-3-col h3 { font-family: "gzaseminegra", Arial; font-size: 21px; line-height: 24px; margin-bottom: 20px; text-align: left; font-weight: 100; } .product-promo { font-size: 13px; background: black; width: 45%; color: white; } .row-3-col .subheading-banner { font-size: 18px; color: #949494; text-transform: uppercase; font-weight: bold; } /* BUTTONS */ .btn-left { margin-left: 20px; margin-right: 10px; } .btn-right { margin-right: 20px; margin-left: 10px; } .btn { margin-top: 17px; } .btn a { font-family: "aktiv_groteskregular", Arial; font-size: 13px; text-decoration: none; color: black; padding: 7px 35px 0px 35px; border-radius: 3px; border: 1px solid black; } .btn .buy-now { padding: 10px 26px; border: 2px solid black; background: black; color: white; transition: padding 1s; font-weight: 300; margin: 0 auto; } .buy-now:hover { padding: 10px 67px; font-weight: bold; } .buy-now:hover { color: white; background: black; } /*SWITCHES*/ #switch-off { display: none; } /*SECTIONS*/ .row-3-col { display: flex; flex-wrap: no-wrap; justify-content: space-between; margin-bottom: 0px; } .col-4 { padding-left: 5px; padding-right: 5px; width: 100%; margin-bottom: 50px; } .landing-image { width: 100%; padding-left: 5px; padding-right: 5px; } .image-text { /* Shit goes here */ display: flex; flex-direction: column; padding-left: 5px; text-align: center; } .inner-text { padding-left: 50px; padding-right: 50px; } h4 { line-height: 23px; max-width: 95%; font-size: 14px; margin: 2em auto; padding: 10px; } @media only screen and (max-width: 568px) { .col-4 { width: 100%; } h4 { line-height: 23px; max-width: 95%; font-size: 14px; margin: auto; } .row-3-col { display: flex; flex-wrap: wrap; justify-content: space-between; width: 90%; margin: auto; } .h1-banners { font-family: "gzaseminegra", Arial; font-size: 34px !important; font-size: 40px; margin: 1em 0 1em 0 !important; text-align: center; } .col-4 { margin-bottom: 20px; } .product-promo { font-size: 13px; background: black; width: 52%; color: white; } .info-text { width: 80%; margin: auto; background: #000000; color: white; padding: 5%; line-height: 23px; } } /*GROWING THREE COLUMN ROW*/ .one { flex-grow: 1; } .two { flex-grow: 2; } .three { flex-grow: 0.5; } </style> <div class="wrapper"> <div id=""> <div class="section-1" style="margin-bottom: 2em;"> <div class="col-100"> <picture> <source media="(min-width: 769px)" srcset="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw63d9a8a9/Campaigns/cw-2021/cw-landingpage-topbanner.jpg"> <source media="(max-width: 768px)" srcset="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw63d9a8a9/Campaigns/cw-2021/cw-landingpage-topbanner.jpg"> <img class="blog-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw63d9a8a9/Campaigns/cw-2021/cw-landingpage-topbanner.jpg" alt="" title="" style="max-height: none;" /> </picture> <h4>Discounts will vary for different colors of the same model. Please be sure to click on a color option to see the correct discount.</h4> </div> </div> <!-- Shop by category --> <div class="section-1" style="margin-bottom: 1em;"> <div class="section-2"> <div class="col-100"> <div class="h1-banners" id="heading-banner-h1-banners"> Shop by category </h1-banners> </div> </div> </div> <!-- SEKSJON MED TRE BILDER --> <div class="row-3-col"> <!-- banner 1 --> <div class="col-4 service one"> <a href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/snow-helmets/"> <img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw5fd276cd/Campaigns/cw-2021/snow-helmets.jpg" /> </a> <div class="image-text"> <h2>Snow Helmets</h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/snow-helmets/">Buy now</a> </div> </div> </div> <!-- banner 2 --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/goggles-and-eyewear/"> <img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw1727a9e0/Campaigns/cw-2021/snow-eyewear.jpg" /> </a> <div class="image-text"> <h2>Goggles and Eyewear</h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/goggles-and-eyewear/">Buy now</a> </div> </div> </div> <!-- banner 3 --> <div class="col-4 service three"> <a href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/apparel-mens/"> <img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwe203636a/Campaigns/cw-2021/apparel-mens.jpg" /> </a> <div class="image-text"> <h2>Apparel Men's</h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/apparel-mens/">Buy now</a> </div> </div> </div> </div> <!-- SEKSJON MED TRE BILDER --> <div class="row-3-col"> <!-- banner 1 --> <div class="col-4 service one"> <a href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/apparel-womens/"> <img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw2c1fd7df/Campaigns/cw-2021/apparel-womens.jpg" /> </a> <div class="image-text"> <h2>Apparel Women's</h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/apparel-womens/">Buy now</a> </div> </div> </div> <!-- banner 2 --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/cycling-helmets/"> <img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw66bee641/Campaigns/cw-2021/cycling-helmets.jpg" /> </a> <div class="image-text"> <h2>Cycling Helmets</h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/cycling-helmets/">Buy now</a> </div> </div> </div> <!-- banner 3 --> <div class="col-4 service three"> <a href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/cycling-apparel/"> <img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw8474474c/Campaigns/cw-2021/cycling-apparel.jpg" /> </a> <div class="image-text"> <h2>Cycling apparel</h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/cycling-apparel/">Buy now</a> </div> </div> </div> </div> <!-- SEKSJON MED TRE BILDER --> <div class="row-3-col" style="margin-bottom: 4em;"> <!-- banner 1 --> <div class="col-4 service one"> <a href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/junior/"> <img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw995c1384/Campaigns/cw-2021/junior.jpg" /> </a> <div class="image-text"> <h2>Junior</h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/junior/">Buy now</a> </div> </div> </div> <!-- banner 2 --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/accessories/"> <img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw149342b7/Campaigns/cw-2021/accessories.jpg" /> </a> <div class="image-text"> <h2>Accessories</h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/accessories/">Buy now</a> </div> </div> </div> <!-- banner 3 --> <div class="col-4 service three"> <a href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/protection/"> <img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwaa3bc36e/Campaigns/cw-2021/protectors.jpg" /> </a> <div class="image-text"> <h2>Protection</h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-categories/protection/">Buy now</a> </div> </div> </div> </div> </div> <!-- DEALS section --> <div class="section-2"> <div class="col-100"> <div class="h1-banners" id="heading-banner-h1-banners"> Shop by Deals </h1-banners> </div> </div> </div> <!-- SEKSJON MED TRE BILDER --> <div class="row-3-col"> <!-- banner 1 --> <div class="col-4 service one"> <a href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-deals/-20off/"> <img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw561f09e5/Campaigns/cw-2021/20.jpg" /> </a> </div> <!-- banner 2 --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-deals/-30off/"> <img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw1ddd896f/Campaigns/cw-2021/30.jpg" /> </a> </div> <!-- banner 3 --> <div class="col-4 service three"> <a href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-deals/-40off/"> <img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw84af0ff5/Campaigns/cw-2021/40.jpg" /> </a> </div> </div> <!-- SEKSJON MED TRE BILDER --> <div class="row-3-col"> <!-- banner 1 --> <div class="col-4 service one"> <a href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-deals/-50off/"> <img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw1c8450fa/Campaigns/cw-2021/50.jpg" /> </a> </div> <!-- banner 2 --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-deals/-55off/"> <img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw9c9ea02d/Campaigns/cw-2021/55.jpg" /> </a> </div> <!-- banner 3 --> <div class="col-4 service three"> <a href="https://www.sweetprotection.com/en-us/cyber-week/shop-by-deals/-60off/"> <img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwd6b81f86/Campaigns/cw-2021/60.jpg" /> </a> </div> </div> </div> <!-- Highlighted products--> <div class="section-2"> <div class="col-100"> <div class="h1-banners" id="heading-banner-h1-banners"> Featured products </h1-banners> </div> </div> <!-- Highlighted products section 1 --> <div class="row-3-col"> <!-- Product 1 --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/switcher-mips-helmet/840053-SEBMC-SM.html"> <img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw7f56f79f/Campaigns/cw-2021/840053-Switcher.jpg" /> </a> <div class="image-text"> <h3>Switcher Mips Helmet</h3> <div class="product-promo"> <p> Cyber week <strong>-20% off</strong> </p> </div> </div> </div> <!-- Product 2 --> <div class="col-4 service three"> <a href="https://www.sweetprotection.com/en-us/trooper-ii-helmet-20/840047-DTBLK-ML.html"> <img alt="New eyewear arrivals from Sweet Protection." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw1767f32c/Campaigns/cw-2021/840047-Trooper.jpg" /> </a> <div class="image-text"> <h3>Trooper II Helmet </h3> <div class="product-promo"> <p> Cyber week <strong>-40% off</strong> </p> </div> </div> </div> <!-- Product 3 --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/trooper-ii-mips-helmet-20/840049-MNGRY-LXL.html"> <img alt="The Aksel Helmet and Goggle." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw318c8236/Campaigns/cw-2021/840049-Trooper-helmet.jpg" /> </a> <div class="image-text"> <h3>Trooper II Mips Helmet</h3> <div class="product-promo"> <p> Cyber week <strong>-40% off</strong> </p> </div> </div> </div> </div> <!-- Highlighted products section 2 --> <div class="row-3-col"> <!-- Product 4 --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/interstellar-rig-reflect-goggles-21/852001-041003-OS.html"> <img alt="The Aksel Helmet and Goggle." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw899d8cc6/Campaigns/cw-2021/852001-goggles.jpg" /> </a> <div class="image-text"> <h3>Interstellar RIG® Reflect Goggles</h3> <div class="product-promo"> <p> Cyber week <strong>-20% off</strong> </p> </div> </div> </div> <!-- Product 5 --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/boondock-rig-reflect-goggles-21/852015-200101-OS.html"> <img alt="The Aksel Helmet and Goggle." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw8d94ad24/Campaigns/cw-2021/852015-goggles.jpg" /> </a> <div class="image-text"> <h3>Boondock RIG® Reflect Goggles</h3> <div class="product-promo"> <p> Cyber week <strong>-20% off</strong> </p> </div> </div> </div> <!-- Product 6 --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/trailblazer-mips-helmet/845104-MWHTE-SM.html"> <img alt="The Aksel Helmet and Goggle." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw9c6f8ba9/Campaigns/cw-2021/845104-Trailblazer.jpg" /> </a> <div class="image-text"> <h3>Trailblazer Mips Helmet</h3> <div class="product-promo"> <p> Cyber week <strong>-40% off</strong> </p> </div> </div> </div> </div> <!-- Highlighted products section 3 --> <div class="row-3-col"> <!-- Product 7 --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/crusader-x-gore-tex-jacket-womens-20/820264-KRBIN-M.html"> <img alt="The Aksel Helmet and Goggle." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwf19024ef/Campaigns/cw-2021/820264-Crusader-jacket-women.jpg" /> </a> <div class="image-text"> <h3>Crusader X GORE-TEX Jacket Women's</h3> <div class="product-promo"> <p> Cyber week <strong>-60% off</strong> </p> </div> </div> </div> <!-- Product 8 --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/crusader-x-gore-tex-bib-pants-womens-20/820123-JIRA-L.html"> <img alt="The Aksel Helmet and Goggle." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwccfe0763/Campaigns/cw-2021/820123-Crusader-pans-women.jpg" /> </a> <div class="image-text"> <h3>Crusader X GORE-TEX Bib Pants Women's</h3> <div class="product-promo"> <p> Cyber week <strong>-60% off</strong> </p> </div> </div> </div> <!-- Product 9 --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/hunter-ss-jersey-womens/828085-LTGRY-L.html"> <img alt="The Aksel Helmet and Goggle." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwfcd71713/Campaigns/cw-2021/828085-Hunter.jpg" /> </a> <div class="image-text"> <h3>Hunter SS Jersey Women's</h3> <div class="product-promo" style="margin-top: 1.6em;"> <p> Cyber week <strong>-60% off</strong> </p> </div> </div> </div> </div> </div> <!-- OBS text --> <div class="info-text"> <div class="col-100"> <p><strong>Please note that discounts and product availability may change from day to day, and that we plan our campaigns based on our current warehouse inventory. Products returned in coherence with our return policy will be refunded but cannot be exchanged.</strong> <p> *The discount code applies to selected products/colors and is valid out 29.11.2021. The code cannot be combined with other discounts.</p> </div> </div> </div>

articles-aw21

<style> @import url("https://use.typekit.net/xyj8cqp.css"); * { box-sizing: border-box; } /* FONTS */ .wrapper { margin: 0 0 0 0; padding: 0 0 0 0; } .wrapper p { font-family: "aktiv_groteskregular", Arial; } .heading { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 45px; } .heading h1 { font-family: "gzaseminegra", Arial; font-size: 46px; font-size: 40px; margin: 2em 0 1em 0; text-align: center; } .heading p { font-size: 18px; color: #949494; text-transform: capitalize; font-weight: 500; margin-bottom: 45px; } .stand-out { font-weight: 600; font-style: italic; text-transform: capitalize; } /* 3 COLUMN */ .row-3-col h2 { font-family: "gzaseminegra", Arial; font-size: 27px; line-height: 1; margin-bottom: 20px; text-align: center; } .row-3-col p { font-size: 13px; line-height: 20px; margin-bottom: 13px; margin-left: 5px; padding-right: 30px; text-align: left; } .row-3-col .subheading { font-size: 18px; color: #949494; text-transform: uppercase; font-weight: bold; } /* BUTTONS */ .btn-left { margin-left: 20px; margin-right: 10px; } .btn-right { margin-right: 20px; margin-left: 10px; } .btn { margin-top: 17px; } .btn a { font-family: "aktiv_groteskregular", Arial; font-size: 13px; text-decoration: none; color: black; padding: 7px 35px 0px 35px; border-radius: 3px; border: 1px solid black; } .btn .buy-now { padding: 10px 26px; border: 2px solid black; background: black; color: white; transition: padding 1s; font-weight: 300; margin: 0 auto; } .buy-now:hover { padding: 10px 67px; font-weight: bold; } .buy-now:hover { color: white; background: black; } /*SWITCHES*/ #switch-off { display: none; } /*SECTIONS*/ .row-3-col { display: flex; flex-wrap: no-wrap; justify-content: space-between; margin-bottom: 0px; } .col-4 { padding-left: 5px; padding-right: 5px; width: 100%; margin-bottom: 50px; } .landing-image { width: 100%; padding-left: 5px; padding-right: 5px; } .image-text { /* Shit goes here */ display: flex; flex-direction: column; padding-left: 5px; text-align: center; } .inner-text { padding-left: 50px; padding-right: 50px; } @media only screen and (max-width: 768px) { .col-4 { width: 100%; } .row-3-col { display: flex; flex-wrap: wrap; justify-content: space-between; } } /*GROWING THREE COLUMN ROW*/ .one { flex-grow: 1; } .two { flex-grow: 2; } .three { flex-grow: 0.5; } .section-inner { max-width: 734px; } .fourth-section { max-width: 827px; margin: 0 auto; } .slider { margin-top: 5em !important; } button { padding: 10px 60px; border: 2px solid black; background: black; color: white; margin-left: 19em; transition: padding 1s; font-family: "SuisseIntlMonoThin", sans-serif; font-weight: 300; margin-bottom: 3em; } button:hover { padding: 10px 65px; font-weight: bold; } /*FONTS*/ h1 { font-family: "SuisseIntlMonoThin", sans-serif; padding: 15px; font-size: 2.6em; font-weight: 300; line-height: 4rem; text-align: center; } h2 { font-family: "SuisseIntlMonoThin", sans-serif; padding: 5px; font-weight: 600; font-size: 1.9em; text-transform: uppercase; text-align: center; line-height: 1.4em; } h3 { font-family: "SuisseIntlMonoThin", sans-serif; padding: 14px; font-weight: 300; font-size: 1em; text-transform: uppercase; text-align: center; line-height: 1.4em; } p { font-family: "SuisseIntlMonoThin", sans-serif; line-height: 1.8em; text-align: center; font-size: 15px; } a { font-family: "SuisseIntlMonoThin", sans-serif; line-height: 1.8em; text-align: left; font-size: 14px; } .row-3-col { max-width: 827px; margin: 0 auto; } .product-sales-price { font-family: "SuisseIntlMonoThin", sans-serif; line-height: 0.9em; text-align: left; font-size: 14px; font-weight: 600; } center { text-align: center; } .blog-small-title { margin: 0 0 15px 0; } .badge-wrapper .image-badge { padding: 0px; } .swatch-list { display: none; } .article-counter { display: none; } .slick-arrow:hover { padding: 0px; } @media (max-width: 678px) { .fourth-section { max-width: 100%; margin: 0 auto; } button { margin-left: 2em !important; padding: 10px 19px !important; } .slider { margin-top: 2em; } .blog-large-title { line-height: 30px; } .blog-small-title { margin: 0 0 15px 0; line-height: 5px; } /*FONTS*/ h1 { font-family: "SuisseIntlMonoThin", sans-serif; padding: 10px; font-size: 1.5em; font-weight: 300; line-height: 2rem; text-align: center; } h2 { font-family: "SuisseIntlMonoThin", sans-serif; padding: 10px; font-weight: 300; font-size: 1.2em; text-transform: uppercase; text-align: center; line-height: 2.3rem; } p { font-family: "SuisseIntlMonoThin", sans-serif; padding: 10px; line-height: 1.8em; text-align: center; font-size: 14px; } a { font-family: "SuisseIntlMonoThin", sans-serif; line-height: 1.8em; text-align: left; font-size: 14px; } .product-sales-price { font-family: "SuisseIntlMonoThin", sans-serif; padding: 14px; line-height: 0.9em; text-align: left; font-size: 14px; font-weight: 600; } } </style><!-- SECTION 1 --> <script>(function (d, t, i, w) { window.__bfwId = w; if (d.getElementById(i) && window.__bfwInit) return window.__bfwInit(); if (d.getElementById(i)) return; var s, ss = d.getElementsByTagName(t)[0]; s = d.createElement(t); s.id = i; s.src = 'https://lcx-widgets.bambuser.com/embed.js'; ss.parentNode.insertBefore(s, ss); } )(document, 'script', 'bambuser-liveshopping-widget', 'EZvFszZLFNEaekxXJNBI'); </script> <div class="section-1" style="margin-bottom: 2em;"> <div class="col-100"> <picture> <source media="(min-width: 769px)" srcset="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwe223d166/live-shopping/aksel/aksel-tech-talk-category-banner.jpg"> <source media="(max-width: 768px)" srcset="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwe223d166/live-shopping/aksel/aksel-tech-talk-category-banner.jpg"><img class="blog-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwe223d166/live-shopping/aksel/aksel-tech-talk-category-banner.jpg" alt="" title="" style="max-height: none;" /> </picture> </div> </div> <div class="section-inner"> <div class="box-wrapper title-date-container"> </div> <h1>Did you miss the live talk with Aksel Lund Svindal?</h1> <p>We went through the newly launched all-mountain ski collection.</p> <!-- Button --> <div class="section-inner"> <button id="liveshopping-22ZGzvq2puY5j3sLrbvb">Watch it here</button> <script> (function () { if (!window.initBambuserLiveShopping) { window.initBambuserLiveShopping = function (item) { window.initBambuserLiveShopping.queue.push(item) }; window.initBambuserLiveShopping.queue = []; var scriptNode = document.createElement('script'); scriptNode['src'] = 'https://lcx-embed.bambuser.com/sweet-protection/embed.js'; document.body.appendChild(scriptNode); } window.initBambuserLiveShopping({ showId: '22ZGzvq2puY5j3sLrbvb', node: document.getElementById('liveshopping-22ZGzvq2puY5j3sLrbvb'), type: "overlay", }); })(); </script> </div> </div> <html> <head> <style> ul.a { list-style-position: inside; } ul.blog-list { list-style-position: outside; } </style> </head> <body> <!-- HOW IT WORKS --> <div class="fourth-section"> <!-- SEE THE COLLECTION --> <div class="section-2"> <div class="col-100"> <h2>Shop the collection </h2> </div> </div> </div> <!-- SEKSJON MED TRE BILDER --> <div class="row-3-col"> <!-- banner 1 --> <div class="col-4 service one"><a href="https://www.sweetprotection.com/en-us/apex-gore-tex-jacket-womens/820261-99901-M.html"><img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwa4dcd5ce/live-shopping/aksel/jacket-women.jpg" /></a> <div class="image-text"> <h3>APEX GORE-TEX JACKET WOMEN'S</h3> <div class="btn"><a class="buy-now" href="https://www.sweetprotection.com/en-us/apex-gore-tex-jacket-womens/820261-99901-M.html">Buy now</a> </div> </div> </div><!-- banner 2 --> <div class="col-4 service two"><a href="https://www.sweetprotection.com/en-us/apex-gore-tex-pants-womens/820263-99901-M.html"><img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw5d01c99b/live-shopping/aksel/pans-women.jpg" /></a> <div class="image-text"> <h3>APEX GORE-TEX PANTS WOMEN'S</h3> <div class="btn"><a class="buy-now" href="https://www.sweetprotection.com/en-us/apex-gore-tex-pants-womens/820263-99901-M.html">Buy now</a> </div> </div> </div><!-- banner 3 --> <div class="col-4 service three"><a href="https://www.sweetprotection.com/en-us/clockwork-max-rig-reflect-%3Ea-apex-goggles-21/852068-151011-OS.html"><img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwcbf622da/live-shopping/aksel/eyewear.jpg" /></a> <div class="image-text"> <h3>CLOCKWORK MAX RIG® REFLECT>A APEX GOGGLES</h3> <div class="btn"><a class="buy-now" href="https://www.sweetprotection.com/en-us/clockwork-max-rig-reflect-%3Ea-apex-goggles-21/852068-151011-OS.html">Buy now</a></div> </div> </div> </div> <!-- SEKSJON MED TRE BILDER --> <div class="row-3-col" style="margin-bottom: 4em;"> <!-- banner 1 --> <div class="col-4 service one"><a href="https://www.sweetprotection.com/en-us/apex-gore-tex-jacket-mens/820260-10002-M.html"><img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwf2abc7b8/live-shopping/aksel/jacket-men.jpg" /></a> <div class="image-text"> <h3>APEX GORE-TEX JACKET MEN'S</h3> <div class="btn"><a class="buy-now" href="https://www.sweetprotection.com/en-us/apex-gore-tex-jacket-mens/820260-10002-M.html">Buy now</a> </div> </div> </div><!-- banner 2 --> <div class="col-4 service two"><a href="https://www.sweetprotection.com/en-us/apex-gore-tex-pants-mens/820262-99901-M.html"><img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwa66db198/live-shopping/aksel/pans-men.jpg" /></a> <div class="image-text"> <h3>APEX GORE-TEX PANTS MEN'S</h3> <div class="btn"><a class="buy-now" href="https://www.sweetprotection.com/en-us/apex-gore-tex-pants-mens/820262-99901-M.html">Buy now</a> </div> </div> </div><!-- banner 3 --> <div class="col-4 service three"><a href="https://www.sweetprotection.com/en-us/trooper-2vi-mips-%3Ea-apex-helmet/840098-GSWHT-ML.html"><img alt="" class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw2c93538c/live-shopping/aksel/helmet.jpg" /></a> <div class="image-text"> <h3>TROOPER 2VI MIPS>A APEX HELMET</h3> <div class="btn"><a class="buy-now" href="https://www.sweetprotection.com/en-us/trooper-2vi-mips-%3Ea-apex-helmet/840098-GSWHT-ML.html">Buy now</a> </div> </div> </div> </div> </body>

articles-aw21

<style type="text/css"> html { scroll-behavior: smooth; } @import url("https://use.typekit.net/xyj8cqp.css"); * { box-sizing: border-box; } /* FONTS */ .wrapper { margin: 0 0 0 0; padding: 0 0 0 0; } .wrapper p { font-family: "aktiv_groteskregular", Arial; } .heading { display: flex; flex-direction: column; margin-bottom: 45px; } .heading h1 { font-size: 40px; font-family: "gzaseminegra", Arial; line-height: 0rem; } .heading p { font-size: 18px; color: #949494; text-transform: capitalize; font-weight: 500; margin-bottom: 45px; } .stand-out { font-weight: 600; font-style: italic; text-transform: capitalize; } /* 3 COLUMN */ .row-3-col h2 { font-family: "gzaseminegra", Arial; font-size: 28px; line-height: 1; margin-bottom: 25px; } .row-3-col p { font-size: 13px; line-height: 20px; margin-bottom: 13px; padding-right: 30px; text-align: left; } .row-3-col .subheading { font-size: 18px; color: #949494; text-transform: uppercase; font-weight: bold; } /* BUTTONS */ .btn-left { margin-left: 20px; margin-right: 10px; } .btn-right { margin-right: 20px; margin-left: 10px; } .btn { margin-top: 17px; } .btn a { font-family: "aktiv_groteskregular", Arial; font-size: 14px; text-decoration: none; color: black; padding: 10px 35px 10px 35px; border-radius: 3px; border: 1px solid black; margin-right: 20px; } .btn .buy-now { transition-duration: 0.4s; color: white; background: black; margin-left: 0px; } .buy-now:hover { color: black; background: white; } .read-more:hover { color: white; background: black; } /*SWITCHES*/ #switch-off { display: none; } /*SECTIONS*/ .row-3-col { display: flex; flex-wrap: no-wrap; justify-content: space-between; margin-bottom: 20px; } .col-4 { padding-right: 8px; width: 100%; margin-bottom: 50px; } .landing-image { width: 100%; padding-right: 5px; } .image-text { /* Shit goes here */ display: flex; flex-direction: column; padding-left: 5px; } .inner-text { padding-left: 50px; padding-right: 50px; } @media only screen and (max-width: 768px) { .col-4 { width: 100%; margin-bottom: 8px; margin-top: 14px; } .row-3-col { display: flex; flex-wrap: wrap; justify-content: space-between; } .btn { margin-top: 10px; text-align: center; } .btn a { padding: 9px 20px 6px 20px !important; margin: 0 4px; } #heading-h1 { font-size: 30px; text-align: left; } .row-3-col h2 { font-family: "gzaseminegra", Arial; font-size: 25px; line-height: 1; margin-bottom: 10px; text-align: center; } .row-3-col p { font-size: 13px; line-height: 20px; margin-bottom: 13px; padding: 5px; text-align: center; } } /*GROWING THREE COLUMN ROW*/ .one { flex-grow: 1; } .two { flex-grow: 2; } .three { flex-grow: 0.5; } < !-- 3-col CSS SECTION -->* { box-sizing: border-box; } .blog-wrapper .article-carousel-wrapper { margin: 10px 0; } .my-wrapper { display: flex; flex-flow: column wrap; width: 100%; padding: 0; margin: 0; } /*FONTS*/ h1 { font-family: "gzaseminegra", Arial; font-size: 40px; font-weight: 300; margin: 25px 0; } h2 { font-family: "gzaseminegra", Arial; font-weight: 300; font-size: 25px; } h3 { font-family: "gzaseminegra", Arial; font-size: 18px; line-height: 3px; text-align: left; font-weight: 100; padding: 2px ​2px; } h4 { font-family: "aktiv_groteskregular", Arial; font-size: 15px; line-height: 3px; text-align: center; font-weight: 100; } .nav-text { text-decoration: none; color: white; background: black; border-radius: 3px; border: 1px solid black; margin-right: 5px; } .nav-text:hover { background: white; color: black; } p { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; line-height: 1.8em; text-align: left; font-size: 14px; } /* LISTS */ ul { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; padding: 14px; line-height: 1.8em; text-align: left; font-size: 14px; list-style: none; } li { margin-top: 15px; } /* SECTIONS */ .section-1, .section-2, .section-3, .section-4, .section-5 { width: 100%; height: auto; } /* SEKSJON 1*/ .section-1 .col-100 { position: relative; width: 100%; } .section-1 img { width: 100%; } .section-1 .col-50 #logo { position: absolute; top: 12%; left: 9%; width: 150px; } .section-1 .col-50 #slogan { position: absolute; top: 33%; left: 8%; } .section-1 .col-50 #for-sweet { position: absolute; top: 10%; right: 2%; font-size: 12px; } .section-1 #cta-over-video { position: absolute; bottom: 42px; left: 21%; text-align: center; } /* SEKSJON 2*/ .section-2 { position: relative; width: 100%; text-align: center; margin-bottom: 3em; } .section-2 p { text-align: center; } /* SEKSJON 3*/ .section-3 { display: flex; justify-content: center; } .section-3 .image-wrapper { display: flex; width: 90%; } .my-left-image { object-fit: cover; height: 400px; width: 61%; } .right-image { object-fit: cover; height: 400px; width: 40%; } /* SEKSJON 4*/ .section-4 { display: flex; flex-direction: row; height: auto; margin-top: 50px; width: 100%; } .section-4 .col-50-left { width: 675px; max-height: 400px; margin: 50px; } .section-4 .centered-text { align-items: center; justify-content: center; } .section-4 .col-50-right { width: 675px; max-height: 400px; } .section-4 .col-50-right img { object-fit: cover; height: 100%; width: 100%; } /* SEKSJON 4-2*/ .section-4-2 { display: flex; flex-direction: row; height: auto; margin-top: 50px; width: 100%; } .section-4-2 .col-50-right { max-height: 524px; align-items: center; display: flex; justify-content: center; color: black; background-color: white; width: 50%; } .section-4-2 .centered-text { padding: 10%; align-items: center; justify-content: center; } .section-4-2 .col-50-left { width: 675px; max-height: 400px; } .section-4-2 .col-50-left img { object-fit: cover; height: 100%; width: 100%; } /* SEKSJON 5 text*/ .section-5 .col-100 { position: relative; width: 60%; text-align: center; margin: 0 auto; } .section-5 .col-100 p { text-align: center !important; } /* TEXT LEFT SQUARE VIDEO RIGHT*/ .text-left-square-video-right { display: flex; flex-direction: row; height: auto; margin-top: 50px; width: 100%; } .text-left-square-video-right .col-50-text-left { max-height: 524px; align-items: center; display: flex; justify-content: center; color: black; background-color: white; width: 50%; } .text-left-square-video-right .centered-text { padding: 10%; align-items: center; justify-content: center; } .text-left-square-video-right .centered-text .video-right { height: 200px !important; z-index: 3; } .text-left-square-video-right h2 { margin-left: 15px; } .text-left-square-video-right .col-50-video-right { width: 675px; max-height: 400px; } /* TEXT RIGHT VIDEO LEFT*/ .text-right-video-left { display: flex; flex-direction: row; height: 650px; margin-top: 50px; min-width: 100%; position: relative; flex-wrap: nowrap; justify-content: space-around; align-content: center; } .text-right-video-left .col-50-left { max-height: 500px; align-items: center; display: flex; justify-content: flex-end; color: white; background-color: #252525; width: 50%; flex-direction: row; align-content: center; flex-wrap: nowrap; margin-left: 160px; } .text-right-video-left .centered-text { padding: 10%; align-items: center; justify-content: center; z-index: 3; } .text-right-video-left h2 { margin-left: 15px; } .text-right-video-left .col-50-right { width: 50%; position: absolute; right: 55%; top: 15%; } /* TEXT OVER VIDEO OR IMAGE TRANSPARENT BG TEXTBOX */ .text-over-video { height: 800px; } .text-over-video .container { position: relative; } .text-over-video .container .text-container { position: absolute; z-index: 2; width: 30%; margin-left: 30px; top: 25%; background-color: white; padding: 25px; } .text-over-video .container .text-container p { margin: 0px; padding: 0px; } /*BIG QUOTE*/ .big-quote-section { height: 250px; z-index: 5; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: center; } .big-quote-section .big-quote-container { width: 80%; } .big-quote-section .big-quote-container h2 { margin-bottom: 0px; text-transform: uppercase; text-align: center; } .big-quote-section .big-quote-container p { color: darkgrey; } /* TEXT LEFT WITH OVERLAPPING IMAGES TO THE RIGHT */ .text-left-overlapping-images-left { margin: 0px 20px 0px 20px; display: flex; height: 800px; } .text-left-overlapping-images-left .col-left { width: 40%; z-index: 3; } .text-left-overlapping-images-left .col-right { width: 50%; } .text-left-overlapping-images-left .col-right .overlapping-images { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; position: relative; } .text-left-overlapping-images-left .col-right .overlapping-images #img-2 { position: absolute; top: 50%; right: 50%; } .text-left-overlapping-images-left .col-right .overlapping-images { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; position: relative; } .text-left-overlapping-images-left .col-right .overlapping-images #img-2-brand-story { position: absolute; top: 50%; right: 30%; } /* WIDE IMAGE WITH TEXT OVERLAY */ .wide-image-with-text-overlay { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; align-items: center; position: relative; width: 100%; } .wide-image-with-text-overlay .wide-image-container { width: 100%; } .wide-image-with-text-overlay .text-container { position: absolute; width: 30%; left: 50%; top: 25%; } .wide-image-with-text-overlay .text-container h2 { padding-left: 15px; } .wide-image-with-text-overlay img { width: 100%; object-fit: cover; } #text-paragraph { display: block; } #text-paragraph-mobile { display: none; } /* .wide-image-with-text-overlay img { height: auto; } */ /*BUTTONS*/ a { color: black; text-decoration: none; } button { padding: 10px 60px; border: 2px solid black; background: white; transition: padding 1s; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; } button:hover { padding: 10px 100px; font-weight: bold; } button-col-3 { padding: 10px 60px; border: 2px solid black; background: white; transition: padding 1s; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; margin: 0 7em; } button-col-3:hover { padding: 10px 100px; font-weight: bold; } .buy-now { padding: 10px 60px; border: 2px solid black; background: black !important; color: white !important; transition: padding 1s; margin-left: 15px; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; } .buy-now:hover { padding: 10px 60px; font-weight: bold; } /* MOBILE */ @media only screen and (max-width: 680px) { .article-carousel-wrapper .article-carousel { max-height: 400px !important; } h1 { padding: 8px; font-size: 33px; font-weight: 300; margin: 12px 0; } h2 { font-size: 25px !important; margin-left: 9px !important; } h3 { font-size: 21px; line-height: 1.3em; text-align: center; } h4 { font-family: "aktiv_groteskregular", Arial; font-size: 15px; line-height: 3px; text-align: center; font-weight: 100; } .nav-text { text-decoration: none; color: white; background: black; border-radius: 3px; border: 1px solid black; width: 70%; margin: 0 auto; } .nav-text:hover { background: white; color: black; } .my-wrapper { display: flex; flex-direction: column; } p { font-weight: 400; padding: 8px; } col-4 .service .three { margin-top: 2em; } /* GLOBAL SHIT MOBILE*/ .header-banner .header-promotion p { font-size: 8px; line-height: 12px; } /*IMAGE SLIDER*/ .container .img-gallery-item { width: 70%; } .section-1 .col-100-mobile { display: flex; flex-direction: column; } .blog-wrapper .article-carousel-wrapper { margin: 10px 0 40px 0; } .col-100-mobile #logo { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: space-between; } .col-100-mobile #logo img { width: 85px; padding: 10px; } .col-100-mobile #logo #iframe-video-mobile { width: 110px; padding: 10px; } .section-1 .col-50 #for-sweet { display: none; } .col-100-mobile #logo h1 { font-size: 1.8em; line-height: 1.2em; margin-top: 0px; margin-bottom: 0px; } .section-1 #cta-over-video { position: unset; top: unset; bottom: unset; display: flex; justify-content: space-around; align-items: center; padding: 10px 0px 10px 0px; } /* SECTION 2 - MOBILE*/ .section-2 { height: auto; max-width: 91%; margin: 0 auto; } .section-2 .col-100 { width: 100%; } /* SECTION 3 MOBILE*/ .section-3 { display: flex; flex-direction: column; justify-content: inherit; } .section-3 .image-wrapper { display: block; width: 100%; } .my-left-image { object-fit: cover; height: 400px; width: 100%; } .right-image { object-fit: cover; height: 400px; width: 100%; } /* END SECTION 3*/ /* SECTION 4 MOBILE*/ .section-4 { display: flex; flex-direction: column; height: unset; margin-top: unset; } .section-4 .col-50-left { align-content: center; justify-content: center; width: 100%; margin: 0px; } .section-4 .centered-text { padding: 20px; align-items: center; justify-content: center; } .section-4 h2 { margin-left: 15px; font-size: 1.15em; line-height: 1.5em; } .section-4 .col-50-right { display: flex; align-content: center; width: 100%; } .section-4 .col-50 img { width: 100%; } /* SECTION 4-2 MOBILE*/ .section-4-2 { display: flex; flex-direction: column; height: unset; margin-top: unset; } .section-4-2 .col-50-right { align-items: center; display: flex; justify-content: center; width: 100%; } .section-4-2 .centered-text { padding: 20px; align-items: center; justify-content: center; } .section-4-2 h2 { margin-left: 15px; font-size: 1.15em; line-height: 1.5em; } .section-4-2 .col-50-left { display: flex; align-content: center; width: 100%; margin-top: 2em; } .section-4-2 .col-50 img { width: 100%; } /* SEKSJON 5 text*/ .section-5 { margin: -7em 0 0em 0; } .section-5 .col-100 { position: relative; width: 87%; margin: 0 auto; text-align: left; } .section-5 .col-100 p { text-align: left !important; } /*BUTTONS MOBILE*/ button { padding: 10px 24px; border: 3px solid black; background: white; color: black; transition: padding 1s; margin-left: 10px; text-transform: uppercase; } button:hover { padding: 10px 50px; } button-col-3 { padding: 10px 30px; border: 3px solid black; background: white; color: black; transition: padding 1s; margin-left: 10px; text-transform: uppercase; transition: padding 1s; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; max-width: 100%; margin: 0 6em 0 6em; text-align: center; } button-col-3:hover { padding: 10px 50px; } /* TEXTBOX LEFT SQUARE VIDEO RIGHT MOBILE */ .text-left-square-video-right { display: flex; flex-direction: column; height: unset; margin-top: unset; } } .text-left-square-video-right .col-50-text-left { display: flex; align-content: center; width: 100%; margin-top: 0em; } .text-left-square-video-right .centered-text { padding: 20px; align-items: center; justify-content: center; } .text-left-square-video-right h2 { margin-left: 15px; } .text-left-square-video-right .col-50-video-right { display: flex; flex-direction: column-reverse; flex-wrap: nowrap; margin-top: 20px; width: 100%; padding-left: 0px; height: 1000px; } /* TEXT RIGHT VIDEO LEFT - MOBILE*/ .text-right-video-left { display: flex; flex-direction: column; flex-wrap: nowrap; margin-top: 20px; min-width: 100%; padding-left: 0px; height: 1000px; } .text-right-video-left .col-50-left { max-height: 500px; align-items: center; display: flex; justify-content: center; color: white; background-color: #252525; width: 100%; margin-left: 0px; } .text-right-video-left .centered-text { padding: 10%; align-items: center; justify-content: center; z-index: 3; } .text-right-video-left h2 { margin-left: 15px; } .text-right-video-left .col-50-right { position: unset; width: 100%; height: 1000px; margin-top: 20px; } /*TEXT OVER IMAGE OR VIDEO MOBILE*/ .text-over-video { height: 640px; } .text-over-video .container { position: relative; display: block; margin-bottom: 25px; } .text-over-video .container .text-container { position: relative; z-index: 2; width: 100%; margin: 20px 0px 20px 0px; margin-left: unset; top: unset; background-color: white; padding: unset; } .text-over-video .container .text-container p { margin: 0px; padding: 0px; } /* TEXT LEFT WITH OVERLAPPING IMAGES TO THE RIGHT MOBILE */ .text-left-overlapping-images-left { margin: 0px 20px 0px 20px; display: flex; height: auto; flex-wrap: wrap; flex-direction: row; } .text-left-overlapping-images-left .col-left { width: 100%; z-index: 3; } .text-left-overlapping-images-left .col-right { width: 100%; } .text-left-overlapping-images-left .col-right .overlapping-images { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; position: unset; } .text-left-overlapping-images-left .col-right .overlapping-images #img-1 { position: unset; margin-right: 30px; } .text-left-overlapping-images-left .col-right .overlapping-images #img-2 { position: unset; margin-left: 30px; } /* WIDE IMAGE WITH TEXT OVERLAY MOBILE*/ .wide-image-with-text-overlay { position: relative; width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .wide-image-with-text-overlay .wide-image-container { width: 100%; position: relative; } .wide-image-with-text-overlay .text-container { width: 100%; position: unset; } .wide-image-with-text-overlay .text-container #text-title { display: flex; padding-left: 10px; } #text-paragraph { display: none; } #text-paragraph-mobile { display: flex; } .wide-image-with-text-overlay img { width: 100%; object-fit: cover; } .wide-image-with-text-overlay .text-container button { display: none; } /* BIG QUOTE MOBILE*/ .big-quote-section .big-quote-container { width: 60%; } .big-quote-section .big-quote-container h2 { font-size: 2em; } /* VARIOUS ADJUSTMENTS MOBILE */ .text-left-overlapping-images-left .col-right .overlapping-images #img-2-brand-story { position: unset; margin-left: 40px; } #product-carousel { padding-left: 0px; padding-top: 10px; } } /* LAST BRACE MOBILE */ /* END MOBILE*/ /* VARIOUS ADJUSTMENTS DESKTOP */ #bio, #brand-story { padding-left: 15px; } #text-over-video-button { margin: 25px 0px 0px 0px; } /* PRODUCT CAROUSEL TWEAKS */ #product-carousel { padding-top: 50px; padding-left: 50px; } #product-carousel .product-image a img { width: 310px; height: 450px; object-fit: contain; } #product-carousel .product-image .badge-wrapper img { width: 100px; height: 100px; padding: unset; } #product-carousel a { font-family: "gzaseminegra", Arial; font-size: 1.5em; } #product-carousel .slick-slide img { padding: 10px 10px 10px 0px; } #product-carousel .product-sales-price { font-size: 1.5em; } #product-carousel .product-tile .swatch-list { display: none; } /* UTILITIES */ .space-10 { margin: 5px 0px 5px 0px; } .space-20 { margin: 10px 0px 10px 0px; } .space-40 { margin: 20px 0px 20px 0px; } </style> <!-- HEADING --> <div class="section-1"> <div class="col-100"> <picture> <source media="(min-width: 769px)" srcset="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw9713b800/Campaigns/gift-guide-2021/gift-guide-2021-topbanner.jpg"> <source media="(max-width: 768px)" srcset="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw9713b800/Campaigns/gift-guide-2021/gift-guide-2021-topbanner.jpg"> <img class="blog-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw9713b800/Campaigns/gift-guide-2021/gift-guide-2021-topbanner.jpg" alt="" title="" style="max-height: none;" /> </picture> </div> <div class="section-2"> <div class="col-100"> <h1> Celebrate the season. Find the best “products" to give.​</h1> </div> </div> </div> <!-- Navigation --> <div class="row-3-col"> <!-- Navigation 1 --> <div class="col-4 service two"> <a href="#perfect-gift-section"> <div class="nav-text"> <h4>Gifts for every athlete</h4> </div> </a> </div> <!-- Navigation 2 --> <div class="col-4 service two"> <a href="#bestsellers"> <div class="nav-text"> <h4>Bestsellers</h4> </div> </a> </div> <!-- Navigation 3 --> <div class="col-4 service two"> <a href="#passion-section"> <div class="nav-text"> <h4>Gifts for every Passion</h4> </div> </a> </div> <!-- Navigation 4 --> <div class="col-4 service two"> <a href="#warm-and-dry-section"> <div class="nav-text"> <h4>Gifts to keep you warm and dry</h4> </div> </a> </div> <!-- Navigation 5 --> <div class="col-4 service two"> <a href="#athletes-favourites-section"> <div class="nav-text"> <h4>Our Athletes favourites</h4> </div> </a> </div> <!-- Navigation 6 --> <div class="col-4 service two"> <a href="#stocking-stuffers"> <div class="nav-text"> <h4>Stocking Stuffers</h4> </div> </a> </div> </div> <div id="perfect-gift-section" class="section-2"> <div class="col-100" style="text-align: center; margin-top: 3em;"> <h1>The perfect gift for every athlete</h1> </div> </div> <!-- SEKSJON MED TRE BILDER --> <div class="row-3-col"> <!-- Snow Helmets --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/helmets/ski-and-snowboard-helmets/"> <img alt="The Curve Stretch Jacket and Pants from Sweet Protection." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw63b8cd19/Campaigns/gift-guide-2021/gift-guide-2021-image-7.jpg" /> </a> <div class="image-text"> <h2>Snow Helmets</h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/helmets/ski-and-snowboard-helmets/">Buy now </a> </div> </div> </div> <!-- Cycling Helmets --> <div class="col-4 service three"> <a href="https://www.sweetprotection.com/en-us/helmets/bike-helmets/"> <img alt="New eyewear arrivals from Sweet Protection." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwc3e77642/Campaigns/gift-guide-2021/gift-guide-2021-image-8.jpg" /> </a> <div class="image-text"> <h2>Cycling Helmets </h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/helmets/bike-helmets/">Buy now </a> </div> </div> </div> <!-- Eyewear/Goggles --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/eyewear/"> <img alt="The Aksel Helmet and Goggle." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw143bc08f/Campaigns/gift-guide-2021/gift-guide-2021-image-9.jpg" /> </a> <div class="image-text"> <h2>Eyewear/Goggles</h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/eyewear/">Buy now </a> </div> </div> </div> </div> <!-- 2-col-1​ --> <div id="bestsellers" class="section-2"> <div class="col-100" style="text-align: center; margin-top: 3em;"> <h1>Bestsellers​</h1> </div> </div> <div class="section-4-2"> <div class="col-50-left"> <img alt="Axel Lund Svindal dressed in new all mountain ski apparel collection" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwd4a6a433/Campaigns/gift-guide-2021/gift-guide-2021-image-4.jpg"> </div> <div class="col-50-right"> <div class="centered-text"> <h2> Men's Bestsellers </h2> <p> Whether they're pro, new to the sport or just gearing up, this gift guide has the favorite gear and most-loved items for skiing, cycling or paddling. </p> <button> <a href="https://www.sweetprotection.com/en-us/for-mens/mens-bestsellers/">Shop Men's</a> </button> </div> </div> </div> <!-- 2-col-2 --> <div class="section-4"> <div class="col-50-left"> <div class="centered-text"> <h2> Women’s Bestsellers </h2> <p> Function, style, quality, warmth or safety. Whatever the need, these are our picks for the ladies for skiing, cycling or paddling. </p> <button> <a href="https://www.sweetprotection.com/en-us/for-womens/womens-bestsellers/">Shop Women's</a> </button> </div> </div> <div class="col-50-right"> <img alt="Axel Lund Svindal dressed in new all mountain ski apparel collection" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw39a03403/Campaigns/gift-guide-2021/gift-guide-2021-image-5.jpg"> </div> </div> <!-- 2-col-2​ --> <div class="section-4-2" style="margin-bottom: 4em;"> <div class="col-50-left"> <img alt="Axel Lund Svindal dressed in new all mountain ski apparel collection" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwf293148b/Campaigns/gift-guide-2021/gift-guide-2021-image-6.jpg"> </div> <div class="col-50-right"> <div class="centered-text"> <h2> Junior’s Bestsellers </h2> <p> Small but mighty! Make sure your little ones have the best gear to stay out on the trails with you, in comfort, all day. </p> <button> <a href="https://www.sweetprotection.com/en-us/for-junior/juniors-bestsellers/">Shop Junior’s</a> </button> </div> </div> </div> <!-- 3-col --> <div id="passion-section" class="wrapper"> <div id=""> <div class="col-100" style="text-align: center; margin-top: 3em;"> <h1>Gifts for every Passion</h1> </div> <!-- HTML SECTION --> <div class="wrapper"> <div id=""> <!-- SEKSJON MED TRE BILDER --> <div class="row-3-col"> <!-- Freeriding --> <div class="col-4 service two"> <img alt="The Curve Stretch Jacket and Pants from Sweet Protection." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw8df38c07/Campaigns/gift-guide-2021/gift-guide-2021-image-1.jpg" /> <div class="image-text"> <h2>Freeriding</h2> <p> This gear is purposefully built to provide the protection and performance needed to tackle natural terrain and the harshest elements, whether it is lift assisted or earn-your-turns. Articulated, minimalistic and function-first solutions using the best materials and technologies. </p> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/for-freeriding/for-freeriding---womens/">Women’s </a> <a class="buy-now" href="https://www.sweetprotection.com/en-us/for-freeriding/for-freeriding---mens/">Men’s </a> </div> </div> </div> <!-- Resort --> <div class="col-4 service three"> <img alt="New eyewear arrivals from Sweet Protection." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw5daf0712/Campaigns/gift-guide-2021/gift-guide-2021-image-2.jpg" /> <div class="image-text"> <h2>Resort </h2> <p> Crisp turns, smooth runs, from bell to bell. If you can’t wait to be the first in line to take the lift, here is your selection of apparel, helmets and goggles for that perfect day. The basics to keep you warm and protected from winter weather—without cramping your style. </p> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/for-ski--or-snowboarding-the-resort/for-ski--or-snowboarding---womens/">Women’s </a> <a class="buy-now" href="https://www.sweetprotection.com/en-us/for-ski--or-snowboarding-the-resort/for-ski--or-snowboarding---mens/">Men’s </a> </div> </div> </div> <!-- Trail, Road or Gravel Riding --> <div class="col-4 service two"> <img alt="The Aksel Helmet and Goggle." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw12ea160d/Campaigns/gift-guide-2021/gift-guide-2021-image-3.jpg" /> <div class="image-text"> <h2>Trail, Road or Gravel Riding</h2> <p> Are you looking to please the cyclist on your list? From gravel tourers, to hardcore roadies, whether ripping mountain trails or simply commuting to work, here our recommendations for the best cycling helmets, glasses or apparel. </p> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/for-trail-road-or-gravel-riding/for-trail-road-or-gravel-riding---womens/">Women’s </a> <a class="buy-now" href="https://www.sweetprotection.com/en-us/for-trail-road-or-gravel-riding/for-trail-road-or-gravel-riding---mens/">Men’s </a> </div> </div> </div> </div> </div> </div> </div> </div> <!-- 3-col 2 --> <div id="warm-and-dry-section" class="wrapper"> <div id=""> <div class="section-2"> <div class="col-100" style="text-align: center; margin-top: 3em;"> <h1>Gifts to keep you warm and dry</h1> </div> </div> <!-- SEKSJON MED TRE BILDER --> <div class="row-3-col"> <!-- Apparel for him --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/for-mens/apparel-mens/"> <img alt="The Curve Stretch Jacket and Pants from Sweet Protection." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw6d9be7cc/Campaigns/gift-guide-2021/gift-guide-2021-image-10.jpg" /> </a> <div class="image-text"> <h2>Apparel for him</h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/for-mens/apparel-mens/">Buy now </a> </div> </div> </div> <!-- Apparel for her --> <div class="col-4 service three"> <a href="https://www.sweetprotection.com/en-us/for-womens/apparel-womens/"> <img alt="New eyewear arrivals from Sweet Protection." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw1427ccf4/Campaigns/gift-guide-2021/gift-guide-2021-image-11.jpg" /> </a> <div class="image-text"> <h2>Apparel for her </h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/for-womens/apparel-womens/">Buy now </a> </div> </div> </div> <!-- Accessories --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/accessories-1/"> <img alt="The Aksel Helmet and Goggle." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw176eaa92/Campaigns/gift-guide-2021/gift-guide-2021-image-12.jpg" /> </a> <div class="image-text"> <h2>Accessories</h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/accessories-1/">Buy now </a> </div> </div> </div> </div> </div> </div> <!-- 2-col-1​ --> <div class="section-4-2"> <div class="col-50-left"> <img alt="Axel Lund Svindal dressed in new all mountain ski apparel collection" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwe40b2547/Campaigns/gift-guide-2021/gift-guide-2021-image-13.jpg"> </div> <div class="col-50-right"> <div class="centered-text"> <h2> Enjoy Any Weather </h2> <p> This gear was designed to stay dry, warm on descents or riding the lift, and through big powder turns while giving you the breathability and ventilation needed you need for a successful day on the mountain. </p> <button> <a href="https://www.sweetprotection.com/en-us/enjoy-any-weather/enjoy-any-weather---mens/">Men's</a> </button> <button style="margin-left: 5px;"> <a href="https://www.sweetprotection.com/en-us/enjoy-any-weather/enjoy-any-weather---womens/">Women's</a> </button> </div> </div> </div> <!-- 2-col-2 --> <div class="section-4"> <div class="col-50-left"> <div class="centered-text"> <h2> Confidence in contrast </h2> <p> Bluebird days is what we all dream of, sometimes dashing through the snowstorm or fog isn't preferred. Somedays you get a mix of everything. Here our favorite goggles and lenses for the skier or snowboarder on your list who heads out in any weather. </p> <button> <a href="https://www.sweetprotection.com/en-us/search/?cgid=eyewear-light-conditions">Buy now</a> </button> </div> </div> <div class="col-50-right"> <img alt="Axel Lund Svindal dressed in new all mountain ski apparel collection" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw92a8294e/Campaigns/gift-guide-2021/gift-guide-2021-image-14.jpg"> </div> </div> <!-- 3-col 2 --> <div id="athletes-favourites-section" class="wrapper"> <div id=""> <h1 style="text-align: center; margin-top: 2em;">Our Athletes favourites</h1> <!-- Our Athletes favourites --> <div class="row-3-col"> <!-- Aksel --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/our-athletes-favourites/aksel-lund-svindal-favourites/"> <img alt="The Curve Stretch Jacket and Pants from Sweet Protection." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw45d38947/Campaigns/gift-guide-2021/gift-guide-2021-image-15.jpg" /> </a> <div class="image-text"> <h2>Aksel Lund Svindal</h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/our-athletes-favourites/aksel-lund-svindal-favourites/">Check now </a> </div> </div> </div> <!-- Henrik Kristoffersen --> <div class="col-4 service three"> <a href="https://www.sweetprotection.com/en-us/our-athletes-favourites/henrik-kristoffersen-favourites/"> <img alt="New eyewear arrivals from Sweet Protection." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwbeb12823/Campaigns/gift-guide-2021/gift-guide-2021-image-16.jpg" /> </a> <div class="image-text"> <h2>Henrik Kristoffersen </h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/our-athletes-favourites/henrik-kristoffersen-favourites/">Check now </a> </div> </div> </div> <!-- Ragnhild Mowinckel --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/our-athletes-favourites/ragnhild-mowinckel-favourites/"> <img alt="The Aksel Helmet and Goggle." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwdd5a1c37/Campaigns/gift-guide-2021/gift-guide-2021-image-17.jpg" /> </a> <div class="image-text"> <h2>Ragnhild Mowinckel</h2> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/our-athletes-favourites/ragnhild-mowinckel-favourites/">Check now </a> </div> </div> </div> </div> </div> </div> <!-- Section 5​ --> <div id="stocking-stuffers" class="section-5" style="margin-top: 4em;"> <div class="col-100"> <h1> Stocking Stuffers </h1> </div> <div class="col-100"> <p> Just need to find a little something? Here are some of our favorite accessories that can make a big impact for athletes. ​<br><br> </div> </div> <!-- 3-col 2 --> <div class="wrapper"> <div id=""> <!-- Our Athletes favourites --> <div class="row-3-col"> <!-- Accessories 1 --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/hunter-merino-socks/820178-ONBE-40%2F42.html"> <img alt="The Curve Stretch Jacket and Pants from Sweet Protection." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwf396b81c/Campaigns/gift-guide-2021/accessories-1.jpg" /> </a> <div class="image-text"> <h3>Hunter Merino Socks</h3> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/hunter-merino-socks/820178-ONBE-40%2F42.html">Buy now </a> </div> </div> </div> <!-- Accessories 2 --> <div class="col-4 service three"> <a href="https://www.sweetprotection.com/en-us/sweet-protection-corporate-trucker-cap/827045-SEGRY-OS.html"> <img alt="New eyewear arrivals from Sweet Protection." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw0e968bbc/Campaigns/gift-guide-2021/accessories-2.jpg" /> </a> <div class="image-text"> <h3>Corporate Trucker Cap </h3> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/sweet-protection-corporate-trucker-cap/827045-SEGRY-OS.html">Buy now </a> </div> </div> </div> <!-- Accessories 3 --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/cliff-beanie/820189-BLACK-OS.html"> <img alt="The Aksel Helmet and Goggle." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dw735a046b/Campaigns/gift-guide-2021/accessories-3.jpg" /> </a> <div class="image-text"> <h3>Cliff Beanie</h3> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/cliff-beanie/820189-BLACK-OS.html">Buy now </a> </div> </div> </div> <!-- Accessories 4 --> <div class="col-4 service two"> <a href="https://www.sweetprotection.com/en-us/face-mask-merino/820345-99901-OS.html"> <img alt="The Aksel Helmet and Goggle." class="landing-image" src="https://www.sweetprotection.com/on/demandware.static/-/Library-Sites-sweetprotection_shared/default/dwbfe1937e/Campaigns/gift-guide-2021/accessories-4.jpg" /> </a> <div class="image-text"> <h3>Face Mask Merino</h3> <div class="btn"> <a class="buy-now" href="https://www.sweetprotection.com/en-us/face-mask-merino/820345-99901-OS.html">Buy now </a> </div> </div> </div> </div> </div> </div>

articles-aw21

Gift Guide

Celebrate the season. Find the best “products" to give.​ The perfect gift for every athlete

Read more