@font-face{font-family:GroteskWid-Reg;src:url(/media/fonts/GroteskWid-Reg.otf) format("opentype");font-weight:700}@font-face{font-family:GroteskWid-Lig;src:url(/media/fonts/GroteskWid-Lig.otf) format("truetype")}.wrapper h1,.wrapper h2,.wrapper h3{font-size:2.5rem;text-transform:uppercase;font-family:GroteskWid-Reg,Roboto,'Open Sans',sans-serif}.wrapper button{font-family:GroteskWid-Lig,Roboto,'Open Sans',sans-serif}.wrapper a,.wrapper body,.wrapper h4,.wrapper h5,.wrapper h6,.wrapper li,.wrapper p,.wrapper ul{font-family:GroteskWid-Lig,Roboto,'Open Sans',sans-serif;font-weight:300}.container_1920{max-width:1920px;margin:auto;overflow:hidden;display:block}.parallax{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover;min-height:100vh;overflow:hidden;width:100%;z-index:0}.button.sticky{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;color:#3a3a3a;text-align:center;font-weight:600;padding:.8rem .1rem;transition:all .5s;position:fixed;z-index:10;bottom:10%;left:6%;opacity:1}.button.sticky:hover{background-color:#3a3a3a;color:#fff}.button.sticky.hidden{opacity:0;transform:translateX(-100%)}section .button{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;color:#3a3a3a;text-align:center;font-weight:600;padding:.8rem .1rem}section .button:hover{background-color:#3a3a3a;color:#fff}section.top{background-image:url(/media/image/product-series/montane-via-trail/top-banner.jpg);position:relative}section.top .logo{position:absolute;right:5%;top:100px;max-width:250px}section.top .text{left:6%;position:absolute;top:35vh;width:45%}section.top .text h1,section.top .text h3{color:#fff;text-transform:uppercase;font-size:1.5rem}section.top .text img{width:50%;margin-bottom:2rem}section.one{position:relative;background-image:url(/media/image/product-series/montane-via-trail/second-banner.jpg)}section.one .text_col{float:right}section.one .text_col h3,section.one .text_col p{color:#fff}section.one .text_col p{font-size:1.5rem;margin-bottom:2rem}section.one .text_col a{width:40%;margin:0 2.5%}section.one .text_col a:nth-child(3){margin-left:2px}section.two img{width:100%}section .text_col{width:50%;position:relative;padding:25% 2.5%}section.three.copy{max-width:1200px;display:block;margin:2rem auto;padding:0}section.three h3,section.three p{text-align:center;padding:0 2%;color:#3a3a3a}section.three h3{letter-spacing:10px}section.three .gender{margin:2rem auto;justify-content:center}section.three .mens,section.three .womens{cursor:pointer;position:relative;flex-basis:50%;margin:0 2.5%;background-color:#666}section.three .mens:hover img,section.three .womens:hover img{opacity:.4}section.three .mens .border,section.three .womens .border{width:95%;height:95%;position:absolute;top:2.5%;left:2.5%;border:1px solid #fff}section.three .mens .border h3,section.three .womens .border h3{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:100%;color:#fff}section #hide-button{width:100%}.button{background-color:#fff;color:#3a3a3a;padding:10px;position:relative;max-width:350px;text-transform:uppercase;width:100%;z-index:5}section.grid{margin:40px auto}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait){section.top{background-position:66% 50%;background-size:cover}section.top h1{font-size:1.5em}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){section.copy{padding:30px}section.top{background-attachment:scroll;background-position:88%;background-size:cover}section.top .text{width:60%}section.two .top-text{text-align:center;width:95%}section.two .title-text{top:10vh;width:80%;text-align:center}section.two .title-text h1{font-size:3em}section.two .title-text h1 br{display:none}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){section.two .title-text{top:43vh}}@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait){.parallax{background-attachment:scroll}}@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape){.parallax{background-attachment:scroll}}@media (min-width:845px) and (max-width:1100px){section.two .title-text{bottom:5vh;font-size:.8em;top:auto}}@media (min-width:1025px){section.top .text .button{display:none}}@media (max-width:1500px){section.two .title-text h1{font-size:3em}}@media (max-width:1024px){.button.sticky{display:none}}@media (max-width:768px){.parallax{background-attachment:scroll}section.one{min-height:unset;box-shadow:inset 0 0 0 1000px rgba(0,0,0,.4)}section.one .text_col{padding:5% 2.5% 30%;width:100%}section.one .text_col h3,section.one .text_col p{text-align:center}section.one .text_col p{margin-bottom:5%}section.one .text_col a{width:50%;float:right;margin:1rem 2.5%}section.one .text_col a:nth-child(3){margin-left:2.5%}}@media (max-width:767px){section.copy{padding:30px}section.top{background-attachment:scroll;background-position:66% 50%;background-size:cover}section.two .top-text{font-size:1em;text-align:center;width:95%}section.two .title-text{top:4vh;width:80%;text-align:center}section.two .title-text h1{font-size:1em}section.two .title-text h1 br{display:none}}@media (max-width:600px){section.top .logo{position:relative;margin:auto;display:block;top:0}section.top .text{width:100%;left:0;top:47%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}section.top .text a,section.top .text img{margin:auto;display:block}section.top .text img{margin-bottom:2rem}section.top .text a{margin-top:2rem}section.top .text h1,section.top .text h3{text-align:center}section.three h3{letter-spacing:normal}}@media (max-width:540px){section.one .text_col{padding:5% 2.5%}section.one .text_col h3{font-size:1.8rem}section.one .text_col p{font-size:1.3rem;margin-bottom:2rem}section.one .text_col a,section.one .text_col a:nth-child(3){float:none;width:90%;margin:1rem auto;display:block}section.three .mens,section.three .womens{margin:0}section.three .mens .border h3,section.three .womens .border h3{font-size:1.6rem}}