/*! -------------------------------------------------------------------------------- Theme Name: Jack Wolfskin landing page Author: Machinas Digital Development S.L. Author URI: https://machinas.com Fri Jul 21 2023 14:12:51 GMT+0200 (Central European Summer Time) -------------------------------------------------------------------------------- */ @charset "UTF-8";html{overscroll-behavior-x:none}.jwsdw-pageWrapper{max-width:none}.landingpage-wrapper>section{position:relative;line-height:0}.landingpage-wrapper .jws-grid-container-gutter:not(.jwsdw-lottery-mainform){margin-bottom:0}.landingpage-wrapper .jws-grid-container-gutter:not(.jwsdw-lottery-mainform)>[class*=jws-grid-]{margin-bottom:0}picture{display:block;position:relative;line-height:0}figure{margin:0}.msdw-container{max-width:1480px;margin-right:auto;margin-left:auto}#jwsdw-body{overflow:initial}.landingpage-wrapper *,.landingpage-wrapper ::after,.landingpage-wrapper ::before{-webkit-tap-highlight-color:transparent}.msdw-overflowVisible{overflow:visible}.msdw-center-icon{display:grid;place-content:center}.msdw-video-wrapper{width:100vw;height:auto;position:relative;outline:0;font-size:0}.msdw-video-wrapper video{width:100%;height:100%}.msdw-video-wrapper-bg1{background:#222 url(../img/hero_banner_video_fallback_M.jpg) center center/cover no-repeat}.msdw-video-wrapper-bg2{background:#222 url(../img/Video_fallback_loop_mobile.jpg) center center/cover no-repeat}.msdw-play-video{position:relative;cursor:pointer}.msdw-play-video::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);pointer-events:none;width:0;height:0;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:45px solid #fff}.msdw-popup-video-backdrop,.msdw-popup-video-wrapper{position:fixed;top:0;left:0;width:100%;height:100%}.msdw-popup-video-wrapper{display:grid;place-items:center;z-index:10003;opacity:0;visibility:hidden;transition:opacity .35s linear}.msdw-popup-video-wrapper.msdw-active{opacity:1;visibility:visible}.msdw-popup-video-wrapper .msdw-popup-video-backdrop{background:rgba(0,0,0,.85)}.msdw-popup-video-wrapper .msdw-popup-video{max-width:calc(100vw - 15px);max-height:calc(100vh - 160px);outline:0;cursor:pointer;z-index:10004}.msdw-popup-video-wrapper .msdw-video-close{position:absolute;top:30px;right:30px;cursor:pointer}.msdw-section-participants .swiper-horizontal>.swiper-scrollbar{background:0 0;background-image:linear-gradient(to bottom,#fff 3px,#222 2px)}.swiper-slide .msdw-flag{max-width:14px}.swiper-slide .msdw-grid>div{opacity:0;transform:translateY(1rem)}.swiper-slide.swiper-slide-active .msdw-grid>div{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.5,0,.5,1);animation-timing-function:cubic-bezier(.5,0,.5,1)}@-webkit-keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.swiper-slide.swiper-slide-active .msdw-grid>div:nth-child(1){-webkit-animation-delay:.1s;animation-delay:.1s}.swiper-slide.swiper-slide-active .msdw-grid>div:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.swiper-slide.swiper-slide-active .msdw-grid>div:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.swiper-slide.swiper-slide-active .msdw-grid>div:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.msdw-subline-flag{display:flex;flex-direction:column}.swiper-horizontal>.swiper-scrollbar{position:relative;top:auto;bottom:auto;left:auto;width:100%;height:5px;overflow:hidden;background:#222;border-radius:unset;background:0 0;background-image:linear-gradient(to bottom,#dcd8c5 3px,#222 2px)}.swiper-horizontal>.swiper-scrollbar .swiper-scrollbar-drag{position:relative;background:#222;border-radius:unset;transition:transform .5s;cursor:-webkit-grab;cursor:grab}.swiper-pagination-fraction{position:relative;bottom:auto;left:auto;font:1rem/1.5 "JWS Open Sans",sans-serif;opacity:1;transition:unset;transform:none}.swiper-participants-button-next svg,.swiper-participants-button-prev svg{fill:#222}.swiper-button-disabled svg{fill:#cdcdcd}.msdw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}.msdw-flip-card--wrapper{aspect-ratio:332/262;perspective:600px}.msdw-flip-card{width:100%;height:100%;position:relative;transition:transform .8s ease;transform-style:preserve-3d;cursor:pointer}.msdw-flip-card.is-flipped{transform:rotateY(180deg)}.msdw-flip-card--face{position:absolute;width:100%;height:100%;margin:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center}.msdw-flip-card--back{transform:rotateY(180deg)}.msdw-flip-card--back .msdw-icon--plus{transform:rotate(45deg)}.msdw-flip-card--back em{quotes:"“" "”" "‘" "’"}.msdw-flip-card--back em::before{content:open-quote;position:relative;left:-.1em}.msdw-flip-card--back em::after{content:close-quote}.msdw-icon--plus{position:absolute;top:0;right:0;width:16px;height:16px;box-sizing:content-box;padding:3px 4px}.msdw-flip-card--front .msdw-icon--plus{transition:all .15s}#msdw-video-grid .swiper-slide img{width:719px!important}.js-trigger-video-modal{position:relative}.js-trigger-video-modal::after{content:url(../img/play.svg);position:absolute;top:50%;left:50%;color:#fff;transform:translate(-40%,-50%);pointer-events:none;width:15px}#msdw-video-01 .js-trigger-video-modal::after{width:25px}.js-trigger-video-modal+span{display:none}.js-trigger-video-modal img{opacity:1!important}.noscroll{overflow:hidden}.video-modal,.video-modal .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10003}.video-modal{overflow:hidden;position:fixed;opacity:0;display:flex;align-items:center;transform:translate(500%,0);transform-style:preserve-3d;transition:transform 0s linear 0s}.video-modal .overlay{z-index:0;background:rgba(0,0,0,.8);opacity:0;transition:opacity .2s ease-out 50ms}.video-modal-content{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;margin:0 auto;overflow-y:visible;background:#000;width:calc(100% - 12em);height:0;padding-top:calc((100% - 12em) * .5625)}.close-video-modal{display:block;position:fixed;right:30px;top:30px;text-decoration:none;font-size:20px;font-weight:700;color:#fff;cursor:pointer}iframe#youtube{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;box-shadow:0 2px 16px rgba(0,0,0,.5)}.show-video-modal .video-modal{opacity:1;transform:translate(0,0)}.show-video-modal .video-modal .overlay{opacity:1}.show-video-modal .video-modal-content{transform:translate(0,0)}.jwsdw-infoPicker-content>img{width:calc(100% + 1.75rem);max-width:none;margin:-.875rem -.875rem 0}.msdw-section-profile{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:1fr auto auto;gap:0 10px;justify-items:center}.msdw-section-profile .msdw-zoom-wrapper{overflow:hidden;aspect-ratio:1/1}.msdw-section-profile .a{grid-area:1/1/3/13}.msdw-section-profile .b{grid-area:2/3/4/11;z-index:1}.msdw-section-profile .b img{max-width:375px}.msdw-flex-md{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center}.msdw-video-wrapper-sub{position:relative;outline:0;font-size:0;aspect-ratio:var(--aspect)}.msdw-video-wrapper-sub video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:.15s opacity linear;will-change:opacity}.msdw-video-wrapper-sub .msdw-video-loaded{opacity:1}.msdw-tab-label{font-size:.875rem;cursor:pointer;border-bottom:3px solid transparent}#tabContentA1,#tabContentA2,#tabContentA3,#tabContentB1,#tabContentB2,#tabContentB3{opacity:0;height:0;overflow:hidden;transition:opacity .15s}#tabLabelA1:checked~#tabContentA1,#tabLabelA2:checked~#tabContentA2,#tabLabelA3:checked~#tabContentA3,#tabLabelB1:checked~#tabContentB1,#tabLabelB2:checked~#tabContentB2,#tabLabelB3:checked~#tabContentB3{opacity:1;height:auto;overflow:initial}#tabLabelA1:checked~#tabContentA1 .msdw-tab-label.jws-colorGrey1,#tabLabelA2:checked~#tabContentA2 .msdw-tab-label.jws-colorGrey1,#tabLabelA3:checked~#tabContentA3 .msdw-tab-label.jws-colorGrey1,#tabLabelB1:checked~#tabContentB1 .msdw-tab-label.jws-colorGrey1,#tabLabelB2:checked~#tabContentB2 .msdw-tab-label.jws-colorGrey1,#tabLabelB3:checked~#tabContentB3 .msdw-tab-label.jws-colorGrey1{border-bottom:3px solid currentColor}@media screen and (min-width:600px){.msdw-grid{gap:20px 15px}.msdw-section-profile .msdw-zoom-wrapper{aspect-ratio:899/599}.msdw-section-profile .b{grid-area:2/5/4/9}.msdw-flex-md{flex-direction:row}.msdw-grid-about{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:auto;gap:0 20px;grid-template-areas:". a a a a a a a a ."}.msdw-grid-about .a{grid-area:a}}@media screen and (min-width:900px){.msdw-video-wrapper-bg1{background:#222 url(../img/hero_banner_video_fallback_XL.jpg) center center/cover no-repeat}.msdw-video-wrapper-bg2{background:#222 url(../img/Video_fallback_loop_desktop.jpg) center center/cover no-repeat;aspect-ratio:1920/700}.msdw-sticky--lg{position:-webkit-sticky;position:sticky;top:10px}.msdw-subline-flag{flex-direction:row}.msdw-grid{gap:20px 20px}.msdw-icon--plus{padding:7px 8px}.msdw-grid-journey{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr;gap:0 20px;grid-template-areas:"a a a a c c c c c c c c" "b b b b c c c c c c c c";width:100%;height:100%}.msdw-grid-journey .a{grid-area:a}.msdw-grid-journey .b{grid-area:b}.msdw-grid-journey .c{grid-area:c}.js-trigger-video-modal::after{width:22px}#msdw-video-01 .js-trigger-video-modal::after{width:37px}.msdw-section-profile .msdw-zoom-wrapper{aspect-ratio:1920/747}}@media screen and (min-width:1200px){.swiper-slide .msdw-flag{max-width:none}.msdw-icon--plus{width:28px;height:28px}.js-trigger-video-modal::after{width:30px}#msdw-video-01 .js-trigger-video-modal::after{width:50px}}@media (max-width:600px){.video-modal-content{width:calc(100% - 1em);padding-top:calc((100% - 1em) * .5625)}}@media screen and (max-width:599px){.msdw-flip-card--back em{font-size:110%}}@media screen and (prefers-reduced-motion:no-preference){.msdw-animate{opacity:0;transform:translateY(1rem)}.msdw-animated{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.5,0,.5,1);animation-timing-function:cubic-bezier(.5,0,.5,1)}@-webkit-keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.msdw-anim-delay-1{-webkit-animation-delay:.1s;animation-delay:.1s}.msdw-anim-delay-2{-webkit-animation-delay:.2s;animation-delay:.2s}.msdw-anim-delay-3{-webkit-animation-delay:.3s;animation-delay:.3s}.msdw-anim-delay-4{-webkit-animation-delay:.4s;animation-delay:.4s}.msdw-anim-delay-5{-webkit-animation-delay:.5s;animation-delay:.5s}.msdw-anim-delay-6{-webkit-animation-delay:.6s;animation-delay:.6s}.msdw-anim-delay-7{-webkit-animation-delay:.7s;animation-delay:.7s}.msdw-anim-delay-8{-webkit-animation-delay:.8s;animation-delay:.8s}.msdw-anim-delay-9{-webkit-animation-delay:.9s;animation-delay:.9s}}@media (hover:hover){.msdw-flip-card--front .msdw-icon--plus:hover{transform:scale(1.2)}}@media (min-aspect-ratio:16 / 9){.video-modal-content{width:0;height:calc(100vh - 10em);padding-top:0;padding-left:calc((100vh - 10em) * 1.7778)}} /*# sourceMappingURL=20220822Gobackpack_styles.min.css.map */